{"id":83,"date":"2026-04-16T12:22:53","date_gmt":"2026-04-16T12:22:53","guid":{"rendered":"https:\/\/smartcapitaleng.com\/?page_id=83"},"modified":"2026-04-22T11:38:11","modified_gmt":"2026-04-22T11:38:11","slug":"projects","status":"publish","type":"page","link":"https:\/\/smartcapitaleng.com\/ar\/projects\/","title":{"rendered":"\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"83\" class=\"elementor elementor-83\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d75e0a e-con-full e-flex e-con e-parent\" data-id=\"6d75e0a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-011172b elementor-widget elementor-widget-html\" data-id=\"011172b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap\"\r\n    rel=\"stylesheet\" \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\"\r\n    rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n    \/* ========================================================\r\n   ALL CSS SCOPED UNDER .sce-projects TO PREVENT CONFLICTS\r\n   ======================================================== *\/\r\n\r\n    .sce-projects {\r\n        --bg-color: #0A1A2F;\r\n        --bg-gradient: linear-gradient(180deg, #0A1A2F 0%, #132F4C 100%);\r\n        --text-main: #d5e3ff;\r\n        --text-muted: #d0c5b5;\r\n        --gold: #F2D28B;\r\n        --gold-dark: #C9A86A;\r\n        --glass-bg: rgba(16, 36, 61, 0.45);\r\n\r\n        font-family: 'Inter', sans-serif;\r\n        color: var(--text-main);\r\n        background: var(--bg-gradient) !important;\r\n        position: relative;\r\n        margin: 0;\r\n        padding: 0;\r\n        line-height: 1.6;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .sce-projects *,\r\n    .sce-projects *::before,\r\n    .sce-projects *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .sce-projects h1,\r\n    .sce-projects h2,\r\n    .sce-projects h3,\r\n    .sce-projects h4,\r\n    .sce-projects .font-headline {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n    }\r\n\r\n    \/* Material Symbols *\/\r\n    .sce-projects .material-symbols-outlined {\r\n        font-family: 'Material Symbols Outlined' !important;\r\n        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    \/* Base Utility Classes *\/\r\n    .sce-projects .glass-effect {\r\n        background: var(--glass-bg);\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        border: 1px solid rgba(201, 168, 106, 0.15);\r\n    }\r\n\r\n    .sce-projects .gold-glow {\r\n        box-shadow: 0 0 20px rgba(201, 168, 106, 0.15);\r\n    }\r\n\r\n    .sce-projects .text-shimmer {\r\n        background: linear-gradient(45deg, #d5e3ff 20%, #F2D28B 50%, #d5e3ff 80%);\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: sceTextShimmer 6s linear infinite;\r\n    }\r\n\r\n    @keyframes sceTextShimmer {\r\n        to {\r\n            background-position: 200% center;\r\n        }\r\n    }\r\n\r\n    .sce-projects .metallic-button {\r\n        display: inline-block;\r\n        background: linear-gradient(135deg, #C9A86A 0%, #F2D28B 50%, #C9A86A 100%);\r\n        background-size: 200% auto;\r\n        color: #261900;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        transition: 0.3s;\r\n        border: none;\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .sce-projects .metallic-button:hover {\r\n        transform: scale(1.02);\r\n        box-shadow: 0 0 30px rgba(201, 168, 106, 0.4);\r\n    }\r\n\r\n    \/* Hover grayscale-to-color effect for all images *\/\r\n    .sce-projects .hover-img-wrapper {\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .sce-projects .hover-img-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        filter: grayscale(100%);\r\n        transition: filter 0.7s ease, transform 0.7s ease;\r\n        display: block;\r\n    }\r\n\r\n    .sce-projects .hover-img-wrapper:hover img {\r\n        filter: grayscale(0%);\r\n        transform: scale(1.05);\r\n        \/* very subtle zoom effect *\/\r\n    }\r\n\r\n    \/* Badges & Tags *\/\r\n    .sce-projects .case-study-badge {\r\n        position: absolute;\r\n        top: 1rem;\r\n        left: 1rem;\r\n        padding: 0.5rem 1rem;\r\n        font-size: 0.75rem;\r\n        font-weight: bold;\r\n        letter-spacing: 0.1em;\r\n        text-transform: uppercase;\r\n        color: var(--gold);\r\n        z-index: 10;\r\n    }\r\n\r\n    .sce-projects .case-study-badge.right-badge {\r\n        left: auto;\r\n        right: 1rem;\r\n    }\r\n\r\n    \/* ================== SECTION 1: HERO ================== *\/\r\n    .sce-projects .hero-section {\r\n        position: relative;\r\n        min-height: 921px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n        padding: 5rem 2rem 5rem 2rem;\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .hero-section {\r\n            padding: 5rem 5rem 5rem 5rem;\r\n        }\r\n    }\r\n\r\n    .sce-projects .hero-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n    }\r\n\r\n    .sce-projects .hero-bg img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        opacity: 0.5;\r\n    }\r\n\r\n    .sce-projects .hero-gradient {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to top, var(--bg-color), rgba(10, 26, 47, 0.6), transparent);\r\n    }\r\n\r\n    .sce-projects .hero-content {\r\n        position: relative;\r\n        z-index: 10;\r\n        max-width: 64rem;\r\n    }\r\n\r\n    .sce-projects .hero-badge {\r\n        padding: 0.5rem 1.5rem;\r\n        font-weight: 700;\r\n        letter-spacing: 0.1em;\r\n        font-size: 1.25rem;\r\n        margin-bottom: 1rem;\r\n        border-radius: 0.25rem;\r\n    }\r\n\r\n    .sce-projects .hero-title {\r\n        font-size: 3.5rem;\r\n        font-weight: 700;\r\n        letter-spacing: -0.05em;\r\n        margin-bottom: 1.5rem;\r\n        text-transform: uppercase;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .hero-title {\r\n            font-size: 6rem;\r\n        }\r\n    }\r\n\r\n    .sce-projects .hero-title span {\r\n        color: var(--text-main);\r\n    }\r\n\r\n    .sce-projects .hero-box {\r\n        padding: 2rem;\r\n        border-left: 4px solid var(--gold-dark);\r\n        max-width: 48rem;\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .hero-box {\r\n            padding: 3rem;\r\n        }\r\n    }\r\n\r\n    .sce-projects .hero-desc {\r\n        font-size: 1.125rem;\r\n        font-style: italic;\r\n        font-weight: 300;\r\n        line-height: 1.8;\r\n        color: var(--text-muted);\r\n    }\r\n\r\n    .sce-projects .hero-features {\r\n        margin-top: 2rem;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .sce-projects .hero-feature {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n    }\r\n\r\n    .sce-projects .hero-feature span:last-child {\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.1em;\r\n        color: var(--gold);\r\n        font-weight: 700;\r\n    }\r\n\r\n\r\n    \/* ================== SECTION 2: INDUSTRIAL ================== *\/\r\n    .sce-projects .industrial-section {\r\n        padding: 6rem 2rem;\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .industrial-section {\r\n            padding: 6rem 5rem;\r\n        }\r\n    }\r\n\r\n    .sce-projects .industrial-header {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n        margin-bottom: 4rem;\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .industrial-header {\r\n            flex-direction: row;\r\n            align-items: flex-end;\r\n            justify-content: space-between;\r\n        }\r\n    }\r\n\r\n    .sce-projects .industrial-title {\r\n        font-size: 3rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: -0.05em;\r\n        margin: 0;\r\n    }\r\n\r\n    .sce-projects .industrial-line {\r\n        flex-grow: 1;\r\n        height: 1px;\r\n        background: rgba(201, 168, 106, 0.2);\r\n        margin: 0 2rem 0.5rem 2rem;\r\n        display: none;\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .industrial-line {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    .sce-projects .industrial-subtitle {\r\n        color: var(--gold);\r\n        font-size: 0.875rem;\r\n        letter-spacing: 0.3em;\r\n        font-weight: 700;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    \/* Industrial Case Studies Layout *\/\r\n    .sce-projects .case-study {\r\n        display: flex;\r\n        flex-direction: column;\r\n        margin-bottom: 3rem;\r\n        \/* Space between studies *\/\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .case-study {\r\n            flex-direction: row;\r\n        }\r\n    }\r\n\r\n    \/* Layout alternating direction classes *\/\r\n    .sce-projects .case-img-left {\r\n        width: 100%;\r\n        height: 300px;\r\n    }\r\n\r\n    .sce-projects .case-content-right {\r\n        width: 100%;\r\n        border-right: 4px solid var(--gold-dark);\r\n        border-left: none;\r\n    }\r\n\r\n    .sce-projects .case-img-right {\r\n        width: 100%;\r\n        height: 300px;\r\n        order: -1;\r\n    }\r\n\r\n    .sce-projects .case-content-left {\r\n        width: 100%;\r\n        border-left: 4px solid var(--gold-dark);\r\n        border-right: none;\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .case-img-left {\r\n            width: 58.33%;\r\n            height: 500px;\r\n        }\r\n\r\n        \/* 7\/12 *\/\r\n        .sce-projects .case-content-right {\r\n            width: 41.67%;\r\n        }\r\n\r\n        \/* 5\/12 *\/\r\n\r\n        .sce-projects .case-img-right {\r\n            width: 58.33%;\r\n            height: 500px;\r\n            order: 2;\r\n        }\r\n\r\n        .sce-projects .case-content-left {\r\n            width: 41.67%;\r\n            order: 1;\r\n        }\r\n    }\r\n\r\n    .sce-projects .case-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        padding: 2rem;\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .case-content {\r\n            padding: 3rem;\r\n        }\r\n    }\r\n\r\n    .sce-projects .case-title {\r\n        color: var(--gold);\r\n        font-size: 1.875rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        margin-bottom: 1.5rem;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .sce-projects .case-details {\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .sce-projects .case-detail-row {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        border-bottom: 1px solid rgba(201, 168, 106, 0.1);\r\n        padding-bottom: 0.5rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .sce-projects .case-detail-label {\r\n        color: var(--text-muted);\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        letter-spacing: 0.1em;\r\n    }\r\n\r\n    .sce-projects .case-detail-value {\r\n        color: var(--text-main);\r\n        font-weight: 500;\r\n    }\r\n\r\n    .sce-projects .case-overview {\r\n        color: var(--text-muted);\r\n        font-size: 0.875rem;\r\n        line-height: 1.6;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .sce-projects .case-overview strong {\r\n        color: var(--text-main);\r\n    }\r\n\r\n    .sce-projects .case-quote {\r\n        padding: 1rem;\r\n        background: rgba(10, 26, 47, 0.4);\r\n        border-left: 1px solid rgba(242, 210, 139, 0.5);\r\n    }\r\n\r\n    .sce-projects .case-quote p {\r\n        color: var(--gold);\r\n        font-size: 0.75rem;\r\n        font-style: italic;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n\r\n    \/* ================== SECTION 3: COMMERCIAL ================== *\/\r\n    .sce-projects .commercial-section {\r\n        padding: 8rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .commercial-section {\r\n            padding: 8rem 5rem;\r\n        }\r\n    }\r\n\r\n    .sce-projects .commercial-bg-icon {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        padding: 5rem;\r\n        opacity: 0.05;\r\n        pointer-events: none;\r\n        font-size: 300px;\r\n        color: var(--gold-dark);\r\n    }\r\n\r\n    .sce-projects .commercial-container {\r\n        max-width: 80rem;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sce-projects .commercial-title {\r\n        font-size: 3rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: -0.05em;\r\n        margin-bottom: 5rem;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .sce-projects .commercial-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .commercial-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media(min-width: 1024px) {\r\n        .sce-projects .commercial-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    .sce-projects .comm-card {\r\n        border-radius: 1rem;\r\n        display: flex;\r\n        flex-direction: column;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .sce-projects .comm-badge {\r\n        position: absolute;\r\n        top: -1rem;\r\n        right: -1rem;\r\n        z-index: 20;\r\n        width: 3rem;\r\n        height: 3rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 700;\r\n        color: #261900;\r\n        font-size: 1.125rem;\r\n        border-radius: 50%;\r\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .sce-projects .comm-img-box {\r\n        height: 16rem;\r\n        width: 100%;\r\n    }\r\n\r\n    .sce-projects .comm-body {\r\n        padding: 2.5rem;\r\n        flex-grow: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .sce-projects .comm-title {\r\n        color: var(--gold);\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        margin-bottom: 1.5rem;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .sce-projects .comm-loc {\r\n        margin-bottom: 2rem;\r\n        font-size: 0.875rem;\r\n        font-weight: 700;\r\n        letter-spacing: 0.2em;\r\n        color: var(--gold);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .sce-projects .comm-loc span {\r\n        opacity: 0.7;\r\n        color: var(--text-main);\r\n    }\r\n\r\n    .sce-projects .comm-features-title {\r\n        color: var(--text-main);\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        margin-bottom: 0.75rem;\r\n        letter-spacing: 0.1em;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .sce-projects .comm-list {\r\n        color: var(--text-muted);\r\n        font-size: 0.875rem;\r\n        margin-bottom: 1.5rem;\r\n        padding-left: 1.2rem;\r\n    }\r\n\r\n    .sce-projects .comm-list li {\r\n        margin-bottom: 0.5rem;\r\n        list-style-type: none;\r\n        position: relative;\r\n    }\r\n\r\n    .sce-projects .comm-list li::before {\r\n        content: '\u2022';\r\n        color: var(--gold);\r\n        position: absolute;\r\n        left: -1.2rem;\r\n        top: 0;\r\n    }\r\n\r\n    .sce-projects .comm-desc {\r\n        color: var(--text-muted);\r\n        font-size: 0.875rem;\r\n        line-height: 1.6;\r\n    }\r\n\r\n\r\n    .sce-projects .case-slider {\r\n        position: relative;\r\n        overflow: hidden;\r\n        width: 100%;\r\n        height: 300px;\r\n        background: #091625;\r\n    }\r\n\r\n    @media(min-width: 768px) {\r\n        .sce-projects .case-slider {\r\n            width: 58.33%;\r\n            height: 500px;\r\n        }\r\n    }\r\n\r\n    .sce-projects .case-slides {\r\n        position: absolute;\r\n        inset: 0;\r\n        opacity: 0;\r\n        transition: opacity 0.6s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .sce-projects .case-slides.active {\r\n        opacity: 1;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .sce-projects .case-slides img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        filter: none;\r\n        transform: none;\r\n    }\r\n\r\n    .sce-projects .case-slider-btn {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        z-index: 15;\r\n        width: 44px;\r\n        height: 44px;\r\n        border: none;\r\n        cursor: pointer;\r\n        background: rgba(10, 26, 47, 0.65);\r\n        color: #F2D28B;\r\n        font-size: 20px;\r\n        border-radius: 50%;\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        transition: 0.3s ease;\r\n    }\r\n\r\n    .sce-projects .case-slider-btn:hover {\r\n        background: rgba(201, 168, 106, 0.22);\r\n    }\r\n\r\n    .sce-projects .case-slider-btn.prev {\r\n        left: 16px;\r\n    }\r\n\r\n    .sce-projects .case-slider-btn.next {\r\n        right: 16px;\r\n    }\r\n\r\n    .sce-projects .case-slider-dots {\r\n        position: absolute;\r\n        bottom: 18px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        z-index: 15;\r\n        display: flex;\r\n        gap: 8px;\r\n    }\r\n\r\n    .sce-projects .case-slider-dots .dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, 0.35);\r\n        cursor: pointer;\r\n        transition: 0.3s ease;\r\n    }\r\n\r\n    .sce-projects .case-slider-dots .dot.active {\r\n        background: #F2D28B;\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    \/* ========== RESIDENTIAL DEVELOPMENTS SECTION ========== *\/\r\n    .sce-projects .residential-section {\r\n        padding: 6rem 2rem 4rem;\r\n        position: relative;\r\n    }\r\n\r\n    .sce-projects .residential-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .sce-projects .residential-title {\r\n        font-size: clamp(2rem, 5vw, 3.5rem);\r\n        letter-spacing: 0.15em;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .sce-projects .residential-line {\r\n        width: 100px;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, #F2D28B, transparent);\r\n        margin: 0.5rem auto;\r\n    }\r\n\r\n    .sce-projects .residential-subtitle {\r\n        font-size: 0.85rem;\r\n        letter-spacing: 0.3em;\r\n        color: #d0c5b5;\r\n        display: block;\r\n        margin-top: 0.5rem;\r\n    }\r\n\r\n    .sce-projects .residential-intro {\r\n        max-width: 750px;\r\n        margin: 0 auto 3rem;\r\n        text-align: center;\r\n        font-size: 1rem;\r\n        color: #d0c5b5;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* Bento Gallery Grid *\/\r\n    .sce-projects .res-gallery {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        grid-auto-flow: dense;\r\n        gap: 1.25rem;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 0 1rem;\r\n    }\r\n\r\n    .sce-projects .res-gallery-item {\r\n        position: relative;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        border: 1px solid rgba(242, 210, 139, 0.08);\r\n        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        aspect-ratio: 4 \/ 3;\r\n    }\r\n\r\n    .sce-projects .res-gallery-item:hover {\r\n        border-color: rgba(242, 210, 139, 0.35);\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(242, 210, 139, 0.1);\r\n    }\r\n\r\n    .sce-projects .res-gallery-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        filter: grayscale(40%) brightness(0.85);\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .sce-projects .res-gallery-item:hover img {\r\n        filter: grayscale(0%) brightness(1);\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .sce-projects .res-gallery-item .gallery-overlay {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        padding: 2rem 1rem 1rem;\r\n        background: linear-gradient(transparent, rgba(10, 26, 47, 0.95));\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .sce-projects .res-gallery-item:hover .gallery-overlay {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .sce-projects .gallery-overlay .gallery-label {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 0.75rem;\r\n        letter-spacing: 0.2em;\r\n        color: #F2D28B;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .sce-projects .gallery-overlay .gallery-caption {\r\n        font-size: 0.9rem;\r\n        color: #d5e3ff;\r\n        margin-top: 0.25rem;\r\n    }\r\n\r\n    \/* Featured items - larger *\/\r\n    .sce-projects .res-gallery-item.featured {\r\n        border: 1px solid rgba(242, 210, 139, 0.2);\r\n        grid-column: span 2;\r\n        grid-row: span 2;\r\n    }\r\n\r\n    \/* Expand icon *\/\r\n    .sce-projects .res-gallery-item .expand-icon {\r\n        position: absolute;\r\n        top: 12px;\r\n        right: 12px;\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 50%;\r\n        background: rgba(10, 26, 47, 0.7);\r\n        backdrop-filter: blur(8px);\r\n        border: 1px solid rgba(242, 210, 139, 0.3);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        transform: scale(0.8);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .sce-projects .res-gallery-item:hover .expand-icon {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    .sce-projects .expand-icon .material-symbols-outlined {\r\n        font-size: 18px;\r\n        color: #F2D28B;\r\n    }\r\n\r\n    \/* ========== LIGHTBOX ========== *\/\r\n    .sce-lightbox {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(5, 13, 24, 0.97);\r\n        backdrop-filter: blur(20px);\r\n        z-index: 99999;\r\n        display: none;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .sce-lightbox.active {\r\n        display: flex;\r\n        opacity: 1;\r\n    }\r\n\r\n    .sce-lightbox img {\r\n        max-width: 85vw;\r\n        max-height: 85vh;\r\n        object-fit: contain;\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(242, 210, 139, 0.15);\r\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);\r\n        animation: lightboxIn 0.4s ease;\r\n    }\r\n\r\n    @keyframes lightboxIn {\r\n        from {\r\n            transform: scale(0.9);\r\n            opacity: 0;\r\n        }\r\n\r\n        to {\r\n            transform: scale(1);\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    .sce-lightbox .lb-close {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 24px;\r\n        width: 48px;\r\n        height: 48px;\r\n        border-radius: 50%;\r\n        background: rgba(16, 36, 61, 0.6);\r\n        border: 1px solid rgba(242, 210, 139, 0.3);\r\n        color: #F2D28B;\r\n        font-size: 24px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.3s;\r\n        z-index: 10;\r\n    }\r\n\r\n    .sce-lightbox .lb-close:hover {\r\n        background: rgba(242, 210, 139, 0.15);\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    .sce-lightbox .lb-nav {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 52px;\r\n        height: 52px;\r\n        border-radius: 50%;\r\n        background: rgba(16, 36, 61, 0.5);\r\n        border: 1px solid rgba(242, 210, 139, 0.25);\r\n        color: #F2D28B;\r\n        font-size: 22px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.3s;\r\n        z-index: 10;\r\n    }\r\n\r\n    .sce-lightbox .lb-nav:hover {\r\n        background: rgba(242, 210, 139, 0.12);\r\n        border-color: rgba(242, 210, 139, 0.5);\r\n    }\r\n\r\n    .sce-lightbox .lb-prev {\r\n        left: 20px;\r\n    }\r\n\r\n    .sce-lightbox .lb-next {\r\n        right: 20px;\r\n    }\r\n\r\n    .sce-lightbox .lb-counter {\r\n        position: absolute;\r\n        bottom: 24px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 0.85rem;\r\n        letter-spacing: 0.2em;\r\n        color: rgba(242, 210, 139, 0.7);\r\n    }\r\n\r\n    \/* Responsive Gallery *\/\r\n    @media (max-width: 1024px) {\r\n        .sce-projects .res-gallery {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .sce-projects .res-gallery {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .sce-projects .residential-section {\r\n            padding: 4rem 1rem 3rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .sce-projects .res-gallery {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        \r\n        .sce-projects .res-gallery-item.featured {\r\n            grid-column: span 1;\r\n            grid-row: span 1;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ============================\r\n     ELEMENTOR-READY HTML CONTENT\r\n     Wrapped in .sce-projects scope\r\n     ============================ -->\r\n<div class=\"sce-projects\">\r\n\r\n    <!-- GOLD DOTS OVERLAY (Z-Index 9999 ensures it's above all backgrounds but pointer-events: none allows clicking) -->\r\n    <div\r\n        style=\"position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle, rgba(201, 168, 106, 0.15) 1px, transparent 1px);background-size:40px 40px;opacity:0.5;pointer-events:none;z-index:9999;\">\r\n    <\/div>\r\n\r\n    <div style=\"position: relative; z-index: 10;\">\r\n\r\n        <!-- SECTION 1: HERO (ALL PROJECTS OVERVIEW) -->\r\n        <section class=\"hero-section\">\r\n            <div class=\"hero-bg\">\r\n                <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/similar-119834680-scaled.webp\"\r\n                    alt=\"Smart Capital Engineering Projects\" \/>\r\n                <div class=\"hero-gradient\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hero-content\">\r\n                <div class=\"hero-badge metallic-button font-headline\">SMART CAPITAL ENGINEERING<\/div>\r\n                <h1 class=\"hero-title text-shimmer font-headline\">ENGINEERING <span>EXCELLENCE<\/span><\/h1>\r\n\r\n                <div class=\"hero-box glass-effect gold-glow\">\r\n                    <p class=\"hero-desc\">\r\n                        From bespoke residential villas to large-scale industrial facilities and premium commercial\r\n                        destinations \u2014 our portfolio reflects decades of engineering precision, innovative design,\r\n                        and unwavering commitment to quality across Saudi Arabia.\r\n                    <\/p>\r\n                    <div class=\"hero-features\">\r\n                        <div class=\"hero-feature\">\r\n                            <span class=\"material-symbols-outlined text-gold\"\r\n                                style=\"color: #F2D28B; font-variation-settings: 'FILL' 1;\">villa<\/span>\r\n                            <span>Residential<\/span>\r\n                        <\/div>\r\n                        <div class=\"hero-feature\">\r\n                            <span class=\"material-symbols-outlined text-gold\"\r\n                                style=\"color: #F2D28B; font-variation-settings: 'FILL' 1;\">factory<\/span>\r\n                            <span>Industrial<\/span>\r\n                        <\/div>\r\n                        <div class=\"hero-feature\">\r\n                            <span class=\"material-symbols-outlined text-gold\"\r\n                                style=\"color: #F2D28B; font-variation-settings: 'FILL' 1;\">storefront<\/span>\r\n                            <span>Commercial<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- SECTION 1.5: RESIDENTIAL DEVELOPMENTS GALLERY -->\r\n        <section class=\"residential-section\">\r\n            <div class=\"residential-header\">\r\n                <h2 class=\"residential-title text-shimmer font-headline\">RESIDENTIAL DEVELOPMENTS<\/h2>\r\n                <div class=\"residential-line\"><\/div>\r\n                <span class=\"residential-subtitle font-headline\">BESPOKE LIVING SPACES<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"residential-intro\">\r\n                Our residential portfolio showcases design diversity ranging from Modern and Classical to\r\n                Opulent and Minimalist styles. Our philosophy centers on creating bespoke living environments\r\n                that reflect the unique identity of each client while maintaining structural integrity.\r\n            <\/p>\r\n\r\n            <div class=\"res-gallery\">\r\n                <!-- Gallery Item 1 (Featured\/Taller) -->\r\n                <div class=\"res-gallery-item featured\" data-index=\"0\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/e48e62bf-0c30-4b00-b940-100ae634f1a5.png\"\r\n                        alt=\"Residential Project 1\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 01<\/div>\r\n                        <div class=\"gallery-caption\">Modern Residential Design<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 2 -->\r\n                <div class=\"res-gallery-item\" data-index=\"1\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0639\u0648\u0645\u064a\u0631.png\" alt=\"Residential Project 2\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 02<\/div>\r\n                        <div class=\"gallery-caption\">Classical Estate Architecture<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 3 -->\r\n                <div class=\"res-gallery-item\" data-index=\"2\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/0c4325e1-198a-4a7d-b953-85b9a5671283.png\" alt=\"Residential Project 3\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 03<\/div>\r\n                        <div class=\"gallery-caption\">Minimalist Urban Residence<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 4 (Featured) -->\r\n                <div class=\"res-gallery-item featured\" data-index=\"3\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/3ebea3c8-41f5-43cb-b413-ceedad4e55a0.png\" alt=\"Residential Project 4\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 04<\/div>\r\n                        <div class=\"gallery-caption\">Opulent Palace Design<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 5 -->\r\n                <div class=\"res-gallery-item\" data-index=\"4\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/5a216e34-7deb-4393-9173-da5e1f3e0d4b.png\" alt=\"Residential Project 5\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 05<\/div>\r\n                        <div class=\"gallery-caption\">Contemporary Villa Interior<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 6 -->\r\n                <div class=\"res-gallery-item\" data-index=\"5\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/6d954fbb-8207-452a-bac6-ba5b491058cd.png\" alt=\"Residential Project 6\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 06<\/div>\r\n                        <div class=\"gallery-caption\">Desert Modern Oasis<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 7 (Featured) -->\r\n                <div class=\"res-gallery-item featured\" data-index=\"6\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/48c7ff67-e92f-48cb-ba65-ff688bb61d0d.png\" alt=\"Residential Project 7\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 07<\/div>\r\n                        <div class=\"gallery-caption\">Beachfront Property Masterplan<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 8 -->\r\n                <div class=\"res-gallery-item\" data-index=\"7\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/311aa125-0f0e-4a8a-b361-0df2b33d3b8f.png\" alt=\"Residential Project 8\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 08<\/div>\r\n                        <div class=\"gallery-caption\">Neoclassical Facade Design<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 9 -->\r\n                <div class=\"res-gallery-item\" data-index=\"8\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/658c2c91-2ac8-4626-b8ad-e95326ebb620.png\" alt=\"Residential Project 9\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 09<\/div>\r\n                        <div class=\"gallery-caption\">Modern Smart Home<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 10 -->\r\n                <div class=\"res-gallery-item\" data-index=\"9\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/676e29d9-d2a9-4979-b7a4-fd1894bc8805.png\" alt=\"Residential Project 10\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 10<\/div>\r\n                        <div class=\"gallery-caption\">Luxury Private Courtyard<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 11 -->\r\n                <div class=\"res-gallery-item\" data-index=\"10\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/b2987982-f1fb-493d-a795-7786c949936a.png\" alt=\"Residential Project 11\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 11<\/div>\r\n                        <div class=\"gallery-caption\">Bespoke Living Space<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 12 (Featured) -->\r\n                <div class=\"res-gallery-item featured\" data-index=\"11\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/cb6360f5-3e86-4628-93a4-9b652cedf2a6.png\" alt=\"Residential Project 12\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 12<\/div>\r\n                        <div class=\"gallery-caption\">Executive Residence<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 13 -->\r\n                <div class=\"res-gallery-item\" data-index=\"12\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/df8b917e-422e-4783-99b2-99c905e23191.png\" alt=\"Residential Project 13\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 13<\/div>\r\n                        <div class=\"gallery-caption\">Architectural Excellence<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Gallery Item 14 -->\r\n                <div class=\"res-gallery-item\" data-index=\"13\">\r\n                    <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/e4c7f3d6-312a-4084-b83e-326db50206dc.png\" alt=\"Residential Project 14\">\r\n                    <div class=\"expand-icon\"><span class=\"material-symbols-outlined\">zoom_in<\/span><\/div>\r\n                    <div class=\"gallery-overlay\">\r\n                        <div class=\"gallery-label\">PROJECT \/\/ 14<\/div>\r\n                        <div class=\"gallery-caption\">Premium Development<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n\r\n        <!-- SECTION 2: INDUSTRIAL PROJECTS -->\r\n        <section class=\"industrial-section\">\r\n            <div class=\"industrial-header\">\r\n                <h2 class=\"industrial-title text-shimmer font-headline\">INDUSTRIAL PROJECTS<\/h2>\r\n                <div class=\"industrial-line\"><\/div>\r\n                <span class=\"industrial-subtitle font-headline\">ENGINEERING EXCELLENCE<\/span>\r\n            <\/div>\r\n\r\n            <!-- Case Study 01 -->\r\n            <div class=\"case-study gold-glow\">\r\n                <div class=\"case-slider case-img-left\">\r\n                    <div class=\"case-study-badge glass-effect\">CASE STUDY \/\/ 01<\/div>\r\n                    <div class=\"case-slides active\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2800238942.webp\"\r\n                            alt=\"Aqua Cool Facility 1\">\r\n                    <\/div>\r\n\r\n                    <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                    <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                    <div class=\"case-slider-dots\">\r\n                        <span class=\"dot active\"><\/span>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"case-content case-content-right glass-effect\">\r\n                    <h3 class=\"case-title font-headline\">Aqua Cool Facility<\/h3>\r\n\r\n                    <div class=\"case-details\">\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                            <span class=\"case-detail-value\">Eastern Region, KSA<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Land Area<\/span>\r\n                            <span class=\"case-detail-value\">12,500 m\u00b2<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Building Coverage<\/span>\r\n                            <span class=\"case-detail-value\">8,200 m\u00b2<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <p class=\"case-overview\"><strong>Overview:<\/strong> <br>\r\n                        \u2022 Full architectural and engineering design of a\r\n                        water\r\n                        purification and bottling facility specializing in the\r\n                        production of purified drinking water.<br>\r\n                        \u2022 The facility is engineered for stringent water processing\r\n                        and high-efficiency bottling, ensuring compliance with\r\n                        quality standards and scalability for future needs.<br>\r\n                        \u2022 State-of-the-art water purification systems.<br>\r\n                        \u2022 High-capacity bottling and packaging lines.<br>\r\n                        \u2022 Clear separation between operational and logistical\r\n                        zones.<br>\r\n                        \r\n                        \r\n                        \u2022 Provision for future scalability and expansion. <\/p>\r\n\r\n                    <div class=\"case-quote\">\r\n                        <p>\"A facility designed for thermal efficiency and optimized production flow, incorporating\r\n                            automated bottling lines.\"<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Case Study 02 -->\r\n            <div class=\"case-study gold-glow\">\r\n                <div class=\"case-content case-content-left glass-effect\">\r\n                    <h3 class=\"case-title font-headline\">United Metal Works<\/h3>\r\n                    <div class=\"case-details\">\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                            <span class=\"case-detail-value\">Jubail Industrial City<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Land Area<\/span>\r\n                            <span class=\"case-detail-value\">25,000 m\u00b2<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Building Coverage<\/span>\r\n                            <span class=\"case-detail-value\">18,500 m\u00b2<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"case-overview\"><strong>Overview:<\/strong> <br>\u2022 Full architectural design of an industrial\r\n                        facility specialized in metal\r\n                        works and fabrication.<br>\r\n                        \u2022 The project was developed to accommodate heavy-duty industrial\r\n                        operations with efficient spatial planning, clear circulation routes, and\r\n                        optimized production workflow.<br>\r\n                        \u2022 Design ensures functional performance, durability, and full\r\n                        compliance with industrial standards.\r\n                    <\/p>\r\n                    <div class=\"case-quote\">\r\n                        <p>\"Engineered for massive overhead crane loads and seismic resilience in a coastal industrial\r\n                            environment.\"<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"case-slider case-img-right\">\r\n                    <div class=\"case-study-badge right-badge glass-effect\">CASE STUDY \/\/ 02<\/div>\r\n                    <div class=\"case-slides active\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/bd352471-5416-46b1-bcb3-a0f3fc1c1326.png\"\r\n                            alt=\"United Metal Works 1\">\r\n                    <\/div>\r\n                    <div class=\"case-slides\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/efa8b2c6-4f28-45f7-a3ee-75e27517a95f.png\"\r\n                            alt=\"United Metal Works 2\">\r\n\r\n                    <\/div>\r\n                    <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                    <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                    <div class=\"case-slider-dots\">\r\n                        <span class=\"dot active\"><\/span>\r\n                        <span class=\"dot\"><\/span>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Case Study 03 -->\r\n            <div class=\"case-study gold-glow\">\r\n                <div class=\"case-slider case-img-left\">\r\n                    <div class=\"case-study-badge glass-effect\">CASE STUDY \/\/ 03<\/div>\r\n                    <div class=\"case-slides active\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2800324418.webp\"\r\n                            alt=\"Al Waha Pumps 1\">\r\n                    <\/div>\r\n\r\n                    <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                    <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                    <div class=\"case-slider-dots\">\r\n                        <span class=\"dot active\"><\/span>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"case-content case-content-right glass-effect\">\r\n                    <h3 class=\"case-title font-headline\">Al Waha Pumps Manufacturing Factory<\/h3>\r\n                    <div class=\"case-details\">\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                            <span class=\"case-detail-value\">Dammam, KSA<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Land Area<\/span>\r\n                            <span class=\"case-detail-value\">9,500 m\u00b2<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Building Coverage<\/span>\r\n                            <span class=\"case-detail-value\">45%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"case-overview\"><strong>Overview:<\/strong><br> \u2022 Full architectural and engineering design\r\n                        for a\r\n                        specialized industrial facility dedicated to pump\r\n                        manufacturing. <br>\r\n                        \u2022 Designed to support heavy-duty industrial production\r\n                        with efficient workflow organization.\r\n                        <br>\r\n                        \u2022 Clear separation between production zones, service\r\n                        areas, and administrative functions. <br>\r\n                        \u2022 Modern fa\u00e7ade treatment reflecting industrial identity\r\n                        with strong visual branding.<br>\r\n                        \u2022 Optimized circulation for trucks, loading operations, and\r\n                        internal logistics.\r\n                    <\/p>\r\n                    <div class=\"case-quote\">\r\n                        <p>\"Designed for high-precision assembly lines and integrated quality control zones.\"<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Case Study 04 -->\r\n            <div class=\"case-study gold-glow\">\r\n                <div class=\"case-content case-content-left glass-effect\">\r\n                    <h3 class=\"case-title font-headline\">Abiad Metal Industries Facility<\/h3>\r\n                    <div class=\"case-details\">\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                            <span class=\"case-detail-value\">Riyadh, KSA<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Land Area<\/span>\r\n                            <span class=\"case-detail-value\">18,000 m\u00b2<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Building Coverage<\/span>\r\n                            <span class=\"case-detail-value\">50%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"case-overview\"><strong>Overview:<\/strong> <br>\u2022 Complete architectural and engineering\r\n                        design for a\r\n                        metal forming and fabrication facility built to support a\r\n                        range of industrial applications including cutting, bending,\r\n                        and assembling metal components.<br>\r\n                        \u2022 The facility is designed for efficient operations with\r\n                        clear layouts for administration, production, and logistics\r\n                        areas, ensuring future flexibility. <br>\r\n                        \u2022 Organized fabrication floor with dedicated equipment\r\n                        zones. <br>\r\n                        \u2022 Clear production-to-logistics workflow for efficient\r\n                        operations. <br>\r\n                        \u2022 Visual coherence with blue and yellow fa\u00e7ade design.<br>\r\n                        \u2022 Optimized loading and storage areas. <br>\r\n                        \u2022 Provision for scalability and future growth.<\/p>\r\n                    <div class=\"case-quote\">\r\n                        <p>\"A landmark industrial structure utilizing corporate color palettes within high-performance\r\n                            architectural cladding.\"<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"case-slider case-img-right\">\r\n                    <div class=\"case-study-badge right-badge glass-effect\">CASE STUDY \/\/ 04<\/div>\r\n                    <div class=\"case-slides active\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/6db30fd4-7d1e-4279-88d0-015352b69935.png\"\r\n                            alt=\"Abiad Metal 1\">\r\n                    <\/div>\r\n                    <div class=\"case-slides\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/11.jpg\" alt=\"Abiad Metal 2\">\r\n                    <\/div>\r\n                    <div class=\"case-slides\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/80fd5d39-6342-4764-9bda-9998929c92f8.png\"\r\n                            alt=\"Abiad Metal 3\">\r\n                    <\/div>\r\n                    <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                    <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                    <div class=\"case-slider-dots\">\r\n                        <span class=\"dot active\"><\/span>\r\n                        <span class=\"dot\"><\/span>\r\n                        <span class=\"dot\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Case Study 05 -->\r\n            <div class=\"case-study gold-glow\">\r\n                <div class=\"case-slider case-img-left\">\r\n                    <div class=\"case-study-badge glass-effect\">CASE STUDY \/\/ 05<\/div>\r\n                    <div class=\"case-slides active\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/c21f8e36-ce84-472b-83b6-47e030e5062a.png\"\r\n                            alt=\"Saneya Metal 1\">\r\n                    <\/div>\r\n                    <div class=\"case-slides\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/fad26d52-56db-4373-ae88-14e593b05f4b.png\"\r\n                            alt=\"Saneya Metal 2\">\r\n                    <\/div>\r\n\r\n                    <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                    <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                    <div class=\"case-slider-dots\">\r\n                        <span class=\"dot active\"><\/span>\r\n                        <span class=\"dot\"><\/span>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"case-content case-content-right glass-effect\">\r\n                    <h3 class=\"case-title font-headline\">Saneya Metal Products Factory<\/h3>\r\n                    <div class=\"case-details\">\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                            <span class=\"case-detail-value\">Dammam, KSA<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Land Area<\/span>\r\n                            <span class=\"case-detail-value\">8,000 m\u00b2<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Building Coverage<\/span>\r\n                            <span class=\"case-detail-value\">45%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"case-overview\"><strong>Overview:<\/strong> <br>\u2022 Complete architectural design of a metal\r\n                        products\r\n                        manufacturing facility, providing a functional and efficient\r\n                        layout for industrial operations.<br>\r\n                        \u2022 The design includes an optimized production flow,\r\n                        well-planned logistics areas, and operational flexibility to\r\n                        enhance overall performance.<br>\r\n                        \u2022 Clear separation between administrative and production\r\n                        zones. <br>\r\n                        \u2022 Organized loading bays and access points for efficient\r\n                        circulation. <br>\r\n                        \u2022 Emphasis on continuous production workflow. <br>\r\n                        \u2022 Visually cohesive fa\u00e7ade design. <br>\r\n                        \u2022 Provision for future expansion and scalability.<\/p>\r\n                    <div class=\"case-quote\">\r\n                        <p>\"Maximum throughput achieved through logical spatial sequencing and lean engineering\r\n                            principles.\"<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Case Study 06 -->\r\n            <div class=\"case-study gold-glow\">\r\n                <div class=\"case-content case-content-left glass-effect\">\r\n                    <h3 class=\"case-title font-headline\">SEPCO Metal Processing Plant<\/h3>\r\n                    <div class=\"case-details\">\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                            <span class=\"case-detail-value\">Sudir Industrial City, KSA<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Land Area<\/span>\r\n                            <span class=\"case-detail-value\">12,000 m\u00b2<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Building Coverage<\/span>\r\n                            <span class=\"case-detail-value\">50%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"case-overview\"><strong>Overview:<\/strong> <br>\u2022 Complete architectural and engineering\r\n                        design for a\r\n                        large-scale waste processing plant specialized in the\r\n                        treatment of hazardous and non-hazardous waste.<br>\r\n                        \u2022 The project includes a modern, environmentally\r\n                        compliant facility equipped with advanced technologies\r\n                        for waste sorting, processing, and emissions control,\r\n                        ensuring operational efficiency. <br>\r\n                        \u2022 Comprehensive waste processing facility layout.\r\n                        \u2022 Integration of advanced emissions control systems.,<br>\r\n                        \u2022 Custom-engineered equipment and infrastructure. <br>\r\n                        \u2022 Clear separation between administrative and processing areas.<\/p>\r\n                    <div class=\"case-quote\">\r\n                        <p>\"A technical powerhouse focusing on environmental sustainability and heavy-duty mechanical\r\n                            reliability.\"<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"case-slider case-img-right\">\r\n                    <div class=\"case-study-badge right-badge glass-effect\">CASE STUDY \/\/ 06<\/div>\r\n                    <div class=\"case-slides active\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/f99811c1-1262-4818-aa2a-f8de86bd4ddf.png\"\r\n                            alt=\"SEPCO Metal 1\">\r\n                    <\/div>\r\n                    <div class=\"case-slides\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/74a43a50-4b19-42d8-aa88-a3509512a42f.png\"\r\n                            alt=\"SEPCO Metal 2\">\r\n                    <\/div>\r\n\r\n                    <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                    <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                    <div class=\"case-slider-dots\">\r\n                        <span class=\"dot active\"><\/span>\r\n                        <span class=\"dot\"><\/span>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Case Study 07 -->\r\n            <div class=\"case-study gold-glow\">\r\n                <div class=\"case-slider case-img-left\">\r\n                    <div class=\"case-study-badge glass-effect\">CASE STUDY \/\/ 07<\/div>\r\n                    <div class=\"case-slides active\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/22490888-4d6e-4c1b-a43b-2b67282f5adf.png\"\r\n                            alt=\"NOVA Water 1\">\r\n                    <\/div>\r\n                    <div class=\"case-slides\">\r\n                        <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/21d1ecc9-2a29-4fc4-a76a-b3c52242f2d6.png\"\r\n                            alt=\"NOVA Water 2\">\r\n                    <\/div>\r\n\r\n                    <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                    <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                    <div class=\"case-slider-dots\">\r\n                        <span class=\"dot active\"><\/span>\r\n                        <span class=\"dot\"><\/span>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"case-content case-content-right glass-effect\">\r\n                    <h3 class=\"case-title font-headline\">NOVA Water Bottling Factory<\/h3>\r\n                    <div class=\"case-details\">\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                            <span class=\"case-detail-value\">Riyadh, KSA<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Land Area<\/span>\r\n                            <span class=\"case-detail-value\">17,000 m\u00b2<\/span>\r\n                        <\/div>\r\n                        <div class=\"case-detail-row\">\r\n                            <span class=\"case-detail-label font-headline\">Building Coverage<\/span>\r\n                            <span class=\"case-detail-value\">50%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"case-overview\"><strong>Overview:<\/strong> <br>\u2022 Full architectural and engineering design\r\n                        of a\r\n                        large-scale water bottling and purification facility. <br>\r\n                        \u2022 Designed to support high-volume production with\r\n                        optimized workflow efficiency.<br>\r\n                        \u2022 Integration of advanced water treatment technologies\r\n                        ensuring premium quality standards. <br>\r\n                        \u2022 Functional zoning between production, storage, and\r\n                        administrative operations.<br>\r\n                        \u2022 Scalable infrastructure to accommodate future\r\n                        expansion and increased capacity.<\/p>\r\n                    <div class=\"case-quote\">\r\n                        <p>\"Purity and performance meet in this state-of-the-art automated liquid processing complex.\"\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n        <!-- SECTION 3: COMMERCIAL EXCELLENCE -->\r\n        <section class=\"commercial-section\">\r\n            <span class=\"material-symbols-outlined commercial-bg-icon\">architecture<\/span>\r\n            <div class=\"commercial-container\">\r\n                <h2 class=\"commercial-title text-shimmer font-headline\">COMMERCIAL &<br \/>ENTERTAINMENT PROJECTS<\/h2>\r\n\r\n                <!-- Comm Project 01 -->\r\n                <div class=\"case-study gold-glow\">\r\n                    <div class=\"case-slider case-img-left\">\r\n                        <div class=\"case-study-badge glass-effect\">PROJECT \/\/ 01<\/div>\r\n                        <div class=\"case-slides active\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/c0167330-aadd-486d-a2e5-0d91983ad08f.png\"\r\n                                alt=\"Recreational Center 1\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/5ba7ae51-8dde-446c-b3c6-2abc6c006608.png\"\r\n                                alt=\"Recreational Center 2\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/294f8f18-bbeb-4c22-8bd6-34db6d11d7fd.png\"\r\n                                alt=\"Recreational Center 3\">\r\n                        <\/div>\r\n\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/bdf460a2-1f10-4bf4-94f4-f1666db516c0.png\"\r\n                                alt=\"Recreational Center 4\">\r\n                        <\/div>\r\n\r\n                        <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                        <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                        <div class=\"case-slider-dots\">\r\n                            <span class=\"dot active\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"case-content case-content-right glass-effect\">\r\n                        <h3 class=\"case-title font-headline\">Recreational & Hospitality Center for King Abdulaziz Air\r\n                            Base Hospital<\/h3>\r\n                        <div class=\"case-details\">\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                                <span class=\"case-detail-value\">Dhahran, Saudi Arabia<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Land Area<\/span>\r\n                                <span class=\"case-detail-value\">4,000 m\u00b2<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Building Coverage<\/span>\r\n                                <span class=\"case-detail-value\">60% (2,400 m\u00b2)<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"case-overview\"><strong>Project Description:<\/strong><br>\r\n                            \u2022 Full architectural and engineering design for a recreational and hospitality center.<br>\r\n                            \u2022 Includes an upscale fitness center, swimming pool, dining lounge, kids play area, and\r\n                            landscaped outdoor spaces.<\/p>\r\n                        <p class=\"case-overview\"><strong>Facility Features:<\/strong><br>\r\n                            \u2022 Modern fitness center with state-of-the-art equipment.<br>\r\n                            \u2022 Resort-style swimming pool and lounge area.<br>\r\n                            \u2022 Elegant dining hall and meeting space for small events.<br>\r\n                            \u2022 Beautifully landscaped outdoor areas with play equipment for children.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Comm Project 02 -->\r\n                <div class=\"case-study gold-glow\">\r\n                    <div class=\"case-content case-content-left glass-effect\">\r\n                        <h3 class=\"case-title font-headline\">Yamaha Showroom<\/h3>\r\n                        <div class=\"case-details\">\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                                <span class=\"case-detail-value\">Al Khobar, Saudi Arabia<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Built-up Area<\/span>\r\n                                <span class=\"case-detail-value\">3,000 m\u00b2<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Project Type<\/span>\r\n                                <span class=\"case-detail-value\">Commercial Showroom<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"case-overview\"><strong>Project Description:<\/strong><br>\r\n                            A high-end commercial showroom designed to reflect the global identity of Yamaha, combining\r\n                            a bold industrial theme with a premium retail experience. The design focuses on enhancing\r\n                            customer journey, product visibility, and brand impact through lighting, material selection,\r\n                            and spatial organization.<\/p>\r\n                        <p class=\"case-overview\"><strong>Project Components:<\/strong><br>\r\n                            \u2022 Main motorcycles display zone<br>\r\n                            \u2022 Marine equipment & jet ski display area<br>\r\n                            \u2022 Spare parts section<br>\r\n                            \u2022 Reception & customer waiting lounge<br>\r\n                            \u2022 Retail circulation pathways<br>\r\n                            \u2022 Feature display walls (helmets & accessories)<\/p>\r\n                    <\/div>\r\n                    <div class=\"case-slider case-img-right\">\r\n                        <div class=\"case-study-badge right-badge glass-effect\">PROJECT \/\/ 02<\/div>\r\n                        <div class=\"case-slides active\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/f3b57a9c-a0dd-4cb8-ade6-4d355c47c244.png\"\r\n                                alt=\"Yamaha Showroom 1\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/4c74afe7-2d8d-40d8-9924-5a49403957d3.png\"\r\n                                alt=\"Yamaha Showroom 2\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/062d506a-44ec-46d3-a59e-9a8e0c8e6e5c.png\"\r\n                                alt=\"Yamaha Showroom 3\">\r\n                        <\/div>\r\n\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/a60f1f63-19b2-4a9c-830b-f634904d6a59.png\"\r\n                                alt=\"Yamaha Showroom 3\">\r\n                        <\/div>\r\n\r\n                        <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                        <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                        <div class=\"case-slider-dots\">\r\n                            <span class=\"dot active\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Comm Project 03 -->\r\n                <div class=\"case-study gold-glow\">\r\n                    <div class=\"case-slider case-img-left\">\r\n                        <div class=\"case-study-badge glass-effect\">PROJECT \/\/ 03<\/div>\r\n                        <div class=\"case-slides active\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/3deb823f-e1e6-472a-8ebb-b09af49ca18a.png\"\r\n                                alt=\"Alkhorayef Office 1\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/7a5c2b20-21db-430c-b7e1-49e438f8fadc.png\"\r\n                                alt=\"Alkhorayef Office 2\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/61c64e13-f245-43d0-8927-ac5615484d64.png\"\r\n                                alt=\"Alkhorayef Office 3\">\r\n                        <\/div>\r\n\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/606a5564-52e0-499b-80a7-659586f34ca3.png\"\r\n                                alt=\"Alkhorayef Office 4\">\r\n                        <\/div>\r\n\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/5437598d-5eb9-4852-97a7-ab955ec7b65e.png\"\r\n                                alt=\"Alkhorayef Office 5\">\r\n                        <\/div>\r\n\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/7472628d-6cb6-4399-93df-9613595125b1.png\"\r\n                                alt=\"Alkhorayef Office 6\">\r\n                        <\/div>\r\n\r\n\r\n                        <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                        <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                        <div class=\"case-slider-dots\">\r\n                            <span class=\"dot active\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"case-content case-content-right glass-effect\">\r\n                        <h3 class=\"case-title font-headline\">Alkhorayef Commercial Office<\/h3>\r\n                        <div class=\"case-details\">\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                                <span class=\"case-detail-value\">Al Khobar, Saudi Arabia<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Built-up Area<\/span>\r\n                                <span class=\"case-detail-value\">600 m\u00b2 (2 floors)<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Project Type<\/span>\r\n                                <span class=\"case-detail-value\">Corporate Office<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"case-overview\"><strong>Project Description:<\/strong><br>\r\n                            A two-floor corporate office designed to embody the professional identity of Alkhorayef\r\n                            Commercial, providing a refined and comfortable work environment through warm, natural\r\n                            materials and thoughtful spatial design.<\/p>\r\n                        <p class=\"case-overview\"><strong>Project Components:<\/strong><br>\r\n                            \u2022 Executive office room<br>\r\n                            \u2022 Board meeting room<br>\r\n                            \u2022 Open workspace areas<br>\r\n                            \u2022 Breakout \/ collaboration zones<br>\r\n                            \u2022 Premium finishes & smart space planning<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Comm Project 04 -->\r\n                <div class=\"case-study gold-glow\">\r\n                    <div class=\"case-content case-content-left glass-effect\">\r\n                        <h3 class=\"case-title font-headline\">Al Muntaza Drive-Thru<\/h3>\r\n                        <div class=\"case-details\">\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                                <span class=\"case-detail-value\">Al Muntaza, Saudi Arabia<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Land Area<\/span>\r\n                                <span class=\"case-detail-value\">3,000 m\u00b2<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Building Coverage<\/span>\r\n                                <span class=\"case-detail-value\">20%<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"case-overview\"><strong>Project Description:<\/strong><br>\r\n                            \u2022 Modern drive-thru restaurant complex in Al Muntaza, offering a unique and diverse\r\n                            experience for park visitors.<br>\r\n                            \u2022 Designed on a 3,000 m\u00b2 land area with only 20% building coverage to maintain expansive\r\n                            green areas.<br>\r\n                            \u2022 Features three fast-food units, leisure area, and ample parking for easy access.<\/p>\r\n                        <p class=\"case-overview\"><strong>Project Components:<\/strong><br>\r\n                            \u2022 Three drive-thru restaurant units with modern architectural design.<br>\r\n                            \u2022 20% total coverage to preserve open and spacious areas.<br>\r\n                            \u2022 Surrounded by lush landscaping and ample parking spaces.<br>\r\n                            \u2022 Contemporary design with warm colors.<\/p>\r\n                    <\/div>\r\n                    <div class=\"case-slider case-img-right\">\r\n                        <div class=\"case-study-badge right-badge glass-effect\">PROJECT \/\/ 04<\/div>\r\n                        <div class=\"case-slides active\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/e251f864-37c6-48c7-931c-833181ae4f0c.png\"\r\n                                alt=\"Al Muntaza Drive-thru 1\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/b567d1ea-d8d9-4d63-824e-54b05b29cc14.png\"\r\n                                alt=\"Al Muntaza Drive-thru 2\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/d9e0fd1c-4aa7-4632-a82e-351318994da3.png\"\r\n                                alt=\"Al Muntaza Drive-thru 3\">\r\n                        <\/div>\r\n\r\n\r\n                        <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                        <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                        <div class=\"case-slider-dots\">\r\n                            <span class=\"dot active\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Comm Project 05 -->\r\n                <div class=\"case-study gold-glow\">\r\n                    <div class=\"case-slider case-img-left\">\r\n                        <div class=\"case-study-badge glass-effect\">PROJECT \/\/ 05<\/div>\r\n                        <div class=\"case-slides active\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/cb0565a5-bf56-4d6f-955f-ce6c3d927bad.png\"\r\n                                alt=\"Al Tahlia Drive-thru 1\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/07ca0ad7-a24d-4985-b17a-4c4faea84f4e.png\"\r\n                                alt=\"Al Tahlia Drive-thru 2\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/278b1f1d-411d-42c6-a806-d527697cd0b9.png\"\r\n                                alt=\"Al Tahlia Drive-thru 3\">\r\n                        <\/div>\r\n                        <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                        <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                        <div class=\"case-slider-dots\">\r\n                            <span class=\"dot active\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"case-content case-content-right glass-effect\">\r\n                        <h3 class=\"case-title font-headline\">Al Tahlia Drive-Thru<\/h3>\r\n                        <div class=\"case-details\">\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                                <span class=\"case-detail-value\">Al Tahlia, Saudi Arabia<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Land Area<\/span>\r\n                                <span class=\"case-detail-value\">1,500 m\u00b2<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Building Coverage<\/span>\r\n                                <span class=\"case-detail-value\">20%<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"case-overview\"><strong>Project Description:<\/strong><br>\r\n                            \u2022 Modern drive-thru restaurant on a 1,500 m\u00b2 plot with only 20% building coverage.<br>\r\n                            \u2022 Designed for speed, convenience, and comfort with spacious lanes and green areas.<br>\r\n                            \u2022 Single F&B unit with drive-thru lanes, outdoor seating and ample parking.<\/p>\r\n                        <p class=\"case-overview\"><strong>Project Components:<\/strong><br>\r\n                            \u2022 One drive-thru restaurant with modern design<br>\r\n                            \u2022 20% coverage for open and functional layout<br>\r\n                            \u2022 Clear circulation with dedicated order and pickup<br>\r\n                            \u2022 Outdoor seating area with landscaping<br>\r\n                            \u2022 Well-lit parking with easy accessibility<br>\r\n                            \u2022 Contemporary architecture with warm lighting<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Comm Project 06 -->\r\n                <div class=\"case-study gold-glow\">\r\n                    <div class=\"case-content case-content-left glass-effect\">\r\n                        <h3 class=\"case-title font-headline\">Al Faisaliah Strip Mall<\/h3>\r\n                        <p class=\"case-overview\" style=\"margin-bottom:0.5rem;\"><strong>Commercial Retail\r\n                                Development<\/strong><\/p>\r\n                        <div class=\"case-details\">\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Location<\/span>\r\n                                <span class=\"case-detail-value\">Dammam, Saudi Arabia<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Land Area<\/span>\r\n                                <span class=\"case-detail-value\">4,500 m\u00b2<\/span>\r\n                            <\/div>\r\n                            <div class=\"case-detail-row\">\r\n                                <span class=\"case-detail-label font-headline\">Building Coverage<\/span>\r\n                                <span class=\"case-detail-value\">60% (2,700 m\u00b2)<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"case-overview\"><strong>Project Description:<\/strong><br>\r\n                            \u2022 Full architectural and engineering design for a modern strip mall.<br>\r\n                            \u2022 Designed as an open retail destination with integrated outdoor experience.<br>\r\n                            \u2022 Focus on commercial visibility, accessibility, and user flow.<\/p>\r\n                        <p class=\"case-overview\"><strong>Facility Features:<\/strong><br>\r\n                            \u2022 Premium retail units with modern glass fa\u00e7ades.<br>\r\n                            \u2022 Shaded outdoor seating and caf\u00e9 zones.<br>\r\n                            \u2022 Central pedestrian spine with landscape integration.<br>\r\n                            \u2022 Organized parking layout with direct shop access.<\/p>\r\n                        <p class=\"case-overview\"><strong>Design Highlights:<\/strong><br>\r\n                            \u2022 Strong linear axis enhances visibility for all shops.<br>\r\n                            \u2022 Balanced mix between built mass and open public spaces.<br>\r\n                            \u2022 Use of natural materials (stone + warm tones) for a high-end atmosphere.<\/p>\r\n                    <\/div>\r\n                    <div class=\"case-slider case-img-right\">\r\n                        <div class=\"case-study-badge right-badge glass-effect\">PROJECT \/\/ 06<\/div>\r\n                        <div class=\"case-slides active\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/7df3f06f-e1e3-4e06-8ad6-0e538ef26aea.png\"\r\n                                alt=\"Al Faisaliah Strip Mall 1\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/0f0add10-de14-4b46-8978-cfc80630044e.png\"\r\n                                alt=\"Al Faisaliah Strip Mall 2\">\r\n                        <\/div>\r\n                        <div class=\"case-slides\">\r\n                            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/2d873274-b374-458c-a2e9-643ed1d966fb.png\"\r\n                                alt=\"Al Faisaliah Strip Mall 3\">\r\n                        <\/div>\r\n                        <button class=\"case-slider-btn prev\">&#10094;<\/button>\r\n                        <button class=\"case-slider-btn next\">&#10095;<\/button>\r\n                        <div class=\"case-slider-dots\">\r\n                            <span class=\"dot active\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                            <span class=\"dot\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n    document.querySelectorAll('.case-slider').forEach((slider) => {\r\n        const slides = slider.querySelectorAll('.case-slides');\r\n        const dots = slider.querySelectorAll('.dot');\r\n        const prevBtn = slider.querySelector('.prev');\r\n        const nextBtn = slider.querySelector('.next');\r\n\r\n        let index = 0;\r\n        let interval;\r\n\r\n        function showSlide(i) {\r\n            slides.forEach((slide) => slide.classList.remove('active'));\r\n            dots.forEach((dot) => dot.classList.remove('active'));\r\n\r\n            index = (i + slides.length) % slides.length;\r\n\r\n            slides[index].classList.add('active');\r\n            dots[index].classList.add('active');\r\n        }\r\n\r\n        function nextSlide() {\r\n            showSlide(index + 1);\r\n        }\r\n\r\n        function prevSlideFunc() {\r\n            showSlide(index - 1);\r\n        }\r\n\r\n        nextBtn.addEventListener('click', () => {\r\n            nextSlide();\r\n            resetAuto();\r\n        });\r\n\r\n        prevBtn.addEventListener('click', () => {\r\n            prevSlideFunc();\r\n            resetAuto();\r\n        });\r\n\r\n        dots.forEach((dot, i) => {\r\n            dot.addEventListener('click', () => {\r\n                showSlide(i);\r\n                resetAuto();\r\n            });\r\n        });\r\n\r\n        function startAuto() {\r\n            interval = setInterval(nextSlide, 4500);\r\n        }\r\n\r\n        function resetAuto() {\r\n            clearInterval(interval);\r\n            startAuto();\r\n        }\r\n\r\n        showSlide(0);\r\n        startAuto();\r\n    });\r\n\r\n    \/\/ ========== RESIDENTIAL GALLERY LIGHTBOX LOGIC ==========\r\n    (function () {\r\n        \/\/ Create Lightbox DOM elements dynamically if they don't exist\r\n        if (!document.getElementById('resLightbox')) {\r\n            const lightboxHTML = `\r\n                <div class=\"sce-lightbox\" id=\"resLightbox\">\r\n                    <div class=\"lb-close\"><span class=\"material-symbols-outlined\">close<\/span><\/div>\r\n                    <div class=\"lb-nav lb-prev\"><span class=\"material-symbols-outlined\">arrow_back_ios_new<\/span><\/div>\r\n                    <img decoding=\"async\" src=\"\" alt=\"Lightbox Image\" id=\"lbImage\">\r\n                    <div class=\"lb-nav lb-next\"><span class=\"material-symbols-outlined\">arrow_forward_ios<\/span><\/div>\r\n                    <div class=\"lb-counter\"><span id=\"lbCurrentIndex\">1<\/span> \/ <span id=\"lbTotalCount\">10<\/span><\/div>\r\n                <\/div>\r\n            `;\r\n            document.querySelector('.sce-projects').insertAdjacentHTML('beforeend', lightboxHTML);\r\n        }\r\n\r\n        const lightbox = document.getElementById('resLightbox');\r\n        const lbImg = document.getElementById('lbImage');\r\n        const lbClose = lightbox.querySelector('.lb-close');\r\n        const lbPrev = lightbox.querySelector('.lb-prev');\r\n        const lbNext = lightbox.querySelector('.lb-next');\r\n        const lbCurrentCount = document.getElementById('lbCurrentIndex');\r\n        const lbTotalCount = document.getElementById('lbTotalCount');\r\n\r\n        const galleryItems = document.querySelectorAll('.res-gallery-item');\r\n        if (!galleryItems.length) return; \/\/ Exit if no items found\r\n\r\n        const images = Array.from(galleryItems).map(item => ({\r\n            src: item.querySelector('img').src,\r\n            alt: item.querySelector('img').alt\r\n        }));\r\n\r\n        lbTotalCount.textContent = images.length;\r\n        let currentIndex = 0;\r\n\r\n        \/\/ Open Lightbox\r\n        galleryItems.forEach((item, index) => {\r\n            \/\/ Remove existing listeners if script re-runs (cloning node is a simple way)\r\n            const newItem = item.cloneNode(true);\r\n            item.parentNode.replaceChild(newItem, item);\r\n            \r\n            newItem.addEventListener('click', () => {\r\n                currentIndex = index;\r\n                updateLightbox();\r\n                lightbox.classList.add('active');\r\n                document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling\r\n            });\r\n        });\r\n\r\n        \/\/ Update Lightbox Content\r\n        function updateLightbox() {\r\n            lbImg.src = images[currentIndex].src;\r\n            lbImg.alt = images[currentIndex].alt;\r\n            lbCurrentCount.textContent = currentIndex + 1;\r\n        }\r\n\r\n        \/\/ Close Lightbox\r\n        function closeLightbox() {\r\n            lightbox.classList.remove('active');\r\n            document.body.style.overflow = ''; \/\/ Restore scrolling\r\n        }\r\n\r\n        \/\/ Remove old listeners on lightbox controls by cloning\r\n        const newLbClose = lbClose.cloneNode(true);\r\n        lbClose.parentNode.replaceChild(newLbClose, lbClose);\r\n        newLbClose.addEventListener('click', closeLightbox);\r\n\r\n        lightbox.addEventListener('click', (e) => {\r\n            if (e.target === lightbox) closeLightbox(); \/\/ Close on backdrop click\r\n        });\r\n\r\n        \/\/ Navigation\r\n        const newLbPrev = lbPrev.cloneNode(true);\r\n        lbPrev.parentNode.replaceChild(newLbPrev, lbPrev);\r\n        newLbPrev.addEventListener('click', (e) => {\r\n            e.stopPropagation();\r\n            currentIndex = (currentIndex === 0) ? images.length - 1 : currentIndex - 1;\r\n            updateLightbox();\r\n        });\r\n\r\n        const newLbNext = lbNext.cloneNode(true);\r\n        lbNext.parentNode.replaceChild(newLbNext, lbNext);\r\n        newLbNext.addEventListener('click', (e) => {\r\n            e.stopPropagation();\r\n            currentIndex = (currentIndex === images.length - 1) ? 0 : currentIndex + 1;\r\n            updateLightbox();\r\n        });\r\n\r\n        \/\/ Keyboard Navigation (avoid multiple bindings by tracking)\r\n        if (!window.sceLightboxKeydownBound) {\r\n            document.addEventListener('keydown', (e) => {\r\n                if (!lightbox.classList.contains('active')) return;\r\n                if (e.key === 'Escape') closeLightbox();\r\n                if (e.key === 'ArrowLeft') document.querySelector('.lb-prev').click();\r\n                if (e.key === 'ArrowRight') document.querySelector('.lb-next').click();\r\n            });\r\n            window.sceLightboxKeydownBound = true;\r\n        }\r\n    })();\r\n<\/script>\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>SMART CAPITAL ENGINEERING ENGINEERING EXCELLENCE From bespoke residential villas to large-scale industrial facilities and premium commercial destinations \u2014 our portfolio reflects decades of engineering precision, innovative design, and unwavering commitment to quality across Saudi Arabia. villa Residential factory Industrial storefront Commercial RESIDENTIAL DEVELOPMENTS BESPOKE LIVING SPACES Our residential portfolio showcases design diversity ranging from Modern [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":88,"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":539,"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/pages\/83\/revisions\/539"}],"wp:attachment":[{"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/media?parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}