{"id":64773,"date":"2026-08-03T05:54:50","date_gmt":"2026-08-03T05:54:50","guid":{"rendered":"https:\/\/capytech.com\/?page_id=64773"},"modified":"2026-10-27T10:38:10","modified_gmt":"2026-10-27T10:38:10","slug":"construction-infrastructure","status":"publish","type":"page","link":"https:\/\/capytech.com\/en\/construction-infrastructure\/","title":{"rendered":"construction-infrastructure"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"64773\" class=\"elementor elementor-64773\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97055d1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"97055d1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-795e61e\" data-id=\"795e61e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0477cdb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0477cdb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"referrer\" content=\"no-referrer\">\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&family=JetBrains+Mono:wght@400;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/studio-freight\/lenis@1.0.29\/bundled\/lenis.min.js\"><\/script>\r\n\r\n    <style>\r\n        \/* ==========================================================================\r\n        DESIGN SYSTEM: HIGH-END ARCHITECTURAL MONOCHROME\r\n        ========================================================================== *\/\r\n        :root {\r\n            --carbon: #09090b;      \r\n            --slate: #27272a;       \r\n            --steel: #71717a;       \r\n            --silver: #e4e4e7;      \r\n            --concrete: #fafafa;    \r\n            --pure-white: #ffffff;\r\n            \r\n            --border-heavy: 2px solid var(--carbon);\r\n            --border-light: 1px solid var(--silver);\r\n            \r\n            --space-section: 15vh;\r\n            --pad-edge: 4vw;            \r\n            --font-sans: 'Plus Jakarta Sans', sans-serif;\r\n            --font-mono: 'JetBrains Mono', monospace;\r\n        }\r\n\r\n        \/* Mobile Root Adjustments *\/\r\n        @media (max-width: 768px) {\r\n            :root {\r\n                --space-section: 10vh;\r\n                --pad-edge: 6vw;\r\n            }\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        \r\n        html { font-size: 16px !important; }\r\n        html.lenis { height: auto; }\r\n        .lenis.lenis-smooth { scroll-behavior: auto !important; }\r\n        .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }\r\n        .lenis.lenis-stopped { overflow: hidden; }\r\n\r\n        body {\r\n            font-family: var(--font-sans) !important; background-color: var(--concrete) !important; color: var(--carbon) !important;\r\n            -webkit-font-smoothing: antialiased; overflow-x: hidden; line-height: 1.2 !important; font-weight: 400 !important;\r\n        }\r\n\r\n        #smooth-content .terminal-bracket { font-family: var(--font-mono) !important; color: inherit; font-weight: 400 !important; opacity: 0.7; }\r\n        #smooth-content .tag-mono.tag-mono { font-family: var(--font-mono) !important; font-size: 0.8rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; }\r\n\r\n        \/* GSAP Utility Classes *\/\r\n        .text-split { opacity: 0; visibility: hidden; }\r\n        .gsap-hero-fade { opacity: 0; visibility: hidden; transform: translateY(30px); }\r\n        .gsap-reveal { opacity: 0; visibility: hidden; transform: translateY(30px); }\r\n        .word-wrap { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.1em; margin-bottom: -0.1em; }\r\n        .word-inner { display: inline-block; will-change: transform; }\r\n\r\n        \/* ==========================================================================\r\n        ACT I & II: THE PORTAL TRANSITION MASTER CONTAINER\r\n        ========================================================================== *\/\r\n        #portal-master {\r\n            position: relative; width: 100vw; height: 100vh; min-height: -webkit-fill-available;\r\n            background: var(--carbon); overflow: hidden; border-bottom: var(--border-heavy);\r\n        }\r\n\r\n        \/* -----------------------------------------\r\n        ACT I: CINEMATIC HERO (Foreground)\r\n        ----------------------------------------- *\/\r\n        .hero-bg {\r\n            position: absolute; inset: 0; z-index: 0; overflow: hidden; background: var(--carbon);\r\n            transform-origin: center center;\r\n        }\r\n        .hero-bg video {\r\n            width: 100%; height: 100%; object-fit: cover; object-position: center center;\r\n            transform: scale(1.15); will-change: transform, filter;\r\n            filter: grayscale(80%) contrast(1.15) brightness(0.6);\r\n        }\r\n        .hero-overlay {\r\n            position: absolute; inset: 0; z-index: 1;\r\n            background: linear-gradient(to top, rgba(9,9,11,0.95) 0%, rgba(9,9,11,0.3) 50%, transparent 100%),\r\n                        linear-gradient(to right, rgba(9,9,11,0.8) 0%, transparent 60%);\r\n        }\r\n        .hero-cad-grid {\r\n            position: absolute; inset: 0; z-index: 2;\r\n            background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);\r\n            background-size: 32px 32px; pointer-events: none;\r\n        }\r\n\r\n        .hero-content {\r\n            position: absolute; bottom: 12vh; left: var(--pad-edge); right: var(--pad-edge); z-index: 3;\r\n            max-width: 1200px; border-left: 4px solid var(--pure-white); padding-left: 2rem;\r\n            transform-origin: center center; will-change: transform, opacity;\r\n        }\r\n        \r\n        #smooth-content .hero-badge.hero-badge { \r\n            font-family: var(--font-mono) !important; font-size: 0.85rem !important; font-weight: 700 !important; \r\n            letter-spacing: 0.2em !important; color: var(--pure-white) !important; opacity: 0.9; margin-bottom: 1.5rem !important; display: block; \r\n        }\r\n        \r\n        #smooth-content .hero-title.hero-title { \r\n            font-family: var(--font-sans) !important; font-size: clamp(2.5rem, 5.5vw, 6rem) !important; font-weight: 800 !important; letter-spacing: -0.02em !important; line-height: 0.95 !important; \r\n            color: var(--pure-white) !important; margin-bottom: 3.5rem !important; text-wrap: balance; text-transform: uppercase !important;\r\n        }\r\n\r\n        .hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }\r\n        .btn-magnetic { display: inline-block; padding: 15px; margin: -15px; cursor: pointer; }\r\n        \r\n        #smooth-content .btn-solid.btn-solid {\r\n            display: inline-flex; align-items: center; justify-content: center;\r\n            padding: 1.25rem 3rem !important; background: var(--pure-white) !important; color: var(--carbon) !important;\r\n            font-family: var(--font-mono) !important; font-size: 0.85rem !important; font-weight: 800 !important;\r\n            letter-spacing: 0.1em !important; text-transform: uppercase !important; text-decoration: none !important;\r\n            border-radius: 0 !important; transition: background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease !important;\r\n            border: none !important;\r\n        }\r\n        #smooth-content .btn-solid:hover { background: transparent !important; color: var(--pure-white) !important; box-shadow: inset 0 0 0 2px var(--pure-white) !important; }\r\n        \r\n        #smooth-content .btn-outline.btn-outline {\r\n            display: inline-flex; align-items: center; justify-content: center;\r\n            padding: 1.25rem 3rem !important; background: transparent !important; color: var(--pure-white) !important;\r\n            border: 2px solid rgba(255,255,255,0.3) !important; font-family: var(--font-mono) !important; font-size: 0.85rem !important; font-weight: 800 !important;\r\n            letter-spacing: 0.1em !important; text-transform: uppercase !important; text-decoration: none !important;\r\n            border-radius: 0 !important; transition: background 0.4s ease, border-color 0.4s ease, color 0.4s ease !important;\r\n        }\r\n        #smooth-content .btn-outline:hover { background: var(--pure-white) !important; color: var(--carbon) !important; border-color: var(--pure-white) !important; }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero-content { padding-left: 1rem; border-left-width: 3px; bottom: 8vh; right: auto; }\r\n            #smooth-content .hero-title.hero-title { font-size: clamp(2rem, 11vw, 3.5rem) !important; margin-bottom: 2rem !important; }\r\n            .hero-actions { flex-direction: column; width: 100%; gap: 0; }\r\n            .btn-magnetic { width: 100%; display: block; padding: 0; margin: 0 0 1rem 0; }\r\n            #smooth-content .btn-solid, #smooth-content .btn-outline { width: 90% !important; justify-content: center; }\r\n        }\r\n\r\n        \/* -----------------------------------------\r\n        ACT II: THE REALITY (Background \/ Emerging)\r\n        ----------------------------------------- *\/\r\n        .act-ii-portal {\r\n            position: absolute; inset: 0; z-index: 4;\r\n            display: flex; flex-direction: column; justify-content: center; align-items: center;\r\n            padding: var(--pad-edge); text-align: center;\r\n            opacity: 0; pointer-events: none; will-change: transform, opacity;\r\n            background: rgba(9, 9, 11, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .intro-text-wrap { max-width: 1200px; margin: 0 auto 5rem auto; width: 100%; }\r\n        #smooth-content .intro-text.intro-text {\r\n            font-family: var(--font-sans) !important; font-size: clamp(1.2rem, 3.5vw, 2.75rem) !important; font-weight: 600 !important; line-height: 1.4 !important; \r\n            color: var(--pure-white) !important; text-transform: uppercase !important; letter-spacing: -0.01em !important;\r\n        }\r\n\r\n        .data-bar {\r\n            display: flex; gap: 4vw; justify-content: center; width: 100%; max-width: 1200px;\r\n            border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); padding: 3rem 0;\r\n        }\r\n        .data-cell {\r\n            display: flex; flex-direction: column; align-items: center; text-align: center;\r\n            flex: 1; border-right: 1px solid rgba(255,255,255,0.1);\r\n        }\r\n        .data-cell:last-child { border-right: none; }\r\n        #smooth-content .data-val.data-val { font-family: var(--font-mono) !important; font-size: clamp(2rem, 4vw, 4rem) !important; font-weight: 800 !important; color: var(--pure-white) !important; margin-bottom: 0.5rem !important; line-height: 1 !important;}\r\n        #smooth-content .data-lbl.data-lbl { font-family: var(--font-sans) !important; font-size: 0.9rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: var(--silver) !important; }\r\n\r\n        @media (max-width: 1024px) { \r\n            .data-bar { flex-wrap: wrap; gap: 2rem; border-bottom: none; } \r\n            .data-cell { border-right: none; flex: 1 1 40%; } \r\n        }\r\n        \r\n        @media (max-width: 768px) { \r\n            .intro-text-wrap { margin-bottom: 2rem; }\r\n            #smooth-content .intro-text.intro-text { font-size: clamp(1rem, 4.5vw, 1.5rem) !important; }\r\n            \r\n            .data-bar { \r\n                display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; \r\n                padding: 1.5rem 0; border: none; align-items: start;\r\n            }\r\n            .data-cell { \r\n                flex: unset; border: 1px solid rgba(255,255,255,0.1); \r\n                padding: 1.5rem 0.5rem; justify-content: center;\r\n            }\r\n            #smooth-content .data-val.data-val { font-size: 1.75rem !important; }\r\n            #smooth-content .data-lbl.data-lbl { font-size: 0.7rem !important; }\r\n        }\r\n\r\n        \/* ==========================================================================\r\n        ACT III: THE BLUEPRINT MATRIX (Challenges)\r\n        ========================================================================== *\/\r\n        .blueprint-scene { padding: var(--space-section) var(--pad-edge); background: var(--concrete); border-bottom: var(--border-heavy); position: relative; z-index: 10; }\r\n        .bp-header { margin-bottom: 4rem; max-width: 800px; }\r\n        #smooth-content .bp-title.bp-title { font-family: var(--font-sans) !important; font-size: clamp(2.5rem, 5vw, 4.5rem) !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1.05 !important; text-transform: uppercase !important; margin-top: 1rem !important; color: var(--carbon) !important;}\r\n\r\n        .bp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; background: var(--carbon); border: 2px solid var(--carbon); }\r\n        .bp-card { \r\n            background: var(--pure-white); padding: 3rem 2.5rem; position: relative; overflow: hidden;\r\n            transition: background 0.4s ease, color 0.4s ease; cursor: crosshair;\r\n        }\r\n        .bp-card:nth-child(1), .bp-card:nth-child(2) { grid-column: span 1; }\r\n        .bp-card:nth-child(3) { grid-column: span 1; }\r\n        .bp-card:nth-child(4) { grid-column: span 2; }\r\n        .bp-card:nth-child(5) { grid-column: span 1; }\r\n\r\n        .bp-card::before {\r\n            content: ''; position: absolute; inset: 0; z-index: 0;\r\n            background-image: linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n            background-size: 20px 20px; opacity: 0; transition: opacity 0.4s ease;\r\n        }\r\n        \r\n        .bp-content { position: relative; z-index: 1; }\r\n        #smooth-content .bp-tag.bp-tag { display: inline-block; border: 1px solid var(--silver) !important; color: var(--carbon) !important; padding: 0.25rem 0.75rem !important; font-family: var(--font-mono) !important; font-size: 0.75rem !important; font-weight: 800 !important; margin-bottom: 2rem !important; transition: all 0.4s ease !important;}\r\n        #smooth-content .bp-card h3 { font-family: var(--font-sans) !important; color: var(--carbon); font-size: clamp(1.25rem, 2vw, 1.75rem) !important; font-weight: 800 !important; margin-bottom: 1rem !important; letter-spacing: -0.02em !important; transition: color 0.4s ease; }\r\n        #smooth-content .bp-card p { font-family: var(--font-sans) !important; font-size: 1.05rem !important; line-height: 1.6 !important; font-weight: 600 !important; color: var(--steel) !important; transition: color 0.4s ease; }\r\n\r\n        @media (hover: hover) and (pointer: fine) {\r\n            .bp-card:hover { background: var(--carbon); }\r\n            .bp-card:hover::before { opacity: 1; }\r\n            #smooth-content .bp-card:hover .bp-tag.bp-tag { border-color: var(--steel) !important; color: var(--silver) !important; background: transparent !important; }\r\n            #smooth-content .bp-card:hover h3 { color: var(--pure-white) !important; }\r\n            #smooth-content .bp-card:hover p { color: var(--silver) !important; }\r\n        }\r\n\r\n        @media (max-width: 1024px) { .bp-grid { grid-template-columns: repeat(2, 1fr); } .bp-card:nth-child(n) { grid-column: span 1; } .bp-card:nth-child(5) { grid-column: span 2; } }\r\n        @media (max-width: 768px) { \r\n            .bp-grid { grid-template-columns: 1fr; } \r\n            .bp-card:nth-child(n) { grid-column: span 1; padding: 2rem 1.5rem; } \r\n        }\r\n\r\n        \/* ==========================================================================\r\n        ACT IV: HEAVY LOGISTICS (Horizontal Monoliths)\r\n        ========================================================================== *\/\r\n        .logistics-scene { background: var(--carbon); color: var(--concrete) !important; overflow: hidden; border-bottom: var(--border-heavy); }\r\n        .logistics-sticky { height: 100vh; width: 100vw; display: flex; align-items: center; position: relative; }\r\n        \r\n        .logistics-header { position: absolute; top: 10vh; left: var(--pad-edge); z-index: 10; }\r\n        #smooth-content .logistics-header h2 { font-family: var(--font-sans) !important; font-size: clamp(2.5rem, 4vw, 4rem) !important; font-weight: 800 !important; text-transform: uppercase !important; margin-top: 1rem !important; color: var(--pure-white) !important;}\r\n\r\n        .monolith-track { display: flex; height: 60vh; padding-left: 35vw; padding-right: 15vw; gap: 4vw; align-items: flex-end; will-change: transform; margin-top: 15em; }\r\n        \r\n        .monolith {\r\n            width: 45vw; min-width: 600px; height: 100%; background: var(--pure-white); color: var(--carbon);\r\n            border: 2px solid var(--slate); position: relative; display: flex; flex-direction: column; justify-content: flex-end;\r\n            padding: 3rem; overflow: hidden;\r\n        }\r\n        \r\n        .mono-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden;}\r\n        .mono-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 1; filter: grayscale(80%); mix-blend-mode: multiply; transform: scale(1.2); will-change: transform; }\r\n        \r\n        #smooth-content .mono-giant-num.mono-giant-num {\r\n            position: absolute; top: -5%; right: -5%; z-index: 1; font-family: var(--font-mono) !important;\r\n            font-size: 20vw !important; font-weight: 800 !important; line-height: 0.75 !important; color: var(--carbon) !important; opacity: 0.03; pointer-events: none;\r\n        }\r\n\r\n        .mono-overlay {\r\n            position: absolute; inset: 0; z-index: 1;\r\n            background: linear-gradient(to top, rgba(9,9,11,0.92) 0%, rgba(9,9,11,0.55) 45%, rgba(9,9,11,0.05) 80%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .mono-content { position: relative; z-index: 2; border-top: 2px solid rgba(255,255,255,0.25); padding-top: 2rem; }\r\n        #smooth-content .mono-tag.mono-tag { font-family: var(--font-mono) !important; font-weight: 800 !important; margin-bottom: 1rem !important; display: block; font-size: 1.1rem !important; color: var(--silver) !important; }\r\n        #smooth-content .mono-title.mono-title { font-family: var(--font-sans) !important; font-size: clamp(1.75rem, 3vw, 2.5rem) !important; font-weight: 800 !important; text-transform: uppercase !important; margin-bottom: 1rem !important; line-height: 1 !important; color: var(--pure-white) !important; }\r\n        #smooth-content .mono-desc.mono-desc { font-family: var(--font-sans) !important; font-size: 1.15rem !important; font-weight: 600 !important; line-height: 1.5 !important; max-width: 90%; color: var(--silver) !important; }\r\n            \r\n\r\n        @media (max-width: 1024px) {\r\n            .logistics-scene { height: auto !important; padding: 10vh var(--pad-edge); }\r\n            .logistics-sticky { height: auto; display: block; }\r\n            .logistics-header { position: relative; top: 0; left: 0; margin-bottom: 3rem; }\r\n            .monolith-track { flex-direction: column; padding: 0; height: auto; gap: 2rem; transform: none !important; margin-right: 50px;}\r\n            .monolith { width: 100%; min-width: 0; height: auto; padding: 2rem; border-width: 1px; }\r\n            #smooth-content .mono-giant-num.mono-giant-num { display: none; }\r\n        }\r\n\r\n        \/* ==========================================================================\r\n        ACT V: CONTRACTOR LEDGER (Expanding Hover)\r\n        ========================================================================== *\/\r\n        .ledger-scene { padding: var(--space-section) var(--pad-edge); background: var(--concrete); border-bottom: var(--border-heavy); }\r\n        .ledger-container { max-width: 1400px; margin: 0 auto; }\r\n        .ledger-header { margin-bottom: 4rem; text-align: center;}\r\n        \r\n        .ledger-list { border-top: var(--border-heavy); }\r\n        \r\n        .ledger-row { \r\n            display: flex; justify-content: space-between; align-items: center; \r\n            padding: 3rem 0; border-bottom: var(--border-heavy); cursor: crosshair;\r\n            transition: padding 0.5s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s ease;\r\n            position: relative; overflow: hidden;\r\n        }\r\n\r\n        .ledger-left { width: 30%; display: flex; flex-direction: column; gap: 0.5rem; }\r\n        #smooth-content .ledger-name.ledger-name { font-family: var(--font-sans) !important; font-size: clamp(1.75rem, 3vw, 3.5rem) !important; font-weight: 800 !important; text-transform: uppercase !important; line-height: 1 !important; color: var(--carbon); transition: color 0.3s; margin: 0 !important;}\r\n        #smooth-content .ledger-sector.ledger-sector { font-family: var(--font-mono) !important; font-size: 0.85rem !important; font-weight: 700 !important; color: var(--steel) !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; }\r\n        \r\n        .ledger-center { width: 40%; display: flex; justify-content: center; align-items: center; }\r\n        .ledger-logo { height: 150px !important; max-width: 100% !important; object-fit: contain; filter: grayscale(100%) opacity(0.35); transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); transform: scale(1); }\r\n        \r\n        #smooth-content .ledger-right { font-family: var(--font-sans) !important; width: 30%; font-size: 1.1rem !important; font-weight: 600 !important; color: var(--steel); line-height: 1.6 !important; transition: color 0.3s; }\r\n        \r\n        @media (min-width: 1025px) {\r\n            .ledger-row:hover { padding: 6rem 0; }\r\n            #smooth-content .ledger-row:hover .ledger-name.ledger-name { color: var(--steel) !important; }\r\n            #smooth-content .ledger-row:hover .ledger-right { color: var(--carbon) !important; }\r\n            .ledger-row:hover .ledger-logo { filter: grayscale(100%) opacity(1) contrast(1.2); transform: scale(1.3); }\r\n        }\r\n\r\n        \/* Mobile Anti-Hover Overrides *\/\r\n        @media (max-width: 1024px) {\r\n            .ledger-row { flex-direction: column; align-items: flex-start; gap: 1.5rem; padding: 2.5rem 0 !important; }\r\n            .ledger-left, .ledger-center, .ledger-right { width: 100%; }\r\n            .ledger-center { justify-content: flex-start; margin-top: 1rem; }\r\n            \/* Static Mobile Logo styling *\/\r\n            .ledger-logo { height: 60px !important; filter: grayscale(100%) opacity(0.8) !important; transform: none !important; }\r\n            #smooth-content .ledger-name.ledger-name { color: var(--carbon) !important; }\r\n            #smooth-content .ledger-right { color: var(--steel) !important; }\r\n        }\r\n\r\n        \/* ==========================================================================\r\n        ACT VI: THE SPEC SHEET (Why Us)\r\n        ========================================================================== *\/\r\n        .spec-scene { padding: var(--space-section) var(--pad-edge); background: var(--concrete); border-bottom: var(--border-heavy); }\r\n        .spec-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; border-bottom: var(--border-heavy); padding-bottom: 1rem; }\r\n        #smooth-content .spec-header h2 { font-family: var(--font-sans) !important; font-size: clamp(2.5rem, 4vw, 4rem) !important; font-weight: 800 !important; text-transform: uppercase !important; line-height: 1 !important; color: var(--carbon) !important;}\r\n        \r\n        .spec-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; background: var(--carbon); border: 2px solid var(--carbon); }\r\n        .spec-item { background: var(--pure-white); padding: 3rem 2rem; display: flex; flex-direction: column; }\r\n        #smooth-content .spec-num.spec-num { font-family: var(--font-mono) !important; font-size: 1.25rem !important; font-weight: 800 !important; color: var(--carbon) !important; margin-bottom: 2rem !important; border-bottom: 2px solid var(--carbon) !important; padding-bottom: 0.5rem !important; }\r\n        #smooth-content .spec-title.spec-title { font-family: var(--font-sans) !important; font-size: 1.5rem !important; font-weight: 800 !important; text-transform: uppercase !important; margin-bottom: 1rem !important; line-height: 1.1 !important; color: var(--carbon) !important;}\r\n        #smooth-content .spec-desc.spec-desc { font-family: var(--font-sans) !important; font-size: 1rem !important; font-weight: 600 !important; color: var(--steel) !important; line-height: 1.5 !important; }\r\n\r\n        @media (max-width: 1024px) { .spec-grid { grid-template-columns: repeat(2, 1fr); } .spec-item:nth-child(5) { grid-column: span 2; } }\r\n        @media (max-width: 768px) { \r\n            .spec-header { flex-direction: column; align-items: flex-start; gap: 1rem; margin-bottom: 2.5rem; } \r\n            .spec-grid { grid-template-columns: 1fr; } \r\n            .spec-item:nth-child(n) { grid-column: span 1; padding: 2rem 1.5rem;} \r\n        }\r\n\r\n        \/* ==========================================================================\r\n        ACT VII: THE STICKY DOSSIER (FAQ)\r\n        ========================================================================== *\/\r\n        .faq-scene { padding: var(--space-section) var(--pad-edge); background: var(--concrete); border-bottom: var(--border-heavy); position: relative; z-index: 10; }\r\n        .faq-container { display: flex; align-items: flex-start; gap: 6vw; max-width: 1400px; margin: 0 auto; width: 100%; }\r\n        \r\n        .faq-left { width: 35%; position: sticky; top: 20vh; }\r\n        #smooth-content .faq-eyebrow.faq-eyebrow { font-size: 0.8rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; color: var(--steel) !important; margin-bottom: 1.5rem !important; display: block; font-family: var(--font-mono) !important; }\r\n        #smooth-content .faq-title.faq-title { font-family: var(--font-sans) !important; font-size: clamp(2.5rem, 5vw, 4.5rem) !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1.05 !important; color: var(--carbon) !important; margin-bottom: 1.5rem !important; text-transform: uppercase !important;}\r\n        \r\n        .faq-right { width: 65%; border-top: var(--border-heavy); }\r\n        .faq-item { border-bottom: var(--border-heavy); cursor: pointer; padding: 2.5rem 0; transition: border-color 0.3s ease; }\r\n        .faq-item:hover { border-bottom-color: var(--steel); }\r\n        #smooth-content .faq-question.faq-question { font-family: var(--font-sans) !important; display: flex; justify-content: space-between; align-items: center; font-size: clamp(1.15rem, 2.5vw, 1.5rem) !important; font-weight: 800 !important; color: var(--carbon); letter-spacing: -0.01em !important; line-height: 1.4 !important; gap: 2rem; text-transform: uppercase !important; transition: color 0.3s ease;}\r\n        #smooth-content .faq-icon { font-size: 2rem !important; font-weight: 300 !important; line-height: 1 !important; color: var(--carbon); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease; flex-shrink: 0; font-family: var(--font-mono) !important; }\r\n        \r\n        .faq-answer-wrapper { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s cubic-bezier(0.16, 1, 0.3, 1); }\r\n        .faq-answer-inner { overflow: hidden; padding-right: 2rem; }\r\n        #smooth-content .faq-answer-inner p { font-family: var(--font-sans) !important; font-size: 1.15rem !important; color: var(--steel) !important; line-height: 1.7 !important; padding-top: 1.5rem !important; font-weight: 600 !important; margin: 0 !important;}\r\n        \r\n        #smooth-content .faq-item.active .faq-question.faq-question { color: var(--steel) !important;}\r\n        #smooth-content .faq-item.active .faq-icon { transform: rotate(45deg); color: var(--steel) !important; }\r\n        .faq-item.active .faq-answer-wrapper { grid-template-rows: 1fr; }\r\n\r\n        @media (max-width: 1024px) {\r\n            .faq-container { flex-direction: column; gap: 3rem; }\r\n            .faq-left, .faq-right { width: 100%; position: static; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .faq-item { padding: 1.5rem 0; }\r\n            #smooth-content .faq-answer-inner p { padding-right: 0 !important; font-size: 1.05rem !important; }\r\n        }\r\n\r\n        \/* ==========================================================================\r\n        ACT VIII: TACTICAL CONTACT SPLIT (Form & CF7 Integration)\r\n        ========================================================================== *\/\r\n        .contact-scene { \r\n            padding: var(--space-section) var(--pad-edge); \r\n            background: var(--carbon); color: var(--concrete);\r\n            position: relative; z-index: 10; border-bottom: var(--border-light);\r\n        }\r\n        .contact-container { display: flex; align-items: center; gap: 8vw; max-width: 1400px; margin: 0 auto; width: 100%; }\r\n        \r\n        .contact-left { width: 45%; }\r\n        #smooth-content .contact-eyebrow.contact-eyebrow { font-size: 0.8rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: var(--steel) !important; margin-bottom: 1.5rem !important; display: block; font-family: var(--font-mono) !important; }\r\n        #smooth-content .contact-title.contact-title { font-family: var(--font-sans) !important; font-size: clamp(2.5rem, 5vw, 4.5rem) !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1.05 !important; color: var(--pure-white) !important; margin-bottom: 2rem !important; text-wrap: balance; text-transform: uppercase !important; }\r\n        #smooth-content .contact-desc.contact-desc { font-family: var(--font-sans) !important; font-size: 1.15rem !important; color: var(--steel) !important; line-height: 1.7 !important; margin-bottom: 3rem !important; max-width: 500px; font-weight: 600 !important;}\r\n\r\n        .contact-right { width: 55%; }\r\n        \r\n        .cf7-premium-wrapper { background: var(--concrete); padding: 4rem; border: 2px solid var(--carbon); }\r\n        \r\n        \/* CF7 Form Field Armor *\/\r\n        #smooth-content .cf7-premium-wrapper input.wpcf7-form-control, \r\n        #smooth-content .cf7-premium-wrapper textarea.wpcf7-form-control { \r\n            width: 100% !important; padding: 1.25rem 1.5rem !important; margin-bottom: 1.5rem !important; \r\n            border: 1px solid var(--steel) !important; font-family: var(--font-sans) !important; \r\n            font-size: 16px !important; background: transparent !important; color: var(--carbon) !important; \r\n            transition: border-color 0.3s ease !important; border-radius: 0 !important; \r\n            -webkit-appearance: none !important; appearance: none !important; box-shadow: none !important; font-weight: 600 !important;\r\n        }\r\n        #smooth-content .cf7-premium-wrapper input::placeholder, \r\n        #smooth-content .cf7-premium-wrapper textarea::placeholder { color: var(--steel) !important; font-weight: 400 !important;}\r\n        #smooth-content .cf7-premium-wrapper input:focus, \r\n        #smooth-content .cf7-premium-wrapper textarea:focus { outline: none !important; border-color: var(--carbon) !important; }\r\n        \r\n        \/* CF7 Submit Button Armor *\/\r\n        #smooth-content .cf7-premium-wrapper input.wpcf7-submit.btn-solid { \r\n            width: 100% !important; background: var(--carbon) !important; color: var(--concrete) !important; \r\n            font-size: 16px !important; font-weight: 800 !important; text-transform: uppercase !important; \r\n            letter-spacing: 0.1em !important; cursor: pointer !important; border: 2px solid var(--carbon) !important; \r\n            padding: 1.5rem !important; transition: background 0.4s ease, color 0.4s ease !important; \r\n            font-family: var(--font-mono) !important; border-radius: 0 !important; -webkit-appearance: none !important; appearance: none !important; box-shadow: none !important;\r\n        }\r\n        #smooth-content .cf7-premium-wrapper input.wpcf7-submit.btn-solid:hover { background: transparent !important; color: var(--carbon) !important; }\r\n\r\n        \/* CF7 Terminal-style Response Box *\/\r\n        #smooth-content .cf7-premium-wrapper form.wpcf7-form .wpcf7-response-output,\r\n        #smooth-content .cf7-premium-wrapper .wpcf7 form .wpcf7-response-output {\r\n            font-family: var(--font-mono) !important;\r\n            font-size: 0.8rem !important;\r\n            font-weight: 600 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.05em !important;\r\n            border: 1px solid var(--carbon) !important;\r\n            border-radius: 0 !important;\r\n            margin-top: 1.5rem !important;\r\n            padding: 1rem !important;\r\n            text-align: center !important;\r\n            background: transparent !important;\r\n            color: var(--carbon) !important;\r\n        }\r\n        \r\n        \/* Default spinner placement *\/\r\n        #smooth-content .cf7-premium-wrapper .wpcf7-spinner { margin-top: 1rem !important; display: block; margin-left: auto; margin-right: auto; }\r\n\r\n        @media (max-width: 1024px) {\r\n            .contact-container { flex-direction: column; gap: 3rem; }\r\n            .contact-left, .contact-right { width: 100%; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .cf7-premium-wrapper { padding: 2.5rem 1.5rem; }\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div id=\"smooth-wrapper\">\r\n        <div id=\"smooth-content\">\r\n\r\n            <!-- ACT I & II: PORTAL MASTER CONTAINER -->\r\n            <div id=\"portal-master\">\r\n                \r\n                <!-- ACT I: CINEMATIC HERO (Foreground) -->\r\n                <header class=\"hero-bg\">\r\n                    <video autoplay loop muted playsinline id=\"gsap-hero-video\">\r\n                        <source src=\"https:\/\/t90181119211.p.clickup-attachments.com\/t90181119211\/792afb63-da6f-4acf-a83b-7a4c3b481fc2\/Construction_giga-project_Middle%E2%80%A6_202607261710.mp4?open=true\" type=\"video\/mp4\">\r\n                    <\/video>\r\n                    <div class=\"hero-overlay\"><\/div>\r\n                    <div class=\"hero-cad-grid\"><\/div>\r\n                <\/header>\r\n\r\n                <div class=\"hero-content\">\r\n                    <span class=\"hero-badge gsap-hero-fade\"><span class=\"terminal-bracket\">[<\/span> AEC & GIGA-PROJECTS <span class=\"terminal-bracket\">]<\/span><\/span>\r\n                    \r\n                    <h1 class=\"hero-title text-split\">\r\n                        Bespoke E-Learning<br>\r\n                        for Construction &<br>\r\n                        Giga-Projects.\r\n                    <\/h1>\r\n\r\n                    <div class=\"hero-actions gsap-hero-fade\">\r\n                        <div class=\"btn-magnetic\">\r\n                            <a href=\"#contact\" class=\"btn-solid\">Book a Demo<\/a>\r\n                        <\/div>\r\n                        <!-- <div class=\"btn-magnetic\">\r\n                            <a href=\"#contact\" class=\"btn-outline\">Speak to the Team<\/a>\r\n                        <\/div> -->\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- ACT II: THE REALITY (Background \/ Emerging) -->\r\n                <div class=\"act-ii-portal\">\r\n                    <div class=\"intro-text-wrap\">\r\n                        <p class=\"intro-text\">\r\n                            Construction and infrastructure in the Gulf runs at a scale few regions match. Site-safety training has to reach every worker, in a language they understand, before they start work, and produce absolute evidence when the inspector arrives.\r\n                        <\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"data-bar\">\r\n                        <div class=\"data-cell\">\r\n                            <span class=\"data-val\">13+<\/span>\r\n                            <span class=\"data-lbl\">Years in GCC<\/span>\r\n                        <\/div>\r\n                        <div class=\"data-cell\">\r\n                            <span class=\"data-val\">50k+<\/span>\r\n                            <span class=\"data-lbl\">Learners per rollout<\/span>\r\n                        <\/div>\r\n                        <div class=\"data-cell\">\r\n                            <span class=\"data-val\">100%<\/span>\r\n                            <span class=\"data-lbl\">Mobile First<\/span>\r\n                        <\/div>\r\n                        <div class=\"data-cell\">\r\n                            <span class=\"data-val\">SCORM<\/span>\r\n                            <span class=\"data-lbl\">Audit-Ready<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div> <!-- END PORTAL MASTER -->\r\n\r\n            <!-- ACT III: THE BLUEPRINT MATRIX -->\r\n            <section class=\"blueprint-scene\">\r\n                <div class=\"bp-header gsap-reveal\">\r\n                    <span class=\"tag-mono\" style=\"color: var(--steel); margin-bottom: 1rem; display: block;\">Operational Reality<\/span>\r\n                    <h2 class=\"bp-title\">The Training Challenges We Solve<\/h2>\r\n                <\/div>\r\n                \r\n                <div class=\"bp-grid\">\r\n                    <div class=\"bp-card gsap-reveal\">\r\n                        <div class=\"bp-content\">\r\n                            <span class=\"bp-tag\">IND01 \/ Challenge<\/span>\r\n                            <h3>Getting every worker inducted before start<\/h3>\r\n                            <p>On a large site, workers arrive continuously. A scalable digital induction delivers consistent, tracked safety onboarding to every new starter before they set foot on site.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"bp-card gsap-reveal\">\r\n                        <div class=\"bp-content\">\r\n                            <span class=\"bp-tag\">HSE02 \/ Challenge<\/span>\r\n                            <h3>HSE compliance built around your site<\/h3>\r\n                            <p>OSHAD-SF, working-at-height, and heat-stress rules must reflect your actual site conditions. We build the hazards and controls that are real on your project.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"bp-card gsap-reveal\">\r\n                        <div class=\"bp-content\">\r\n                            <span class=\"bp-tag\">LNG03 \/ Challenge<\/span>\r\n                            <h3>A workforce speaking a dozen languages<\/h3>\r\n                            <p>We build the same interactive module in multiple languages from a single production process, so the safety message lands regardless of first language.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"bp-card gsap-reveal\">\r\n                        <div class=\"bp-content\">\r\n                            <span class=\"bp-tag\">MOB04 \/ Challenge<\/span>\r\n                            <h3>Reaching workers without a desk<\/h3>\r\n                            <p>Site workers don't sit at computers. Every module is mobile-responsive and completable on a personal phone, so training reaches operatives wherever they are.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"bp-card gsap-reveal\">\r\n                        <div class=\"bp-content\">\r\n                            <span class=\"bp-tag\">AUD05 \/ Challenge<\/span>\r\n                            <h3>Audit-ready evidence<\/h3>\r\n                            <p>Municipal inspections and client HSE audits demand records. Every module produces SCORM-compliant data, ready before the audit.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ACT IV: HEAVY LOGISTICS (Horizontal Monoliths) -->\r\n            <section class=\"logistics-scene\" id=\"logistics-scene\">\r\n                <div class=\"logistics-sticky\">\r\n                    <div class=\"logistics-header gsap-reveal\">\r\n                        <span class=\"tag-mono\" style=\"color: var(--steel) !important;\">Modular Frameworks<\/span>\r\n                        <h2>What We Build<br>For Construction<\/h2>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"monolith-track\" id=\"mono-track\">\r\n                        <div class=\"monolith\">\r\n                            <div class=\"mono-bg\"><img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/safety.webp\" class=\"prlx-img\"><\/div>\r\n                            <div class=\"mono-overlay\"><\/div>\r\n                            <span class=\"mono-giant-num\">01<\/span>\r\n                            <div class=\"mono-content\">\r\n                                <h3 class=\"mono-title\">Safety Inductions<\/h3>\r\n                                <p class=\"mono-desc\">General and site-specific inductions for workers, contractors, and visitors, completed and tracked before site access.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"monolith\">\r\n                            <div class=\"mono-bg\"><img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/operational.webp\" class=\"prlx-img\"><\/div>\r\n                            <div class=\"mono-overlay\"><\/div>\r\n                            <span class=\"mono-giant-num\">02<\/span>\r\n                            <div class=\"mono-content\">\r\n                                <h3 class=\"mono-title\">Operational HSE<\/h3>\r\n                                <p class=\"mono-desc\">Working at height, confined space, manual handling, heat stress, and equipment operation, built around your site.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"monolith\">\r\n                            <div class=\"mono-bg\"><img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/contractor.webp\" class=\"prlx-img\"><\/div>\r\n                            <div class=\"mono-overlay\"><\/div>\r\n                            <span class=\"mono-giant-num\">03<\/span>\r\n                            <div class=\"mono-content\">\r\n                                <h3 class=\"mono-title\">Contractor Mgt<\/h3>\r\n                                <p class=\"mono-desc\">Consistent onboarding and absolute compliance verification across a multi-tier subcontractor workforce.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"monolith\">\r\n                            <div class=\"mono-bg\"><img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/supervisor.webp\" class=\"prlx-img\"><\/div>\r\n                            <div class=\"mono-overlay\"><\/div>\r\n                            <span class=\"mono-giant-num\">04<\/span>\r\n                            <div class=\"mono-content\">\r\n                                <h3 class=\"mono-title\">Supervisor Dev<\/h3>\r\n                                <p class=\"mono-desc\">Site-supervisor and leadership management programmes engineered specifically for a high-risk, high-pressure environment.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ACT V: CONTRACTOR LEDGER (3-Column Expanding Hover) -->\r\n            <section class=\"ledger-scene\">\r\n                <div class=\"ledger-container\">\r\n                    <div class=\"ledger-header gsap-reveal\">\r\n                        <span class=\"tag-mono\" style=\"color: var(--steel); display: block; margin-bottom: 1rem;\">Validated Performance<\/span>\r\n                        <h2 style=\"font-family: var(--font-sans); font-size: clamp(3rem, 5vw, 4.5rem); font-weight: 800; text-transform: uppercase; line-height: 1; color: var(--carbon);\">Trusted Partners<\/h2>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ledger-list\">\r\n                        \r\n                        <div class=\"ledger-row gsap-reveal\">\r\n                            <div class=\"ledger-left\">\r\n                                <h3 class=\"ledger-name\">ASGC Group<\/h3>\r\n                                <span class=\"ledger-sector\">[ CONSTRUCTION ]<\/span>\r\n                            <\/div>\r\n                            <div class=\"ledger-center\">\r\n                                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2024\/05\/ASGC.svg\" alt=\"ASGC Group\" class=\"ledger-logo\">\r\n                            <\/div>\r\n                            <div class=\"ledger-right\">\r\n                                <p>Delivered bespoke digital learning supporting one of the UAE's leading construction groups across its diverse workforce.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ledger-row gsap-reveal\">\r\n                            <div class=\"ledger-left\">\r\n                                <h3 class=\"ledger-name\">Khansaheb<\/h3>\r\n                                <span class=\"ledger-sector\">[ CONTRACTING ]<\/span>\r\n                            <\/div>\r\n                            <div class=\"ledger-center\">\r\n                                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2024\/05\/Khansaheb.svg\" alt=\"Khansaheb\" class=\"ledger-logo\">\r\n                            <\/div>\r\n                            <div class=\"ledger-right\">\r\n                                <p>Bespoke e-learning developed for one of the UAE's most established and respected contracting firms.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ledger-row gsap-reveal\">\r\n                            <div class=\"ledger-left\">\r\n                                <h3 class=\"ledger-name\">Deyaar<\/h3>\r\n                                <span class=\"ledger-sector\">[ REAL ESTATE ]<\/span>\r\n                            <\/div>\r\n                            <div class=\"ledger-center\">\r\n                                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2025\/12\/Deyaar.png\" alt=\"Deyaar\" class=\"ledger-logo\">\r\n                            <\/div>\r\n                            <div class=\"ledger-right\">\r\n                                <p>Digital learning content supporting a leading UAE real-estate developer's operational training requirements.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ledger-row gsap-reveal\">\r\n                            <div class=\"ledger-left\">\r\n                                <h3 class=\"ledger-name\">Dar al Riyadh<\/h3>\r\n                                <span class=\"ledger-sector\">[ ENGINEERING ]<\/span>\r\n                            <\/div>\r\n                            <div class=\"ledger-center\">\r\n                                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2024\/05\/DAR.svg\" alt=\"Dar al Riyadh\" class=\"ledger-logo\">\r\n                            <\/div>\r\n                            <div class=\"ledger-right\">\r\n                                <p>Bespoke digital learning developed for a major Saudi engineering, procurement, and consultancy group.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ACT VI: THE SPEC SHEET -->\r\n            <section class=\"spec-scene\">\r\n                <div class=\"spec-header gsap-reveal\">\r\n                    <h2>Why Capytech?<\/h2>\r\n                <\/div>\r\n                \r\n                <div class=\"spec-grid\">\r\n                    <div class=\"spec-item gsap-reveal\">\r\n                        <span class=\"spec-num\">01 \/ SCL<\/span>\r\n                        <h3 class=\"spec-title\">Scalable Size<\/h3>\r\n                        <p class=\"spec-desc\">Reliable delivery from 50 to 50,000 learners across every site.<\/p>\r\n                    <\/div>\r\n                    <div class=\"spec-item gsap-reveal\">\r\n                        <span class=\"spec-num\">02 \/ LNG<\/span>\r\n                        <h3 class=\"spec-title\">Multilingual<\/h3>\r\n                        <p class=\"spec-desc\">Multiple language versions from a single production process.<\/p>\r\n                    <\/div>\r\n                    <div class=\"spec-item gsap-reveal\">\r\n                        <span class=\"spec-num\">03 \/ MOB<\/span>\r\n                        <h3 class=\"spec-title\">Mobile-First<\/h3>\r\n                        <p class=\"spec-desc\">Every module completes on a phone, for a workforce not at a desk.<\/p>\r\n                    <\/div>\r\n                    <div class=\"spec-item gsap-reveal\">\r\n                        <span class=\"spec-num\">04 \/ SPD<\/span>\r\n                        <h3 class=\"spec-title\">FastTrack<\/h3>\r\n                        <p class=\"spec-desc\">Fully interactive audited modules in as little as 4 working days.<\/p>\r\n                    <\/div>\r\n                    <div class=\"spec-item gsap-reveal\">\r\n                        <span class=\"spec-num\">05 \/ EXP<\/span>\r\n                        <h3 class=\"spec-title\">13 Years<\/h3>\r\n                        <p class=\"spec-desc\">We understand GCC site conditions and HSE frameworks.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ACT VII: THE STICKY DOSSIER (FAQ - Own Section) -->\r\n            <section class=\"faq-scene\">\r\n                <div class=\"faq-container\">\r\n                    <div class=\"faq-left gsap-reveal\">\r\n                        <h2 class=\"faq-title\">Frequently<br>Asked Questions<\/h2>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-right\">\r\n                        <div class=\"faq-item gsap-reveal\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Multilingual inductions?<\/span>\r\n                                <span class=\"faq-icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer-wrapper\">\r\n                                <div class=\"faq-answer-inner\">\r\n                                    <p>Yes: we deploy the same module in multiple languages from a single production process to reach your entire workforce.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"faq-item gsap-reveal\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Works on personal phones?<\/span>\r\n                                <span class=\"faq-icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer-wrapper\">\r\n                                <div class=\"faq-answer-inner\">\r\n                                    <p>Yes: every module is mobile-responsive and requires no desktop or workstation to complete.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"faq-item gsap-reveal\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Site-specific OSHAD compliance?<\/span>\r\n                                <span class=\"faq-icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer-wrapper\">\r\n                                <div class=\"faq-answer-inner\">\r\n                                    <p>Yes: built entirely around your actual site conditions, hazards, and specific municipality controls.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"faq-item gsap-reveal\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Giga-project scalability?<\/span>\r\n                                <span class=\"faq-icon\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer-wrapper\">\r\n                                <div class=\"faq-answer-inner\">\r\n                                    <p>Yes: our systems are engineered to deliver reliable tracking and reporting from 50 to 50,000 concurrent learners.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\n<section class=\"cxg-guides\"><style>.cxg-guides{background:#f8fafc;padding:4rem 1.5rem;font-family:inherit}.cxg-guides .cxg-wrap{max-width:1100px;margin:0 auto}.cxg-guides h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 1.5rem;color:#0f172a}.cxg-guides .cxg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.cxg-guides .cxg-card{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;text-decoration:none;box-shadow:0 10px 30px rgba(15,23,42,.06);transition:border-color .2s}.cxg-guides .cxg-card:hover,.cxg-guides .cxg-card:focus{border-color:#2563eb}.cxg-guides .cxg-card span{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin-bottom:.5rem}.cxg-guides .cxg-card b{display:block;color:#0f172a;font-size:1.05rem;line-height:1.4;margin-bottom:.8rem}.cxg-guides .cxg-card i{font-style:normal;color:#2563eb;font-weight:700}@media (max-width:860px){.cxg-guides .cxg-grid{grid-template-columns:1fr}.cxg-guides{padding:3rem 1rem}}<\/style><div class=\"cxg-wrap\"><h2>Guides for construction and infrastructure teams<\/h2><div class=\"cxg-grid\"><a class=\"cxg-card\" href=\"\/en\/blog\/who-needs-what-choosing-the-right-iosh-course-for-your-team-in-the-middle-east\/\"><span>Guide<\/span><b>Who Needs What? Choosing the Right IOSH Course for Your Team in the Middle East<\/b><i>Read the guide<\/i><\/a><a class=\"cxg-card\" href=\"\/en\/blog\/essential-induction-iosh-working-safely-for-every-employee-in-a-gcc-business\/\"><span>Guide<\/span><b>Essential Induction: IOSH Working Safely for Every Employee in a GCC Business<\/b><i>Read the guide<\/i><\/a><a class=\"cxg-card\" href=\"\/en\/blog\/beyond-compliance-why-iosh-managing-safely-is-a-strategic-tool-for-uae-managers\/\"><span>Guide<\/span><b>Beyond Compliance: Why IOSH Managing Safely is a Strategic Tool for UAE Managers<\/b><i>Read the guide<\/i><\/a><\/div><\/div><\/section>\n\r\n\r\n            <!-- ACT VIII: TACTICAL CONTACT SPLIT (Form - Own Section) -->\r\n            <section class=\"contact-scene\" id=\"contact\">\r\n                <div class=\"contact-container\">\r\n                    <div class=\"contact-left gsap-reveal\">\r\n                        <h2 class=\"contact-title\">Secure a<br>Consultation.<\/h2>\r\n                        <p class=\"contact-desc\">Discuss your site-safety and induction deployment across your projects with our specialists.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-right gsap-reveal\">\r\n                        <div class=\"cf7-premium-wrapper\">\r\n                            <!-- PASTE YOUR CF7 SHORTCODE HERE TO REPLACE THIS -->\r\n                            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f64995-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"64995\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/64773#wpcf7-f64995-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"64995\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f64995-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/div>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Work email address\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"3\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Tell us about your site-safety or induction requirement\" name=\"your-message\"><\/textarea><\/span>\n<\/p>\n<div style=\"display: none;\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"utm_source\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_source\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_medium\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_medium\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_campaign\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_campaign\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_term\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_term\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_content\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_content\" \/><\/span>\n\t<\/p>\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner btn-solid\" type=\"submit\" value=\"Submit Request\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        function splitText(selector) {\r\n            const elements = document.querySelectorAll(selector);\r\n            elements.forEach(el => {\r\n                const words = el.innerText.split(' ');\r\n                el.innerHTML = '';\r\n                words.forEach(word => {\r\n                    const wrapper = document.createElement('span'); wrapper.className = 'word-wrap';\r\n                    const inner = document.createElement('span'); inner.className = 'word-inner'; inner.innerHTML = word + '&nbsp;';\r\n                    wrapper.appendChild(inner); el.appendChild(wrapper);\r\n                });\r\n                el.style.opacity = 1; \r\n            });\r\n            return document.querySelectorAll(`${selector} .word-inner`);\r\n        }\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", () => {\r\n            const lenis = new Lenis({ duration: 1.2, easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), direction: 'vertical', smooth: true });\r\n            lenis.on('scroll', ScrollTrigger.update);\r\n            gsap.ticker.add((time) => { lenis.raf(time * 1000); });\r\n            gsap.ticker.lagSmoothing(0);\r\n\r\n            \/\/ ==========================================\r\n            \/\/ INITIAL LOAD ANIMATION\r\n            \/\/ ==========================================\r\n            document.fonts.ready.then(() => {\r\n                gsap.set('.text-split, .gsap-hero-fade, .gsap-reveal', { visibility: \"visible\" });\r\n                const heroWords = splitText('.hero-title');\r\n                const loadTl = gsap.timeline();\r\n                \r\n                loadTl.fromTo(heroWords, { y: '110%', rotate: 2 }, { y: '0%', rotate: 0, duration: 1.2, stagger: 0.02, ease: \"power4.out\" })\r\n                    .fromTo('.gsap-hero-fade', { opacity: 0, y: 30 }, { opacity: 1, y: 0, duration: 0.8, stagger: 0.1, ease: \"power3.out\" }, \"-=0.8\");\r\n            });\r\n\r\n            \/\/ ==========================================\r\n            \/\/ Z-AXIS PORTAL SCROLL TRANSITION (Act I -> Act II)\r\n            \/\/ ==========================================\r\n            const portalTl = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: \"#portal-master\",\r\n                    start: \"top top\",\r\n                    end: \"+=150%\", \/\/ Scroll distance required to complete the effect\r\n                    pin: true,\r\n                    scrub: 1\r\n                }\r\n            });\r\n\r\n            portalTl.to(\".hero-content\", { scale: 5, opacity: 0, duration: 1, ease: \"power2.in\" }, 0)\r\n                    .to(\".hero-bg video\", { scale: 1.5, filter: \"grayscale(100%) contrast(1.1) brightness(0.2) blur(15px)\", duration: 1 }, 0)\r\n                    .call(() => document.querySelector('.act-ii-portal').style.pointerEvents = 'auto', [], 0.4)\r\n                    .fromTo(\".act-ii-portal\", { opacity: 0, scale: 0.9, y: 50 }, { opacity: 1, scale: 1, y: 0, duration: 1, ease: \"power2.out\" }, 0.4);\r\n\r\n            \/\/ ==========================================\r\n            \/\/ MAGNETIC BUTTON LOGIC\r\n            \/\/ ==========================================\r\n            if (window.matchMedia(\"(hover: hover)\").matches) {\r\n                document.querySelectorAll('.btn-magnetic').forEach(wrap => {\r\n                    const btn = wrap.querySelector('.btn-solid') || wrap.querySelector('.btn-outline');\r\n                    if(btn) {\r\n                        const xTo = gsap.quickTo(btn, \"x\", {duration: 1, ease: \"elastic.out(1, 0.3)\"});\r\n                        const yTo = gsap.quickTo(btn, \"y\", {duration: 1, ease: \"elastic.out(1, 0.3)\"});\r\n                        \r\n                        wrap.addEventListener(\"mousemove\", (e) => {\r\n                            const rect = wrap.getBoundingClientRect();\r\n                            xTo((e.clientX - (rect.left + rect.width \/ 2)) * 0.4);\r\n                            yTo((e.clientY - (rect.top + rect.height \/ 2)) * 0.4);\r\n                        });\r\n                        wrap.addEventListener(\"mouseleave\", () => { xTo(0); yTo(0); });\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ ==========================================\r\n            \/\/ STANDARD GSAP FADE UPS (Rest of the page)\r\n            \/\/ ==========================================\r\n            gsap.utils.toArray('.gsap-reveal').forEach(el => {\r\n                if(!el.closest('#portal-master')){\r\n                    gsap.fromTo(el, { opacity: 0, y: 40 }, { opacity: 1, y: 0, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: el, start: \"top 85%\" } });\r\n                }\r\n            });\r\n\r\n            \/\/ ==========================================\r\n            \/\/ HORIZONTAL MONOLITHS (GSAP Pinning)\r\n            \/\/ ==========================================\r\n            let mm = gsap.matchMedia();\r\n            mm.add(\"(min-width: 1025px)\", () => {\r\n                const track = document.getElementById(\"mono-track\");\r\n                const getScrollAmount = () => -(track.scrollWidth - window.innerWidth + (window.innerWidth * 0.15)); \r\n                \r\n                const tween = gsap.to(track, { x: getScrollAmount, ease: \"none\" });\r\n\r\n                ScrollTrigger.create({\r\n                    trigger: \"#logistics-scene\",\r\n                    start: \"top top\",\r\n                    end: () => `+=${getScrollAmount() * -1}`,\r\n                    pin: \".logistics-sticky\",\r\n                    animation: tween,\r\n                    scrub: 1,\r\n                    invalidateOnRefresh: true\r\n                });\r\n\r\n                gsap.utils.toArray('.prlx-img').forEach(img => {\r\n                    gsap.fromTo(img, \r\n                        { xPercent: -8 },\r\n                        { xPercent: 8, ease: \"none\",\r\n                        scrollTrigger: { trigger: \"#logistics-scene\", start: \"top top\", end: () => `+=${getScrollAmount() * -1}`, scrub: true, invalidateOnRefresh: true }\r\n                        }\r\n                    );\r\n                });\r\n            });\r\n\r\n            \/\/ ==========================================\r\n            \/\/ ACCORDION RE-FRESH LOGIC (For Ledger & FAQ)\r\n            \/\/ ==========================================\r\n            \r\n            \/\/ Contractor Ledger Height Expansion Trigger\r\n            const ledgerRows = document.querySelectorAll('.ledger-row');\r\n            ledgerRows.forEach(row => {\r\n                row.addEventListener('mouseenter', () => { setTimeout(() => { ScrollTrigger.refresh(); }, 600); });\r\n                row.addEventListener('mouseleave', () => { setTimeout(() => { ScrollTrigger.refresh(); }, 600); });\r\n            });\r\n\r\n            \/\/ FAQ Accordion\r\n            const faqItems = document.querySelectorAll('.faq-item');\r\n            faqItems.forEach(item => {\r\n                item.addEventListener('click', () => {\r\n                    faqItems.forEach(other => { if (other !== item) other.classList.remove('active'); });\r\n                    item.classList.toggle('active');\r\n                    setTimeout(() => { ScrollTrigger.refresh(); }, 500); \r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Multilingual inductions?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes: we deploy the same module in multiple languages from a single production process to reach your entire workforce.\"}},{\"@type\":\"Question\",\"name\":\"Works on personal phones?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes: every module is mobile-responsive and requires no desktop or workstation to complete.\"}},{\"@type\":\"Question\",\"name\":\"Site-specific OSHAD compliance?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes: built entirely around your actual site conditions, hazards, and specific municipality controls.\"}},{\"@type\":\"Question\",\"name\":\"Giga-project scalability?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes: our systems are engineered to deliver reliable tracking and reporting from 50 to 50,000 concurrent learners.\"}}]}<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>[ AEC &#038; GIGA-PROJECTS ] Bespoke E-Learning for Construction &#038; Giga-Projects. Book a Demo Construction and infrastructure in the Gulf runs at a scale few regions match. Site-safety training has to reach every worker, in a language they understand, before they start work, and produce absolute evidence when the inspector arrives. 13+ Years in GCC 50k+ Learners per rollout 100% &#8230; <\/p>\n<div><a href=\"https:\/\/capytech.com\/en\/construction-infrastructure\/\" class=\"more-link\">Read More<\/a><\/div>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-64773","page","type-page","status-publish","hentry","no-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.1 (Yoast SEO v24.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Construction and Giga-Project E-Learning, GCC | Capytech<\/title>\n<meta name=\"description\" content=\"Site safety, induction and compliance e-learning for GCC construction, infrastructure and giga-projects, built for multilingual site workforces.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/capytech.com\/en\/construction-infrastructure\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Construction and Giga-Project E-Learning, GCC | Capytech\" \/>\n<meta property=\"og:description\" content=\"Site safety, induction and compliance e-learning for GCC construction, infrastructure and giga-projects, built for multilingual site workforces.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/capytech.com\/en\/construction-infrastructure\/\" \/>\n<meta property=\"og:site_name\" content=\"Capytech\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/capytech\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-27T10:38:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/safety.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/capytech.com\/en\/construction-infrastructure\/\",\"url\":\"https:\/\/capytech.com\/en\/construction-infrastructure\/\",\"name\":\"Construction and Giga-Project E-Learning, GCC | Capytech\",\"isPartOf\":{\"@id\":\"https:\/\/capytech.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/capytech.com\/en\/construction-infrastructure\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/capytech.com\/en\/construction-infrastructure\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/safety.webp\",\"datePublished\":\"2026-08-03T05:54:50+00:00\",\"dateModified\":\"2026-10-27T10:38:10+00:00\",\"description\":\"Site safety, induction and compliance e-learning for GCC construction, infrastructure and giga-projects, built for multilingual site workforces.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/capytech.com\/en\/construction-infrastructure\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capytech.com\/en\/construction-infrastructure\/#primaryimage\",\"url\":\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/safety.webp\",\"contentUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/safety.webp\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/capytech.com\/en\/#website\",\"url\":\"https:\/\/capytech.com\/en\/\",\"name\":\"Capytech\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/capytech.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/capytech.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/capytech.com\/en\/#organization\",\"name\":\"Capytech\",\"url\":\"https:\/\/capytech.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png\",\"contentUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png\",\"width\":2443,\"height\":629,\"caption\":\"Capytech\"},\"image\":{\"@id\":\"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/capytech\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Construction and Giga-Project E-Learning, GCC | Capytech","description":"Site safety, induction and compliance e-learning for GCC construction, infrastructure and giga-projects, built for multilingual site workforces.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/capytech.com\/en\/construction-infrastructure\/","og_locale":"en_US","og_type":"article","og_title":"Construction and Giga-Project E-Learning, GCC | Capytech","og_description":"Site safety, induction and compliance e-learning for GCC construction, infrastructure and giga-projects, built for multilingual site workforces.","og_url":"https:\/\/capytech.com\/en\/construction-infrastructure\/","og_site_name":"Capytech","article_publisher":"https:\/\/www.facebook.com\/capytech","article_modified_time":"2026-10-27T10:38:10+00:00","og_image":[{"url":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/safety.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/capytech.com\/en\/construction-infrastructure\/","url":"https:\/\/capytech.com\/en\/construction-infrastructure\/","name":"Construction and Giga-Project E-Learning, GCC | Capytech","isPartOf":{"@id":"https:\/\/capytech.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/capytech.com\/en\/construction-infrastructure\/#primaryimage"},"image":{"@id":"https:\/\/capytech.com\/en\/construction-infrastructure\/#primaryimage"},"thumbnailUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/safety.webp","datePublished":"2026-08-03T05:54:50+00:00","dateModified":"2026-10-27T10:38:10+00:00","description":"Site safety, induction and compliance e-learning for GCC construction, infrastructure and giga-projects, built for multilingual site workforces.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/capytech.com\/en\/construction-infrastructure\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capytech.com\/en\/construction-infrastructure\/#primaryimage","url":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/safety.webp","contentUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/safety.webp"},{"@type":"WebSite","@id":"https:\/\/capytech.com\/en\/#website","url":"https:\/\/capytech.com\/en\/","name":"Capytech","description":"","publisher":{"@id":"https:\/\/capytech.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/capytech.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/capytech.com\/en\/#organization","name":"Capytech","url":"https:\/\/capytech.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png","contentUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png","width":2443,"height":629,"caption":"Capytech"},"image":{"@id":"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/capytech"]}]}},"_links":{"self":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages\/64773","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/comments?post=64773"}],"version-history":[{"count":37,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages\/64773\/revisions"}],"predecessor-version":[{"id":65613,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages\/64773\/revisions\/65613"}],"wp:attachment":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/media?parent=64773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}