{"id":5,"date":"2026-04-13T14:12:58","date_gmt":"2026-04-13T14:12:58","guid":{"rendered":"https:\/\/wheat-seahorse-866739.hostingersite.com\/?page_id=5"},"modified":"2026-04-23T08:38:55","modified_gmt":"2026-04-23T08:38:55","slug":"home","status":"publish","type":"page","link":"https:\/\/smartcapitaleng.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5\" class=\"elementor elementor-5\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e07e30f e-con-full e-flex e-con e-parent\" data-id=\"e07e30f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b61a6b7 elementor-widget elementor-widget-html\" data-id=\"b61a6b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Google Fonts via @import (works inside Elementor HTML widgets) *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');\r\n\r\n    \/* ========================================================\r\n       ALL CSS SCOPED UNDER .sce-home TO PREVENT CONFLICTS\r\n       ======================================================== *\/\r\n\r\n    .sce-home {\r\n        --sce-primary: #e6c383;\r\n        --sce-on-primary: #412d00;\r\n        --sce-secondary: #aec8ed;\r\n        --sce-on-secondary: #16324f;\r\n        --sce-tertiary: #e3c47e;\r\n        --sce-on-tertiary: #3f2e00;\r\n        --sce-surface: #041428;\r\n        --sce-on-surface: #d5e3ff;\r\n        --sce-surface-variant: #27354c;\r\n        --sce-on-surface-variant: #d0c5b5;\r\n        --sce-outline: #998f81;\r\n        --sce-background: #0A1A2F;\r\n        --sce-primary-container: #c9a86a;\r\n        --sce-on-primary-container: #543d08;\r\n        --sce-secondary-container: #2f4867;\r\n        --sce-on-secondary-container: #9db7db;\r\n        --sce-accent: #F2D28B;\r\n        --sce-accent-dark: #C9A86A;\r\n        --sce-text-dark: #261900;\r\n        --sce-font-headline: 'Space Grotesk', sans-serif;\r\n        --sce-font-body: 'Manrope', sans-serif;\r\n\r\n        background-color: var(--sce-background) !important;\r\n        color: var(--sce-on-surface) !important;\r\n        font-family: var(--sce-font-body) !important;\r\n        line-height: 1.5 !important;\r\n        overflow-x: hidden !important;\r\n        -webkit-font-smoothing: antialiased !important;\r\n        position: relative;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .sce-home *, .sce-home *::before, .sce-home *::after {\r\n        box-sizing: border-box !important;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .sce-home ::selection {\r\n        background-color: rgba(230, 195, 131, 0.3);\r\n        color: white;\r\n    }\r\n\r\n    .sce-home .sce-container {\r\n        width: 100% !important;\r\n        max-width: 1280px !important;\r\n        margin: 0 auto !important;\r\n        padding: 0 2rem !important;\r\n    }\r\n\r\n    .sce-home .text-accent { color: var(--sce-accent) !important; }\r\n    .sce-home .text-secondary { color: var(--sce-secondary) !important; }\r\n    .sce-home .text-light { color: var(--sce-on-surface) !important; }\r\n\r\n    \/* Material Symbols *\/\r\n    .sce-home .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        font-weight: normal !important;\r\n        font-style: normal !important;\r\n        display: inline-block !important;\r\n        line-height: 1 !important;\r\n        text-transform: none !important;\r\n        letter-spacing: normal !important;\r\n        word-wrap: normal !important;\r\n        white-space: nowrap !important;\r\n        direction: ltr !important;\r\n        -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    \/* Grid Overlay *\/\r\n    .sce-home .grid-overlay-global {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        min-height: 100vh;\r\n        background-image: radial-gradient(circle, rgba(201, 168, 106, 0.15) 1px, transparent 1px) !important;\r\n        background-size: 40px 40px !important;\r\n        opacity: 0.5 !important;\r\n        pointer-events: none !important;\r\n        z-index: 0 !important;\r\n    }\r\n\r\n    .sce-home .grid-overlay {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background-image: radial-gradient(circle, rgba(201, 168, 106, 0.15) 1px, transparent 1px) !important;\r\n        background-size: 40px 40px !important;\r\n        pointer-events: none !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* Glass Panel *\/\r\n    .sce-home .glass-panel {\r\n        background: rgba(16, 36, 61, 0.45) !important;\r\n        backdrop-filter: blur(40px) !important;\r\n        -webkit-backdrop-filter: blur(40px) !important;\r\n        border: 1px solid rgba(201, 168, 106, 0.15) !important;\r\n        border-radius: 1rem !important;\r\n    }\r\n\r\n    \/* Text Shimmer *\/\r\n    .sce-home .text-shimmer {\r\n        background: linear-gradient(45deg, #d5e3ff 20%, #F2D28B 50%, #d5e3ff 80%) !important;\r\n        background-size: 200% auto !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n        background-clip: text !important;\r\n        animation: sceTextShimmer 6s linear infinite !important;\r\n    }\r\n\r\n    @keyframes sceTextShimmer {\r\n        to { background-position: 200% center; }\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .sce-home .btn {\r\n        padding: 1rem 2.5rem !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: -0.05em !important;\r\n        font-size: 1.125rem !important;\r\n        border-radius: 0.75rem !important;\r\n        transition: all 0.2s !important;\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 0.5rem !important;\r\n        text-decoration: none !important;\r\n        justify-content: center !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n    .sce-home .btn:active { transform: scale(0.95) !important; }\r\n\r\n    .sce-home .metallic-button {\r\n        background: linear-gradient(135deg, #C9A86A 0%, #F2D28B 50%, #C9A86A 100%) !important;\r\n        background-size: 200% auto !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        color: var(--sce-text-dark) !important;\r\n        border: none !important;\r\n        cursor: pointer !important;\r\n        box-shadow: 0 0 30px rgba(201,168,106,0.25) !important;\r\n    }\r\n\r\n    .sce-home .metallic-button::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: -50% !important;\r\n        left: -50% !important;\r\n        width: 200% !important;\r\n        height: 200% !important;\r\n        background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent) !important;\r\n        transform: rotate(45deg) !important;\r\n        transition: 0.5s !important;\r\n        pointer-events: none !important;\r\n    }\r\n    .sce-home .metallic-button:hover::after {\r\n        left: 100% !important;\r\n        top: 100% !important;\r\n    }\r\n\r\n    .sce-home .metallic-border {\r\n        border: 1px solid transparent !important;\r\n        background-image: linear-gradient(#0A1A2F, #0A1A2F), linear-gradient(135deg, #C9A86A, #F2D28B, #C9A86A) !important;\r\n        background-origin: border-box !important;\r\n        background-clip: padding-box, border-box !important;\r\n        cursor: pointer !important;\r\n        color: var(--sce-on-surface) !important;\r\n    }\r\n    .sce-home .metallic-border:hover { background-color: rgba(255,255,255,0.05) !important; }\r\n\r\n    \/* Light Streaks *\/\r\n    .sce-home .light-streak {\r\n        background: linear-gradient(90deg, transparent, rgba(242, 210, 139, 0.2), transparent) !important;\r\n        height: 1px !important;\r\n        width: 100% !important;\r\n        position: absolute !important;\r\n        left: 0 !important;\r\n    }\r\n    .sce-home .light-streak.top { top: 0 !important; }\r\n    .sce-home .light-streak.bottom { bottom: 0 !important; }\r\n\r\n    \/* Section Headers *\/\r\n    .sce-home .section-header { margin-bottom: 2rem !important; }\r\n    .sce-home .section-subtitle {\r\n        color: var(--sce-accent) !important;\r\n        letter-spacing: 0.4em !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        font-size: 0.75rem !important;\r\n        text-transform: uppercase !important;\r\n        display: block !important;\r\n        margin-bottom: 0.5rem !important;\r\n    }\r\n    .sce-home .section-title {\r\n        font-size: 3rem !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: -0.05em !important;\r\n        color: var(--sce-on-surface) !important;\r\n        line-height: 1.1 !important;\r\n    }\r\n\r\n    \/* Custom Hover Effect with Particles *\/\r\n    .sce-home .custom-hover-effect {\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        cursor: pointer !important;\r\n    }\r\n    .sce-home .custom-hover-effect .base-image {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        filter: grayscale(100%) !important;\r\n        transition: filter 0.7s ease !important;\r\n        border-radius: inherit !important;\r\n        display: block !important;\r\n    }\r\n    .sce-home .custom-hover-effect:hover .base-image {\r\n        filter: grayscale(0%) !important;\r\n    }\r\n    .sce-home .custom-hover-effect .particles-canvas {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        pointer-events: none !important;\r\n        z-index: 10 !important;\r\n        border-radius: inherit !important;\r\n    }\r\n\r\n    \/* =============== HERO SECTION =============== *\/\r\n    .sce-home .hero {\r\n        height: 100vh !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        padding-top: 5rem !important;\r\n    }\r\n    .sce-home .hero-background {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        z-index: 0 !important;\r\n    }\r\n    .sce-home .hero-background img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n    }\r\n    .sce-home .hero-overlay {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background: linear-gradient(to right, #0A1A2F, rgba(10,26,47,0.8), transparent) !important;\r\n        z-index: 10 !important;\r\n    }\r\n    .sce-home .dark-overlay {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background: rgba(0,0,0,0.4) !important;\r\n        z-index: 11 !important;\r\n    }\r\n    .sce-home .hero-glow {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background: radial-gradient(circle at center, rgba(201, 168, 106, 0.15) 0%, rgba(10, 26, 47, 0) 70%) !important;\r\n        z-index: 12 !important;\r\n        opacity: 0.6 !important;\r\n    }\r\n    .sce-home .hero-content {\r\n        position: relative !important;\r\n        z-index: 20 !important;\r\n    }\r\n    .sce-home .hero-text {\r\n        max-width: 56rem !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 1.5rem !important;\r\n    }\r\n    .sce-home .eyebrow {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 1rem !important;\r\n    }\r\n    .sce-home .eyebrow-line {\r\n        height: 1px !important;\r\n        width: 3rem !important;\r\n        background-color: var(--sce-accent) !important;\r\n    }\r\n    .sce-home .eyebrow-text {\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 0.3em !important;\r\n        font-size: 0.75rem !important;\r\n        color: var(--sce-accent) !important;\r\n    }\r\n    .sce-home .hero-title {\r\n        font-size: 3.75rem !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: -0.05em !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n    @media (min-width: 768px) { .sce-home .hero-title { font-size: 6rem !important; } }\r\n    .sce-home .hero-description {\r\n        font-size: 1.25rem !important;\r\n        color: var(--sce-on-surface-variant) !important;\r\n        font-weight: 300 !important;\r\n        max-width: 42rem !important;\r\n        line-height: 1.625 !important;\r\n    }\r\n    @media (min-width: 768px) { .sce-home .hero-description { font-size: 1.5rem !important; } }\r\n    .sce-home .hero-actions {\r\n        display: flex !important;\r\n        gap: 1rem !important;\r\n        margin-top: 1rem !important;\r\n    }\r\n\r\n    \/* =============== ABOUT SECTION =============== *\/\r\n    .sce-home .about {\r\n        padding: 8rem 0 !important;\r\n        background-color: var(--sce-surface) !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n    }\r\n    .sce-home .about-grid {\r\n        display: grid !important;\r\n        gap: 4rem !important;\r\n        align-items: center !important;\r\n        position: relative !important;\r\n        z-index: 10 !important;\r\n    }\r\n    @media (min-width: 1024px) { .sce-home .about-grid { grid-template-columns: 1fr 1fr !important; } }\r\n    .sce-home .about-content {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 2rem !important;\r\n    }\r\n    .sce-home .about-description {\r\n        font-size: 1.125rem !important;\r\n        color: var(--sce-on-surface-variant) !important;\r\n        line-height: 1.625 !important;\r\n        text-align: justify !important;\r\n    }\r\n    .sce-home .about-features {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 2rem !important;\r\n    }\r\n    .sce-home .feature-item {\r\n        border-left: 2px solid var(--sce-accent-dark) !important;\r\n        padding-left: 1.5rem !important;\r\n    }\r\n    .sce-home .feature-item.feature-secondary { border-left-color: var(--sce-secondary) !important; }\r\n    .sce-home .feature-item .feature-title {\r\n        font-size: 1.875rem !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        color: var(--sce-accent) !important;\r\n    }\r\n    .sce-home .feature-item.feature-secondary .feature-title { color: var(--sce-secondary) !important; }\r\n    .sce-home .feature-subtitle {\r\n        font-size: 0.75rem !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 0.1em !important;\r\n        color: var(--sce-on-surface-variant) !important;\r\n        margin-top: 0.25rem !important;\r\n    }\r\n    .sce-home .about-image-wrapper {\r\n        position: relative !important;\r\n        aspect-ratio: 1 !important;\r\n        border-radius: 0.125rem !important;\r\n    }\r\n    .sce-home .image-decor {\r\n        position: absolute !important;\r\n        inset: -1rem !important;\r\n        border: 1px solid rgba(201, 168, 106, 0.2) !important;\r\n        pointer-events: none !important;\r\n    }\r\n    .sce-home .about-image-wrapper::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        right: 0 !important;\r\n        width: 8rem !important;\r\n        height: 8rem !important;\r\n        border-top: 1px solid rgba(201, 168, 106, 0.3) !important;\r\n        border-right: 1px solid rgba(201, 168, 106, 0.3) !important;\r\n        pointer-events: none !important;\r\n    }\r\n    .sce-home .about-image {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        border-radius: 0.125rem !important;\r\n        border: 1px solid rgba(201, 168, 106, 0.2) !important;\r\n    }\r\n    .sce-home .status-panel {\r\n        position: absolute !important;\r\n        bottom: 1rem !important;\r\n        left: 1rem !important;\r\n        padding: 1.5rem !important;\r\n        border-radius: 0.5rem !important;\r\n        z-index: 20 !important;\r\n    }\r\n    .sce-home .status-label {\r\n        color: var(--sce-accent) !important;\r\n        font-size: 0.75rem !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 0.1em !important;\r\n        margin-bottom: 0.25rem !important;\r\n    }\r\n    .sce-home .status-value {\r\n        color: var(--sce-on-surface) !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    \/* =============== VALUES SECTION =============== *\/\r\n    .sce-home .values {\r\n        padding: 8rem 0 !important;\r\n        background-color: rgba(10, 26, 47, 0.4) !important;\r\n        border-top: 1px solid rgba(201, 168, 106, 0.1) !important;\r\n        border-bottom: 1px solid rgba(201, 168, 106, 0.1) !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n    }\r\n    .sce-home .values-header {\r\n        text-align: center !important;\r\n        margin-bottom: 5rem !important;\r\n    }\r\n    .sce-home .values-header .section-title {\r\n        margin-bottom: 1rem !important;\r\n    }\r\n    .sce-home .gradient-line {\r\n        width: 6rem !important;\r\n        height: 4px !important;\r\n        background: linear-gradient(to right, transparent, var(--sce-accent-dark), transparent) !important;\r\n        margin: 0 auto !important;\r\n    }\r\n    .sce-home .values-grid {\r\n        display: grid !important;\r\n        gap: 1px !important;\r\n        background-color: rgba(201, 168, 106, 0.1) !important;\r\n        border: 1px solid rgba(201, 168, 106, 0.2) !important;\r\n    }\r\n    @media (min-width: 768px) { .sce-home .values-grid { grid-template-columns: repeat(3, 1fr) !important; } }\r\n    @media (min-width: 1024px) { .sce-home .values-grid { grid-template-columns: repeat(5, 1fr) !important; } }\r\n    .sce-home .value-card {\r\n        background-color: var(--sce-surface) !important;\r\n        padding: 2.5rem !important;\r\n        transition: background-color 0.3s !important;\r\n    }\r\n    .sce-home .value-card:hover {\r\n        background-color: var(--sce-surface-variant) !important;\r\n    }\r\n    .sce-home .value-icon {\r\n        color: var(--sce-accent) !important;\r\n        font-size: 2.5rem !important;\r\n        margin-bottom: 1.5rem !important;\r\n        display: block !important;\r\n        filter: drop-shadow(0 0 8px rgba(201,168,106,0.3)) !important;\r\n    }\r\n    .sce-home .value-title {\r\n        font-size: 1.25rem !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        color: var(--sce-accent) !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: -0.025em !important;\r\n        margin-bottom: 1rem !important;\r\n    }\r\n    .sce-home .value-desc {\r\n        font-size: 0.875rem !important;\r\n        color: var(--sce-on-surface-variant) !important;\r\n        line-height: 1.625 !important;\r\n    }\r\n\r\n    \/* =============== VISION & MISSION =============== *\/\r\n    .sce-home .vision-mission {\r\n        display: grid !important;\r\n        position: relative !important;\r\n    }\r\n    @media (min-width: 1024px) { .sce-home .vision-mission { grid-template-columns: 1fr 1fr !important; } }\r\n    .sce-home .vision-box, .sce-home .mission-box {\r\n        padding: 5rem 2rem !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: center !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n    }\r\n    @media (min-width: 1024px) { .sce-home .vision-box, .sce-home .mission-box { padding: 8rem !important; } }\r\n    .sce-home .vision-box {\r\n        background-color: var(--sce-accent-dark) !important;\r\n    }\r\n    .sce-home .vision-box .overlay {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background: linear-gradient(to bottom right, rgba(255,255,255,0.1), transparent) !important;\r\n        opacity: 0.5 !important;\r\n    }\r\n    .sce-home .vision-box .section-title {\r\n        color: var(--sce-text-dark) !important;\r\n        margin-bottom: 2rem !important;\r\n        position: relative !important;\r\n        z-index: 10 !important;\r\n    }\r\n    .sce-home .vision-box .statement {\r\n        font-size: 1.5rem !important;\r\n        font-weight: 300 !important;\r\n        color: var(--sce-text-dark) !important;\r\n        line-height: 1.25 !important;\r\n        font-style: italic !important;\r\n        position: relative !important;\r\n        z-index: 10 !important;\r\n    }\r\n    .sce-home .mission-box {\r\n        background-color: #112035 !important;\r\n    }\r\n    .sce-home .mission-box .overlay { opacity: 0.2 !important; }\r\n    .sce-home .mission-box .section-title { margin-bottom: 2rem !important; position: relative !important; z-index: 10 !important; }\r\n    .sce-home .mission-box .statement {\r\n        font-size: 1.5rem !important;\r\n        font-weight: 300 !important;\r\n        line-height: 1.25 !important;\r\n        font-style: italic !important;\r\n        position: relative !important;\r\n        z-index: 10 !important;\r\n    }\r\n\r\n    \/* =============== SERVICES SECTION =============== *\/\r\n    .sce-home .services {\r\n        padding: 8rem 0 !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n    }\r\n    .sce-home .services-header {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: flex-end !important;\r\n        margin-bottom: 4rem !important;\r\n    }\r\n    .sce-home .gradient-line-left {\r\n        width: 8rem !important;\r\n        height: 4px !important;\r\n        background: linear-gradient(to right, var(--sce-accent-dark), transparent) !important;\r\n        margin-top: 1rem !important;\r\n    }\r\n    .sce-home .category-label {\r\n        color: var(--sce-on-surface-variant) !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        font-size: 0.875rem !important;\r\n        letter-spacing: 0.2em !important;\r\n        text-transform: uppercase !important;\r\n        display: none !important;\r\n    }\r\n    @media (min-width: 1024px) { .sce-home .category-label { display: block !important; } }\r\n    .sce-home .services-grid {\r\n        display: grid !important;\r\n        gap: 2rem !important;\r\n    }\r\n    @media (min-width: 768px) { .sce-home .services-grid { grid-template-columns: repeat(2, 1fr) !important; } }\r\n    @media (min-width: 1024px) { .sce-home .services-grid { grid-template-columns: repeat(3, 1fr) !important; } }\r\n    .sce-home .service-card {\r\n        padding: 2rem !important;\r\n        transition: all 0.3s !important;\r\n        border-radius: 1rem !important;\r\n        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1) !important;\r\n    }\r\n    .sce-home .service-card:hover { border-color: rgba(242, 210, 139, 0.5) !important; }\r\n    .sce-home .service-number {\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        font-size: 2.25rem !important;\r\n        margin-bottom: 1.5rem !important;\r\n        opacity: 0.3 !important;\r\n        transition: opacity 0.3s !important;\r\n        color: var(--sce-accent-dark) !important;\r\n    }\r\n    .sce-home .service-card:hover .service-number { opacity: 1 !important; }\r\n    .sce-home .service-title {\r\n        font-size: 1.5rem !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        color: var(--sce-on-surface) !important;\r\n        margin-bottom: 1.5rem !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: -0.025em !important;\r\n        transition: color 0.3s !important;\r\n    }\r\n    .sce-home .service-card:hover .service-title { color: var(--sce-accent) !important; }\r\n    .sce-home .service-list {\r\n        list-style: none !important;\r\n        padding: 0 !important;\r\n        margin: 0 !important;\r\n    }\r\n    .sce-home .service-list li {\r\n        font-size: 0.875rem !important;\r\n        color: var(--sce-on-surface-variant) !important;\r\n        margin-bottom: 0.75rem !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 0.5rem !important;\r\n        list-style: none !important;\r\n    }\r\n    .sce-home .service-list li::before {\r\n        display: none !important;\r\n    }\r\n    .sce-home .service-list .dot {\r\n        width: 6px !important;\r\n        height: 6px !important;\r\n        min-width: 6px !important;\r\n        min-height: 6px !important;\r\n        border-radius: 50% !important;\r\n        background-color: var(--sce-accent-dark) !important;\r\n        display: inline-block !important;\r\n    }\r\n    .sce-home .service-card.span-2 {\r\n        grid-column: span 1 !important;\r\n    }\r\n    @media (min-width: 1024px) {\r\n        .sce-home .service-card.span-2 { grid-column: span 2 !important; }\r\n        .sce-home .service-list-columns {\r\n            display: grid !important;\r\n            grid-template-columns: 1fr 1fr !important;\r\n            gap: 1rem !important;\r\n        }\r\n    }\r\n\r\n    \/* =============== WHY CHOOSE US =============== *\/\r\n    .sce-home .why-us {\r\n        padding: 8rem 0 !important;\r\n        background-color: rgba(10, 26, 47, 0.6) !important;\r\n        border-top: 1px solid rgba(201, 168, 106, 0.1) !important;\r\n        border-bottom: 1px solid rgba(201, 168, 106, 0.1) !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n    }\r\n    .sce-home .why-us .gradient-overlay {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background: linear-gradient(to bottom, transparent, rgba(201, 168, 106, 0.05), transparent) !important;\r\n    }\r\n    .sce-home .why-us-header {\r\n        text-align: center !important;\r\n        max-width: 56rem !important;\r\n        margin: 0 auto 5rem !important;\r\n        position: relative !important;\r\n        z-index: 10 !important;\r\n    }\r\n    .sce-home .why-us-header .tagline {\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        letter-spacing: 0.2em !important;\r\n        font-size: 1.125rem !important;\r\n        text-transform: uppercase !important;\r\n        margin-top: 1rem !important;\r\n        filter: drop-shadow(0 0 10px rgba(201,168,106,0.3)) !important;\r\n    }\r\n    .sce-home .why-us-grid {\r\n        display: grid !important;\r\n        gap: 3rem 4rem !important;\r\n        position: relative !important;\r\n        z-index: 10 !important;\r\n    }\r\n    @media (min-width: 768px) { .sce-home .why-us-grid { grid-template-columns: repeat(2, 1fr) !important; } }\r\n    @media (min-width: 1024px) { .sce-home .why-us-grid { grid-template-columns: repeat(3, 1fr) !important; } }\r\n    .sce-home .feature-box {\r\n        border-top: 1px solid rgba(201, 168, 106, 0.2) !important;\r\n        padding-top: 1.5rem !important;\r\n    }\r\n    .sce-home .feature-box .feature-title {\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: -0.025em !important;\r\n        margin-bottom: 0.75rem !important;\r\n        transition: transform 0.3s !important;\r\n    }\r\n    .sce-home .feature-box:hover .feature-title { transform: translateX(0.5rem) !important; }\r\n    .sce-home .feature-box .feature-desc {\r\n        font-size: 0.875rem !important;\r\n        color: var(--sce-on-surface-variant) !important;\r\n    }\r\n\r\n    \/* =============== CEO MESSAGE =============== *\/\r\n    .sce-home .ceo-message {\r\n        padding: 8rem 0 !important;\r\n        background-color: var(--sce-surface) !important;\r\n    }\r\n    .sce-home .grid-2 {\r\n        display: grid !important;\r\n        gap: 4rem !important;\r\n        align-items: center !important;\r\n    }\r\n    @media (min-width: 1024px) { .sce-home .grid-2 { grid-template-columns: 1fr 1fr !important; } }\r\n    .sce-home .ceo-image-wrapper {\r\n        position: relative !important;\r\n        border-radius: 0.5rem !important;\r\n    }\r\n    .sce-home .ceo-image-wrapper .image-decor {\r\n        position: absolute !important;\r\n        inset: -0.5rem !important;\r\n        border: 1px solid rgba(201, 168, 106, 0.3) !important;\r\n        border-radius: 0.75rem !important;\r\n        transition: border-color 0.3s !important;\r\n    }\r\n    .sce-home .ceo-image-wrapper:hover .image-decor { border-color: rgba(201, 168, 106, 0.6) !important; }\r\n    .sce-home .ceo-image-wrapper img {\r\n        width: 100% !important;\r\n        border-radius: 0.5rem !important;\r\n        border: 1px solid rgba(201, 168, 106, 0.2) !important;\r\n        position: relative !important;\r\n        z-index: 10 !important;\r\n    }\r\n    .sce-home .leadership-badge {\r\n        position: absolute !important;\r\n        bottom: -1.5rem !important;\r\n        right: -1.5rem !important;\r\n        padding: 2rem !important;\r\n        max-width: 15rem !important;\r\n        border-radius: 0.75rem !important;\r\n        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5) !important;\r\n        z-index: 20 !important;\r\n    }\r\n    .sce-home .badge-title {\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: -0.025em !important;\r\n        font-size: 1.25rem !important;\r\n        line-height: 1 !important;\r\n    }\r\n    .sce-home .badge-subtitle {\r\n        color: rgba(38, 25, 0, 0.7) !important;\r\n        font-size: 0.625rem !important;\r\n        text-transform: uppercase !important;\r\n        margin-top: 0.5rem !important;\r\n        font-weight: 700 !important;\r\n        letter-spacing: 0.1em !important;\r\n    }\r\n    @media (min-width: 1024px) { .sce-home .ceo-content { padding-left: 3rem !important; } }\r\n    .sce-home .quote-text {\r\n        font-style: italic !important;\r\n        font-size: 1.125rem !important;\r\n        line-height: 1.625 !important;\r\n        opacity: 0.8 !important;\r\n        border-left: 4px solid var(--sce-accent-dark) !important;\r\n        padding-left: 1.5rem !important;\r\n        margin-bottom: 1.5rem !important;\r\n    }\r\n    .sce-home .ceo-description {\r\n        font-size: 1.125rem !important;\r\n        color: var(--sce-on-surface-variant) !important;\r\n        line-height: 1.625 !important;\r\n    }\r\n    .sce-home .ceo-signature { margin-top: 1.5rem !important; }\r\n    .sce-home .signature-title {\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        font-size: 1.5rem !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: -0.05em !important;\r\n    }\r\n    .sce-home .signature-company {\r\n        font-size: 0.875rem !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 0.1em !important;\r\n        color: var(--sce-on-surface-variant) !important;\r\n        margin-top: 0.25rem !important;\r\n    }\r\n\r\n    \/* =============== PORTFOLIO SECTION =============== *\/\r\n    .sce-home .portfolio {\r\n        padding: 8rem 0 !important;\r\n        background-color: rgba(10, 26, 47, 0.4) !important;\r\n        border-top: 1px solid rgba(201, 168, 106, 0.1) !important;\r\n    }\r\n    .sce-home .portfolio-header {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 2rem !important;\r\n        margin-bottom: 4rem !important;\r\n    }\r\n    @media (min-width: 768px) {\r\n        .sce-home .portfolio-header {\r\n            flex-direction: row !important;\r\n            justify-content: space-between !important;\r\n            align-items: flex-end !important;\r\n        }\r\n    }\r\n    .sce-home .portfolio-title-tabs .section-title { margin-bottom: 1rem !important; }\r\n    .sce-home .portfolio-tabs {\r\n        display: flex !important;\r\n        gap: 2rem !important;\r\n        border-bottom: 1px solid rgba(201, 168, 106, 0.1) !important;\r\n    }\r\n    .sce-home .portfolio-tabs .tab {\r\n        padding-bottom: 1rem !important;\r\n        border: none !important;\r\n        border-bottom: 2px solid transparent !important;\r\n        background: none !important;\r\n        color: var(--sce-on-surface-variant) !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: -0.05em !important;\r\n        font-size: 0.875rem !important;\r\n        cursor: pointer !important;\r\n        transition: color 0.3s !important;\r\n    }\r\n    .sce-home .portfolio-tabs .tab:hover { color: var(--sce-accent) !important; }\r\n    .sce-home .portfolio-tabs .tab.active {\r\n        color: var(--sce-accent) !important;\r\n        border-bottom-color: var(--sce-accent) !important;\r\n    }\r\n    .sce-home .btn-explore {\r\n        background: none !important;\r\n        border: none !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 0.2em !important;\r\n        font-size: 0.625rem !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 0.5rem !important;\r\n        cursor: pointer !important;\r\n    }\r\n    .sce-home .btn-explore .icon {\r\n        font-size: 0.875rem !important;\r\n        transition: transform 0.3s !important;\r\n    }\r\n    .sce-home .btn-explore:hover .icon { transform: translateX(0.5rem) !important; }\r\n\r\n    .sce-home .portfolio-grid {\r\n        display: grid !important;\r\n        gap: 2rem !important;\r\n    }\r\n    @media (min-width: 1024px) { .sce-home .portfolio-grid { grid-template-columns: repeat(3, 1fr) !important; } }\r\n    .sce-home .project-card {\r\n        position: relative !important;\r\n        aspect-ratio: 3\/4 !important;\r\n        overflow: hidden !important;\r\n        border-radius: 1rem !important;\r\n        border: 1px solid rgba(201, 168, 106, 0.1) !important;\r\n        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5) !important;\r\n    }\r\n    .sce-home .project-card img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        transition: transform 0.7s !important;\r\n    }\r\n    .sce-home .project-card:hover img { transform: scale(1.1) !important; }\r\n    .sce-home .project-overlay {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background: linear-gradient(to top, #0A1A2F, transparent) !important;\r\n        opacity: 0.9 !important;\r\n        transition: opacity 0.3s !important;\r\n    }\r\n    .sce-home .project-card:hover .project-overlay { opacity: 1 !important; }\r\n    .sce-home .project-info {\r\n        position: absolute !important;\r\n        bottom: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        padding: 2rem !important;\r\n    }\r\n    .sce-home .project-info-inner {\r\n        padding: 1rem !important;\r\n        border-radius: 0 0.5rem 0.5rem 0 !important;\r\n    }\r\n    .sce-home .border-accent { border-left: 4px solid var(--sce-accent-dark) !important; }\r\n    .sce-home .border-secondary { border-left: 4px solid var(--sce-secondary) !important; }\r\n    .sce-home .project-title {\r\n        font-size: 1.25rem !important;\r\n        font-family: var(--sce-font-headline) !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: -0.025em !important;\r\n        margin-bottom: 0.5rem !important;\r\n    }\r\n    .sce-home .project-desc {\r\n        font-size: 0.75rem !important;\r\n        color: var(--sce-on-surface-variant) !important;\r\n        line-height: 1.625 !important;\r\n    }\r\n<\/style>\r\n\r\n<!-- ============================\r\n     ELEMENTOR-READY HTML CONTENT\r\n     Wrapped in .sce-home scope\r\n     ============================ -->\r\n<div class=\"sce-home\">\r\n    <!-- Global Decorative Elements -->\r\n    <div class=\"grid-overlay-global\" style=\"background-image: radial-gradient(circle, rgba(201, 168, 106, 0.15) 1px, transparent 1px); background-size: 40px 40px;\"><\/div>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"hero\" id=\"hero\">\r\n        <div class=\"hero-background\">\r\n            <div class=\"hero-overlay\"><\/div>\r\n            <div class=\"dark-overlay\"><\/div>\r\n            <img decoding=\"async\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2797041689.webp\" alt=\"Cinematic night view of Riyadh skyline\"\/>\r\n        <\/div>\r\n        <div class=\"hero-glow\"><\/div>\r\n        <div class=\"sce-container hero-content\">\r\n            <div class=\"hero-text\">\r\n                <div class=\"eyebrow\">\r\n                    <div class=\"eyebrow-line\"><\/div>\r\n                    <span class=\"eyebrow-text\">Engineered Excellence<\/span>\r\n                <\/div>\r\n                <h1 class=\"hero-title text-shimmer\">Smart Capital <br\/>Engineering<\/h1>\r\n                <p class=\"hero-description\">Engineering Smart. Delivering Value. Precision solutions for the Kingdom's evolving landscape.<\/p>\r\n                <div class=\"hero-actions\">\r\n                    <button class=\"btn metallic-button\" onclick=\"window.location.href='https:\/\/smartcapitaleng.com\/contact\/'\">Contact Us<\/button>\r\n                    <button class=\"btn metallic-border\" onclick=\"window.location.href='https:\/\/smartcapitaleng.com\/projects\/'\">View Projects <span class=\"material-symbols-outlined\">arrow_forward<\/span><\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- About Us Section -->\r\n    <section class=\"about\" id=\"about\">\r\n        <div class=\"grid-overlay\"><\/div>\r\n        <div class=\"sce-container about-grid\">\r\n            <div class=\"about-content\">\r\n                <div class=\"section-header\">\r\n                    <span class=\"section-subtitle\">About The Firm<\/span>\r\n                    <h2 class=\"section-title\">WHO WE ARE<\/h2>\r\n                <\/div>\r\n                <p class=\"about-description\">Smart Capital Engineering is a multidisciplinary engineering consultancy firm delivering integrated and value-driven solutions across industrial, commercial, and infrastructure sectors. We specialize in providing fully compliant engineering services aligned with the Saudi Building Code, MODON regulations, and international standards. Our strength lies in combining technical expertise with practical execution, ensuring seamless project delivery from concept to approval and implementation.<\/p>\r\n                <div class=\"about-features\">\r\n                    <div class=\"feature-item\">\r\n                        <div class=\"feature-title\">SBC<\/div>\r\n                        <div class=\"feature-subtitle\">Fully Compliant<\/div>\r\n                    <\/div>\r\n                    <div class=\"feature-item feature-secondary\">\r\n                        <div class=\"feature-title\">MODON<\/div>\r\n                        <div class=\"feature-subtitle\">Certified Partner<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"about-image-wrapper custom-hover-effect\">\r\n                <div class=\"image-decor\"><\/div>\r\n                <img decoding=\"async\" class=\"about-image base-image\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k-and-remove-all_2797105446.webp\" alt=\"High-tech 3D architectural wireframe model\"\/>\r\n                <canvas class=\"particles-canvas\"><\/canvas>\r\n                <div class=\"status-panel glass-panel\">\r\n                    <div class=\"status-label\">Status<\/div>\r\n                    <div class=\"status-value\">DIGITAL TWIN RENDERED<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Core Values Section -->\r\n    <section class=\"values\" id=\"values\">\r\n        <div class=\"light-streak top\"><\/div>\r\n        <div class=\"sce-container\">\r\n            <div class=\"values-header\">\r\n                <h2 class=\"section-title\">OUR CORE VALUES<\/h2>\r\n                <div class=\"gradient-line\"><\/div>\r\n            <\/div>\r\n            <div class=\"values-grid\">\r\n                <div class=\"value-card\">\r\n                    <span class=\"material-symbols-outlined value-icon\">gavel<\/span>\r\n                    <h3 class=\"value-title\">INTEGRITY<\/h3>\r\n                    <p class=\"value-desc\">Transparency, professionalism, and strong ethical standards in every engagement.<\/p>\r\n                <\/div>\r\n                <div class=\"value-card\">\r\n                    <span class=\"material-symbols-outlined value-icon\">workspace_premium<\/span>\r\n                    <h3 class=\"value-title\">EXCELLENCE<\/h3>\r\n                    <p class=\"value-desc\">Delivering high-quality solutions that set industry benchmarks.<\/p>\r\n                <\/div>\r\n                <div class=\"value-card\">\r\n                    <span class=\"material-symbols-outlined value-icon\">lightbulb<\/span>\r\n                    <h3 class=\"value-title\">INNOVATION<\/h3>\r\n                    <p class=\"value-desc\">Smart engineering approaches tailored to contemporary challenges.<\/p>\r\n                <\/div>\r\n                <div class=\"value-card\">\r\n                    <span class=\"material-symbols-outlined value-icon\">history_toggle_off<\/span>\r\n                    <h3 class=\"value-title\">COMMITMENT<\/h3>\r\n                    <p class=\"value-desc\">Upholding timelines with precision and unwavering client satisfaction.<\/p>\r\n                <\/div>\r\n                <div class=\"value-card\">\r\n                    <span class=\"material-symbols-outlined value-icon\">health_and_safety<\/span>\r\n                    <h3 class=\"value-title\">SAFETY FIRST<\/h3>\r\n                    <p class=\"value-desc\">Strict adherence to the highest safety standards across all projects.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"light-streak bottom\"><\/div>\r\n    <\/section>\r\n\r\n    <!-- Vision & Mission Section -->\r\n    <section class=\"vision-mission\" id=\"vision-mission\">\r\n        <div class=\"vision-box\">\r\n            <div class=\"overlay\"><\/div>\r\n            <h2 class=\"section-title\">OUR VISION<\/h2>\r\n            <p class=\"statement\">\"To be a leading engineering consultancy recognized for delivering smart, efficient, and high-value engineering solutions that drive sustainable development across the region.\"<\/p>\r\n        <\/div>\r\n        <div class=\"mission-box\">\r\n            <div class=\"overlay grid-overlay\"><\/div>\r\n            <h2 class=\"section-title text-accent\">OUR MISSION<\/h2>\r\n            <p class=\"statement text-light\">\"To provide innovative and fully compliant engineering solutions that enhance safety, optimize performance, and create long-term value for our clients.\"<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Our Services Section -->\r\n    <section class=\"services\" id=\"services\">\r\n        <div class=\"sce-container\">\r\n            <div class=\"services-header\">\r\n                <div class=\"section-header\">\r\n                    <h2 class=\"section-title\">OUR SERVICES<\/h2>\r\n                    <div class=\"gradient-line-left\"><\/div>\r\n                <\/div>\r\n                <p class=\"category-label\">Precision Categories [05]<\/p>\r\n            <\/div>\r\n            <div class=\"services-grid\">\r\n                <div class=\"service-card glass-panel\">\r\n                    <div class=\"service-number\">01<\/div>\r\n                    <h3 class=\"service-title\">Architectural Engineering<\/h3>\r\n                    <ul class=\"service-list\">\r\n                        <li><span class=\"dot\"><\/span> Conceptual &amp; Detailed Design<\/li>\r\n                        <li><span class=\"dot\"><\/span> Interior &amp; Spatial Design<\/li>\r\n                        <li><span class=\"dot\"><\/span> Fa\u00e7ade Engineering<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"service-card glass-panel\">\r\n                    <div class=\"service-number\">02<\/div>\r\n                    <h3 class=\"service-title\">Structural Engineering<\/h3>\r\n                    <ul class=\"service-list\">\r\n                        <li><span class=\"dot\"><\/span> Foundation &amp; Substructure<\/li>\r\n                        <li><span class=\"dot\"><\/span> Reinforced Concrete &amp; Steel Structures<\/li>\r\n                        <li><span class=\"dot\"><\/span> Structural Seismic Analysis<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"service-card glass-panel\">\r\n                    <div class=\"service-number\">03<\/div>\r\n                    <h3 class=\"service-title\">MEP Engineering<\/h3>\r\n                    <ul class=\"service-list\">\r\n                        <li><span class=\"dot\"><\/span> Mechanical\/HVAC Systems<\/li>\r\n                        <li><span class=\"dot\"><\/span> Electrical &amp; Power Distribution<\/li>\r\n                        <li><span class=\"dot\"><\/span> Plumbing &amp; Drainage Solutions<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"service-card glass-panel\">\r\n                    <div class=\"service-number\">04<\/div>\r\n                    <h3 class=\"service-title\">Fire &amp; Life Safety (FLS)<\/h3>\r\n                    <ul class=\"service-list\">\r\n                        <li><span class=\"dot\"><\/span> Fire Suppression Systems<\/li>\r\n                        <li><span class=\"dot\"><\/span> Smoke Control &amp; Management<\/li>\r\n                        <li><span class=\"dot\"><\/span> HCIS &amp; SBC Compliance<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"service-card glass-panel span-2\">\r\n                    <div class=\"service-number\">05<\/div>\r\n                    <h3 class=\"service-title\">Project Management<\/h3>\r\n                    <div class=\"service-list-columns\">\r\n                        <ul class=\"service-list\">\r\n                            <li><span class=\"dot\"><\/span> Planning &amp; Feasibility Studies<\/li>\r\n                            <li><span class=\"dot\"><\/span> Construction Supervision<\/li>\r\n                        <\/ul>\r\n                        <ul class=\"service-list\">\r\n                            <li><span class=\"dot\"><\/span> Cost Optimization<\/li>\r\n                            <li><span class=\"dot\"><\/span> Quality Assurance &amp; Control<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Choose Us Section -->\r\n    <section class=\"why-us\" id=\"why-us\">\r\n        <div class=\"gradient-overlay\"><\/div>\r\n        <div class=\"sce-container\">\r\n            <div class=\"why-us-header\">\r\n                <span class=\"section-subtitle\">Our Edge<\/span>\r\n                <h2 class=\"section-title\">WHY CHOOSE SMART CAPITAL ENGINEERING<\/h2>\r\n                <p class=\"tagline text-accent\">WE DON'T JUST DESIGN. WE ENGINEER SUCCESS.<\/p>\r\n            <\/div>\r\n            <div class=\"why-us-grid\">\r\n                <div class=\"feature-box\">\r\n                    <h4 class=\"feature-title text-accent\">Integrated Solutions<\/h4>\r\n                    <p class=\"feature-desc\">Seamless multidisciplinary engineering under one roof.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <h4 class=\"feature-title text-accent\">SBC Compliance<\/h4>\r\n                    <p class=\"feature-desc\">Total alignment with Saudi Building Code requirements.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <h4 class=\"feature-title text-accent\">Technical Expertise<\/h4>\r\n                    <p class=\"feature-desc\">Deep knowledge of MODON and international standards.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <h4 class=\"feature-title text-accent\">Practical Execution<\/h4>\r\n                    <p class=\"feature-desc\">Combining high-level design with real-world constructability.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <h4 class=\"feature-title text-accent\">Time &amp; Cost Efficiency<\/h4>\r\n                    <p class=\"feature-desc\">Optimizing resources without compromising quality.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <h4 class=\"feature-title text-accent\">Long-term Value<\/h4>\r\n                    <p class=\"feature-desc\">Creating structures that deliver ROI and sustainability.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-box\">\r\n                    <h4 class=\"feature-title text-accent\">Strategic Partnerships<\/h4>\r\n                    <p class=\"feature-desc\">We act as extensions of your team to ensure project success.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n   \r\n\r\n    <!-- Projects Section -->\r\n    <section class=\"portfolio\" id=\"portfolio\">\r\n        <div class=\"sce-container\">\r\n            <div class=\"portfolio-header\">\r\n                <div class=\"portfolio-title-tabs\">\r\n                    <h2 class=\"section-title\">PORTFOLIO<\/h2>\r\n                   \r\n                <\/div>\r\n                <button class=\"btn-explore text-accent\" onclick=\"window.location.href='https:\/\/smartcapitaleng.com\/projects\/'\">\r\n                    EXPLORE ALL PROJECTS <span class=\"material-symbols-outlined icon\">arrow_forward<\/span>\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"portfolio-grid\">\r\n                <div class=\"project-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuB6Og2eemeYk3_wvWBLqYnpd-FLlMLpIllZ92Fl9-FxNKjReerHSYHoOqybeN3t94mdNqE7Xy2ZLSCpP0Ua8KeKbOruuvkDpY1Q8y6_AuqGct7BZdldv4O1IEfGnqC4hHcewt3vUyTH-WI2FkOb6FpCXJIAKxBCHmjCBjOt4SU1415tgRmbsT-3knrw8zay4LlJha1niffbAHRMunINSYywK1pMVCPM30sx0pvDawg7xqjnCbhs2s35ltPvggUPjCGTfSbaXFibfVUu\" alt=\"Residential\"\/>\r\n                    <div class=\"project-overlay\"><\/div>\r\n                    <div class=\"project-info\">\r\n                        <div class=\"project-info-inner border-accent glass-panel\">\r\n                            <h3 class=\"project-title text-accent\">RESIDENTIAL DEVELOPMENTS<\/h3>\r\n                            <p class=\"project-desc\">Integrated living solutions focused on structural integrity and architectural finesse for modern urban demands.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"project-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuD-Bj4pWN-jz-H7EgVVSyBQlGgDHaQWZzQIbqHLPpTqi0iFQQ6IasIoDN_xhkbr2oUW7Cw16sEPmi0rS2i_wHIN8wMhmrQo-NxISnDveLxQxckhsDykteymDq5xEzkSAEJc0qYhxmwsE7el0rsUJcqxuLgpBKQBEsWVV1m7Ltm1Yesb_fxqkwfUO_s4wZPRN5RIldZVvVXI5ZzaMsLn-R3cwwj3SedXAfvNHAHdj5cyQ931GUEq4nBpTYh72PKoXnNlKHgPI_YWzXuU\" alt=\"Industrial\"\/>\r\n                    <div class=\"project-overlay\"><\/div>\r\n                    <div class=\"project-info\">\r\n                        <div class=\"project-info-inner border-secondary glass-panel\">\r\n                            <h3 class=\"project-title text-secondary\">INDUSTRIAL PROJECTS<\/h3>\r\n                            <p class=\"project-desc\">High-performance manufacturing and logistics hubs designed with precision for MODON regulatory excellence.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"project-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDjXb9JRIsUTqLbUaqVbwF3xE55o4bAM542QWog8Jt_ussw8wPdeW7SZbnsWttH5KZADGlAUtdr9wF5GhDOBUDoEurMSHxuhZsyW2ILNBjxTu5l3PJauJNQ6yyZ7m-CxuBrjWKHjD9bq0MGan3mKQtqqOxBWt8eie5kotZn9SDfZrvovT5M_Hd0ej-aLVDhVd2v8zVNVEjylJxvocozflB5PIk92Ho50LotzA9kq0aMklBotf1_c6F1zTe4ad1ZN4vfXdrWRjafVGuv\" alt=\"Commercial\"\/>\r\n                    <div class=\"project-overlay\"><\/div>\r\n                    <div class=\"project-info\">\r\n                        <div class=\"project-info-inner border-accent glass-panel\">\r\n                            <h3 class=\"project-title text-accent\">COMMERCIAL &amp; ENTERTAINMENT<\/h3>\r\n                            <p class=\"project-desc\">Iconic spaces that balance functional MEP requirements with bold architectural aesthetics for public engagement.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div><!-- end .sce-home -->\r\n\r\n<script>\r\n(function() {\r\n    function initHoverEffects() {\r\n        var root = document.querySelector('.sce-home');\r\n        if (!root) return;\r\n        root.querySelectorAll('.custom-hover-effect').forEach(function(container) {\r\n            if (container.dataset.initialized === 'true') return;\r\n            container.dataset.initialized = 'true';\r\n\r\n            var canvas = container.querySelector('.particles-canvas');\r\n            if (!canvas) return;\r\n\r\n            var ctx = canvas.getContext('2d');\r\n            var particles = [];\r\n            var particleCount = 80;\r\n\r\n            function resizeCanvas() {\r\n                var rect = container.getBoundingClientRect();\r\n                canvas.width = rect.width || container.clientWidth || 300;\r\n                canvas.height = rect.height || container.clientHeight || 300;\r\n            }\r\n\r\n            if (window.ResizeObserver) {\r\n                var resizeObserver = new ResizeObserver(function() {\r\n                    resizeCanvas();\r\n                });\r\n                resizeObserver.observe(container);\r\n            } else {\r\n                window.addEventListener('resize', resizeCanvas);\r\n            }\r\n\r\n            resizeCanvas();\r\n            setTimeout(resizeCanvas, 500);\r\n            setTimeout(resizeCanvas, 2000);\r\n\r\n            function Particle() {\r\n                this.reset();\r\n                this.y = Math.random() * (canvas.height || 300);\r\n            }\r\n            Particle.prototype.reset = function() {\r\n                this.x = Math.random() * (canvas.width || 300);\r\n                this.y = (canvas.height || 300) + Math.random() * 50;\r\n                this.vx = (Math.random() - 0.5) * 0.8;\r\n                this.vy = -(Math.random() * 1.5 + 0.5);\r\n                this.size = Math.random() * 2.5 + 0.5;\r\n                this.baseAlpha = Math.random() * 0.7 + 0.1;\r\n            };\r\n            Particle.prototype.update = function() {\r\n                this.x += this.vx;\r\n                this.y += this.vy;\r\n                this.x += Math.sin(this.y * 0.02) * 0.3;\r\n                if (this.y < -20 || this.x < -20 || this.x > (canvas.width || 300) + 20) {\r\n                    this.reset();\r\n                }\r\n            };\r\n            Particle.prototype.draw = function() {\r\n                if (canvas.width === 0 || canvas.height === 0) return;\r\n                ctx.beginPath();\r\n                ctx.fillStyle = 'rgba(255, 225, 120, ' + this.baseAlpha + ')';\r\n                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n                ctx.fill();\r\n            };\r\n\r\n            for (var i = 0; i < particleCount; i++) {\r\n                particles.push(new Particle());\r\n            }\r\n\r\n            function animate() {\r\n                ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n                for (var j = 0; j < particles.length; j++) {\r\n                    particles[j].update();\r\n                    particles[j].draw();\r\n                }\r\n                requestAnimationFrame(animate);\r\n            }\r\n            animate();\r\n        });\r\n    }\r\n\r\n    \/\/ Initialize immediately\r\n    initHoverEffects();\r\n\r\n    \/\/ Initialize on DOM ready\r\n    document.addEventListener('DOMContentLoaded', initHoverEffects);\r\n\r\n    \/\/ Initialize on Elementor frontend events\r\n    window.addEventListener('elementor\/frontend\/init', function() {\r\n        if (typeof elementorFrontend !== 'undefined' && elementorFrontend.hooks) {\r\n            elementorFrontend.hooks.addAction('frontend\/element_ready\/widget', initHoverEffects);\r\n        }\r\n    });\r\n})();\r\n<\/script>\r\n\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>Engineered Excellence Smart Capital Engineering Engineering Smart. Delivering Value. Precision solutions for the Kingdom&#8217;s evolving landscape. Contact Us View Projects arrow_forward About The Firm WHO WE ARE Smart Capital Engineering is a multidisciplinary engineering consultancy firm delivering integrated and value-driven solutions across industrial, commercial, and infrastructure sectors. We specialize in providing fully compliant engineering services [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5","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\/5","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=5"}],"version-history":[{"count":68,"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":552,"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/pages\/5\/revisions\/552"}],"wp:attachment":[{"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}