{"id":64607,"date":"2026-08-03T06:32:41","date_gmt":"2026-08-03T06:32:41","guid":{"rendered":"https:\/\/capytech.com\/?page_id=64607"},"modified":"2026-10-27T10:54:58","modified_gmt":"2026-10-27T10:54:58","slug":"energy-oil-gas","status":"publish","type":"page","link":"https:\/\/capytech.com\/en\/energy-oil-gas\/","title":{"rendered":"energy-oil-gas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"64607\" class=\"elementor elementor-64607\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b21635 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6b21635\" 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-43636f1\" data-id=\"43636f1\" 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-23a6299 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"23a6299\" 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    <!-- Inter for absolute Swiss architectural precision -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&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: MONOCHROMATIC ARCHITECTURAL MINIMALISM\r\n           ========================================================================== *\/\r\n        :root {\r\n            --bg-pure: #FFFFFF;         \r\n            --bg-alt: #F7F7F7;          \r\n            --text-dark: #111111;       \r\n            --text-muted: #767676;      \r\n            --silver: #E5E5E5;          \r\n            \r\n            --pad-edge: 5vw;\r\n            --space-section: 15vh;\r\n            \r\n            --font-main: 'Inter', sans-serif;\r\n            --font-mono: 'JetBrains Mono', monospace;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            :root {\r\n                --pad-edge: 6vw;\r\n                --space-section: 10vh;\r\n            }\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        \r\n        \/* The Baseline Lock *\/\r\n        html { font-size: 16px !important; }\r\n        html.lenis { height: auto; background: var(--bg-pure); }\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-main) !important; background-color: var(--bg-pure) !important; color: var(--text-dark) !important;\r\n            -webkit-font-smoothing: antialiased; overflow-x: hidden; line-height: 1.4 !important;\r\n            font-weight: 300 !important;\r\n        }\r\n\r\n        #smooth-content img, #smooth-content video { margin: 0 !important; }\r\n\r\n        \/* Architectural Elements *\/\r\n        .arch-line {\r\n            width: 100%; height: 1px; background: var(--silver); transform-origin: left; transform: scaleX(0);\r\n        }\r\n        \r\n        #smooth-content .eyebrow.eyebrow {\r\n            font-family: 'JetBrains Mono', monospace !important; font-size: 0.75rem !important; font-weight: 600 !important; \r\n            text-transform: uppercase !important; letter-spacing: 0.2em !important; color: var(--text-muted) !important; \r\n            display: block; margin-bottom: 2rem !important;\r\n        }\r\n\r\n        \/* Typography & GSAP Utilities (FOUC FIX APPLIED HERE) *\/\r\n        .text-reveal { overflow: hidden; display: block; visibility: hidden; }\r\n        .text-reveal-inner { display: block; transform: translateY(110%); will-change: transform; }\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, color; }\r\n        .gsap-hero-fade { opacity: 0; visibility: hidden; transform: translateY(20px); }\r\n        .gsap-reveal { opacity: 0; visibility: hidden; transform: translateY(40px); }\r\n\r\n        \/* ==========================================================================\r\n           ACT I: THE ESTABLISHING SHOT (Hero)\r\n           ========================================================================== *\/\r\n        .hero {\r\n            position: relative; width: 100vw; height: 100vh; min-height: -webkit-fill-available;\r\n            display: flex; flex-direction: column; justify-content: flex-end;\r\n            padding: 2vw var(--pad-edge) 4vw var(--pad-edge);\r\n        }\r\n\r\n        \/* The single massive image - high-key grayscale *\/\r\n        .hero-image-wrapper {\r\n            position: absolute; top: 50px; left: var(--pad-edge); right: var(--pad-edge); bottom: 25vh;\r\n            overflow: hidden; z-index: 0; background: var(--bg-alt);\r\n        }\r\n        .hero-image-wrapper img, .hero-image-wrapper video {\r\n            width: 100%; height: 100%; object-fit: cover; object-position: center 30%;\r\n            transform: scale(1.1); filter: grayscale(100%) contrast(1.05) brightness(0.95) opacity(0.8);\r\n            will-change: transform;\r\n        }\r\n\r\n        \/* White fade to ground the text perfectly *\/\r\n        .hero-overlay {\r\n            position: absolute; inset: 0; z-index: 1;\r\n            background: linear-gradient(to top, var(--bg-pure) 0%, rgba(255,255,255,0.4) 60%, transparent 100%),\r\n                        linear-gradient(to right, rgba(255,255,255,0.8) 0%, transparent 60%);\r\n        }\r\n        \r\n        \/* Editorial Asymmetrical Split *\/\r\n        .hero-content {\r\n            position: relative; z-index: 10; padding-top: 2rem; width: 100%;\r\n            display: flex; justify-content: space-between; align-items: flex-end; gap: 4vw;\r\n        }\r\n\r\n        \/* Left Side: Massive Title *\/\r\n        .hero-title-container {\r\n            flex: 1.5; text-align: left; display: flex; flex-direction: column; align-items: flex-start;\r\n        }\r\n        #smooth-content .hero-title.hero-title {\r\n            font-family: var(--font-main) !important; font-size: clamp(3rem, 6.5vw, 7.5rem) !important; font-weight: 400 !important; line-height: 0.9 !important;\r\n            letter-spacing: -0.04em !important; text-transform: uppercase !important; color: var(--text-dark) !important;\r\n            text-align: left; margin: 0 !important;\r\n        }\r\n\r\n        \/* Right Side: Meta & CTAs *\/\r\n        .hero-meta {\r\n            flex: 1; max-width: 500px; padding-bottom: 0.5rem;\r\n        }\r\n        #smooth-content .hero-sub.hero-sub {\r\n            font-family: var(--font-main) !important; font-size: 1.15rem !important; line-height: 1.6 !important; color: var(--text-muted) !important; margin-bottom: 2rem !important; font-weight: 400 !important;\r\n        }\r\n        .hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }\r\n\r\n        \/* Buttons *\/\r\n        #smooth-content .btn-solid.btn-solid {\r\n            display: inline-flex; align-items: center; justify-content: center;\r\n            padding: 1.25rem 2.5rem !important; background: var(--text-dark) !important; color: var(--bg-pure) !important;\r\n            font-family: 'JetBrains Mono', monospace !important; font-size: 0.8rem !important; font-weight: 600 !important;\r\n            letter-spacing: 0.1em !important; text-transform: uppercase !important; text-decoration: none !important;\r\n            transition: opacity 0.4s ease; border: none !important; border-radius: 0 !important;\r\n        }\r\n        #smooth-content .btn-solid:hover { opacity: 0.8 !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 2.5rem !important; background: transparent !important; color: var(--text-dark) !important;\r\n            border: 1px solid var(--text-muted) !important; font-family: 'JetBrains Mono', monospace !important; font-size: 0.8rem !important; font-weight: 600 !important;\r\n            letter-spacing: 0.1em !important; text-transform: uppercase !important; text-decoration: none !important;\r\n            transition: border-color 0.4s ease; border-radius: 0 !important;\r\n        }\r\n        #smooth-content .btn-outline:hover { border-color: var(--text-dark) !important; }\r\n\r\n        \/* Strict Mobile Re-flow for Hero *\/\r\n        @media (max-width: 1024px) {\r\n            .hero-content { flex-direction: column; align-items: flex-start; gap: 3rem; }\r\n            .hero-title-container { text-align: left; align-items: flex-start; }\r\n            .hero-title { text-align: left; }\r\n            .hero-image-wrapper { bottom: 35vh; }\r\n            .hero-meta { max-width: 100%; padding-bottom: 0; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .hero { padding-top: 4vh; }\r\n            .hero-image-wrapper { position: absolute; top: 0; height: 50vh; bottom: auto; left: var(--pad-edge); right: var(--pad-edge); }\r\n            .hero-overlay { background: linear-gradient(to top, var(--bg-pure) 0%, rgba(255,255,255,0.1) 40%, transparent 100%); }\r\n            .hero-content { margin-top: auto; padding-bottom: 2vh; }\r\n            #smooth-content .hero-title.hero-title { font-size: clamp(2.5rem, 11vw, 4rem) !important; margin-bottom: 1rem !important; }\r\n            #smooth-content .hero-sub.hero-sub { font-size: 1.05rem !important; margin-bottom: 1.5rem !important; }\r\n            .hero-actions { flex-direction: column; width: 100%; gap: 1rem; }\r\n            #smooth-content .btn-solid, #smooth-content .btn-outline { width: 100% !important; text-align: center; }\r\n        }\r\n\r\n        \/* ==========================================================================\r\n           ACT II: OPERATIONAL REALITY (The Continuous Document)\r\n           ========================================================================== *\/\r\n        .section { padding: var(--space-section) var(--pad-edge); position: relative; }\r\n        \r\n        .intro-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 6vw; align-items: start; margin-bottom: 6rem; }\r\n        \r\n        .intro-left { display: flex; flex-direction: column; }\r\n\r\n        #smooth-content .scrub-text.scrub-text {\r\n            font-family: var(--font-main) !important;\r\n            font-size: clamp(1.5rem, 2.5vw, 3rem) !important; font-weight: 300 !important; line-height: 1.3 !important;\r\n            letter-spacing: -0.02em !important; color: var(--silver) !important; margin-bottom: 0 !important;\r\n        }\r\n        .scrub-text .word-inner { color: var(--silver); will-change: color; font-family: var(--font-main); }\r\n\r\n        #smooth-content .intro-secondary p { font-family: var(--font-main) !important; font-size: 1.15rem !important; color: var(--text-muted) !important; line-height: 1.6 !important; margin-bottom: 2rem !important; font-weight: 400 !important;}\r\n        #smooth-content .intro-secondary strong { color: var(--text-dark) !important; font-weight: 600 !important; }\r\n        #smooth-content .intro-note.intro-note { font-family: 'JetBrains Mono', monospace !important; font-size: 0.85rem !important; color: var(--text-dark) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; padding-top: 2rem !important; border-top: 1px solid var(--silver); font-weight: 600 !important;}\r\n\r\n        .stats-grid { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }\r\n        .stat-row { display: flex; justify-content: space-between; align-items: flex-end; padding: 2rem 0; }\r\n        #smooth-content .stat-num.stat-num { font-family: var(--font-main) !important; font-size: clamp(3rem, 5vw, 5rem) !important; font-weight: 300 !important; line-height: 0.8 !important; letter-spacing: -0.04em !important; color: var(--text-dark) !important; }\r\n        #smooth-content .stat-lbl.stat-lbl { font-family: var(--font-main) !important; font-size: 0.85rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; color: var(--text-muted) !important; font-weight: 400 !important;}\r\n\r\n        .chips-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--silver); border-top: 1px solid var(--silver); border-bottom: 1px solid var(--silver); margin-top: 2rem; }\r\n        .chip-card { background: var(--bg-pure); padding: 2.5rem 2rem; }\r\n        #smooth-content .chip-num.chip-num { font-family: 'JetBrains Mono', monospace !important; font-size: 0.75rem !important; color: var(--text-muted) !important; display: block; margin-bottom: 1rem !important; font-weight: 600 !important;}\r\n        #smooth-content .chip-title.chip-title { font-family: var(--font-main) !important; font-size: 1.1rem !important; font-weight: 500 !important; color: var(--text-dark) !important; line-height: 1.4 !important; margin: 0 !important;}\r\n\r\n        @media (max-width: 1024px) { \r\n            .intro-grid { grid-template-columns: 1fr; gap: 4rem; } \r\n            .stat-row { padding: 1.5rem 0; }\r\n            .chips-grid { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n        @media (max-width: 768px) {\r\n            \/* Disable scrub colors on mobile for immediate reading clarity *\/\r\n            #smooth-content .scrub-text.scrub-text { color: var(--text-dark) !important; }\r\n            .chips-grid { grid-template-columns: 1fr; }\r\n        }\r\n\r\n        \/* ==========================================================================\r\n           ACT III: ARCHITECTURAL LISTS (Challenges)\r\n           ========================================================================== *\/\r\n        .list-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; }\r\n        #smooth-content .list-title.list-title { font-family: var(--font-main) !important; font-size: clamp(2rem, 3.5vw, 4.5rem) !important; font-weight: 400 !important; text-transform: uppercase !important; line-height: 1 !important; letter-spacing: -0.03em !important; color: var(--text-dark) !important; max-width: 800px; margin: 0 !important;}\r\n\r\n        .arch-row {\r\n            display: grid; grid-template-columns: 1fr 3fr 4fr; gap: 4vw;\r\n            padding: 3rem 0; align-items: baseline; transition: opacity 0.4s ease;\r\n            align-items: center;\r\n        }\r\n        .arch-list:hover .arch-row:not(:hover) { opacity: 0.3; }\r\n        \r\n        #smooth-content .arch-col-1.arch-col-1 { font-family: 'JetBrains Mono', monospace !important; font-size: 0.9rem !important; color: var(--text-dark) !important; font-weight: 600 !important; display: flex; align-items: center; }\r\n        #smooth-content .arch-col-2.arch-col-2 { font-family: var(--font-main) !important; font-size: clamp(1.5rem, 2vw, 2.5rem) !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; color: var(--text-dark) !important; }\r\n        #smooth-content .arch-col-3.arch-col-3 { font-family: var(--font-main) !important; font-size: 1.1rem !important; line-height: 1.6 !important; color: var(--text-muted) !important; font-weight: 400 !important;}\r\n\r\n        @media (max-width: 1024px) {\r\n            .arch-row { grid-template-columns: 1fr; gap: 1rem; padding: 2.5rem 0; }\r\n            #smooth-content .arch-col-2.arch-col-2 { margin-bottom: 0.5rem !important; }\r\n            #smooth-content .arch-col-3.arch-col-3 { font-size: 1rem !important; }\r\n            .arch-list:hover .arch-row:not(:hover) { opacity: 1; } \r\n        }\r\n\r\n        \/* ==========================================================================\r\n           ACT IV: WHAT WE BUILD (The Hover Monolith)\r\n           ========================================================================== *\/\r\n        .fm-scene { position: relative; padding: var(--space-section) 0; }\r\n        \r\n        .fm-bg-container {\r\n            position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;\r\n            background: var(--bg-alt);\r\n        }\r\n        .fm-bg {\r\n            position: absolute; inset: 0; opacity: 0; transition: opacity 0.8s ease;\r\n            background-size: cover; background-position: center; \r\n            filter: grayscale(45%) contrast(1.05) brightness(0.85); \r\n        }\r\n        .fm-bg.active { opacity: 0.9; }\r\n\r\n        \/* Scrim so headline\/description stay legible over a now-brighter photo *\/\r\n        .fm-bg-container::after {\r\n            content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;\r\n            background: linear-gradient(to right, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.55) 42%, rgba(255,255,255,0.15) 68%, rgba(255,255,255,0.05) 100%);\r\n        }\r\n\r\n        .fm-content { position: relative; z-index: 10; padding: 0 var(--pad-edge); }\r\n\r\n        .fm-item {\r\n            display: flex; justify-content: space-between; align-items: center;\r\n            padding: 4vh 0; cursor: crosshair; color: var(--text-muted);\r\n            transition: color 0.5s ease, transform 0.5s ease;\r\n        }\r\n        \r\n        .fm-thumb { display: none; }\r\n\r\n        #smooth-content .fm-name.fm-name { font-family: var(--font-main) !important; font-size: clamp(2rem, 5.5vw, 6.5rem) !important; font-weight: 400 !important; text-transform: uppercase !important; line-height: 0.9 !important; letter-spacing: -0.04em !important; margin: 0 !important; transition: color 0.4s ease; color: var(--text-dark) !important; text-shadow: 0 1px 24px rgba(255,255,255,0.6);}\r\n        #smooth-content .fm-desc.fm-desc { font-family: var(--font-main) !important; width: 35%; font-size: 1.1rem !important; line-height: 1.6 !important; opacity: 0; transform: translateX(-20px); transition: all 0.5s ease; color: var(--text-dark) !important; font-weight: 500 !important; background: rgba(255,255,255,0.75); backdrop-filter: blur(6px); padding: 1.25rem 1.5rem !important; border-left: 2px solid var(--text-dark) !important; margin: 0 !important;}\r\n\r\n        \/* Desktop Hover Physics *\/\r\n        @media (min-width: 1025px) {\r\n            .fm-list:hover .fm-item { opacity: 0.2; }\r\n            .fm-list .fm-item:hover { opacity: 1; transform: translateX(2vw); }\r\n            #smooth-content .fm-list .fm-item:hover .fm-desc.fm-desc { opacity: 1; transform: translateX(0); }\r\n        }\r\n\r\n        \/* Strict Mobile Fallback *\/\r\n        @media (max-width: 1024px) {\r\n            .fm-item { flex-direction: column; align-items: flex-start; gap: 1rem; padding: 2.5rem 0; color: var(--text-dark);}\r\n            #smooth-content .fm-name.fm-name { font-size: clamp(2rem, 8vw, 3rem) !important; text-shadow: none; }\r\n            #smooth-content .fm-desc.fm-desc { width: 100%; opacity: 1; transform: none; color: var(--text-muted) !important; display: block; font-weight: 400 !important; font-size: 1rem !important; background: none; backdrop-filter: none; padding: 0 !important; border-left: none !important;}\r\n            .fm-bg-container { display: none; } \/* Hover-swap background system doesn't apply on touch *\/\r\n\r\n            \/* Static per-item thumbnail replaces the hover-reveal image on touch devices *\/\r\n            .fm-thumb {\r\n                display: block; width: 100%; height: 48vw; max-height: 300px; min-height: 190px;\r\n                overflow: hidden; background: var(--bg-alt);\r\n            }\r\n            .fm-thumb img {\r\n                width: 100%; height: 100%; object-fit: cover; display: block;\r\n                filter: grayscale(55%) contrast(1.05) brightness(0.92);\r\n            }\r\n        }\r\n\r\n        \/* ==========================================================================\r\n           ACT V: TRUSTED PARTNERS (Architectural List)\r\n           ========================================================================== *\/\r\n        .partner-logo {\r\n            max-width: 100px; object-fit: contain; object-position: left center;\r\n            transition: filter 0.4s ease; display: block;\r\n        }\r\n        \r\n        @media (max-width: 1024px) {\r\n            .partner-logo { height: 40px; filter: grayscale(100%) opacity(1); margin-bottom: 0.5rem; }\r\n        }\r\n\r\n        \/* ==========================================================================\r\n           ACT VI: THE COMPLIANCE SPEC GRID (Why Capytech)\r\n           ========================================================================== *\/\r\n        .spec-scene { padding: var(--space-section) var(--pad-edge); background: var(--text-dark); border-bottom: 1px solid rgba(255,255,255,0.1); color: #ffffff;}\r\n        .spec-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 1rem; }\r\n        #smooth-content .spec-header h2 { font-family: var(--font-main) !important; font-size: clamp(2.5rem, 4vw, 4.5rem) !important; font-weight: 800 !important; text-transform: uppercase !important; line-height: 1 !important; color: #ffffff !important; margin: 0 !important;}\r\n        \r\n        .spec-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.15); }\r\n        .spec-item { background: var(--text-dark); padding: 3rem 2rem; display: flex; flex-direction: column; position: relative; overflow: hidden; }\r\n        \r\n        #smooth-content .spec-wm.spec-wm { position: absolute; right: -5%; bottom: -5%; font-family: 'JetBrains Mono', monospace !important; font-size: 8rem !important; font-weight: 800 !important; color: rgba(255,255,255,0.03) !important; line-height: 0.8 !important; pointer-events: none; transition: transform 0.4s ease, color 0.4s ease; margin: 0 !important;}\r\n        .spec-item:hover .spec-wm { transform: translate(-10px, -10px); color: rgba(255, 255, 255, 0.08) !important; }\r\n\r\n        #smooth-content .spec-num.spec-num { font-family: 'JetBrains Mono', monospace !important; font-size: 1.15rem !important; font-weight: 800 !important; color: #ffffff !important; margin-bottom: 2rem !important; border-bottom: 1px solid rgba(255,255,255,0.15) !important; padding-bottom: 0.5rem !important; position: relative; z-index: 2; }\r\n        #smooth-content .spec-title.spec-title { font-family: var(--font-main) !important; font-size: 1.35rem !important; font-weight: 800 !important; text-transform: uppercase !important; margin-bottom: 1rem !important; line-height: 1.1 !important; position: relative; z-index: 2; color: #ffffff !important;}\r\n        #smooth-content .spec-desc.spec-desc { font-family: var(--font-main) !important; font-size: 0.95rem !important; font-weight: 400 !important; color: rgba(255,255,255,0.7) !important; line-height: 1.5 !important; position: relative; z-index: 2; margin: 0 !important;}\r\n\r\n        @media (max-width: 1024px) { \r\n            .spec-grid { grid-template-columns: repeat(2, 1fr); } \r\n            .spec-item:nth-child(5) { grid-column: span 2; } \r\n        }\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: 2.5rem 1.5rem; } \r\n        }\r\n\r\n        \/* ==========================================================================\r\n           ACT VII: THE TERMINAL (FAQ & Form)\r\n           ========================================================================== *\/\r\n        .terminal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10vw; padding: var(--space-section) 0;}\r\n        \r\n        .faq-item { padding: 2.5rem 0; cursor: pointer; border-bottom: 1px solid var(--silver); }\r\n        .faq-item:first-child { border-top: 1px solid var(--silver); }\r\n        #smooth-content .faq-q.faq-q { font-family: var(--font-main) !important; font-size: clamp(1.1rem, 2vw, 1.25rem) !important; font-weight: 500 !important; display: flex; justify-content: space-between; align-items: center; color: var(--text-dark) !important; transition: color 0.3s; letter-spacing: -0.01em !important;}\r\n        #smooth-content .faq-icon.faq-icon { font-family: var(--font-mono) !important; font-weight: 300 !important; font-size: 1.5rem !important; transition: transform 0.4s ease; color: var(--text-muted) !important; flex-shrink: 0; margin-left: 1rem; line-height: 1 !important;}\r\n        .faq-a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease; }\r\n        .faq-a-inner { overflow: hidden; padding-right: 2rem; }\r\n        #smooth-content .faq-a-inner p { font-family: var(--font-main) !important; padding-top: 1.5rem !important; font-size: 1.05rem !important; line-height: 1.6 !important; color: var(--text-muted) !important; font-weight: 400 !important; margin: 0 !important;}\r\n        \r\n        #smooth-content .faq-item.active .faq-icon.faq-icon { transform: rotate(45deg); color: var(--text-dark) !important; }\r\n        .faq-item.active .faq-a { grid-template-rows: 1fr; }\r\n\r\n        .form-wrap { padding-top: 1rem; }\r\n        .input-group { margin-bottom: 1.75rem; position: relative;}\r\n        #smooth-content .input-group label { display: block; font-family: 'JetBrains Mono', monospace !important; font-size: 0.75rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; color: var(--text-muted) !important; margin-bottom: 1rem !important; font-weight: 600 !important;}\r\n        \r\n        \/* CF7 Form Field Armor *\/\r\n        #smooth-content .input-group input.wpcf7-form-control, \r\n        #smooth-content .input-group textarea.wpcf7-form-control {\r\n            width: 100% !important; background: transparent !important; border: none !important; border-bottom: 1px solid var(--silver) !important;\r\n            padding: 0 0 1rem 0 !important; color: var(--text-dark) !important; font-family: var(--font-main) !important; \r\n            font-size: clamp(16px, 1.5vw, 1.5rem) !important; font-weight: 300 !important;\r\n            transition: border-color 0.4s ease !important; border-radius: 0 !important; -webkit-appearance: none !important; appearance: none !important; box-shadow: none !important;\r\n            outline: none !important; resize: none !important;\r\n        }\r\n        #smooth-content .input-group input.wpcf7-form-control:focus, \r\n        #smooth-content .input-group textarea.wpcf7-form-control:focus { border-bottom-color: var(--text-dark) !important; }\r\n        #smooth-content .input-group input::placeholder, \r\n        #smooth-content .input-group textarea::placeholder { color: var(--text-muted) !important; font-weight: 300 !important; }\r\n        \r\n        \/* CF7 Submit Button Armor *\/\r\n        #smooth-content input.wpcf7-submit.btn-submit {\r\n            display: inline-flex !important; align-items: center !important; justify-content: center !important;\r\n            padding: 1.5rem 4rem !important; background: var(--text-dark) !important; color: var(--bg-pure) !important;\r\n            font-family: var(--font-mono) !important; font-size: 0.85rem !important; font-weight: 600 !important; \r\n            text-transform: uppercase !important; letter-spacing: 0.1em !important;\r\n            border: none !important; cursor: pointer !important; transition: background 0.4s ease, color 0.4s ease !important; width: 100% !important;\r\n            border-radius: 0 !important; -webkit-appearance: none !important; appearance: none !important; box-shadow: none !important; margin-top: 1rem !important;\r\n        }\r\n        #smooth-content input.wpcf7-submit.btn-submit:hover { background: var(--text-muted) !important; opacity: 1 !important;}\r\n\r\n        \/* CF7 Terminal-style Response Box *\/\r\n        #smooth-content form.wpcf7-form .wpcf7-response-output,\r\n        #smooth-content .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(--text-dark) !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(--text-dark) !important;\r\n        }\r\n        \r\n        \/* Default spinner placement *\/\r\n        #smooth-content .wpcf7-spinner { margin-top: 1rem !important; display: block; margin-left: auto; margin-right: auto; }\r\n\r\n        @media (max-width: 1024px) {\r\n            .terminal-grid { grid-template-columns: 1fr; gap: 4rem; }\r\n            .faq-item { padding: 1.5rem 0; }\r\n            #smooth-content .faq-a-inner p { font-size: 1rem !important; padding-right: 0 !important; }\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: THE ESTABLISHING SHOT -->\r\n            <header class=\"hero\">\r\n                <div class=\"hero-image-wrapper\">\r\n                    <video autoplay loop muted playsinline id=\"hero-vid\">\r\n                        <source src=\"https:\/\/t90181119211.p.clickup-attachments.com\/t90181119211\/840d5850-f23d-412b-95df-1f6be60c64d4\/energy-oil-gas.mp4?open=true\" type=\"video\/mp4\">\r\n                    <\/video>\r\n                    <div class=\"hero-overlay\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"hero-content\">\r\n                    \r\n                    <!-- LEFT SIDE: Massive Typography -->\r\n                    <div class=\"hero-title-container\">\r\n                        <span class=\"eyebrow gsap-hero-fade\">Sector Expertise<\/span>\r\n                        <h1 class=\"hero-title\">\r\n                            <span class=\"text-reveal\"><span class=\"text-reveal-inner\">Bespoke<\/span><\/span>\r\n                            <span class=\"text-reveal\"><span class=\"text-reveal-inner\">E-Learning For<\/span><\/span>\r\n                            <span class=\"text-reveal\"><span class=\"text-reveal-inner\">Energy, Oil &<\/span><\/span>\r\n                            <span class=\"text-reveal\"><span class=\"text-reveal-inner\">Gas & Utilities.<\/span><\/span>\r\n                        <\/h1>\r\n                    <\/div>\r\n\r\n                    <!-- RIGHT SIDE: Meta Description & CTAs -->\r\n                    <div class=\"hero-meta\">\r\n                        <p class=\"hero-sub gsap-hero-fade\">\r\n                            Training built to the operational and HSE standard a zero-incident environment demands.\r\n                        <\/p>\r\n                        <div class=\"hero-actions gsap-hero-fade\">\r\n                            <a href=\"#contact\" class=\"btn-solid\">Book a Sector Demo<\/a>\r\n                            <!-- <a href=\"#contact\" class=\"btn-outline\">Speak to the Team<\/a> -->\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n            <\/header>\r\n\r\n            <!-- ACT II: OPERATIONAL REALITY -->\r\n            <!-- FIXED: Added id=\"scrub-trigger\" so GSAP knows exactly when to start the text reveal -->\r\n            <section class=\"section\" id=\"scrub-trigger\">\r\n                <div class=\"intro-grid\">\r\n                    <div class=\"intro-left\">\r\n                        <span class=\"eyebrow\" style=\"margin-bottom: 2rem;\">Operational Reality<\/span>\r\n                        <p class=\"scrub-text\" id=\"scrub-target\">\r\n                            In energy, oil & gas, and utilities, the margin for error is zero, and the workforce is vast, multilingual, and spread across sites, plants, and contractors. Training that fails to reflect operational reality, generic safety scenarios, imprecise procedures, English-only content for a multi-national workforce, is a liability, not a tick-box.\r\n                        <\/p>\r\n                        <div class=\"intro-secondary gsap-reveal\" style=\"margin-top: 3rem;\">\r\n                            <p>Capytech has delivered bespoke digital learning for the region's energy and infrastructure organisations for over 13 years, in Arabic and English, built to the precise operational and HSE standards your environment requires. <strong>Our clients include ACWA Power, NOMAC, DP World, and EDGE Group.<\/strong><\/p>\r\n                            <div class=\"intro-note\">We understand the operational and HSE context, and how to build training within it.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"stats-grid gsap-reveal\">\r\n                        <div class=\"arch-line line-anim\"><\/div>\r\n                        <div class=\"stat-row\">\r\n                            <span class=\"stat-lbl\">Regional Experience<\/span>\r\n                            <span class=\"stat-num\">13+<\/span>\r\n                        <\/div>\r\n                        <div class=\"arch-line line-anim\"><\/div>\r\n                        <div class=\"stat-row\">\r\n                            <span class=\"stat-lbl\">Margin for Error<\/span>\r\n                            <span class=\"stat-num\" style=\"color: var(--text-dark); font-weight: 500;\">0.00<\/span>\r\n                        <\/div>\r\n                        <div class=\"arch-line line-anim\"><\/div>\r\n                        <div class=\"stat-row\">\r\n                            <span class=\"stat-lbl\">Delivery Standard<\/span>\r\n                            <span class=\"stat-num\">MULTI<\/span>\r\n                        <\/div>\r\n                        <div class=\"arch-line line-anim\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Original 4-Column Chips Grid Restored -->\r\n                <div class=\"chips-grid gsap-reveal\">\r\n                    <div class=\"chip-card\">\r\n                        <span class=\"chip-num\">01 \/ Capability<\/span>\r\n                        <h3 class=\"chip-title\">HSE & Process-Safety Training<\/h3>\r\n                    <\/div>\r\n                    <div class=\"chip-card\">\r\n                        <span class=\"chip-num\">02 \/ Capability<\/span>\r\n                        <h3 class=\"chip-title\">Contractor Safety Onboarding<\/h3>\r\n                    <\/div>\r\n                    <div class=\"chip-card\">\r\n                        <span class=\"chip-num\">03 \/ Capability<\/span>\r\n                        <h3 class=\"chip-title\">Equipment & Procedural Simulations<\/h3>\r\n                    <\/div>\r\n                    <div class=\"chip-card\">\r\n                        <span class=\"chip-num\">04 \/ Capability<\/span>\r\n                        <h3 class=\"chip-title\">In-Country Value & Nationalisation<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ACT III: ARCHITECTURAL LIST (Challenges) -->\r\n            <section class=\"section\">\r\n                <div class=\"list-header gsap-reveal\">\r\n                    <h2 class=\"list-title\">The Training Challenges We Solve<\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"arch-list\">\r\n                    <div class=\"arch-line line-anim\"><\/div>\r\n                    <div class=\"arch-row\">\r\n                        <div class=\"arch-col-1\">HSE01 \/ Challenge<\/div>\r\n                        <div class=\"arch-col-2\">Safety training that reflects your actual operations<\/div>\r\n                        <div class=\"arch-col-3\">Permit-to-work, H2S, confined space, working at height, and process safety must reflect your specific plant, procedures, and hazards, not a generic HSE library. We build branching scenarios that carry real consequences for wrong decisions, without the risk of live-environment practice.<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"arch-line line-anim\"><\/div>\r\n                    <div class=\"arch-row\">\r\n                        <div class=\"arch-col-1\">CON02 \/ Challenge<\/div>\r\n                        <div class=\"arch-col-2\">Onboarding a large contractor workforce, consistently<\/div>\r\n                        <div class=\"arch-col-3\">Energy sites run on rotating contractor crews. A scalable digital induction delivers identical, tracked safety onboarding to every contractor and visitor, completed before they set foot on site, however many join and whenever.<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"arch-line line-anim\"><\/div>\r\n                    <div class=\"arch-row\">\r\n                        <div class=\"arch-col-1\">LNG03 \/ Challenge<\/div>\r\n                        <div class=\"arch-col-2\">A multilingual workforce, one safety standard<\/div>\r\n                        <div class=\"arch-col-3\">Your teams may speak Arabic, English, Urdu, Hindi, and more. We build the same interactive module in multiple languages from a single production process, so every worker gets the same standard in their own language.<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"arch-line line-anim\"><\/div>\r\n                    <div class=\"arch-row\">\r\n                        <div class=\"arch-col-1\">ICV04 \/ Challenge<\/div>\r\n                        <div class=\"arch-col-2\">In-Country Value and nationalisation commitments<\/div>\r\n                        <div class=\"arch-col-3\">ADNOC ICV and Aramco IKTVA place real weight on local workforce development. We build structured, evidenced training pathways for national employees.<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"arch-line line-anim\"><\/div>\r\n                    <div class=\"arch-row\">\r\n                        <div class=\"arch-col-1\">AUD05 \/ Challenge<\/div>\r\n                        <div class=\"arch-col-2\">Audit-ready HSE evidence at scale<\/div>\r\n                        <div class=\"arch-col-3\">Regulator inspections and client assurance demand records. Every module produces SCORM-compliant completion data before the audit arrives.<\/div>\r\n                    <\/div>\r\n                    <div class=\"arch-line line-anim\"><\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ACT IV: WHAT WE BUILD (The Hover Monolith) -->\r\n            <section class=\"fm-scene\">\r\n                <!-- Vellum\/Silver watermarks reveal on hover -->\r\n                <div class=\"fm-bg-container\">\r\n                    <div class=\"fm-bg\" id=\"bg-hse\" style=\"background-image: url('https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/process-safety.webp');\"><\/div>\r\n                    <div class=\"fm-bg\" id=\"bg-prc\" style=\"background-image: url('https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/technical.webp');\"><\/div>\r\n                    <div class=\"fm-bg\" id=\"bg-con\" style=\"background-image: url('https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/contructor-induction.webp');\"><\/div>\r\n                    <div class=\"fm-bg\" id=\"bg-nat\" style=\"background-image: url('https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/national.webp');\"><\/div>\r\n                    <div class=\"fm-bg\" id=\"bg-trn\" style=\"background-image: url('https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/energy.webp');\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fm-content\">\r\n                    <div class=\"list-header gsap-reveal\" style=\"margin-bottom: 2rem;\">\r\n                        <div>\r\n                            <span class=\"eyebrow\" style=\"margin-bottom: 1rem;\">Modular Frameworks<\/span>\r\n                            <h2 class=\"list-title\" style=\"color: var(--text-dark);\">What We Build for Energy, Oil & Gas<\/h2>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"fm-list\">\r\n                        <div class=\"arch-line line-anim\"><\/div>\r\n                        <div class=\"fm-item\" data-target=\"bg-hse\">\r\n                            <div class=\"fm-thumb\"><img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/process-safety.webp\" alt=\"HSE and process safety training\" loading=\"lazy\"><\/div>\r\n                            <h3 class=\"fm-name\">01 \/ HSE & Process Safety<\/h3>\r\n                            <p class=\"fm-desc\">Permit-to-work, H2S, confined space, working at height, and process-safety modules built precisely around your plant procedures.<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"arch-line line-anim\"><\/div>\r\n                        <div class=\"fm-item\" data-target=\"bg-prc\">\r\n                            <div class=\"fm-thumb\"><img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/technical.webp\" alt=\"Technical procedures training\" loading=\"lazy\"><\/div>\r\n                            <h3 class=\"fm-name\">02 \/ Technical Procedures<\/h3>\r\n                            <p class=\"fm-desc\">Step-by-step procedural training and branching operational sequences instructing proper equipment operation safely.<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"arch-line line-anim\"><\/div>\r\n                        <div class=\"fm-item\" data-target=\"bg-con\">\r\n                            <div class=\"fm-thumb\"><img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/contructor-induction.webp\" alt=\"Contractor induction training\" loading=\"lazy\"><\/div>\r\n                            <h3 class=\"fm-name\">03 \/ Contractor Induction<\/h3>\r\n                            <p class=\"fm-desc\">Scalable, tracked safety inductions for contractors, subcontractors and visitors, mandatorily completed prior to site access.<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"arch-line line-anim\"><\/div>\r\n                        <div class=\"fm-item\" data-target=\"bg-nat\">\r\n                            <div class=\"fm-thumb\"><img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/national.webp\" alt=\"Nationalisation training pathways\" loading=\"lazy\"><\/div>\r\n                            <h3 class=\"fm-name\">04 \/ Nationalisation<\/h3>\r\n                            <p class=\"fm-desc\">Role-based development paths designed for national employees to aggressively support ICV and IKTVA commitments.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"arch-line line-anim\"><\/div>\r\n                        <div class=\"fm-item\" data-target=\"bg-trn\">\r\n                            <div class=\"fm-thumb\"><img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/energy.webp\" alt=\"Energy transition training\" loading=\"lazy\"><\/div>\r\n                            <h3 class=\"fm-name\">05 \/ Energy Transition<\/h3>\r\n                            <p class=\"fm-desc\">Deploying new-skills training for renewables, sustainability, and net-zero capability as the regional energy mix fundamentally shifts.<\/p>\r\n                        <\/div>\r\n                        <div class=\"arch-line line-anim\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ACT V: TRUSTED PARTNERS (Architectural List) -->\r\n            <section class=\"section\">\r\n                <div class=\"list-header gsap-reveal\">\r\n                    <div>\r\n                        <span class=\"eyebrow\">Validated Performance<\/span>\r\n                        <h2 class=\"list-title\">Trusted Partners<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"arch-list\">\r\n                    <div class=\"arch-line line-anim\"><\/div>\r\n                    <div class=\"arch-row\">\r\n                        <div class=\"arch-col-1\">\r\n                            <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2025\/12\/ACWA_logo.png\" alt=\"ACWA Power\" class=\"partner-logo\">\r\n                        <\/div>\r\n                        <div class=\"arch-col-2\">ACWA Power<\/div>\r\n                        <div class=\"arch-col-3\">Delivered bespoke digital learning for one of the region's leading power and water developers, across operational and compliance subject matter.<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"arch-line line-anim\"><\/div>\r\n                    <div class=\"arch-row\">\r\n                        <div class=\"arch-col-1\">\r\n                            <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2024\/05\/dpworld-1.svg\" alt=\"DP World\" class=\"partner-logo\">\r\n                        <\/div>\r\n                        <div class=\"arch-col-2\">DP World<\/div>\r\n                        <div class=\"arch-col-3\">Bespoke digital learning supporting DP World's training requirements across a large, distributed international workforce.<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"arch-line line-anim\"><\/div>\r\n                    <div class=\"arch-row\">\r\n                        <div class=\"arch-col-1\">\r\n                            <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2024\/05\/NOMAC-3.svg\" alt=\"NOMAC\" class=\"partner-logo\">\r\n                        <\/div>\r\n                        <div class=\"arch-col-2\">NOMAC<\/div>\r\n                        <div class=\"arch-col-3\">Digital learning developed for a leading operations-and-maintenance provider across power and water assets.<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"arch-line line-anim\"><\/div>\r\n                    <div class=\"arch-row\">\r\n                        <div class=\"arch-col-1\">\r\n                            <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2024\/01\/edge-1.webp\" alt=\"EDGE Group\" class=\"partner-logo\">\r\n                        <\/div>\r\n                        <div class=\"arch-col-2\">EDGE Group<\/div>\r\n                        <div class=\"arch-col-3\">Developed the BRIDGE microlearning programme for the UAE's advanced-technology and defence conglomerate.<\/div>\r\n                    <\/div>\r\n                    <div class=\"arch-line line-anim\"><\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ACT VI: SPEC SHEET -->\r\n            <section class=\"spec-scene\">\r\n                <div class=\"spec-header gsap-reveal\">\r\n                    <div>\r\n                        <span class=\"eyebrow\" style=\"color: rgba(255,255,255,0.7); margin:0; margin-bottom: 1rem !important;\">[ Strategic Advantage ]<\/span>\r\n                        <h2 class=\"list-title\" style=\"color: #ffffff !important; margin: 0 !important;\">Why Capytech?<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"spec-grid\">\r\n                    <div class=\"spec-item gsap-reveal\">\r\n                        <span class=\"spec-wm\">01<\/span>\r\n                        <span class=\"spec-num\">01 \/ EXP<\/span>\r\n                        <h3 class=\"spec-title\">13 Years Experience<\/h3>\r\n                        <p class=\"spec-desc\">We understand the operational and HSE context and how to strictly build within it.<\/p>\r\n                    <\/div>\r\n                    <div class=\"spec-item gsap-reveal\">\r\n                        <span class=\"spec-wm\">02<\/span>\r\n                        <span class=\"spec-num\">02 \/ BLD<\/span>\r\n                        <h3 class=\"spec-title\">Zero Templates<\/h3>\r\n                        <p class=\"spec-desc\">Built to precise specifications entirely around your actual equipment and procedures.<\/p>\r\n                    <\/div>\r\n                    <div class=\"spec-item gsap-reveal\">\r\n                        <span class=\"spec-wm\">03<\/span>\r\n                        <span class=\"spec-num\">03 \/ LNG<\/span>\r\n                        <h3 class=\"spec-title\">Multilingual<\/h3>\r\n                        <p class=\"spec-desc\">Same module, multiple languages, one safety standard, one production process.<\/p>\r\n                    <\/div>\r\n                    <div class=\"spec-item gsap-reveal\">\r\n                        <span class=\"spec-wm\">04<\/span>\r\n                        <span class=\"spec-num\">04 \/ SYS<\/span>\r\n                        <h3 class=\"spec-title\">SCORM & xAPI<\/h3>\r\n                        <p class=\"spec-desc\">Compatible with all major and proprietary enterprise platform architecture.<\/p>\r\n                    <\/div>\r\n                    <div class=\"spec-item gsap-reveal\">\r\n                        <span class=\"spec-wm\">05<\/span>\r\n                        <span class=\"spec-num\">05 \/ 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 for urgent needs.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- ACT VII: THE TERMINAL (FAQ & Form) -->\r\n            \n\n<section class=\"section\" id=\"contact\">\r\n                <div class=\"terminal-grid\">\r\n                    \r\n                    <!-- FAQ Side -->\r\n                    <div>\r\n                        <span class=\"eyebrow\">Strategic Verification<\/span>\r\n                        <h2 class=\"list-title\" style=\"margin-bottom: 3rem;\">FAQ<\/h2>\r\n                        \r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-q\"><span>Can you build training for a multilingual site workforce?<\/span> <span class=\"faq-icon\">+<\/span><\/div>\r\n                            <div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Yes: the same interactive module in Arabic, English, and other languages from a single production process.<\/p><\/div><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-q\"><span>Do modules work on mobile for workers in the field?<\/span> <span class=\"faq-icon\">+<\/span><\/div>\r\n                            <div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Yes: every module is mobile-responsive and completable on any device without a desktop.<\/p><\/div><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-q\"><span>Can training support our ICV \/ IKTVA and nationalisation commitments?<\/span> <span class=\"faq-icon\">+<\/span><\/div>\r\n                            <div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Yes: structured competency pathways for national employees with evidencing data.<\/p><\/div><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"faq-item\">\r\n                            <div class=\"faq-q\"><span>Can you reflect our specific HSE procedures rather than generic safety content?<\/span> <span class=\"faq-icon\">+<\/span><\/div>\r\n                            <div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Yes: everything is built around your actual plant, hazards, and permit-to-work processes.<\/p><\/div><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"faq-item\" style=\"border-bottom: 1px solid var(--silver);\">\r\n                            <div class=\"faq-q\"><span>How quickly can a new safety module be deployed?<\/span> <span class=\"faq-icon\">+<\/span><\/div>\r\n                            <div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Our FastTrack service delivers a fully interactive, audited module in as little as 4 working days.<\/p><\/div><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Contact Side -->\r\n                    <div class=\"form-wrap\">\r\n                        <span class=\"eyebrow\">Next Steps<\/span>\r\n                        <h2 class=\"list-title\" style=\"margin-bottom: 4rem;\">Secure a<br>Consultation.<\/h2>\r\n                        \r\n                        <!-- PASTE YOUR CF7 SHORTCODE HERE TO REPLACE THIS -->\r\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f65005-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"65005\">\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\/64607#wpcf7-f65005-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=\"65005\" \/>\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-f65005-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<div class=\"input-group\">\n\t<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>\n\t<\/p>\n<\/div>\n<div class=\"input-group\">\n\t<p><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>\n\t<\/p>\n<\/div>\n<div class=\"input-group\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"2\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Tell us about your requirement\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n<\/div>\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-submit\" type=\"submit\" value=\"Submit Request\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n\r\n                    <\/div>\r\n\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 energy and industrial training teams<\/h2><div class=\"cxg-grid\"><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><a class=\"cxg-card\" href=\"\/en\/blog\/beyond-the-pdf-transforming-policy-documents-into-engaged-trackable-e-learning\/\"><span>Guide<\/span><b>Beyond the PDF: Transforming Policy Documents into Engaged, Trackable E-Learning<\/b><i>Read the guide<\/i><\/a><a class=\"cxg-card\" href=\"\/en\/blog\/the-hidden-cost-of-outdated-policy-training-are-you-exposed\/\"><span>Guide<\/span><b>The Hidden Cost of Outdated Policy Training: Are You Exposed?<\/b><i>Read the guide<\/i><\/a><\/div><\/div><\/section>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", () => {\r\n            \/\/ Bail out if inside Elementor so the editor doesn't crash\r\n            if (window.location.href.includes('elementor-preview') || document.body.classList.contains('elementor-editor-active')) return;\r\n\r\n            \/\/ Smooth Scroll Setup\r\n            const lenis = new Lenis({ duration: 1.2, easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), 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            \/\/ ACT I: CINEMATIC LOAD SEQUENCE\r\n            \/\/ ==========================================\r\n            \/\/ Set elements visible right before GSAP takes over to prevent FOUC\r\n            gsap.set('.text-reveal, .gsap-hero-fade, .gsap-reveal', { visibility: \"visible\" });\r\n\r\n            document.fonts.ready.then(() => {\r\n                const loadTl = gsap.timeline();\r\n                \r\n                \/\/ Slow media zoom out\r\n                loadTl.fromTo('#hero-vid', { scale: 1.15 }, { scale: 1, duration: 4, ease: \"power2.out\" }, 0);\r\n                \r\n                \/\/ Text reveal up\r\n                loadTl.fromTo('.text-reveal-inner', \r\n                    { y: '110%' }, \r\n                    { y: '0%', duration: 1.2, stagger: 0.1, ease: \"power4.out\" }, \r\n                    0.5\r\n                );\r\n                \r\n                \/\/ Fade in secondary hero elements\r\n                loadTl.fromTo('.gsap-hero-fade',\r\n                    { opacity: 0, y: 20 },\r\n                    { opacity: 1, y: 0, duration: 1, ease: \"power2.out\", stagger: 0.1 },\r\n                    1.0\r\n                );\r\n            });\r\n\r\n            \/\/ Hero Parallax on Scroll\r\n            gsap.to('#hero-vid', {\r\n                yPercent: 20, ease: \"none\",\r\n                scrollTrigger: { trigger: \".hero\", start: \"top top\", end: \"bottom top\", scrub: true }\r\n            });\r\n\r\n            \/\/ ==========================================\r\n            \/\/ ACT II: TEXT SCRUB REVEAL (Desktop Only)\r\n            \/\/ ==========================================\r\n            const scrubTarget = document.getElementById('scrub-target');\r\n            if (scrubTarget && window.innerWidth > 768) {\r\n                \/\/ Execute split-text and scroll-scrub only on larger screens\r\n                const targetWords = scrubTarget.innerText.split(' ');\r\n                scrubTarget.innerHTML = '';\r\n                targetWords.forEach(w => {\r\n                    const wrap = document.createElement('span'); wrap.className = 'word-wrap';\r\n                    const inner = document.createElement('span'); inner.className = 'word-inner'; inner.innerHTML = w + '&nbsp;';\r\n                    wrap.appendChild(inner); scrubTarget.appendChild(wrap);\r\n                });\r\n\r\n                gsap.to(scrubTarget.querySelectorAll('.word-inner'), {\r\n                    color: '#111111', stagger: 0.05, ease: 'none',\r\n                    scrollTrigger: { trigger: '#scrub-trigger', start: 'top 70%', end: 'bottom 50%', scrub: 1.2 }\r\n                });\r\n            }\r\n\r\n            \/\/ ==========================================\r\n            \/\/ ARCHITECTURAL LINE DRAWING\r\n            \/\/ ==========================================\r\n            gsap.utils.toArray('.line-anim').forEach(line => {\r\n                gsap.to(line, {\r\n                    scaleX: 1, duration: 1.5, ease: \"power3.inOut\",\r\n                    scrollTrigger: { trigger: line, start: \"top 95%\" }\r\n                });\r\n            });\r\n\r\n            \/\/ ==========================================\r\n            \/\/ HOVER BACKGROUND REVEAL (What We Build)\r\n            \/\/ ==========================================\r\n            const fmItems = document.querySelectorAll('.fm-item');\r\n            const fmBgs = document.querySelectorAll('.fm-bg');\r\n\r\n            fmItems.forEach(item => {\r\n                item.addEventListener('mouseenter', () => {\r\n                    const targetId = item.getAttribute('data-target');\r\n                    fmBgs.forEach(bg => {\r\n                        if(bg.id === targetId) {\r\n                            bg.classList.add('active');\r\n                            \/\/ Slight zoom effect on the image when revealed\r\n                            gsap.fromTo(bg, {scale: 1.05}, {scale: 1, duration: 4, ease: \"power2.out\"});\r\n                        } else {\r\n                            bg.classList.remove('active');\r\n                        }\r\n                    });\r\n                });\r\n                \r\n                item.addEventListener('mouseleave', () => {\r\n                    fmBgs.forEach(bg => bg.classList.remove('active'));\r\n                });\r\n            });\r\n\r\n            \/\/ ==========================================\r\n            \/\/ STANDARD GSAP FADE UPS (Act VI)\r\n            \/\/ ==========================================\r\n            gsap.utils.toArray('.gsap-reveal').forEach(el => {\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            \/\/ FAQ ACCORDION\r\n            \/\/ ==========================================\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\":\"Can you build training for a multilingual site workforce?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes: the same interactive module in Arabic, English, and other languages from a single production process.\"}},{\"@type\":\"Question\",\"name\":\"Do modules work on mobile for workers in the field?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes: every module is mobile-responsive and completable on any device without a desktop.\"}},{\"@type\":\"Question\",\"name\":\"Can training support our ICV \/ IKTVA and nationalisation commitments?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes: structured competency pathways for national employees with evidencing data.\"}},{\"@type\":\"Question\",\"name\":\"Can you reflect our specific HSE procedures rather than generic safety content?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes: everything is built around your actual plant, hazards, and permit-to-work processes.\"}},{\"@type\":\"Question\",\"name\":\"How quickly can a new safety module be deployed?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Our FastTrack service delivers a fully interactive, audited module in as little as 4 working days.\"}}]}<\/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>Sector Expertise Bespoke E-Learning For Energy, Oil &#038; Gas &#038; Utilities. Training built to the operational and HSE standard a zero-incident environment demands. Book a Sector Demo Operational Reality In energy, oil &#038; gas, and utilities, the margin for error is zero, and the workforce is vast, multilingual, and spread across sites, plants, and contractors. Training that fails to reflect &#8230; <\/p>\n<div><a href=\"https:\/\/capytech.com\/en\/energy-oil-gas\/\" 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-64607","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>Energy, Oil and Gas E-Learning in the GCC | Capytech<\/title>\n<meta name=\"description\" content=\"HSE, process safety and contractor training for GCC energy, oil and gas and utilities, with audit-ready records and delivery in any language.\" \/>\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\/energy-oil-gas\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Energy, Oil and Gas E-Learning in the GCC | Capytech\" \/>\n<meta property=\"og:description\" content=\"HSE, process safety and contractor training for GCC energy, oil and gas and utilities, with audit-ready records and delivery in any language.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/capytech.com\/en\/energy-oil-gas\/\" \/>\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:54:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/process-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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/capytech.com\/energy-oil-gas\/\",\"url\":\"https:\/\/capytech.com\/energy-oil-gas\/\",\"name\":\"Energy, Oil and Gas E-Learning in the GCC | Capytech\",\"isPartOf\":{\"@id\":\"https:\/\/capytech.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/capytech.com\/energy-oil-gas\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/capytech.com\/energy-oil-gas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/process-safety.webp\",\"datePublished\":\"2026-08-03T06:32:41+00:00\",\"dateModified\":\"2026-10-27T10:54:58+00:00\",\"description\":\"HSE, process safety and contractor training for GCC energy, oil and gas and utilities, with audit-ready records and delivery in any language.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/capytech.com\/energy-oil-gas\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capytech.com\/energy-oil-gas\/#primaryimage\",\"url\":\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/process-safety.webp\",\"contentUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/process-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":"Energy, Oil and Gas E-Learning in the GCC | Capytech","description":"HSE, process safety and contractor training for GCC energy, oil and gas and utilities, with audit-ready records and delivery in any language.","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\/energy-oil-gas\/","og_locale":"en_US","og_type":"article","og_title":"Energy, Oil and Gas E-Learning in the GCC | Capytech","og_description":"HSE, process safety and contractor training for GCC energy, oil and gas and utilities, with audit-ready records and delivery in any language.","og_url":"https:\/\/capytech.com\/en\/energy-oil-gas\/","og_site_name":"Capytech","article_publisher":"https:\/\/www.facebook.com\/capytech","article_modified_time":"2026-10-27T10:54:58+00:00","og_image":[{"url":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/process-safety.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/capytech.com\/energy-oil-gas\/","url":"https:\/\/capytech.com\/energy-oil-gas\/","name":"Energy, Oil and Gas E-Learning in the GCC | Capytech","isPartOf":{"@id":"https:\/\/capytech.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/capytech.com\/energy-oil-gas\/#primaryimage"},"image":{"@id":"https:\/\/capytech.com\/energy-oil-gas\/#primaryimage"},"thumbnailUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/process-safety.webp","datePublished":"2026-08-03T06:32:41+00:00","dateModified":"2026-10-27T10:54:58+00:00","description":"HSE, process safety and contractor training for GCC energy, oil and gas and utilities, with audit-ready records and delivery in any language.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/capytech.com\/energy-oil-gas\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capytech.com\/energy-oil-gas\/#primaryimage","url":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/process-safety.webp","contentUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/process-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\/64607","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=64607"}],"version-history":[{"count":31,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages\/64607\/revisions"}],"predecessor-version":[{"id":65676,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages\/64607\/revisions\/65676"}],"wp:attachment":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/media?parent=64607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}