{"id":45,"date":"2026-04-16T09:39:40","date_gmt":"2026-04-16T09:39:40","guid":{"rendered":"https:\/\/smartcapitaleng.com\/?page_id=45"},"modified":"2026-04-22T08:21:28","modified_gmt":"2026-04-22T08:21:28","slug":"about-us","status":"publish","type":"page","link":"https:\/\/smartcapitaleng.com\/ar\/about-us\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSMART CAPITAL ENGINEERING | Premium Engineering Consultancy<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --primary: #e6c383;\r\n --primary-gold: #F2D28B;\r\n --primary-dark-gold: #C9A86A;\r\n --on-surface: #d5e3ff;\r\n --on-surface-variant: #d0c5b5;\r\n --background: #0A1A2F;\r\n --surface-high: #1c2a40;\r\n --text-dark: #261900;\r\n }\r\n\r\n body {\r\n background-color: var(--background);\r\n color: var(--on-surface);\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* \u2500\u2500 Utilities \u2500\u2500 *\/\r\n .material-symbols-outlined {\r\n font-family: 'Material Symbols Outlined';\r\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\r\n font-size: 24px;\r\n line-height: 1;\r\n display: inline-block;\r\n }\r\n\r\n .glass-panel {\r\n background: rgba(16, 36, 61, 0.45);\r\n backdrop-filter: blur(40px);\r\n -webkit-backdrop-filter: blur(40px);\r\n border: 1px solid rgba(201, 168, 106, 0.15);\r\n }\r\n\r\n .grid-overlay {\r\n background-image: radial-gradient(circle, rgba(201, 168, 106, 0.1) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n }\r\n\r\n .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 background-clip: text;\r\n animation: textShimmer 6s linear infinite;\r\n }\r\n\r\n @keyframes textShimmer {\r\n to { background-position: 200% center; }\r\n }\r\n\r\n .metallic-button {\r\n background: linear-gradient(135deg, #C9A86A 0%, #F2D28B 50%, #C9A86A 100%);\r\n background-size: 200% auto;\r\n position: relative;\r\n overflow: hidden;\r\n color: var(--text-dark);\r\n border: none;\r\n cursor: pointer;\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n font-size: 0.875rem;\r\n border-radius: 0.5rem;\r\n box-shadow: 0 0 20px rgba(201, 168, 106, 0.3);\r\n transition: transform 0.2s;\r\n }\r\n\r\n .metallic-button::after {\r\n content: '';\r\n position: absolute;\r\n top: -50%; left: -50%;\r\n width: 200%; height: 200%;\r\n background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent);\r\n transform: rotate(45deg);\r\n transition: 0.5s;\r\n pointer-events: none;\r\n }\r\n\r\n .metallic-button:hover::after { left: 100%; top: 100%; }\r\n .metallic-button:hover { transform: scale(1.05); }\r\n\r\n .hero-glow {\r\n background: radial-gradient(circle at center, rgba(201, 168, 106, 0.15) 0%, rgba(10, 26, 47, 0) 70%);\r\n }\r\n\r\n .metallic-border {\r\n border: 1px solid transparent;\r\n background-image: linear-gradient(#0A1A2F, #0A1A2F), linear-gradient(135deg, #C9A86A, #F2D28B, #C9A86A);\r\n background-origin: border-box;\r\n background-clip: padding-box, border-box;\r\n }\r\n\r\n \/* \u2500\u2500 Fixed grid overlay \u2500\u2500 *\/\r\n .fixed-grid {\r\n position: fixed;\r\n inset: 0;\r\n pointer-events: none;\r\n opacity: 0.4;\r\n z-index: 0;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n SECTION 1: HERO \/ ABOUT\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .hero-section {\r\n position: relative;\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n }\r\n\r\n .hero-bg-gradient {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to right, #0A1A2F, rgba(10,26,47,0.7), transparent);\r\n z-index: 1;\r\n }\r\n\r\n .hero-bg-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(0,0,0,0.4);\r\n z-index: 1;\r\n }\r\n\r\n .hero-bg img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .hero-glow-abs {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.6;\r\n z-index: 1;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 2rem 0 6rem;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-content { padding: 0 2rem; }\r\n }\r\n\r\n .hero-inner { max-width: 56rem; }\r\n\r\n .hero-label {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .hero-label-line {\r\n height: 1px;\r\n width: 3rem;\r\n background: var(--primary-gold);\r\n }\r\n\r\n .hero-label span {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3em;\r\n font-size: 0.75rem;\r\n color: var(--primary-gold);\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: -0.02em;\r\n line-height: 1.3;\r\n font-size: clamp(2.5rem, 5vw, 5rem);\r\n margin-bottom: 2rem;\r\n filter: drop-shadow(0 4px 6px rgba(0,0,0,0.5));\r\n }\r\n\r\n .hero-body {\r\n font-size: clamp(0.85rem, 1.2vw, 1rem);\r\n color: var(--on-surface-variant);\r\n font-weight: 300;\r\n line-height: 1.6;\r\n max-width: 42rem;\r\n border-left: 2px solid rgba(201, 168, 106, 0.3);\r\n padding-left: 2rem;\r\n margin-bottom: 2.5rem;\r\n filter: drop-shadow(0 4px 6px rgba(0,0,0,0.4));\r\n }\r\n\r\n .hero-cta {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 2rem;\r\n padding-top: 1rem;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n .hero-cta {\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .hero-cta-btn {\r\n padding: 1rem 2.5rem;\r\n box-shadow: 0 0 30px rgba(201, 168, 106, 0.4);\r\n }\r\n\r\n .hero-est {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .hero-est-line {\r\n height: 1px;\r\n width: 3rem;\r\n background: rgba(201, 168, 106, 0.5);\r\n }\r\n\r\n .hero-est span {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n font-size: 0.75rem;\r\n color: rgba(242, 210, 139, 0.8);\r\n }\r\n\r\n .hero-scroll {\r\n position: absolute;\r\n bottom: 2.5rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 2;\r\n opacity: 0.3;\r\n animation: bounce 1s infinite;\r\n }\r\n\r\n .hero-scroll .material-symbols-outlined { font-size: 1.875rem; }\r\n\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateX(-50%) translateY(0); }\r\n 50% { transform: translateX(-50%) translateY(-8px); }\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n SECTION 2: CORE VALUES\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .values-section {\r\n position: relative;\r\n padding: 8rem 2rem;\r\n background: var(--background);\r\n z-index: 1;\r\n }\r\n\r\n .values-inner { max-width: 80rem; margin: 0 auto; }\r\n\r\n .section-heading {\r\n margin-bottom: 5rem;\r\n border-left: 4px solid var(--primary-dark-gold);\r\n padding-left: 1.5rem;\r\n }\r\n\r\n .section-heading h2 {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: -0.02em;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n }\r\n\r\n .section-heading-line {\r\n height: 4px;\r\n width: 6rem;\r\n background: linear-gradient(to right, var(--primary-dark-gold), transparent);\r\n margin-top: 1rem;\r\n opacity: 0.5;\r\n }\r\n\r\n .values-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) { .values-grid { grid-template-columns: repeat(2, 1fr); } }\r\n @media (min-width: 1024px) { .values-grid { grid-template-columns: repeat(3, 1fr); } }\r\n\r\n .value-card {\r\n padding: 2.5rem;\r\n border-radius: 1rem;\r\n transition: border-color 0.5s;\r\n cursor: default;\r\n }\r\n\r\n .value-card:hover { border-color: rgba(242, 210, 139, 0.5); }\r\n\r\n .value-num {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 2.25rem;\r\n font-weight: 700;\r\n color: var(--primary-gold);\r\n opacity: 0.2;\r\n transition: opacity 0.5s;\r\n }\r\n\r\n .value-card:hover .value-num { opacity: 1; }\r\n\r\n .value-title {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n font-size: 1.1rem;\r\n color: var(--primary-gold);\r\n margin: 1.5rem 0 1rem;\r\n }\r\n\r\n .value-desc { color: var(--on-surface-variant); line-height: 1.6; }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n SECTION 3: VISION & MISSION\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .vm-section {\r\n background: rgba(12, 28, 49, 0.3);\r\n border-top: 1px solid rgba(201, 168, 106, 0.1);\r\n border-bottom: 1px solid rgba(201, 168, 106, 0.1);\r\n overflow: hidden;\r\n }\r\n\r\n .vm-inner {\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 700px;\r\n }\r\n\r\n @media (min-width: 1024px) { .vm-inner { flex-direction: row; } }\r\n\r\n .vm-panel {\r\n width: 100%;\r\n padding: 3rem 1.5rem;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n @media (min-width: 768px) { .vm-panel { padding: 6rem; } }\r\n\r\n .vm-panel:first-child {\r\n border-bottom: 1px solid rgba(201, 168, 106, 0.1);\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .vm-panel { width: 50%; }\r\n .vm-panel:first-child {\r\n border-bottom: none;\r\n border-right: 1px solid rgba(201, 168, 106, 0.1);\r\n }\r\n }\r\n\r\n .vm-glow-tl {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 12rem; height: 12rem;\r\n background: radial-gradient(circle at center, rgba(201, 168, 106, 0.15) 0%, rgba(10, 26, 47, 0) 70%);\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n\r\n .vm-glow-br {\r\n position: absolute;\r\n bottom: 0; right: 0;\r\n width: 12rem; height: 12rem;\r\n background: radial-gradient(circle at center, rgba(201, 168, 106, 0.15) 0%, rgba(10, 26, 47, 0) 70%);\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n\r\n .vm-content { max-width: 32rem; position: relative; z-index: 1; }\r\n\r\n .vm-label {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .vm-label .material-symbols-outlined {\r\n font-size: 2.25rem;\r\n color: var(--primary-gold);\r\n font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;\r\n }\r\n\r\n .vm-label h2 {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n font-size: 1.5rem;\r\n color: var(--primary-gold);\r\n }\r\n\r\n .vm-quote {\r\n color: var(--on-surface);\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 500;\r\n font-size: clamp(1rem, 1.5vw, 1.25rem);\r\n line-height: 1.3;\r\n font-style: italic;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .vm-line-gold { height: 4px; width: 6rem; background: var(--primary-dark-gold); }\r\n .vm-line-light { height: 4px; width: 6rem; background: var(--primary-gold); }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n DATA STRIP \u2014 MARQUEE\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .data-strip {\r\n padding: 2.5rem 0;\r\n background: #050E1A;\r\n border-top: 1px solid rgba(201, 168, 106, 0.1);\r\n border-bottom: 1px solid rgba(201, 168, 106, 0.1);\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .data-strip::before,\r\n .data-strip::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; bottom: 0;\r\n width: 8rem;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n .data-strip::before { left: 0; background: linear-gradient(to right, #050E1A, transparent); }\r\n .data-strip::after { right: 0; background: linear-gradient(to left, #050E1A, transparent); }\r\n\r\n .marquee-track {\r\n display: flex;\r\n width: max-content;\r\n animation: marqueeScroll 22s linear infinite;\r\n }\r\n\r\n .marquee-track:hover { animation-play-state: paused; }\r\n\r\n @keyframes marqueeScroll {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n }\r\n\r\n .data-item {\r\n display: flex;\r\n flex-direction: column;\r\n padding: 0 4rem;\r\n border-right: 1px solid rgba(201, 168, 106, 0.15);\r\n flex-shrink: 0;\r\n }\r\n\r\n .data-label {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 0.625rem;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--primary-gold);\r\n opacity: 0.6;\r\n margin-bottom: 0.4rem;\r\n white-space: nowrap;\r\n }\r\n\r\n .data-value {\r\n color: var(--on-surface);\r\n font-weight: 700;\r\n letter-spacing: -0.01em;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n font-family: 'Space Grotesk', sans-serif;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n CTA SECTION\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cta-section {\r\n position: relative;\r\n padding: 12rem 2rem;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n }\r\n\r\n .cta-bg img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: grayscale(1) brightness(0.5) contrast(1.25);\r\n }\r\n\r\n .cta-bg-gradient {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, #0A1A2F, rgba(10,26,47,0.6), #0A1A2F);\r\n }\r\n\r\n .cta-content {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 64rem;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n .cta-badge {\r\n display: inline-block;\r\n margin-bottom: 2rem;\r\n padding: 0.5rem 1.5rem;\r\n border-radius: 2px;\r\n border: 1px solid rgba(201, 168, 106, 0.2);\r\n }\r\n\r\n .cta-badge span {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.625rem;\r\n letter-spacing: 0.4em;\r\n text-transform: uppercase;\r\n color: var(--primary-gold);\r\n }\r\n\r\n .cta-title {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: -0.02em;\r\n line-height: 1;\r\n font-size: clamp(2rem, 5vw, 4rem);\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 2rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n @media (min-width: 640px) { .cta-buttons { flex-direction: row; } }\r\n\r\n .cta-btn-primary {\r\n width: 100%;\r\n padding: 1.25rem 3rem;\r\n box-shadow: 0 0 40px rgba(201, 168, 106, 0.5);\r\n }\r\n\r\n @media (min-width: 640px) { .cta-btn-primary { width: auto; } }\r\n\r\n .cta-btn-secondary {\r\n width: 100%;\r\n padding: 1.25rem 3rem;\r\n border: none;\r\n border-radius: 0.5rem;\r\n background: transparent;\r\n color: var(--on-surface);\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n font-size: 0.875rem;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n }\r\n\r\n @media (min-width: 640px) { .cta-btn-secondary { width: auto; } }\r\n\r\n .cta-btn-secondary:hover { background: rgba(255,255,255,0.05); }\r\n\r\n .cta-btn-secondary .arrow {\r\n display: inline-block;\r\n margin-left: 0.5rem;\r\n transition: transform 0.2s;\r\n }\r\n\r\n .cta-btn-secondary:hover .arrow { transform: translateX(4px); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Fixed grid overlay -->\r\n<div class=\"fixed-grid grid-overlay\"><\/div>\r\n\r\n<main style=\"position:relative;\">\r\n\r\n <!-- SECTION 1: HERO \/ ABOUT -->\r\n <section class=\"hero-section\">\r\n <div class=\"hero-bg\">\r\n <div class=\"hero-bg-gradient\"><\/div>\r\n <div class=\"hero-bg-overlay\"><\/div>\r\n <img decoding=\"async\" alt=\"Modern architectural landmark\" src=\"http:\/\/smartcapitaleng.com\/wp-content\/uploads\/2026\/04\/cultural-center-fluid-architectural-project-inspired-by-waves-nature-generative-ai-aig32-scaled.webp\"\/>\r\n <\/div>\r\n <div class=\"hero-glow-abs hero-glow\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-label\">\r\n <div class=\"hero-label-line\"><\/div>\r\n <span>\u0627\u0644\u0646\u0632\u0627\u0647\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/span>\r\n <\/div>\r\n <h1 class=\"hero-title text-shimmer\">\u0645\u0646 \u0646\u062d\u0646<\/h1>\r\n <p class=\"hero-body\">\r\n \u0634\u0631\u0643\u0629 \u0633\u0645\u0627\u0631\u062a \u0643\u0627\u0628\u064a\u062a\u0627\u0644 \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0647\u064a \u0634\u0631\u0643\u0629 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a\u060c \u062a\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0641\u0639\u0651\u0627\u0644\u0629 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648 \u0627\u0644\u0633\u0643\u0646\u064a\u0629. \u0646\u062a\u062e\u0635\u0635 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u0645\u0639 \u0643\u0648\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u060c \u0648\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629. \u062a\u0643\u0645\u0646 \u0642\u0648\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0639\u0645\u0644\u064a\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0633\u0644\u0627\u0633\u0629 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630.\r\n <\/p>\r\n <div class=\"hero-cta\">\r\n <button class=\"metallic-button hero-cta-btn\" onclick=\"window.location.href='https:\/\/smartcapitaleng.com\/contact\/'\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631<\/button>\r\n <div class=\"hero-est\">\r\n <div class=\"hero-est-line\"><\/div>\r\n <span>EST. Dammam<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-scroll\">\r\n <span class=\"material-symbols-outlined\">expand_more<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 2: CORE VALUES -->\r\n <section class=\"values-section\">\r\n <div class=\"values-inner\">\r\n <div class=\"section-heading\">\r\n <h2 class=\"text-shimmer\">\u0642\u064a\u0645\u0646\u0627 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h2>\r\n <div class=\"section-heading-line\"><\/div>\r\n <\/div>\r\n <div class=\"values-grid\">\r\n\r\n <div class=\"value-card glass-panel\">\r\n <div class=\"value-num\">01<\/div>\r\n <h3 class=\"value-title\">\u0646\u0632\u0627\u0647\u0629<\/h3>\r\n <p class=\"value-desc\">\u0646\u0639\u0645\u0644 \u0628\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0645\u0647\u0646\u064a\u0629 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0623\u062e\u0644\u0627\u0642\u064a\u0629 \u0642\u0648\u064a\u0629.<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card glass-panel\">\r\n <div class=\"value-num\">02<\/div>\r\n <h3 class=\"value-title\">\u0627\u0644\u062a\u0645\u064a\u0632<\/h3>\r\n <p class=\"value-desc\">\u0646\u062d\u0646 \u0645\u0644\u062a\u0632\u0645\u0648\u0646 \u0628\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a.<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card glass-panel\">\r\n <div class=\"value-num\">03<\/div>\r\n <h3 class=\"value-title\">\u0627\u0628\u062a\u0643\u0627\u0631<\/h3>\r\n <p class=\"value-desc\">\u0646\u0637\u0628\u0642 \u0623\u0633\u0627\u0644\u064a\u0628 \u0647\u0646\u062f\u0633\u064a\u0629 \u0630\u0643\u064a\u0629 \u0644\u062d\u0644 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0628\u0643\u0641\u0627\u0621\u0629.<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card glass-panel\">\r\n <div class=\"value-num\">04<\/div>\r\n <h3 class=\"value-title\">\u0627\u0644\u062a\u0632\u0627\u0645<\/h3>\r\n <p class=\"value-desc\">\u0646\u062d\u0646 \u0645\u0644\u062a\u0632\u0645\u0648\u0646 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card glass-panel\">\r\n <div class=\"value-num\">05<\/div>\r\n <h3 class=\"value-title\">\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0623\u0648\u0644\u0627\u064b<\/h3>\r\n <p class=\"value-desc\">\u0646\u0636\u0645\u0646 \u0623\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u062a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 3: VISION & MISSION -->\r\n <section class=\"vm-section\">\r\n <div class=\"vm-inner\">\r\n\r\n <div class=\"vm-panel\">\r\n <div class=\"vm-glow-tl\"><\/div>\r\n <div class=\"vm-content\">\r\n <div class=\"vm-label\">\r\n <span class=\"material-symbols-outlined\">visibility<\/span>\r\n <h2>\u0631\u0624\u064a\u062a\u0646\u0627<\/h2>\r\n <\/div>\r\n <p class=\"vm-quote\">\r\n \"\u0623\u0646 \u0646\u0643\u0648\u0646 \u0634\u0631\u0643\u0629 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 \u0647\u0646\u062f\u0633\u064a\u0629 \u0631\u0627\u0626\u062f\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u0628\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0630\u0643\u064a\u0629 \u0648\u0641\u0639\u0627\u0644\u0629 \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0642\u064a\u0645\u0629 \u062a\u062f\u0641\u0639 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0646\u0637\u0642\u0629.\"\r\n <\/p>\r\n <div class=\"vm-line-gold\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"vm-panel\">\r\n <div class=\"vm-glow-br\"><\/div>\r\n <div class=\"vm-content\">\r\n <div class=\"vm-label\">\r\n <span class=\"material-symbols-outlined\">target<\/span>\r\n <h2>\u0645\u0647\u0645\u062a\u0646\u0627<\/h2>\r\n <\/div>\r\n <p class=\"vm-quote\">\r\n \"\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u062a\u0639\u0632\u0632 \u0627\u0644\u0633\u0644\u0627\u0645\u0629\u060c \u0648\u062a\u062d\u0633\u0646 \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0648\u062a\u062e\u0644\u0642 \u0642\u064a\u0645\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u062c\u0644 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627.\"\r\n <\/p>\r\n <div class=\"vm-line-light\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- DATA STRIP \u2014 MARQUEE -->\r\n <section class=\"data-strip\">\r\n <div class=\"marquee-track\">\r\n <!-- set 1 -->\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/span>\r\n <span class=\"data-value\">\u0645\u062a\u0648\u0627\u0641\u0642 \u062a\u0645\u0627\u0645\u064b\u0627<\/span>\r\n <\/div>\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629<\/span>\r\n <span class=\"data-value\">\u0645\u0639\u062a\u0645\u062f \u0645\u0646 MODON<\/span>\r\n <\/div>\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u062f\u0648\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\r\n <span class=\"data-value\">\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629<\/span>\r\n <\/div>\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u0646\u0637\u0627\u0642 \u0639\u0627\u0644\u0645\u064a<\/span>\r\n <span class=\"data-value\">\u0627\u0644\u062a\u062d\u0627\u0644\u0641 \u0627\u0644\u062f\u0648\u0644\u064a<\/span>\r\n <\/div>\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/span>\r\n <span class=\"data-value\">\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 ISO<\/span>\r\n <\/div>\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\r\n <span class=\"data-value\">\u0641\u064a \u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0645\u062d\u062f\u062f \u0648\u0636\u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/span>\r\n <\/div>\r\n <!-- set 2 (duplicate for seamless loop) -->\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/span>\r\n <span class=\"data-value\">\u0645\u062a\u0648\u0627\u0641\u0642 \u062a\u0645\u0627\u0645\u064b\u0627<\/span>\r\n <\/div>\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629<\/span>\r\n <span class=\"data-value\">\u0645\u0639\u062a\u0645\u062f \u0645\u0646 MODON<\/span>\r\n <\/div>\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u062f\u0648\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\r\n <span class=\"data-value\">\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629<\/span>\r\n <\/div>\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u0646\u0637\u0627\u0642 \u0639\u0627\u0644\u0645\u064a<\/span>\r\n <span class=\"data-value\">\u0627\u0644\u062a\u062d\u0627\u0644\u0641 \u0627\u0644\u062f\u0648\u0644\u064a<\/span>\r\n <\/div>\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/span>\r\n <span class=\"data-value\">\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 ISO<\/span>\r\n <\/div>\r\n <div class=\"data-item\">\r\n <span class=\"data-label\">\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\r\n <span class=\"data-value\">\u0641\u064a \u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0645\u062d\u062f\u062f \u0648\u0636\u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA SECTION -->\r\n <section class=\"cta-section\">\r\n <div class=\"cta-bg\">\r\n <img decoding=\"async\" alt=\"Cinematic engineering visual\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBE93bpG08fJKEa57aenBb0mo_2DB4nVmtlYO7czw1MpgIGeRNDn3t-kUjG6neroOsKEn7SEGC0qOduYE3JwZDYZlp6Gy2wEkNN3MH1SLI8bfeDm5fUwKVimzjKf8NtQuo131W3FX4X8FjkKRrxiu5kDurKk-AhFN1ZNtN9hkUnhSIEtMJYuaPViU9QKrjzAFgo9du6K2uHyR0qFsbgi88h1UhwYWtcUHBtquvMsU7p3iJyWn0zgvsnJu5jiVwesho_cq6G4bziSdq4\"\/>\r\n <div class=\"cta-bg-gradient\"><\/div>\r\n <\/div>\r\n <div class=\"cta-content\">\r\n <div class=\"cta-badge glass-panel\">\r\n <span>\u0634\u0631\u0643\u0629 \u0633\u0645\u0627\u0631\u062a \u0643\u0627\u0628\u064a\u062a\u0627\u0644 \u0644\u0644\u0625\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/span>\r\n <\/div>\r\n <h2 class=\"cta-title text-shimmer translation-block\">\u0646\u0628\u062a\u0643\u0631 \u0645\u0633\u062a\u0642\u0628\u0644\u064b\u0627 \u0647\u0646\u062f\u0633\u064a\u064b\u0627<\/h2>\r\n <div class=\"cta-buttons\">\r\n <button class=\"metallic-button cta-btn-primary\" onclick=\"window.location.href='https:\/\/smartcapitaleng.com\/contact\/'\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u064b\u0627<\/button>\r\n <button class=\"metallic-border cta-btn-secondary\" onclick=\"window.location.href='https:\/\/smartcapitaleng.com\/projects\/'\">\r\n \u0627\u0637\u0644\u0639 \u0639\u0644\u0649 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 <span class=\"arrow\">\u2192<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/main>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SMART CAPITAL ENGINEERING | Premium Engineering Consultancy ENGINEERING INTEGRITY 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 aligned with the Saudi Building Code, MODON regulations, and international standards. Our strength lies in […]<\/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-45","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\/45","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=45"}],"version-history":[{"count":25,"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":516,"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/pages\/45\/revisions\/516"}],"wp:attachment":[{"href":"https:\/\/smartcapitaleng.com\/ar\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}