{"id":525,"date":"2026-09-08T06:00:43","date_gmt":"2026-09-08T06:00:43","guid":{"rendered":"https:\/\/www.nextgentechnology.ae\/gamatech\/?st-import=5703b44157b42b600703943e40791d1a"},"modified":"2026-11-04T10:01:03","modified_gmt":"2026-11-04T10:01:03","slug":"about","status":"publish","type":"page","link":"https:\/\/www.nextgentechnology.ae\/gamatech\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"525\" class=\"elementor elementor-525\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2322551 e-con-full e-flex e-con e-parent\" data-id=\"2322551\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c597080 elementor-widget elementor-widget-html\" data-id=\"c597080\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   GAMATECH ENERGY \u2014 ABOUT US BANNER\r\n   ========================================================= *\/\r\n\r\n.gm-about-banner {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 500px;\r\n    overflow: hidden;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(5, 16, 23, 0.94) 0%,\r\n            rgba(8, 25, 33, 0.86) 42%,\r\n            rgba(8, 25, 33, 0.58) 72%,\r\n            rgba(8, 25, 33, 0.72) 100%\r\n        ),\r\n        url(\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/beautiful-sunset-oil-field-with-pump-jack-1-scaled.jpg\");\r\n\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* subtle dark overlay *\/\r\n\r\n.gm-about-banner-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,0.08),\r\n            rgba(0,0,0,0.18)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* content wrapper *\/\r\n\r\n.gm-about-banner-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    max-width: 1180px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 100px 40px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* small label *\/\r\n\r\n.gm-about-banner-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 2px;\r\n\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n\r\n    color: #82B49D;\r\n}\r\n\r\n\r\n.gm-about-banner-label::before {\r\n    content: \"\";\r\n\r\n    width: 34px;\r\n    height: 1px;\r\n\r\n    background: #65A086;\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n\/* heading *\/\r\n\r\n.gm-about-banner-title {\r\n    margin: 0;\r\n\r\n    max-width: 760px;\r\n\r\n    font-size: clamp(38px, 5vw, 48px);\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: -1px;\r\n\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n\/* highlighted word *\/\r\n\r\n.gm-about-banner-title span {\r\n    color: #65A086;\r\n}\r\n\r\n\r\n\/* description *\/\r\n\r\n.gm-about-banner-description {\r\n    max-width: 620px;\r\n\r\n    margin: 8px 0 0;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.7;\r\n\r\n    font-weight: 500;\r\n\r\n    color: rgba(255,255,255,272);\r\n}\r\n\r\n\r\n\/* bottom information *\/\r\n\r\n.gm-about-banner-bottom {\r\n    position: absolute;\r\n\r\n    left: 40px;\r\n    right: 40px;\r\n    bottom: 28px;\r\n\r\n    z-index: 3;\r\n\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    padding-top: 18px;\r\n\r\n    border-top: 1px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n\r\n.gm-about-banner-bottom-left {\r\n    font-size: 11px;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(255,255,255,0.55);\r\n}\r\n\r\n\r\n.gm-about-banner-bottom-right {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    font-size: 11px;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(255,255,255,0.55);\r\n}\r\n\r\n\r\n.gm-about-banner-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #65A086;\r\n\r\n    box-shadow: 0 0 12px rgba(101,160,134,0.6);\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   TABLET\r\n   --------------------------------------------------------- *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .gm-about-banner {\r\n        min-height: 470px;\r\n    }\r\n\r\n    .gm-about-banner-inner {\r\n        padding: 90px 35px;\r\n    }\r\n\r\n    .gm-about-banner-title {\r\n        font-size: clamp(46px, 7vw, 68px);\r\n    }\r\n\r\n    .gm-about-banner-bottom {\r\n        left: 35px;\r\n        right: 35px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   MOBILE\r\n   --------------------------------------------------------- *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gm-about-banner {\r\n        min-height: 470px;\r\n\r\n        background-position: 62% center;\r\n\r\n        background-image:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(5,16,23,0.92) 0%,\r\n                rgba(8,25,33,0.78) 65%,\r\n                rgba(8,25,33,0.68) 100%\r\n            ),\r\n            url(\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/oil-fact-e1790759636359-1.webp\");\r\n    }\r\n\r\n\r\n    .gm-about-banner-inner {\r\n        padding: 80px 24px 90px;\r\n    }\r\n\r\n\r\n    .gm-about-banner-label {\r\n        font-size: 11px;\r\n        letter-spacing: 2.2px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    .gm-about-banner-label::before {\r\n        width: 25px;\r\n    }\r\n\r\n\r\n    .gm-about-banner-title {\r\n        font-size: clamp(43px, 13vw, 60px);\r\n\r\n        line-height: 1;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    .gm-about-banner-description {\r\n        max-width: 100%;\r\n\r\n        margin-top: 22px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n\r\n    .gm-about-banner-bottom {\r\n        left: 24px;\r\n        right: 24px;\r\n\r\n        bottom: 22px;\r\n\r\n        padding-top: 14px;\r\n    }\r\n\r\n\r\n    .gm-about-banner-bottom-left,\r\n    .gm-about-banner-bottom-right {\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 1.4px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   SMALL MOBILE\r\n   --------------------------------------------------------- *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .gm-about-banner {\r\n        min-height: 450px;\r\n    }\r\n\r\n    .gm-about-banner-inner {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .gm-about-banner-title {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .gm-about-banner-description {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .gm-about-banner-bottom {\r\n        left: 20px;\r\n        right: 20px;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================================\r\n   GAMATECH \u2014 CONTINUOUS CINEMATIC BACKGROUND MOTION\r\n   ========================================================= *\/\r\n\r\n.gm-about-banner {\r\n    background-size: 115% auto;\r\n    animation: gmAboutBackgroundMotion 22s ease-in-out infinite alternate;\r\n    will-change: background-position, background-size;\r\n}\r\n\r\n@keyframes gmAboutBackgroundMotion {\r\n\r\n    0% {\r\n        background-position: 46% 48%;\r\n        background-size: 115% auto;\r\n    }\r\n\r\n    50% {\r\n        background-position: 54% 52%;\r\n        background-size: 120% auto;\r\n    }\r\n\r\n    100% {\r\n        background-position: 46% 48%;\r\n        background-size: 115% auto;\r\n    }\r\n\r\n}\r\n\r\n\/* Keep mobile background movement subtle *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gm-about-banner {\r\n        animation: gmAboutMobileMotion 22s ease-in-out infinite alternate;\r\n    }\r\n\r\n    @keyframes gmAboutMobileMotion {\r\n\r\n        0% {\r\n            background-position: 60% 48%;\r\n            background-size: 125% auto;\r\n        }\r\n\r\n        50% {\r\n            background-position: 65% 52%;\r\n            background-size: 132% auto;\r\n        }\r\n\r\n        100% {\r\n            background-position: 60% 48%;\r\n            background-size: 125% auto;\r\n        }\r\n\r\n    }\r\n\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .gm-about-banner {\r\n        animation: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"gm-about-banner\">\r\n\r\n    <div class=\"gm-about-banner-overlay\"><\/div>\r\n\r\n    <div class=\"gm-about-banner-inner\">\r\n\r\n        <div class=\"gm-about-banner-label\">\r\n            About GAMATECH\r\n        <\/div>\r\n\r\n        <h1 class=\"gm-about-banner-title\">\r\n            Engineering <br>\r\n            <span>With Purpose.<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"gm-about-banner-description\">\r\n            A UAE-based engineering and industrial solutions provider\r\n            delivering integrated capabilities across energy, oil &amp; gas\r\n            and industrial sectors.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gm-about-banner-bottom\">\r\n\r\n        <div class=\"gm-about-banner-bottom-left\">\r\n            GAMATECH ENERGY\r\n        <\/div>\r\n\r\n        <div class=\"gm-about-banner-bottom-right\">\r\n            <span class=\"gm-about-banner-dot\"><\/span>\r\n            Abu Dhabi, UAE\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4c223d e-con-full e-flex e-con e-parent\" data-id=\"d4c223d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27a06c0 elementor-widget elementor-widget-html\" data-id=\"27a06c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================================\r\n   GAMATECH ENERGY \u2014 WHO WE ARE\r\n   WHITE INDUSTRIAL DESIGN WITH VISIBLE BACKGROUND MOTION\r\n   ========================================================= *\/\r\n\r\n.gm-who-we-are {\r\n    --gm-green: #65A086;\r\n    --gm-light-green: #82B49D;\r\n    --gm-dark-green: #3F8065;\r\n    --gm-heading: #17313A;\r\n    --gm-text: #53646A;\r\n    --gm-muted: #718087;\r\n    --gm-line: rgba(23,49,58,.12);\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    padding: 65px 0 35px;\r\n    overflow: hidden;\r\n    background: #FFFFFF;\r\n    color: var(--gm-heading);\r\n    font-family: inherit;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gm-who-we-are,\r\n.gm-who-we-are * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================================\r\n   VISIBLE BACKGROUND MOTION\r\n   ========================================================= *\/\r\n\r\n.gm-who-background {\r\n    position: absolute;\r\n    z-index: -1;\r\n    inset: 0;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Moving technical grid *\/\r\n\r\n.gm-who-background::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -100px;\r\n    background-image:\r\n        linear-gradient(rgba(23,49,58,.055) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(23,49,58,.055) 1px, transparent 1px);\r\n    background-size: 45px 45px;\r\n    animation: gmGridDrift 8s linear infinite;\r\n    opacity: 4.55;\r\n}\r\n\r\n@keyframes gmGridDrift {\r\n    0% {\r\n        transform: translate(0,0);\r\n    }\r\n    50% {\r\n        transform: translate(-32px,22px);\r\n    }\r\n    100% {\r\n        transform: translate(0,0);\r\n    }\r\n}\r\n\r\n\/* Large moving gradient orbs *\/\r\n\r\n.gm-who-orb {\r\n    position: absolute;\r\n    display: block;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    will-change: transform;\r\n}\r\n\r\n.gm-who-orb-one {\r\n    width: 480px;\r\n    height: 480px;\r\n    top: -170px;\r\n    right: -100px;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(101,160,134,.23) 0%,\r\n        rgba(101,160,134,.13) 35%,\r\n        rgba(101,160,134,.035) 62%,\r\n        transparent 75%\r\n    );\r\n    filter: blur(12px);\r\n    animation: gmOrbOne 13s ease-in-out infinite alternate;\r\n}\r\n\r\n.gm-who-orb-two {\r\n    width: 520px;\r\n    height: 520px;\r\n    bottom: -180px;\r\n    left: -180px;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(130,180,157,.25) 0%,\r\n        rgba(130,180,157,.12) 38%,\r\n        rgba(130,180,157,.035) 65%,\r\n        transparent 75%\r\n    );\r\n    filter: blur(15px);\r\n    animation: gmOrbTwo 16s ease-in-out infinite alternate;\r\n}\r\n\r\n.gm-who-orb-three {\r\n    width: 330px;\r\n    height: 330px;\r\n    top: 38%;\r\n    left: 42%;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(101,160,134,.14) 0%,\r\n        rgba(101,160,134,.055) 45%,\r\n        transparent 72%\r\n    );\r\n    filter: blur(10px);\r\n    animation: gmOrbThree 18s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gmOrbOne {\r\n    0% {\r\n        transform: translate(0,0) scale(.85);\r\n    }\r\n    50% {\r\n        transform: translate(-100px,100px) scale(1.18);\r\n    }\r\n    100% {\r\n        transform: translate(-35px,175px) scale(1.05);\r\n    }\r\n}\r\n\r\n@keyframes gmOrbTwo {\r\n    0% {\r\n        transform: translate(0,0) scale(.9);\r\n    }\r\n    50% {\r\n        transform: translate(130px,-90px) scale(1.2);\r\n    }\r\n    100% {\r\n        transform: translate(70px,-170px) scale(1.05);\r\n    }\r\n}\r\n\r\n@keyframes gmOrbThree {\r\n    0% {\r\n        transform: translate(-50px,-35px) scale(.8);\r\n    }\r\n    50% {\r\n        transform: translate(90px,55px) scale(1.2);\r\n    }\r\n    100% {\r\n        transform: translate(-20px,110px) scale(.95);\r\n    }\r\n}\r\n\r\n\/* Floating translucent circles *\/\r\n\r\n.gm-who-float {\r\n    position: absolute;\r\n    display: block;\r\n    border: 1px solid rgba(101,160,134,.24);\r\n    border-radius: 50%;\r\n    background: radial-gradient(\r\n        circle at 35% 30%,\r\n        rgba(255,255,255,.8),\r\n        rgba(101,160,134,.08) 65%,\r\n        rgba(101,160,134,.025)\r\n    );\r\n    box-shadow:\r\n        inset 0 0 25px rgba(101,160,134,.06),\r\n        0 10px 35px rgba(23,49,58,.035);\r\n    will-change: transform;\r\n}\r\n\r\n.gm-who-float-one {\r\n    width: 95px;\r\n    height: 95px;\r\n    top: 18%;\r\n    left: 7%;\r\n    animation: gmFloatOne 11s ease-in-out infinite;\r\n}\r\n\r\n.gm-who-float-two {\r\n    width: 58px;\r\n    height: 58px;\r\n    top: 57%;\r\n    right: 9%;\r\n    animation: gmFloatTwo 9s ease-in-out infinite;\r\n}\r\n\r\n.gm-who-float-three {\r\n    width: 125px;\r\n    height: 125px;\r\n    bottom: 8%;\r\n    right: 29%;\r\n    animation: gmFloatThree 14s ease-in-out infinite;\r\n}\r\n\r\n.gm-who-float-four {\r\n    width: 35px;\r\n    height: 35px;\r\n    top: 35%;\r\n    right: 25%;\r\n    animation: gmFloatTwo 12s ease-in-out infinite reverse;\r\n}\r\n\r\n@keyframes gmFloatOne {\r\n    0%, 100% {\r\n        transform: translate3d(0,0,0) rotate(0deg);\r\n    }\r\n    50% {\r\n        transform: translate3d(35px,-55px,0) rotate(35deg);\r\n    }\r\n}\r\n\r\n@keyframes gmFloatTwo {\r\n    0%, 100% {\r\n        transform: translate3d(0,0,0);\r\n    }\r\n    50% {\r\n        transform: translate3d(-35px,45px,0);\r\n    }\r\n}\r\n\r\n@keyframes gmFloatThree {\r\n    0%, 100% {\r\n        transform: translate3d(0,0,0) scale(1);\r\n    }\r\n    50% {\r\n        transform: translate3d(-65px,-45px,0) scale(1.12);\r\n    }\r\n}\r\n\r\n\/* Small decorative dot clusters *\/\r\n\r\n.gm-who-dots {\r\n    position: absolute;\r\n    width: 95px;\r\n    height: 95px;\r\n    background-image: radial-gradient(\r\n        rgba(63,128,101,.35) 1.5px,\r\n        transparent 1.5px\r\n    );\r\n    background-size: 13px 13px;\r\n    opacity: .45;\r\n    animation: gmDotsMove 15s ease-in-out infinite alternate;\r\n}\r\n\r\n.gm-who-dots-one {\r\n    top: 12%;\r\n    right: 12%;\r\n}\r\n\r\n.gm-who-dots-two {\r\n    bottom: 12%;\r\n    left: 23%;\r\n    animation-delay: -5s;\r\n}\r\n\r\n@keyframes gmDotsMove {\r\n    0% {\r\n        transform: translate(0,0);\r\n        opacity: .25;\r\n    }\r\n    100% {\r\n        transform: translate(18px,-22px);\r\n        opacity: .65;\r\n    }\r\n}\r\n\r\n\/* Bottom edge *\/\r\n\r\n.gm-who-we-are::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 1px;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(101,160,134,.45),\r\n        transparent\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n.gm-who-container {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: min(1180px, 90%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   TOP INTRO\r\n   ========================================================= *\/\r\n\r\n.gm-who-top {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr .75fr;\r\n    align-items: end;\r\n    gap: 55px;\r\n    margin-bottom: 38px;\r\n}\r\n\r\n.gm-who-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 15px;\r\n    color: var(--gm-dark-green);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gm-who-eyebrow span {\r\n    display: block;\r\n    flex: 0 0 30px;\r\n    width: 30px;\r\n    height: 1px;\r\n    background: var(--gm-green);\r\n}\r\n\r\n.gm-who-title {\r\n    margin: 0;\r\n    max-width: 680px;\r\n    color: var(--gm-heading);\r\n    font-family: inherit;\r\n    font-size: clamp(30px, 4vw, 35px);\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: -1.px;\r\n}\r\n\r\n.gm-who-title em {\r\n    color: var(--gm-dark-green);\r\n    font-style: normal;\r\n}\r\n\r\n.gm-who-top-statement {\r\n    padding-bottom: 4px;\r\n}\r\n\r\n.gm-who-top-statement strong {\r\n    display: block;\r\n    margin-bottom: 9px;\r\n    color: var(--gm-dark-green);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gm-who-top-statement p {\r\n    margin: 0;\r\n    color: var(--gm-text);\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* =========================================================\r\n   MAIN COLUMNS\r\n   ========================================================= *\/\r\n\r\n.gm-who-main {\r\n    display: grid;\r\n    grid-template-columns: 1fr .9fr;\r\n    gap: 22px;\r\n    align-items: stretch;\r\n}\r\n\r\n.gm-who-story {\r\n    position: relative;\r\n    padding: 19px 20px 20px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(23,49,58,.09);\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 0%,\r\n            rgba(101,160,134,.13),\r\n            transparent 48%\r\n        ),\r\n        linear-gradient(\r\n            145deg,\r\n            #FFFFFF 0%,\r\n            #F8FBF9 55%,\r\n            #F2F7F4 100%\r\n        );\r\n    box-shadow: 0 12px 35px rgba(23,49,58,.045);\r\n    transition:\r\n        transform .4s ease,\r\n        box-shadow .4s ease,\r\n        border-color .4s ease;\r\n}\r\n\r\n.gm-who-story::before,\r\n.gm-who-profile::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 30px;\r\n    width: 65px;\r\n    height: 2px;\r\n    background: var(--gm-green);\r\n}\r\n\r\n.gm-who-story:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(101,160,134,.35);\r\n    box-shadow: 0 18px 42px rgba(23,49,58,.09);\r\n}\r\n\r\n.gm-who-story-label {\r\n    margin-bottom: 20px;\r\n    color: var(--gm-muted);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gm-who-story-lead {\r\n    margin: 0 0 22px;\r\n    color: var(--gm-heading);\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    line-height: 1.;\r\n}\r\n\r\n.gm-who-story-lead strong {\r\n    color: var(--gm-dark-green);\r\n    font-weight: 500;\r\n}\r\n\r\n.gm-who-story-copy {\r\n    display: grid;\r\n    gap: 14px;\r\n    padding-top: 21px;\r\n    border-top: 1px solid rgba(23,49,58,.11);\r\n}\r\n\r\n.gm-who-story-copy p {\r\n    margin: 0;\r\n    color: var(--gm-text);\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* Image column *\/\r\n\r\n.gm-who-image-panel {\r\n    position: relative;\r\n    isolation: isolate;\r\n    min-width: 0;\r\n    min-height: 390px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(23,49,58,.10);\r\n    background: linear-gradient(135deg, #EAF2ED, #DDEAE2);\r\n    box-shadow: 0 12px 35px rgba(23,49,58,.07);\r\n}\r\n\r\n.gm-who-image-panel img {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    opacity: 1;\r\n    transition: transform .8s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.gm-who-image-panel:hover img {\r\n    transform: scale(1.055);\r\n}\r\n\r\n.gm-who-image-panel::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n        180deg,\r\n        rgba(14,34,44,.02) 30%,\r\n        rgba(14,34,44,.20) 62%,\r\n        rgba(14,34,44,.82) 100%\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n.gm-who-image-caption {\r\n    position: absolute;\r\n    z-index: 2;\r\n    left: 24px;\r\n    right: 24px;\r\n    bottom: 23px;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n}\r\n\r\n.gm-who-image-caption strong {\r\n    display: block;\r\n    margin-bottom: 6px;\r\n    color: #FFFFFF;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n}\r\n\r\n.gm-who-image-caption span {\r\n    display: block;\r\n    color: rgba(255,255,255,.82);\r\n    font-size: 11px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.gm-who-image-mark {\r\n    display: flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 0 0 34px;\r\n    width: 34px;\r\n    height: 34px;\r\n    border: 1px solid rgba(255,255,255,.55);\r\n    border-radius: 50%;\r\n    color: #FFFFFF !important;\r\n    font-size: 16px !important;\r\n    transition: background .3s ease, transform .3s ease;\r\n}\r\n\r\n.gm-who-image-panel:hover .gm-who-image-mark {\r\n    transform: translate(3px,-3px);\r\n    background: var(--gm-green);\r\n}\r\n\r\n\/* =========================================================\r\n   AT A GLANCE\r\n   ========================================================= *\/\r\n\r\n.gm-who-profile {\r\n    position: relative;\r\n    margin-top: 22px;\r\n    padding: 24px 28px 10px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(23,49,58,.09);\r\n    background:\r\n        radial-gradient(\r\n            circle at 5% 100%,\r\n            rgba(101,160,134,.10),\r\n            transparent 42%\r\n        ),\r\n        linear-gradient(\r\n            120deg,\r\n            #FFFFFF 0%,\r\n            #F7FAF8 60%,\r\n            #F1F7F3 100%\r\n        );\r\n    box-shadow: 0 10px 30px rgba(23,49,58,.035);\r\n}\r\n\r\n.gm-who-profile-title {\r\n    margin: 0 0 14px;\r\n    color: var(--gm-heading);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gm-who-profile-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n}\r\n\r\n.gm-who-profile-item {\r\n    min-width: 0;\r\n    padding: 14px 17px 15px;\r\n    border-left: 1px solid var(--gm-line);\r\n    transition: background .3s ease, transform .3s ease;\r\n}\r\n\r\n.gm-who-profile-item:first-child {\r\n    padding-left: 0;\r\n    border-left: none;\r\n}\r\n\r\n.gm-who-profile-item:hover {\r\n    transform: translateY(-3px);\r\n    background: rgba(101,160,134,.055);\r\n}\r\n\r\n.gm-who-profile-item small {\r\n    display: block;\r\n    margin-bottom: 9px;\r\n    color: var(--gm-dark-green);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    line-height: 1.4;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gm-who-profile-item strong {\r\n    display: block;\r\n    color: var(--gm-heading);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* =========================================================\r\n   THREE CORE PILLARS\r\n   ========================================================= *\/\r\n\r\n.gm-who-pillars {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    margin-top: 22px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(23,49,58,.10);\r\n    background: #F8FAF8;\r\n    box-shadow: 0 10px 30px rgba(23,49,58,.035);\r\n}\r\n\r\n.gm-who-pillar {\r\n    position: relative;\r\n    min-width: 0;\r\n    min-height: 135px;\r\n    padding: 20px 22px;\r\n    overflow: hidden;\r\n    border-right: 1px solid var(--gm-line);\r\n    background: linear-gradient(\r\n        145deg,\r\n        rgba(255,255,255,.95) 0%,\r\n        rgba(239,247,242,.8) 100%\r\n    );\r\n    transition:\r\n        transform .35s ease,\r\n        background .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n.gm-who-pillar::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 0;\r\n    height: 3px;\r\n    background: var(--gm-green);\r\n    transition: width .4s ease;\r\n}\r\n\r\n.gm-who-pillar:last-child {\r\n    border-right: none;\r\n}\r\n\r\n.gm-who-pillar:hover {\r\n    z-index: 1;\r\n    transform: translateY(-4px);\r\n    background: linear-gradient(145deg, #FFFFFF 0%, #EAF4EE 100%);\r\n    box-shadow: 0 12px 28px rgba(23,49,58,.07);\r\n}\r\n\r\n.gm-who-pillar:hover::before {\r\n    width: 100%;\r\n}\r\n\r\n.gm-who-pillar-number {\r\n    display: block;\r\n    margin-bottom: 14px;\r\n    color: var(--gm-dark-green);\r\n    font-size: 16px;\r\n    letter-spacing: 2px;\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.gm-who-pillar:hover .gm-who-pillar-number {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.gm-who-pillar h3 {\r\n    margin: 0 0 8px;\r\n    color: var(--gm-heading);\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    transition: color .3s ease;\r\n}\r\n\r\n.gm-who-pillar:hover h3 {\r\n    color: var(--gm-dark-green);\r\n}\r\n\r\n.gm-who-pillar p {\r\n    max-width: 280px;\r\n    margin: 0;\r\n    color: var(--gm-text);\r\n    font-size: 15px;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n   ========================================================= *\/\r\n\r\n.gm-who-we-are.gm-has-motion .gm-reveal {\r\n    opacity: 0;\r\n    transition:\r\n        opacity .8s ease,\r\n        transform .8s cubic-bezier(.2,.7,.2,1);\r\n    transition-delay: var(--gm-delay, 0ms);\r\n}\r\n\r\n.gm-who-we-are.gm-has-motion .gm-reveal-up {\r\n    transform: translateY(32px);\r\n}\r\n\r\n.gm-who-we-are.gm-has-motion .gm-reveal-left {\r\n    transform: translateX(-35px);\r\n}\r\n\r\n.gm-who-we-are.gm-has-motion .gm-reveal-right {\r\n    transform: translateX(35px);\r\n}\r\n\r\n.gm-who-we-are.gm-has-motion .gm-reveal-scale {\r\n    transform: scale(.94);\r\n}\r\n\r\n.gm-who-we-are.gm-has-motion .gm-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translate(0,0) scale(1);\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .gm-who-top {\r\n        gap: 30px;\r\n    }\r\n\r\n    .gm-who-title {\r\n        font-size: clamp(34px, 4vw, 42px);\r\n    }\r\n\r\n    .gm-who-main {\r\n        grid-template-columns: 1fr .85fr;\r\n        gap: 16px;\r\n    }\r\n\r\n    .gm-who-story {\r\n        padding: 26px 23px;\r\n    }\r\n\r\n    .gm-who-story-lead {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .gm-who-image-panel {\r\n        min-height: 420px;\r\n    }\r\n\r\n    .gm-who-profile {\r\n        padding: 22px 20px 10px;\r\n    }\r\n\r\n    .gm-who-profile-grid {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n\r\n    .gm-who-profile-item {\r\n        padding: 13px;\r\n        border-left: none;\r\n        border-top: 1px solid var(--gm-line);\r\n    }\r\n\r\n    .gm-who-profile-item:first-child {\r\n        padding-left: 13px;\r\n        border-top: 1px solid var(--gm-line);\r\n    }\r\n\r\n    .gm-who-profile-item:nth-child(3n + 1) {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .gm-who-pillar {\r\n        padding: 18px 16px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n    .gm-who-we-are {\r\n        padding: 52px 0 32px;\r\n    }\r\n\r\n    .gm-who-container {\r\n        width: calc(100% - 36px);\r\n    }\r\n\r\n    .gm-who-top {\r\n        display: block;\r\n        margin-bottom: 27px;\r\n    }\r\n\r\n    .gm-who-eyebrow {\r\n        margin-bottom: 14px;\r\n        font-size: 11px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .gm-who-eyebrow span {\r\n        flex-basis: 23px;\r\n        width: 23px;\r\n    }\r\n\r\n    .gm-who-title {\r\n        font-size: 30px;\r\n        line-height: 1.1;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .gm-who-top-statement {\r\n        margin-top: 21px;\r\n    }\r\n\r\n    .gm-who-top-statement strong {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .gm-who-top-statement p {\r\n        font-size: 15px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .gm-who-main {\r\n        grid-template-columns: 1fr;\r\n        gap: 14px;\r\n    }\r\n\r\n    .gm-who-story {\r\n        padding: 24px 21px;\r\n    }\r\n\r\n    .gm-who-story::before,\r\n    .gm-who-profile::before {\r\n        left: 21px;\r\n    }\r\n\r\n    .gm-who-story-label,\r\n    .gm-who-profile-title {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .gm-who-story-lead {\r\n        margin-bottom: 18px;\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .gm-who-story-copy {\r\n        gap: 12px;\r\n        padding-top: 18px;\r\n    }\r\n\r\n    .gm-who-story-copy p {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .gm-who-image-panel {\r\n        min-height: 270px;\r\n        aspect-ratio: 4 \/ 3;\r\n    }\r\n\r\n    .gm-who-image-caption {\r\n        left: 18px;\r\n        right: 18px;\r\n        bottom: 17px;\r\n    }\r\n\r\n    .gm-who-image-caption strong {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .gm-who-image-caption span {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .gm-who-profile {\r\n        margin-top: 15px;\r\n        padding: 22px 20px 10px;\r\n    }\r\n\r\n    .gm-who-profile-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .gm-who-profile-item,\r\n    .gm-who-profile-item:first-child,\r\n    .gm-who-profile-item:nth-child(3n + 1) {\r\n        padding: 13px 10px;\r\n        border-left: 1px solid var(--gm-line);\r\n        border-top: 1px solid var(--gm-line);\r\n    }\r\n\r\n    .gm-who-profile-item:nth-child(odd) {\r\n        padding-left: 0;\r\n        border-left: none;\r\n    }\r\n\r\n    .gm-who-profile-item small {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .gm-who-profile-item strong {\r\n        font-size: 12px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .gm-who-pillars {\r\n        grid-template-columns: 1fr;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .gm-who-pillar {\r\n        min-height: auto;\r\n        padding: 19px 21px;\r\n        border-right: none;\r\n        border-bottom: 1px solid var(--gm-line);\r\n    }\r\n\r\n    .gm-who-pillar:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .gm-who-pillar-number {\r\n        margin-bottom: 9px;\r\n    }\r\n\r\n    .gm-who-pillar h3 {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .gm-who-pillar p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    \/* Keep decorative elements within mobile viewport *\/\r\n    .gm-who-orb-one {\r\n        width: 300px;\r\n        height: 300px;\r\n        right: -150px;\r\n    }\r\n\r\n    .gm-who-orb-two {\r\n        width: 330px;\r\n        height: 330px;\r\n        left: -160px;\r\n    }\r\n\r\n    .gm-who-orb-three {\r\n        width: 220px;\r\n        height: 220px;\r\n        left: 35%;\r\n    }\r\n\r\n    .gm-who-float-one {\r\n        width: 55px;\r\n        height: 55px;\r\n    }\r\n\r\n    .gm-who-float-three {\r\n        width: 75px;\r\n        height: 75px;\r\n    }\r\n\r\n    .gm-who-dots {\r\n        opacity: .25;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .gm-who-background *,\r\n    .gm-who-background,\r\n    .gm-who-we-are *,\r\n    .gm-who-we-are *::before,\r\n    .gm-who-we-are *::after {\r\n        animation: none !important;\r\n        transition-duration: .01ms !important;\r\n    }\r\n\r\n    .gm-who-we-are.gm-has-motion .gm-reveal {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gm-who-we-are\">\r\n\r\n    <!-- ANIMATED BACKGROUND -->\r\n    <div class=\"gm-who-background\" aria-hidden=\"true\">\r\n        <span class=\"gm-who-orb gm-who-orb-one\"><\/span>\r\n        <span class=\"gm-who-orb gm-who-orb-two\"><\/span>\r\n        <span class=\"gm-who-orb gm-who-orb-three\"><\/span>\r\n\r\n        <span class=\"gm-who-float gm-who-float-one\"><\/span>\r\n        <span class=\"gm-who-float gm-who-float-two\"><\/span>\r\n        <span class=\"gm-who-float gm-who-float-three\"><\/span>\r\n        <span class=\"gm-who-float gm-who-float-four\"><\/span>\r\n\r\n        <span class=\"gm-who-dots gm-who-dots-one\"><\/span>\r\n        <span class=\"gm-who-dots gm-who-dots-two\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gm-who-container\">\r\n\r\n        <!-- TOP INTRO -->\r\n        <div class=\"gm-who-top\">\r\n            <div class=\"gm-reveal gm-reveal-left\">\r\n                <div class=\"gm-who-eyebrow\">\r\n                    <span><\/span>\r\n                    WHO WE ARE\r\n                <\/div>\r\n\r\n                <h2 class=\"gm-who-title\">\r\n                    BUILT AROUND\r\n                    <em>CAPABILITY.<\/em><br>\r\n                    DRIVEN BY PERFORMANCE.\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"gm-who-top-statement gm-reveal gm-reveal-right\"\r\n                 style=\"--gm-delay: 120ms;\">\r\n                <strong>GAMATECH ENERGY<\/strong>\r\n                <p>\r\n                    An engineering and industrial solutions provider\r\n                    headquartered in Abu Dhabi, supporting demanding\r\n                    energy and industrial operations across the full\r\n                    project lifecycle.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- COMPANY PROFILE + IMAGE -->\r\n        <div class=\"gm-who-main\">\r\n\r\n            <div class=\"gm-who-story gm-reveal gm-reveal-up\">\r\n                <div class=\"gm-who-story-label\">\r\n                    Company Profile\r\n                <\/div>\r\n\r\n                <p class=\"gm-who-story-lead\">\r\n                    GAMATECH ENERGY is a\r\n                    <strong>UAE-based, internationally expanding<\/strong>\r\n                    engineering and industrial solutions provider,\r\n                    proudly headquartered in Abu Dhabi.\r\n                <\/p>\r\n\r\n                <div class=\"gm-who-story-copy\">\r\n                    <p>\r\n                        The company delivers integrated,\r\n                        high-performance solutions across the\r\n                        oil &amp; gas, energy and industrial sectors,\r\n                        supporting clients throughout the full\r\n                        project lifecycle.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        Built on technical excellence and operational\r\n                        strength, GAMATECH's capabilities are anchored\r\n                        in core pillars that enable efficient and\r\n                        future-ready solutions.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gm-who-image-panel gm-reveal gm-reveal-scale\"\r\n                 style=\"--gm-delay: 150ms;\">\r\n                <img decoding=\"async\" title=\"About\"\r\n                    src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/factory-workers-handling-metal-parts-together-1-scaled.jpg\"\r\n                    alt=\"GAMATECH industrial engineering operations\"\r\n                    loading=\"lazy\"\r\n                    onerror=\"this.style.display='none';\"\r\n                >\r\n\r\n                <div class=\"gm-who-image-caption\">\r\n                    <div>\r\n                        <strong>Built for Industrial Performance<\/strong>\r\n                        <span>Engineering \u00b7 Energy \u00b7 Industrial Solutions<\/span>\r\n                    <\/div>\r\n                    <span class=\"gm-who-image-mark\" aria-hidden=\"true\">\u2197<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- AT A GLANCE -->\r\n        <div class=\"gm-who-profile gm-reveal gm-reveal-up\"\r\n             style=\"--gm-delay: 100ms;\">\r\n            <h3 class=\"gm-who-profile-title\">At a glance<\/h3>\r\n\r\n            <div class=\"gm-who-profile-grid\">\r\n                <div class=\"gm-who-profile-item\">\r\n                    <small>Headquarters<\/small>\r\n                    <strong>Abu Dhabi, United Arab Emirates<\/strong>\r\n                <\/div>\r\n\r\n                <div class=\"gm-who-profile-item\">\r\n                    <small>Industry Focus<\/small>\r\n                    <strong>Oil &amp; Gas \u00b7 Energy \u00b7 Industrial<\/strong>\r\n                <\/div>\r\n\r\n                <div class=\"gm-who-profile-item\">\r\n                    <small>Project Coverage<\/small>\r\n                    <strong>Full Project Lifecycle<\/strong>\r\n                <\/div>\r\n\r\n                <div class=\"gm-who-profile-item\">\r\n                    <small>Operating Approach<\/small>\r\n                    <strong>Technical Excellence \u00b7 Operational Strength<\/strong>\r\n                <\/div>\r\n\r\n                <div class=\"gm-who-profile-item\">\r\n                    <small>Quality Commitment<\/small>\r\n                    <strong>International QHSE Standards<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- THREE CORE PILLARS -->\r\n        <div class=\"gm-who-pillars\">\r\n\r\n            <div class=\"gm-who-pillar gm-reveal gm-reveal-up\"\r\n                 style=\"--gm-delay: 0ms;\">\r\n                <span class=\"gm-who-pillar-number\">01<\/span>\r\n                <h3>Sustainable Energy Solutions<\/h3>\r\n                <p>\r\n                    Supporting more efficient and future-ready\r\n                    energy operations.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"gm-who-pillar gm-reveal gm-reveal-up\"\r\n                 style=\"--gm-delay: 120ms;\">\r\n                <span class=\"gm-who-pillar-number\">02<\/span>\r\n                <h3>Well Production Services<\/h3>\r\n                <p>\r\n                    Supporting reliable well production and\r\n                    field operations.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"gm-who-pillar gm-reveal gm-reveal-up\"\r\n                 style=\"--gm-delay: 240ms;\">\r\n                <span class=\"gm-who-pillar-number\">03<\/span>\r\n                <h3>Oilfield Equipment &amp; Manufacturing<\/h3>\r\n                <p>\r\n                    Equipment and solutions supporting demanding\r\n                    oilfield applications.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =========================================================\r\n   GAMATECH \u2014 SCROLL REVEAL\r\n   ========================================================= *\/\r\n\r\n(function () {\r\n    document.querySelectorAll('.gm-who-we-are').forEach(function (section) {\r\n        const revealItems = section.querySelectorAll('.gm-reveal');\r\n\r\n        if (!('IntersectionObserver' in window)) {\r\n            revealItems.forEach(function (item) {\r\n                item.classList.add('is-visible');\r\n            });\r\n            return;\r\n        }\r\n\r\n        section.classList.add('gm-has-motion');\r\n\r\n        const observer = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (entry) {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, {\r\n            threshold: 0.12,\r\n            rootMargin: '0px 0px -40px 0px'\r\n        });\r\n\r\n        revealItems.forEach(function (item) {\r\n            observer.observe(item);\r\n        });\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b23626 e-con-full e-flex e-con e-parent\" data-id=\"9b23626\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a45b234 elementor-widget elementor-widget-html\" data-id=\"a45b234\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\r\n\/* =========================================================\r\n   GAMATECH ENERGY \u2014 BUSINESS FRAMEWORK\r\n   CONTINUOUS ENERGY FIELD BACKGROUND + SCROLL REVEAL\r\n   ========================================================= *\/\r\n\r\n.gm-framework {\r\n    --gm-bg: #0E222C;\r\n    --gm-bg-2: #102A34;\r\n    --gm-panel: #132F39;\r\n    --gm-green: #65A086;\r\n    --gm-light-green: #82B49D;\r\n    --gm-white: #FFFFFF;\r\n    --gm-soft: rgba(255,255,255,255);\r\n    --gm-muted: rgba(255,255,255,258);\r\n    --gm-line: rgba(255,255,255,.12);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 60px 0 25px;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--gm-bg) 0%,\r\n            var(--gm-bg-2) 52%,\r\n            #0B1D26 100%\r\n        );\r\n\r\n    color: var(--gm-white);\r\n    font-family: inherit;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NEW BACKGROUND MOTION SYSTEM\r\n   ========================================================= *\/\r\n\r\n.gm-framework-motion {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\r\n{\r\n    top: -20%;\r\n    height: 70%;\r\n    opacity: .55;\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            transparent 15%,\r\n            rgba(101,160,134,.07) 40%,\r\n            rgba(130,180,157,.12) 58%,\r\n            transparent 85%\r\n        );\r\n\r\n    animation: gmEnergyWaveThree 19s ease-in-out infinite alternate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING TECHNICAL PARTICLES\r\n   ========================================================= *\/\r\n\r\n.gm-energy-particles {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n        radial-gradient(circle, rgba(130,180,157,.75) 1.5px, transparent 2.5px),\r\n        radial-gradient(circle, rgba(101,160,134,.55) 1px, transparent 2px),\r\n        radial-gradient(circle, rgba(255,255,255,.35) 1px, transparent 2px);\r\n\r\n    background-size:\r\n        115px 105px,\r\n        175px 165px,\r\n        230px 205px;\r\n\r\n    background-position:\r\n        0 0,\r\n        60px 40px,\r\n        100px 80px;\r\n\r\n    opacity: .35;\r\n\r\n    animation: gmParticlesMove 8s linear infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATED GRID\r\n   ========================================================= *\/\r\n\r\n.gm-framework-grid {\r\n    position: absolute;\r\n    inset: -80px;\r\n\r\n    background-image:\r\n        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);\r\n\r\n    background-size: 45px 45px;\r\n    opacity: .45;\r\n\r\n    animation: gmFrameworkGridMove 16s linear infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND KEYFRAMES\r\n   ========================================================= *\/\r\n\r\n@keyframes gmEnergyFieldMove {\r\n\r\n    0% {\r\n        transform: translate(-8%, -5%) rotate(0deg) scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform: translate(5%, 7%) rotate(5deg) scale(1.12);\r\n    }\r\n\r\n    100% {\r\n        transform: translate(-4%, 12%) rotate(-4deg) scale(1.05);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gmEnergyWaveOne {\r\n\r\n    0% {\r\n        transform: translate(-12%, -8%) rotate(-8deg) scaleY(.75);\r\n    }\r\n\r\n    50% {\r\n        transform: translate(7%, 5%) rotate(5deg) scaleY(1.2);\r\n    }\r\n\r\n    100% {\r\n        transform: translate(-4%, 12%) rotate(-5deg) scaleY(.85);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gmEnergyWaveTwo {\r\n\r\n    0% {\r\n        transform: translate(10%, 8%) rotate(8deg) scaleY(.8);\r\n    }\r\n\r\n    50% {\r\n        transform: translate(-8%, -10%) rotate(-7deg) scaleY(1.25);\r\n    }\r\n\r\n    100% {\r\n        transform: translate(6%, 5%) rotate(5deg) scaleY(.9);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gmEnergyWaveThree {\r\n\r\n    0% {\r\n        transform: translate(7%, -10%) rotate(5deg) scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform: translate(-9%, 12%) rotate(-9deg) scale(1.15);\r\n    }\r\n\r\n    100% {\r\n        transform: translate(5%, 5%) rotate(6deg) scale(.95);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gmParticlesMove {\r\n\r\n    0% {\r\n        background-position:\r\n            0 0,\r\n            60px 40px,\r\n            100px 80px;\r\n    }\r\n\r\n    50% {\r\n        background-position:\r\n            60px -100px,\r\n            -50px 100px,\r\n            180px -80px;\r\n    }\r\n\r\n    100% {\r\n        background-position:\r\n            115px -200px,\r\n            -115px 205px,\r\n            330px -160px;\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gmFrameworkGridMove {\r\n\r\n    0% {\r\n        transform: translate(0, 0);\r\n        background-position: 0 0;\r\n    }\r\n\r\n    100% {\r\n        transform: translate(-45px, -45px);\r\n        background-position: 90px 90px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM BORDER\r\n   ========================================================= *\/\r\n\r\n.gm-framework::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(101,160,134,.45),\r\n            transparent\r\n        );\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.gm-framework-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1180px, 90%);\r\n    margin: 0 auto;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION INTRO\r\n   ========================================================= *\/\r\n\r\n.gm-framework-top {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 70px;\r\n    margin-bottom: 55px;\r\n}\r\n\r\n\r\n.gm-framework-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 10px;\r\n\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--gm-light-green);\r\n}\r\n\r\n\r\n.gm-framework-eyebrow span {\r\n    display: block;\r\n    width: 32px;\r\n    height: 1px;\r\n    background: var(--gm-green);\r\n}\r\n\r\n\r\n.gm-framework-title {\r\n    margin: 0;\r\n    max-width: 700px;\r\n\r\n    font-size: clamp(32px, 4vw, 32px);\r\n    line-height: 1;\r\n    font-weight: 600;\r\n    letter-spacing: -1px;\r\n\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n.gm-framework-title em {\r\n    color: var(--gm-green);\r\n    font-style: normal;\r\n}\r\n\r\n\r\n.gm-framework-intro {\r\n    width: 500px;\r\n    flex-shrink: 0;\r\n    margin: 0;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n\r\n    color: var(--gm-soft);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FRAMEWORK LIST\r\n   ========================================================= *\/\r\n\r\n.gm-framework-list {\r\n    border-top: 1px solid var(--gm-line);\r\n    border-bottom: 1px solid var(--gm-line);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FRAMEWORK ITEM\r\n   ========================================================= *\/\r\n\r\n.gm-framework-item {\r\n    position: relative;\r\n\r\n    display: grid;\r\n    grid-template-columns: 80px 1fr 330px;\r\n    align-items: center;\r\n    gap: 30px;\r\n\r\n    min-height: 115px;\r\n    padding: 18px 20px;\r\n\r\n    box-sizing: border-box;\r\n    border-bottom: 1px solid var(--gm-line);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        padding .3s ease;\r\n}\r\n\r\n\r\n.gm-framework-item:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n\r\n.gm-framework-item:hover {\r\n    background: rgba(101,160,134,.055);\r\n    padding-left: 27px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.gm-framework-number {\r\n    align-self: start;\r\n    padding-top: 3px;\r\n\r\n    font-size: 12px;\r\n    letter-spacing: 2px;\r\n\r\n    color: var(--gm-green);\r\n}\r\n\r\n\r\n.gm-framework-number::after {\r\n    content: \"\";\r\n    display: block;\r\n    width: 28px;\r\n    height: 1px;\r\n    margin-top: 12px;\r\n    background: rgba(101,160,134,.45);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.gm-framework-item h3 {\r\n    margin: 0;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n    font-weight: 600;\r\n\r\n    color: #FFFFFF;\r\n\r\n    transition: color .3s ease;\r\n}\r\n\r\n\r\n.gm-framework-item:hover h3 {\r\n    color: var(--gm-light-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.gm-framework-item p {\r\n    margin: 0;\r\n    max-width: 330px;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n\r\n    color: var(--gm-muted);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n   ========================================================= *\/\r\n\r\n.gm-framework.gm-motion-ready .gm-reveal {\r\n    opacity: 0;\r\n    transform: translateY(38px);\r\n\r\n    transition:\r\n        opacity .85s ease,\r\n        transform .85s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.gm-framework.gm-motion-ready .gm-reveal.gm-revealed {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n.gm-framework.gm-motion-ready .gm-framework-heading-reveal {\r\n    transition-delay: .05s;\r\n}\r\n\r\n\r\n.gm-framework.gm-motion-ready .gm-framework-intro-reveal {\r\n    transition-delay: .22s;\r\n}\r\n\r\n\r\n.gm-framework.gm-motion-ready .gm-framework-item:nth-child(1) {\r\n    transition-delay: .05s;\r\n}\r\n\r\n.gm-framework.gm-motion-ready .gm-framework-item:nth-child(2) {\r\n    transition-delay: .18s;\r\n}\r\n\r\n.gm-framework.gm-motion-ready .gm-framework-item:nth-child(3) {\r\n    transition-delay: .31s;\r\n}\r\n\r\n.gm-framework.gm-motion-ready .gm-framework-item:nth-child(4) {\r\n    transition-delay: .44s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .gm-framework {\r\n        padding: 90px 0 90px;\r\n    }\r\n\r\n    .gm-framework-top {\r\n        gap: 40px;\r\n        margin-bottom: 55px;\r\n    }\r\n\r\n    .gm-framework-intro {\r\n        width: 250px;\r\n    }\r\n\r\n    .gm-framework-item {\r\n        grid-template-columns: 65px 1fr 250px;\r\n        gap: 22px;\r\n        padding: 24px 15px;\r\n    }\r\n\r\n    .gm-framework-item p {\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gm-framework {\r\n        padding: 55px 0 55px;\r\n    }\r\n\r\n    .gm-framework-container {\r\n        width: calc(100% - 40px);\r\n    }\r\n\r\n    .gm-framework-top {\r\n        display: block;\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .gm-framework-eyebrow {\r\n        margin-bottom: 17px;\r\n        font-size: 11px;\r\n        letter-spacing: 2.2px;\r\n    }\r\n\r\n    .gm-framework-title {\r\n        font-size: 30px !important;\r\n        line-height: 1.2;\r\n        letter-spacing: -0.8px;\r\n    }\r\n\r\n    .gm-framework-intro {\r\n        width: 100%;\r\n        margin-top: 20px;\r\n        font-size: 15px !important;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .gm-framework-item {\r\n        display: grid;\r\n        grid-template-columns: 35px minmax(0, 1fr);\r\n        gap: 14px;\r\n        min-height: auto;\r\n        padding: 22px 0;\r\n    }\r\n\r\n    .gm-framework-item:hover {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .gm-framework-number {\r\n        padding-top: 3px;\r\n        font-size: 11px;\r\n    }\r\n\r\n    .gm-framework-number::after {\r\n        width: 22px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .gm-framework-item h3 {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .gm-framework-item p {\r\n        grid-column: 2;\r\n        max-width: none;\r\n        margin-top: -8px;\r\n        font-size: 15px !important;\r\n        line-height: 1.65;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .gm-framework-motion > * {\r\n        animation: none !important;\r\n    }\r\n\r\n    .gm-framework-item,\r\n    .gm-framework-item h3,\r\n    .gm-framework .gm-reveal {\r\n        transition: none !important;\r\n    }\r\n\r\n    .gm-framework.gm-motion-ready .gm-reveal {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"gm-framework\">\r\n\r\n    <!-- CONTINUOUS ANIMATED BACKGROUND -->\r\n\r\n    <div class=\"gm-framework-motion\">\r\n\r\n        <div class=\"gm-energy-field\"><\/div>\r\n\r\n        <div class=\"gm-energy-wave gm-energy-wave-one\"><\/div>\r\n\r\n        <div class=\"gm-energy-wave gm-energy-wave-two\"><\/div>\r\n\r\n        <div class=\"gm-energy-wave gm-energy-wave-three\"><\/div>\r\n\r\n        <div class=\"gm-energy-particles\"><\/div>\r\n\r\n        <div class=\"gm-framework-grid\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gm-framework-container\">\r\n\r\n\r\n        <!-- SECTION INTRO -->\r\n\r\n        <div class=\"gm-framework-top\">\r\n\r\n            <div class=\"gm-reveal gm-framework-heading-reveal\">\r\n\r\n                <div class=\"gm-framework-eyebrow\">\r\n\r\n                    <span><\/span>\r\n\r\n                    OUR BUSINESS FRAMEWORK\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"gm-framework-title\">\r\n\r\n                    FOUR PILLARS.\r\n\r\n                    <em>ONE INTEGRATED<\/em>\r\n\r\n                    APPROACH.\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"gm-framework-intro gm-reveal gm-framework-intro-reveal\">\r\n\r\n                GAMATECH brings together specialized capabilities\r\n                across energy, well production, oilfield equipment\r\n                and engineering to support demanding projects\r\n                through an integrated delivery approach.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- FOUR BUSINESS PILLARS -->\r\n\r\n        <div class=\"gm-framework-list\">\r\n\r\n\r\n            <div class=\"gm-framework-item gm-reveal\">\r\n\r\n                <div class=\"gm-framework-number\">01<\/div>\r\n\r\n                <h3>Sustainable Energy Solutions<\/h3>\r\n\r\n                <p>\r\n                    Solutions supporting more efficient,\r\n                    lower-impact and future-ready energy\r\n                    operations.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"gm-framework-item gm-reveal\">\r\n\r\n                <div class=\"gm-framework-number\">02<\/div>\r\n\r\n                <h3>Well Production Services<\/h3>\r\n\r\n                <p>\r\n                    Well production, testing and field\r\n                    support solutions designed for reliable\r\n                    operational performance.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"gm-framework-item gm-reveal\">\r\n\r\n                <div class=\"gm-framework-number\">03<\/div>\r\n\r\n                <h3>\r\n                    Oilfield Equipment\r\n                    Manufacturing &amp; Supply\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Equipment, production packages and\r\n                    specialized solutions supporting demanding\r\n                    oilfield applications.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"gm-framework-item gm-reveal\">\r\n\r\n                <div class=\"gm-framework-number\">04<\/div>\r\n\r\n                <h3>\r\n                    Engineering &amp;\r\n                    Structural Solutions\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Engineering, structural and industrial\r\n                    solutions supporting efficient,\r\n                    durable and optimized operations.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const sections = document.querySelectorAll('.gm-framework');\r\n\r\n    sections.forEach(function (section) {\r\n\r\n        const revealItems = section.querySelectorAll('.gm-reveal');\r\n\r\n        if (!('IntersectionObserver' in window)) {\r\n            revealItems.forEach(function (item) {\r\n                item.classList.add('gm-revealed');\r\n            });\r\n            return;\r\n        }\r\n\r\n        section.classList.add('gm-motion-ready');\r\n\r\n        const observer = new IntersectionObserver(function (entries) {\r\n\r\n            entries.forEach(function (entry) {\r\n\r\n                if (entry.isIntersecting) {\r\n\r\n                    entry.target.classList.add('gm-revealed');\r\n\r\n                    observer.unobserve(entry.target);\r\n\r\n                }\r\n\r\n            });\r\n\r\n        }, {\r\n            threshold: 0.12,\r\n            rootMargin: '0px 0px -35px 0px'\r\n        });\r\n\r\n\r\n        revealItems.forEach(function (item) {\r\n            observer.observe(item);\r\n        });\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2fb2753 e-con-full e-flex e-con e-parent\" data-id=\"2fb2753\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42e5938 elementor-widget elementor-widget-html\" data-id=\"42e5938\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\r\n\/* =========================================================\r\n   GAMATECH \u2014 WHY GAMATECH\r\n   PREMIUM WHITE DESIGN\r\n   CONTINUOUS GRID MOTION + SCROLL REVEAL\r\n   ========================================================= *\/\r\n\r\n.gm-why {\r\n    --bg: #FFFFFF;\r\n    --bg2: #F7FAF8;\r\n    --panel: #FFFFFF;\r\n\r\n    --green: #65A086;\r\n    --light-green: #82B49D;\r\n\r\n    --white: #17313A;\r\n    --soft: rgba(23,49,58,.78);\r\n    --muted: rgba(23,49,58,.65);\r\n    --line: rgba(23,49,58,.13);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #FFFFFF 0%,\r\n            #F9FCFA 55%,\r\n            #F2F8F5 100%\r\n        );\r\n\r\n    padding: 70px 0 80px;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTINUOUS ANIMATED BACKGROUND\r\n   ========================================================= *\/\r\n\r\n.gm-why-motion {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* Moving technical grid *\/\r\n\r\n.gm-why-grid {\r\n    position: absolute;\r\n    inset: -100px;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(23,49,58,.065) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(23,49,58,.065) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 55px 55px;\r\n    opacity: 4.75;\r\n\r\n    animation: gmWhyGridMove 12s linear infinite;\r\n}\r\n\r\n\r\n\/* Large ambient green light fields *\/\r\n\r\n.gm-why-glow {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(45px);\r\n    will-change: transform;\r\n}\r\n\r\n\r\n\/* Upper right *\/\r\n\r\n.gm-why-glow-one {\r\n    width: 600px;\r\n    height: 600px;\r\n\r\n    top: -270px;\r\n    right: -200px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(101,160,134,.24) 0%,\r\n            rgba(101,160,134,.12) 38%,\r\n            rgba(101,160,134,.035) 62%,\r\n            transparent 75%\r\n        );\r\n\r\n    animation: gmWhyGlowOne 15s ease-in-out infinite alternate;\r\n}\r\n\r\n\r\n\/* Lower left *\/\r\n\r\n.gm-why-glow-two {\r\n    width: 650px;\r\n    height: 650px;\r\n\r\n    bottom: -330px;\r\n    left: -260px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(101,160,134,.22) 0%,\r\n            rgba(101,160,134,.11) 42%,\r\n            rgba(101,160,134,.03) 65%,\r\n            transparent 76%\r\n        );\r\n\r\n    animation: gmWhyGlowTwo 18s ease-in-out infinite alternate;\r\n}\r\n\r\n\r\n\/* Centre ambient field *\/\r\n\r\n.gm-why-glow-three {\r\n    width: 450px;\r\n    height: 450px;\r\n\r\n    top: 30%;\r\n    left: 38%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(130,180,157,.16) 0%,\r\n            rgba(101,160,134,.08) 45%,\r\n            transparent 75%\r\n        );\r\n\r\n    animation: gmWhyGlowThree 13s ease-in-out infinite alternate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING PARTICLES\r\n   ========================================================= *\/\r\n\r\n.gm-why-particles {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(63,128,101,.48) 1.5px,\r\n            transparent 1.5px\r\n        ),\r\n        radial-gradient(\r\n            circle,\r\n            rgba(101,160,134,.35) 1px,\r\n            transparent 1px\r\n        ),\r\n        radial-gradient(\r\n            circle,\r\n            rgba(23,49,58,.20) 1px,\r\n            transparent 2px\r\n        );\r\n\r\n    background-size:\r\n        195px 195px,\r\n        175px 155px,\r\n        290px 205px;\r\n\r\n    background-position:\r\n        0 0,\r\n        60px 40px,\r\n        100px 80px;\r\n\r\n    opacity: .55;\r\n\r\n    animation: gmWhyParticlesMove 10s linear infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE SUBTLE ROTATING RINGS\r\n   ========================================================= *\/\r\n\r\n.gm-why-ring {\r\n    position: absolute;\r\n    border: 1px solid rgba(101,160,134,.15);\r\n    border-radius: 50%;\r\n    will-change: transform;\r\n}\r\n\r\n\r\n\/* Ring one *\/\r\n\r\n.gm-why-ring-one {\r\n    width: 480px;\r\n    height: 480px;\r\n\r\n    top: -210px;\r\n    right: -120px;\r\n\r\n    border-style: dashed;\r\n    border-color: rgba(101,160,134,.22);\r\n\r\n    animation: gmWhyRingOne 40s linear infinite;\r\n}\r\n\r\n\r\n\/* Ring two *\/\r\n\r\n.gm-why-ring-two {\r\n    width: 330px;\r\n    height: 330px;\r\n\r\n    top: -135px;\r\n    right: -45px;\r\n\r\n    border-color: rgba(101,160,134,.18);\r\n\r\n    animation: gmWhyRingTwo 30s linear infinite reverse;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND KEYFRAMES\r\n   ========================================================= *\/\r\n\r\n@keyframes gmWhyGridMove {\r\n\r\n    0% {\r\n        transform: translate(0,0);\r\n        background-position: 0 0;\r\n    }\r\n\r\n    100% {\r\n        transform: translate(-55px,-55px);\r\n        background-position: 110px 110px;\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gmWhyGlowOne {\r\n\r\n    0% {\r\n        transform: translate(0,0) scale(.8);\r\n    }\r\n\r\n    50% {\r\n        transform: translate(-110px,100px) scale(1.2);\r\n    }\r\n\r\n    100% {\r\n        transform: translate(-40px,160px) scale(.95);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gmWhyGlowTwo {\r\n\r\n    0% {\r\n        transform: translate(0,0) scale(.85);\r\n    }\r\n\r\n    50% {\r\n        transform: translate(125px,-100px) scale(1.2);\r\n    }\r\n\r\n    100% {\r\n        transform: translate(75px,-155px) scale(.95);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gmWhyGlowThree {\r\n\r\n    0% {\r\n        transform: translate(-70px,45px) scale(.8);\r\n    }\r\n\r\n    50% {\r\n        transform: translate(95px,-65px) scale(1.2);\r\n    }\r\n\r\n    100% {\r\n        transform: translate(-40px,90px) scale(.95);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gmWhyParticlesMove {\r\n\r\n    0% {\r\n        background-position:\r\n            0 0,\r\n            60px 40px,\r\n            100px 80px;\r\n    }\r\n\r\n    50% {\r\n        background-position:\r\n            55px -100px,\r\n            -45px 100px,\r\n            170px -80px;\r\n    }\r\n\r\n    100% {\r\n        background-position:\r\n            115px -200px,\r\n            -115px 205px,\r\n            330px -160px;\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gmWhyRingOne {\r\n\r\n    from {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gmWhyRingTwo {\r\n\r\n    from {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.gm-why-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1180px, 90%);\r\n    margin: 0 auto;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP INTRO\r\n   ========================================================= *\/\r\n\r\n.gm-why-top {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 60px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n\r\n.gm-why-heading {\r\n    max-width: 680px;\r\n}\r\n\r\n\r\n.gm-why-eyebrow {\r\n    margin: 0 0 18px;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.2;\r\n    font-weight: 600;\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.gm-why-title {\r\n    margin: 0;\r\n\r\n    font-size: clamp(30px, 3vw, 34px);\r\n    line-height: 1;\r\n    font-weight: 600;\r\n    letter-spacing: -1.px;\r\n\r\n    color: var(--white);\r\n}\r\n\r\n\r\n.gm-why-title span {\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.gm-why-intro {\r\n    max-width: 490px;\r\n    margin: 0;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n    font-weight: 400;\r\n\r\n    color: var(--soft);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN AREA\r\n   ========================================================= *\/\r\n\r\n.gm-why-main {\r\n    display: grid;\r\n    grid-template-columns: 0.9fr 1.1fr;\r\n    gap: 70px;\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT \u2014 REASONS\r\n   ========================================================= *\/\r\n\r\n.gm-why-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    border-top: 1px solid var(--line);\r\n}\r\n\r\n\r\n.gm-why-item {\r\n    position: relative;\r\n\r\n    display: grid;\r\n    grid-template-columns: 55px 1fr;\r\n    gap: 20px;\r\n\r\n    padding: 10px;\r\n\r\n    border-bottom: 1px solid var(--line);\r\n\r\n    transition:\r\n        padding-left .35s ease,\r\n        background .35s ease,\r\n        transform .35s ease,\r\n        box-shadow .35s ease;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* Animated green accent on hover *\/\r\n\r\n.gm-why-item::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    width: 3px;\r\n\r\n    background: var(--green);\r\n\r\n    transform: scaleY(0);\r\n    transform-origin: bottom;\r\n\r\n    transition: transform .4s ease;\r\n}\r\n\r\n\r\n.gm-why-item:hover {\r\n    padding-left: 10px;\r\n\r\n    background: rgba(101,160,134,.075);\r\n\r\n    box-shadow: 0 8px 25px rgba(23,49,58,.045);\r\n}\r\n\r\n\r\n.gm-why-item:hover::before {\r\n    transform: scaleY(1);\r\n}\r\n\r\n\r\n.gm-why-number {\r\n    font-size: 13px;\r\n    line-height: 1.4;\r\n    font-weight: 600;\r\n    letter-spacing: .12em;\r\n\r\n    color: var(--green);\r\n\r\n    transition: transform .35s ease;\r\n}\r\n\r\n\r\n.gm-why-item:hover .gm-why-number {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\r\n.gm-why-item-content {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.gm-why-item-title {\r\n    margin: 0 0 8px;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.35;\r\n    font-weight: 600;\r\n    letter-spacing: -.01em;\r\n\r\n    color: var(--white);\r\n\r\n    transition:\r\n        color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.gm-why-item:hover .gm-why-item-title {\r\n    color: #3F8065;\r\n    transform: translateX(3px);\r\n}\r\n\r\n\r\n.gm-why-item-text {\r\n    margin: 0;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.45;\r\n    font-weight: 400;\r\n\r\n    color: var(--soft);\r\n\r\n    transition: color .3s ease;\r\n}\r\n\r\n\r\n.gm-why-item:hover .gm-why-item-text {\r\n    color: #405A60;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT \u2014 IMAGE PANEL\r\n   ========================================================= *\/\r\n\r\n.gm-why-visual {\r\n    position: relative;\r\n    min-height: 420px;\r\n    overflow: hidden;\r\n\r\n    background: var(--panel);\r\n\r\n    box-shadow: 0 18px 50px rgba(23,49,58,.10);\r\n\r\n    transition: box-shadow .5s ease;\r\n}\r\n\r\n\r\n.gm-why-visual:hover {\r\n    box-shadow: 0 24px 60px rgba(23,49,58,.17);\r\n}\r\n\r\n\r\n.gm-why-image {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(14,34,44,.04) 15%,\r\n            rgba(14,34,44,.28) 55%,\r\n            rgba(14,34,44,.86) 100%\r\n        ),\r\n        url(\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/gama-tech.jpg\");\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n\r\n    transition:\r\n        transform .9s cubic-bezier(.2,.7,.2,1),\r\n        filter .6s ease;\r\n}\r\n\r\n\r\n.gm-why-visual:hover .gm-why-image {\r\n    transform: scale(1.045);\r\n    filter: saturate(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n   ========================================================= *\/\r\n\r\n.gm-why-image-label {\r\n    position: absolute;\r\n    top: 24px;\r\n    left: 24px;\r\n\r\n    padding: 9px 13px;\r\n\r\n    border: 1px solid rgba(255,255,255,.4);\r\n\r\n    background: rgba(14,34,44,.65);\r\n\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 600;\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n\r\n    color: #FFFFFF;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        border-color .35s ease;\r\n}\r\n\r\n\r\n.gm-why-visual:hover .gm-why-image-label {\r\n    background: rgba(63,128,101,.88);\r\n    border-color: rgba(255,255,255,.55);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE BOTTOM CONTENT\r\n   ========================================================= *\/\r\n\r\n.gm-why-image-bottom {\r\n    position: absolute;\r\n    left: 30px;\r\n    right: 30px;\r\n    bottom: 28px;\r\n}\r\n\r\n\r\n.gm-why-image-line {\r\n    width: 42px;\r\n    height: 2px;\r\n    margin-bottom: 15px;\r\n\r\n    background: var(--green);\r\n\r\n    transition:\r\n        width .5s ease,\r\n        background .5s ease;\r\n}\r\n\r\n\r\n.gm-why-visual:hover .gm-why-image-line {\r\n    width: 75px;\r\n    background: #82B49D;\r\n}\r\n\r\n\r\n.gm-why-image-title {\r\n    margin: 0 0 9px;\r\n\r\n    font-size: 18px;\r\n    line-height: 1.05;\r\n    font-weight: 600;\r\n    letter-spacing: -1.px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    transition: transform .4s ease;\r\n}\r\n\r\n\r\n.gm-why-visual:hover .gm-why-image-title {\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\r\n.gm-why-image-text {\r\n    max-width: 430px;\r\n    margin: 0;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n\r\n    color: rgba(255,255,255,.88);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-reveal {\r\n    opacity: 0;\r\n\r\n    transform: translateY(38px);\r\n\r\n    transition:\r\n        opacity .85s ease,\r\n        transform .85s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-reveal.gm-why-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-heading {\r\n    transition-delay: .05s;\r\n}\r\n\r\n\r\n\/* Intro *\/\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-intro {\r\n    transition-delay: .2s;\r\n}\r\n\r\n\r\n\/* Staggered reason items *\/\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-item:nth-child(1) {\r\n    transition-delay: .05s;\r\n}\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-item:nth-child(2) {\r\n    transition-delay: .16s;\r\n}\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-item:nth-child(3) {\r\n    transition-delay: .27s;\r\n}\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-item:nth-child(4) {\r\n    transition-delay: .38s;\r\n}\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-item:nth-child(5) {\r\n    transition-delay: .49s;\r\n}\r\n\r\n\r\n\/* Image reveal *\/\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-visual {\r\n    transition-delay: .2s;\r\n}\r\n\r\n\r\n\/* Image text reveals *\/\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-image-label,\r\n.gm-why.gm-why-motion-ready .gm-why-image-bottom {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n\r\n    transition:\r\n        opacity .8s ease,\r\n        transform .8s ease;\r\n}\r\n\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-visual.gm-why-visible .gm-why-image-label,\r\n.gm-why.gm-why-motion-ready .gm-why-visual.gm-why-visible .gm-why-image-bottom {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-visual.gm-why-visible .gm-why-image-label {\r\n    transition-delay: .35s;\r\n}\r\n\r\n\r\n.gm-why.gm-why-motion-ready .gm-why-visual.gm-why-visible .gm-why-image-bottom {\r\n    transition-delay: .5s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .gm-why {\r\n        padding: 90px 0 95px;\r\n    }\r\n\r\n    .gm-why-top {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n        margin-bottom: 55px;\r\n    }\r\n\r\n    .gm-why-intro {\r\n        max-width: 600px;\r\n    }\r\n\r\n    .gm-why-main {\r\n        grid-template-columns: 1fr;\r\n        gap: 50px;\r\n    }\r\n\r\n    .gm-why-visual {\r\n        min-height: 480px;\r\n        order: -1;\r\n    }\r\n\r\n    .gm-why-bottom {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        gap: 18px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .gm-why {\r\n        padding: 75px 0 80px;\r\n    }\r\n\r\n    .gm-why-inner {\r\n        width: min(1180px, 90%);\r\n    }\r\n\r\n    .gm-why-top {\r\n        gap: 20px;\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .gm-why-eyebrow {\r\n        margin-bottom: 14px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gm-why-title {\r\n        font-size: clamp(39px, 12vw, 54px);\r\n        line-height: 1;\r\n    }\r\n\r\n    .gm-why-intro {\r\n        font-size: 13px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .gm-why-main {\r\n        gap: 38px;\r\n    }\r\n\r\n    .gm-why-visual {\r\n        min-height: 390px;\r\n    }\r\n\r\n    .gm-why-image-label {\r\n        top: 18px;\r\n        left: 18px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gm-why-image-bottom {\r\n        left: 20px;\r\n        right: 20px;\r\n        bottom: 22px;\r\n    }\r\n\r\n    .gm-why-image-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .gm-why-image-text {\r\n        font-size: 13px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .gm-why-item {\r\n        grid-template-columns: 42px 1fr;\r\n        gap: 12px;\r\n        padding: 22px 0;\r\n    }\r\n\r\n    .gm-why-item:hover {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .gm-why-number {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .gm-why-item-title {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .gm-why-item-text {\r\n        font-size: 13px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .gm-why-bottom {\r\n        margin-top: 48px;\r\n        padding-top: 24px;\r\n    }\r\n\r\n    .gm-why-bottom-statement {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .gm-why-bottom-meta {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gm-why-glow-one {\r\n        right: -350px;\r\n    }\r\n\r\n    .gm-why-glow-two {\r\n        left: -370px;\r\n    }\r\n\r\n    .gm-why-ring-one {\r\n        right: -300px;\r\n    }\r\n\r\n    .gm-why-ring-two {\r\n        right: -230px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .gm-why-motion > * {\r\n        animation: none !important;\r\n    }\r\n\r\n    .gm-why-item,\r\n    .gm-why-item-title,\r\n    .gm-why-number,\r\n    .gm-why-image,\r\n    .gm-why-visual,\r\n    .gm-why-image-label,\r\n    .gm-why-image-bottom,\r\n    .gm-why .gm-why-reveal {\r\n        transition: none !important;\r\n    }\r\n\r\n    .gm-why.gm-why-motion-ready .gm-why-reveal,\r\n    .gm-why.gm-why-motion-ready .gm-why-image-label,\r\n    .gm-why.gm-why-motion-ready .gm-why-image-bottom {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"gm-why\">\r\n\r\n    <!-- =================================================\r\n         CONTINUOUS ANIMATED BACKGROUND\r\n         ================================================= -->\r\n\r\n    <div class=\"gm-why-motion\">\r\n\r\n        <div class=\"gm-why-grid\"><\/div>\r\n\r\n        <div class=\"gm-why-glow gm-why-glow-one\"><\/div>\r\n\r\n        <div class=\"gm-why-glow gm-why-glow-two\"><\/div>\r\n\r\n        <div class=\"gm-why-glow gm-why-glow-three\"><\/div>\r\n\r\n        <div class=\"gm-why-particles\"><\/div>\r\n\r\n        <div class=\"gm-why-ring gm-why-ring-one\"><\/div>\r\n\r\n        <div class=\"gm-why-ring gm-why-ring-two\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gm-why-inner\">\r\n\r\n\r\n        <!-- ================================================\r\n             TOP INTRO\r\n             ================================================ -->\r\n\r\n        <div class=\"gm-why-top\">\r\n\r\n            <div class=\"gm-why-heading gm-why-reveal\">\r\n\r\n                <p class=\"gm-why-eyebrow\">\r\n                    Why GAMATECH\r\n                <\/p>\r\n\r\n                <h2 class=\"gm-why-title\">\r\n                    BUILT FOR <span>PERFORMANCE.<\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"gm-why-intro gm-why-reveal\">\r\n                More than technical capability, GAMATECH combines\r\n                engineering expertise, operational strength and a\r\n                commitment to delivering reliable solutions.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ================================================\r\n             MAIN CONTENT\r\n             ================================================ -->\r\n\r\n        <div class=\"gm-why-main\">\r\n\r\n\r\n            <!-- REASONS -->\r\n\r\n            <div class=\"gm-why-list\">\r\n\r\n\r\n                <div class=\"gm-why-item gm-why-reveal\">\r\n\r\n                    <div class=\"gm-why-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <div class=\"gm-why-item-content\">\r\n\r\n                        <h3 class=\"gm-why-item-title\">\r\n                            Technical Excellence\r\n                        <\/h3>\r\n\r\n                        <p class=\"gm-why-item-text\">\r\n                            Engineering capabilities built around\r\n                            technical expertise, precision and\r\n                            performance across demanding operations.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"gm-why-item gm-why-reveal\">\r\n\r\n                    <div class=\"gm-why-number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <div class=\"gm-why-item-content\">\r\n\r\n                        <h3 class=\"gm-why-item-title\">\r\n                            Integrated Capability\r\n                        <\/h3>\r\n\r\n                        <p class=\"gm-why-item-text\">\r\n                            Multiple capabilities brought together to\r\n                            support clients throughout the full\r\n                            project lifecycle.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"gm-why-item gm-why-reveal\">\r\n\r\n                    <div class=\"gm-why-number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <div class=\"gm-why-item-content\">\r\n\r\n                        <h3 class=\"gm-why-item-title\">\r\n                            Quality &amp; Reliability\r\n                        <\/h3>\r\n\r\n                        <p class=\"gm-why-item-text\">\r\n                            A strong focus on quality, dependable\r\n                            execution and solutions aligned with\r\n                            operational requirements.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"gm-why-item gm-why-reveal\">\r\n\r\n                    <div class=\"gm-why-number\">\r\n                        04\r\n                    <\/div>\r\n\r\n                    <div class=\"gm-why-item-content\">\r\n\r\n                        <h3 class=\"gm-why-item-title\">\r\n                            Innovation &amp; Sustainability\r\n                        <\/h3>\r\n\r\n                        <p class=\"gm-why-item-text\">\r\n                            Future-ready thinking focused on innovation,\r\n                            responsible technologies and more efficient\r\n                            energy operations.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"gm-why-item gm-why-reveal\">\r\n\r\n                    <div class=\"gm-why-number\">\r\n                        05\r\n                    <\/div>\r\n\r\n                    <div class=\"gm-why-item-content\">\r\n\r\n                        <h3 class=\"gm-why-item-title\">\r\n                            International QHSE Standards\r\n                        <\/h3>\r\n\r\n                        <p class=\"gm-why-item-text\">\r\n                            Projects are supported by rigorous quality,\r\n                            health, safety and environmental practices\r\n                            throughout operations.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- IMAGE -->\r\n\r\n            <div class=\"gm-why-visual gm-why-reveal\">\r\n\r\n                <div class=\"gm-why-image\"><\/div>\r\n\r\n                <div class=\"gm-why-image-label\">\r\n                    Engineering \u2022 Energy \u2022 Industry\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gm-why-image-bottom\">\r\n\r\n                    <div class=\"gm-why-image-line\"><\/div>\r\n\r\n                    <h3 class=\"gm-why-image-title\">\r\n                        Confidence in every operation.\r\n                    <\/h3>\r\n\r\n                    <p class=\"gm-why-image-text\">\r\n                        From engineering and well services to\r\n                        equipment and industrial solutions,\r\n                        GAMATECH is built around performance,\r\n                        reliability and operational needs.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const sections = document.querySelectorAll('.gm-why');\r\n\r\n    sections.forEach(function (section) {\r\n\r\n        const revealItems = section.querySelectorAll('.gm-why-reveal');\r\n\r\n        \/* Keep everything visible if observer is unavailable *\/\r\n\r\n        if (!('IntersectionObserver' in window)) {\r\n\r\n            revealItems.forEach(function (item) {\r\n                item.classList.add('gm-why-visible');\r\n            });\r\n\r\n            return;\r\n        }\r\n\r\n        section.classList.add('gm-why-motion-ready');\r\n\r\n        const observer = new IntersectionObserver(function (entries) {\r\n\r\n            entries.forEach(function (entry) {\r\n\r\n                if (entry.isIntersecting) {\r\n\r\n                    entry.target.classList.add('gm-why-visible');\r\n\r\n                    observer.unobserve(entry.target);\r\n\r\n                }\r\n\r\n            });\r\n\r\n        }, {\r\n            threshold: 0.12,\r\n            rootMargin: '0px 0px -35px 0px'\r\n        });\r\n\r\n\r\n        revealItems.forEach(function (item) {\r\n            observer.observe(item);\r\n        });\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ca98eb e-con-full e-flex e-con e-parent\" data-id=\"5ca98eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f316e9 elementor-widget elementor-widget-html\" data-id=\"3f316e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\r\n\/* =========================================================\r\n   GAMATECH \u2014 MISSION \/ VISION \/ VALUES\r\n   INDUSTRIAL MOTION DESIGN\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-compact,\r\n.gm-mvv-compact * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gm-mvv-compact {\r\n    --bg: #0E222C;\r\n    --bg-2: #102A34;\r\n    --panel: #132F39;\r\n\r\n    --green: #65A086;\r\n    --green-light: #82B49D;\r\n\r\n    --white: #FFFFFF;\r\n    --soft: rgba(255,255,255,255);\r\n    --muted: rgba(255,255,255,255);\r\n\r\n    --line: rgba(255,255,255,.12);\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 20%,\r\n            rgba(101,160,134,.08),\r\n            transparent 30%\r\n        ),\r\n        var(--bg);\r\n\r\n    color: var(--white);\r\n    padding: 35px 0 40px;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* =========================================================\r\n   BACKGROUND ANIMATION LAYER\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-motion {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Moving blueprint pattern *\/\r\n\r\n.gm-mvv-blueprint {\r\n    position: absolute;\r\n    inset: -100px;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent 49.7%,\r\n            rgba(130,180,157,.12) 50%,\r\n            transparent 50.3%\r\n        ),\r\n        linear-gradient(\r\n            transparent 49.7%,\r\n            rgba(130,180,157,.12) 50%,\r\n            transparent 50.3%\r\n        );\r\n\r\n    background-size: 120px 120px;\r\n\r\n    opacity: .65;\r\n\r\n    animation: gmBlueprintMove 12s linear infinite;\r\n}\r\n\r\n@keyframes gmBlueprintMove {\r\n    0% {\r\n        transform: translate(0, 0);\r\n    }\r\n\r\n    100% {\r\n        transform: translate(120px, 120px);\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   ROTATING ENGINEERING RINGS\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-rotor {\r\n    position: absolute;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(130,180,157,.25);\r\n\r\n    background:\r\n        repeating-conic-gradient(\r\n            from 0deg,\r\n            rgba(130,180,157,.22) 0deg 1deg,\r\n            transparent 1deg 15deg\r\n        );\r\n\r\n    -webkit-mask-image: radial-gradient(\r\n        circle,\r\n        transparent 47%,\r\n        black 48%,\r\n        black 49%,\r\n        transparent 50%,\r\n        transparent 65%,\r\n        black 66%,\r\n        black 67%,\r\n        transparent 68%\r\n    );\r\n\r\n    mask-image: radial-gradient(\r\n        circle,\r\n        transparent 47%,\r\n        black 48%,\r\n        black 49%,\r\n        transparent 50%,\r\n        transparent 65%,\r\n        black 66%,\r\n        black 67%,\r\n        transparent 68%\r\n    );\r\n\r\n    animation: gmRotorSpin 35s linear infinite;\r\n}\r\n\r\n.gm-mvv-rotor-one {\r\n    top: -210px;\r\n    right: -120px;\r\n}\r\n\r\n.gm-mvv-rotor-two {\r\n    bottom: -270px;\r\n    left: -140px;\r\n    width: 550px;\r\n    height: 550px;\r\n\r\n    animation-direction: reverse;\r\n    animation-duration: 45s;\r\n}\r\n\r\n@keyframes gmRotorSpin {\r\n    from {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n\r\n\/* =========================================================\r\n   FLOATING TECHNICAL NODES\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-node {\r\n    position: absolute;\r\n\r\n    width: 5px;\r\n    height: 5px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--green-light);\r\n\r\n    box-shadow:\r\n        0 0 0 7px rgba(101,160,134,.09),\r\n        0 0 22px rgba(101,160,134,.65);\r\n\r\n    animation: gmNodeFloat 5s ease-in-out infinite;\r\n}\r\n\r\n.gm-mvv-node-one {\r\n    top: 20%;\r\n    left: 12%;\r\n}\r\n\r\n.gm-mvv-node-two {\r\n    top: 65%;\r\n    left: 65%;\r\n    animation-delay: -2s;\r\n}\r\n\r\n.gm-mvv-node-three {\r\n    top: 35%;\r\n    right: 10%;\r\n    animation-delay: -3s;\r\n}\r\n\r\n.gm-mvv-node-four {\r\n    bottom: 12%;\r\n    left: 38%;\r\n    animation-delay: -1s;\r\n}\r\n\r\n@keyframes gmNodeFloat {\r\n    0%, 100% {\r\n        transform: translate(0, 0) scale(.8);\r\n        opacity: .55;\r\n    }\r\n\r\n    50% {\r\n        transform: translate(18px, -25px) scale(1.4);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   FLOATING TECHNICAL MARKERS\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-marker {\r\n    position: absolute;\r\n\r\n    width: 22px;\r\n    height: 22px;\r\n\r\n    border: 1px solid rgba(130,180,157,.22);\r\n\r\n    transform: rotate(45deg);\r\n\r\n    animation: gmMarkerFloat 9s ease-in-out infinite;\r\n}\r\n\r\n.gm-mvv-marker::before,\r\n.gm-mvv-marker::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    background: rgba(130,180,157,.45);\r\n}\r\n\r\n.gm-mvv-marker::before {\r\n    width: 1px;\r\n    height: 14px;\r\n    left: 50%;\r\n    top: -14px;\r\n}\r\n\r\n.gm-mvv-marker::after {\r\n    width: 14px;\r\n    height: 1px;\r\n    right: -14px;\r\n    top: 50%;\r\n}\r\n\r\n.gm-mvv-marker-one {\r\n    top: 48%;\r\n    left: 5%;\r\n}\r\n\r\n.gm-mvv-marker-two {\r\n    right: 7%;\r\n    top: 68%;\r\n    animation-delay: -4s;\r\n}\r\n\r\n@keyframes gmMarkerFloat {\r\n    0%, 100% {\r\n        transform: translateY(0) rotate(45deg);\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-30px) rotate(90deg);\r\n    }\r\n}\r\n\r\n\/* Keep content above animation *\/\r\n\r\n.gm-mvv-wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTAINER\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-wrap {\r\n    width: min(1180px, 90%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP LINE\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-top {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 38px;\r\n}\r\n\r\n.gm-mvv-number {\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    border: 1px solid rgba(101,160,134,.45);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    letter-spacing: .12em;\r\n\r\n    color: var(--green-light);\r\n    flex-shrink: 0;\r\n\r\n    transition: all .35s ease;\r\n}\r\n\r\n.gm-mvv-number:hover {\r\n    background: rgba(101,160,134,.16);\r\n    border-color: var(--green-light);\r\n    transform: rotate(8deg);\r\n    box-shadow: 0 0 22px rgba(101,160,134,.2);\r\n}\r\n\r\n.gm-mvv-line {\r\n    height: 1px;\r\n    flex: 1;\r\n    background: var(--line);\r\n}\r\n\r\n.gm-mvv-label {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n    color: var(--muted);\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN MISSION \/ VISION AREA\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-main {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    border-top: 1px solid var(--line);\r\n    border-bottom: 1px solid var(--line);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INDIVIDUAL BLOCK\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-block {\r\n    position: relative;\r\n\r\n    padding: 28px 35px 32px;\r\n\r\n    min-height: 205px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        transform .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n.gm-mvv-block:first-child {\r\n    border-right: 1px solid var(--line);\r\n}\r\n\r\n.gm-mvv-block:hover {\r\n    background: rgba(255,255,255,.045);\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 14px 35px rgba(0,0,0,.12);\r\n}\r\n\r\n.gm-mvv-block::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 0;\r\n    height: 2px;\r\n\r\n    background: var(--green);\r\n\r\n    transition: width .4s ease;\r\n}\r\n\r\n.gm-mvv-block:hover::after {\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BLOCK LABEL\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-block-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 17px;\r\n}\r\n\r\n.gm-mvv-block-label span:first-child {\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n    background: var(--green);\r\n\r\n    transition: all .35s ease;\r\n}\r\n\r\n.gm-mvv-block:hover .gm-mvv-block-label span:first-child {\r\n    transform: scale(1.8);\r\n    box-shadow: 0 0 12px rgba(101,160,134,.65);\r\n}\r\n\r\n.gm-mvv-block-label span:last-child {\r\n    font-size: 15px;\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n    color: var(--green-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATEMENT\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-statement {\r\n    margin: 0 0 10px;\r\n\r\n    font-size: clamp(24px, 2vw, 38px);\r\n    line-height: 1.12;\r\n    font-weight: 600;\r\n    letter-spacing: -1;\r\n\r\n    color: var(--white);\r\n\r\n    transition: transform .35s ease;\r\n}\r\n\r\n.gm-mvv-block:hover .gm-mvv-statement {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.gm-mvv-statement em {\r\n    font-style: normal;\r\n    color: var(--green-light);\r\n    font-weight: 600;\r\n    transition: color .3s ease;\r\n}\r\n\r\n.gm-mvv-block:hover .gm-mvv-statement em {\r\n    color: var(--green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-description {\r\n    max-width: 470px;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    font-weight: 400;\r\n\r\n    color: var(--soft);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL CORNER MARK\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-corner {\r\n    position: absolute;\r\n\r\n    right: 25px;\r\n    bottom: 23px;\r\n\r\n    width: 22px;\r\n    height: 22px;\r\n\r\n    opacity: .85;\r\n\r\n    transition: transform .4s ease;\r\n}\r\n\r\n.gm-mvv-block:hover .gm-mvv-corner {\r\n    transform: rotate(90deg);\r\n}\r\n\r\n.gm-mvv-corner::before,\r\n.gm-mvv-corner::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    background: var(--green);\r\n}\r\n\r\n.gm-mvv-corner::before {\r\n    width: 22px;\r\n    height: 1px;\r\n    right: 0;\r\n    bottom: 0;\r\n}\r\n\r\n.gm-mvv-corner::after {\r\n    width: 1px;\r\n    height: 22px;\r\n    right: 0;\r\n    bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUES STRIP\r\n   ========================================================= *\/\r\n\r\n.gm-values {\r\n    display: grid;\r\n    grid-template-columns: 220px 1fr;\r\n\r\n    align-items: stretch;\r\n\r\n    margin-top: 18px;\r\n\r\n    border: 1px solid var(--line);\r\n    background: rgba(255,255,255,.018);\r\n\r\n    transition:\r\n        border-color .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n.gm-values:hover {\r\n    border-color: rgba(130,180,157,.35);\r\n    background: rgba(255,255,255,.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUES INTRO\r\n   ========================================================= *\/\r\n\r\n.gm-values-intro {\r\n    padding: 14px 18px;\r\n\r\n    border-right: 1px solid var(--line);\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.gm-values-intro small {\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    font-size: 12px;\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n\r\n    color: var(--green-light);\r\n}\r\n\r\n.gm-values-intro strong {\r\n    display: block;\r\n\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n\r\n    color: var(--white);\r\n\r\n    transition: color .3s ease;\r\n}\r\n\r\n.gm-values:hover .gm-values-intro strong {\r\n    color: var(--green-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUE LIST\r\n   ========================================================= *\/\r\n\r\n.gm-values-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n}\r\n\r\n.gm-value {\r\n    position: relative;\r\n\r\n    padding: 24px 22px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    min-height: 78px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.gm-value:not(:last-child) {\r\n    border-right: 1px solid var(--line);\r\n}\r\n\r\n.gm-value:hover {\r\n    background: rgba(101,160,134,.12);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.gm-value-number {\r\n    margin-right: 12px;\r\n\r\n    font-size: 15px;\r\n    color: var(--muted);\r\n    letter-spacing: .08em;\r\n\r\n    transition: all .3s ease;\r\n}\r\n\r\n.gm-value:hover .gm-value-number {\r\n    color: var(--green-light);\r\n    transform: translateX(3px);\r\n}\r\n\r\n.gm-value-name {\r\n    font-size: 15px;\r\n    line-height: 1.3;\r\n\r\n    color: var(--soft);\r\n\r\n    transition: all .3s ease;\r\n}\r\n\r\n.gm-value:hover .gm-value-name {\r\n    color: var(--white);\r\n    transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL ANIMATION\r\n   ========================================================= *\/\r\n\r\n.gm-mvv-compact.gm-mvv-js-ready .gm-mvv-reveal {\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n\r\n    transition:\r\n        opacity .85s ease,\r\n        transform .85s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.gm-mvv-compact.gm-mvv-js-ready\r\n.gm-mvv-reveal.gm-mvv-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Staggered mission and vision *\/\r\n\r\n.gm-mvv-compact.gm-mvv-js-ready\r\n.gm-mvv-block:nth-child(1) {\r\n    transition-delay: .08s;\r\n}\r\n\r\n.gm-mvv-compact.gm-mvv-js-ready\r\n.gm-mvv-block:nth-child(2) {\r\n    transition-delay: .22s;\r\n}\r\n\r\n\/* Staggered values *\/\r\n\r\n.gm-mvv-compact.gm-mvv-js-ready\r\n.gm-value:nth-child(1) {\r\n    transition-delay: .05s;\r\n}\r\n\r\n.gm-mvv-compact.gm-mvv-js-ready\r\n.gm-value:nth-child(2) {\r\n    transition-delay: .14s;\r\n}\r\n\r\n.gm-mvv-compact.gm-mvv-js-ready\r\n.gm-value:nth-child(3) {\r\n    transition-delay: .23s;\r\n}\r\n\r\n.gm-mvv-compact.gm-mvv-js-ready\r\n.gm-value:nth-child(4) {\r\n    transition-delay: .32s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .gm-mvv-compact {\r\n        padding: 75px 0 80px;\r\n    }\r\n\r\n    .gm-mvv-main {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .gm-mvv-block:first-child {\r\n        border-right: 0;\r\n        border-bottom: 1px solid var(--line);\r\n    }\r\n\r\n    .gm-mvv-block {\r\n        min-height: auto;\r\n        padding: 42px 42px 45px;\r\n    }\r\n\r\n    .gm-values {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .gm-values-intro {\r\n        border-right: 0;\r\n        border-bottom: 1px solid var(--line);\r\n        padding: 20px 25px;\r\n    }\r\n\r\n    .gm-values-list {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .gm-value:nth-child(2) {\r\n        border-right: 0;\r\n    }\r\n\r\n    .gm-value:nth-child(-n+2) {\r\n        border-bottom: 1px solid var(--line);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .gm-mvv-compact {\r\n        padding: 62px 0 65px;\r\n    }\r\n\r\n    .gm-mvv-wrap {\r\n        width: min(92%, 1180px);\r\n    }\r\n\r\n    .gm-mvv-top {\r\n        gap: 13px;\r\n        margin-bottom: 34px;\r\n    }\r\n\r\n    .gm-mvv-number {\r\n        width: 35px;\r\n        height: 35px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gm-mvv-label {\r\n        font-size: 9px;\r\n        letter-spacing: .14em;\r\n    }\r\n\r\n    .gm-mvv-block {\r\n        padding: 34px 25px 38px;\r\n    }\r\n\r\n    .gm-mvv-block-label {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .gm-mvv-block-label span:last-child {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gm-mvv-statement {\r\n        font-size: clamp(25px, 8vw, 34px);\r\n        line-height: 1.13;\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n    .gm-mvv-description {\r\n        font-size: 13px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .gm-values {\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .gm-values-intro {\r\n        padding: 19px 20px;\r\n    }\r\n\r\n    .gm-values-intro small {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gm-values-intro strong {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .gm-values-list {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .gm-value {\r\n        min-height: 58px;\r\n        padding: 17px 20px;\r\n    }\r\n\r\n    .gm-value:not(:last-child) {\r\n        border-right: 0;\r\n        border-bottom: 1px solid var(--line);\r\n    }\r\n\r\n    .gm-value-number {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gm-value-name {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .gm-mvv-corner {\r\n        right: 18px;\r\n        bottom: 18px;\r\n    }\r\n\r\n    .gm-mvv-block:hover,\r\n    .gm-value:hover {\r\n        transform: none;\r\n    }\r\n\r\n    .gm-mvv-rotor {\r\n        width: 300px;\r\n        height: 300px;\r\n    }\r\n\r\n    .gm-mvv-rotor-two {\r\n        width: 350px;\r\n        height: 350px;\r\n    }\r\n\r\n    .gm-mvv-pulse {\r\n        width: 160px;\r\n        height: 160px;\r\n    }\r\n\r\n    .gm-mvv-marker {\r\n        width: 28px;\r\n        height: 28px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .gm-mvv-blueprint,\r\n    .gm-mvv-rotor,\r\n    .gm-mvv-pulse,\r\n    .gm-mvv-node,\r\n    .gm-mvv-marker {\r\n        animation: none !important;\r\n    }\r\n\r\n    .gm-mvv-block,\r\n    .gm-value,\r\n    .gm-value-name,\r\n    .gm-mvv-number,\r\n    .gm-mvv-corner,\r\n    .gm-mvv-block-label span:first-child {\r\n        transition: none !important;\r\n    }\r\n\r\n    .gm-mvv-compact.gm-mvv-js-ready .gm-mvv-reveal {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: none;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =====================================================\r\n     GAMATECH MISSION \/ VISION \/ VALUES SECTION\r\n     ===================================================== -->\r\n\r\n<section class=\"gm-mvv-compact\">\r\n\r\n    <!-- BACKGROUND ANIMATION -->\r\n\r\n    <div class=\"gm-mvv-motion\" aria-hidden=\"true\">\r\n\r\n        <div class=\"gm-mvv-blueprint\"><\/div>\r\n\r\n        <div class=\"gm-mvv-rotor gm-mvv-rotor-one\"><\/div>\r\n        <div class=\"gm-mvv-rotor gm-mvv-rotor-two\"><\/div>\r\n\r\n        <div class=\"gm-mvv-pulse gm-mvv-pulse-one\"><\/div>\r\n        <div class=\"gm-mvv-pulse gm-mvv-pulse-two\"><\/div>\r\n\r\n        <div class=\"gm-mvv-node gm-mvv-node-one\"><\/div>\r\n        <div class=\"gm-mvv-node gm-mvv-node-two\"><\/div>\r\n        <div class=\"gm-mvv-node gm-mvv-node-three\"><\/div>\r\n        <div class=\"gm-mvv-node gm-mvv-node-four\"><\/div>\r\n\r\n        <div class=\"gm-mvv-marker gm-mvv-marker-one\"><\/div>\r\n        <div class=\"gm-mvv-marker gm-mvv-marker-two\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- MAIN CONTENT -->\r\n\r\n    <div class=\"gm-mvv-wrap\">\r\n\r\n\r\n        <!-- TOP INDEX -->\r\n\r\n        <div class=\"gm-mvv-top gm-mvv-reveal\">\r\n\r\n            <div class=\"gm-mvv-number\">\r\n                04\r\n            <\/div>\r\n\r\n            <div class=\"gm-mvv-line\"><\/div>\r\n\r\n            <div class=\"gm-mvv-label\">\r\n                Our Direction\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MISSION AND VISION -->\r\n\r\n        <div class=\"gm-mvv-main\">\r\n\r\n\r\n            <!-- MISSION -->\r\n\r\n            <article class=\"gm-mvv-block gm-mvv-reveal\">\r\n\r\n                <div class=\"gm-mvv-block-label\">\r\n\r\n                    <span><\/span>\r\n\r\n                    <span>Mission<\/span>\r\n\r\n                <\/div>\r\n\r\n                <h3 class=\"gm-mvv-statement\">\r\n                    Solutions built for\r\n                    <em>what's next.<\/em>\r\n                <\/h3>\r\n\r\n                <p class=\"gm-mvv-description\">\r\n                    To be a leading solution provider in the MENA region,\r\n                    delivering customized oilfield services, designs,\r\n                    construction and fast-track oil & gas production and\r\n                    facility solutions for national and international companies.\r\n                <\/p>\r\n\r\n                <div class=\"gm-mvv-corner\"><\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- VISION -->\r\n\r\n            <article class=\"gm-mvv-block gm-mvv-reveal\">\r\n\r\n                <div class=\"gm-mvv-block-label\">\r\n\r\n                    <span><\/span>\r\n\r\n                    <span>Vision<\/span>\r\n\r\n                <\/div>\r\n\r\n                <h3 class=\"gm-mvv-statement\">\r\n                    Quality that creates\r\n                    <em>lasting value.<\/em>\r\n                <\/h3>\r\n\r\n                <p class=\"gm-mvv-description\">\r\n                    To deliver the highest quality specialized solutions,\r\n                    improve reservoir production, accelerate customer ROI\r\n                    and operate through safe, responsible and reliable methods\r\n                    that protect people, facilities and the environment.\r\n                <\/p>\r\n\r\n                <div class=\"gm-mvv-corner\"><\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- VALUES -->\r\n\r\n        <div class=\"gm-values gm-mvv-reveal\">\r\n\r\n\r\n            <div class=\"gm-values-intro\">\r\n\r\n                <small>\r\n                    Core Principles\r\n                <\/small>\r\n\r\n                <strong>\r\n                    Our Values\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gm-values-list\">\r\n\r\n\r\n                <div class=\"gm-value gm-mvv-reveal\">\r\n\r\n                    <span class=\"gm-value-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <span class=\"gm-value-name\">\r\n                        Innovation\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gm-value gm-mvv-reveal\">\r\n\r\n                    <span class=\"gm-value-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <span class=\"gm-value-name\">\r\n                        Authenticity\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gm-value gm-mvv-reveal\">\r\n\r\n                    <span class=\"gm-value-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <span class=\"gm-value-name\">\r\n                        Quality Service\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gm-value gm-mvv-reveal\">\r\n\r\n                    <span class=\"gm-value-number\">\r\n                        04\r\n                    <\/span>\r\n\r\n                    <span class=\"gm-value-name\">\r\n                        Sustainability\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     SCROLL REVEAL SCRIPT\r\n     ===================================================== -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initGmMvvReveal() {\r\n\r\n        const sections = document.querySelectorAll(\r\n            '.gm-mvv-compact:not([data-mvv-initialized])'\r\n        );\r\n\r\n        sections.forEach(function (section) {\r\n\r\n            section.setAttribute('data-mvv-initialized', 'true');\r\n\r\n            const revealItems = section.querySelectorAll(\r\n                '.gm-mvv-reveal'\r\n            );\r\n\r\n            if (!('IntersectionObserver' in window)) {\r\n                return;\r\n            }\r\n\r\n            section.classList.add('gm-mvv-js-ready');\r\n\r\n            const observer = new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n                    entries.forEach(function (entry) {\r\n\r\n                        if (entry.isIntersecting) {\r\n\r\n                            entry.target.classList.add(\r\n                                'gm-mvv-visible'\r\n                            );\r\n\r\n                            observer.unobserve(entry.target);\r\n\r\n                        }\r\n\r\n                    });\r\n\r\n                },\r\n\r\n                {\r\n                    threshold: 0.12,\r\n                    rootMargin: '0px 0px -35px 0px'\r\n                }\r\n\r\n            );\r\n\r\n            revealItems.forEach(function (item) {\r\n                observer.observe(item);\r\n            });\r\n\r\n        });\r\n\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n\r\n        document.addEventListener(\r\n            'DOMContentLoaded',\r\n            initGmMvvReveal\r\n        );\r\n\r\n    } else {\r\n\r\n        initGmMvvReveal();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56414be e-con-full e-flex e-con e-parent\" data-id=\"56414be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ad4fa1 elementor-widget elementor-widget-html\" data-id=\"0ad4fa1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================================\r\n   GAMATECH \u2014 QHSE \/ COMMITMENT\r\n   WHITE INDUSTRIAL EDITION\r\n   FULL SECTION BACKGROUND MOTION\r\n   ========================================================= *\/\r\n\r\n.gm-qhse,\r\n.gm-qhse * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gm-qhse {\r\n    --green: #65A086;\r\n    --green-light: #3F8065;\r\n    --dark: #17323A;\r\n    --soft: #52656A;\r\n    --muted: #81918F;\r\n    --line: rgba(23,50,58,.13);\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    padding: 35px 0 40px;\r\n    overflow: hidden;\r\n    background: #F7FAF8;\r\n    color: var(--dark);\r\n}\r\n\r\n\/* =========================================================\r\n   FULL SECTION ANIMATED BACKGROUND\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -2;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n\r\n    background:\r\n        radial-gradient(\r\n            ellipse at 15% 20%,\r\n            rgba(101,160,134,.15),\r\n            transparent 38%\r\n        ),\r\n        radial-gradient(\r\n            ellipse at 85% 75%,\r\n            rgba(101,160,134,.13),\r\n            transparent 40%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #FFFFFF 0%,\r\n            #F7FAF8 55%,\r\n            #EFF6F1 100%\r\n        );\r\n}\r\n\r\n\/* Moving grid *\/\r\n\r\n.gm-qhse-grid {\r\n    position: absolute;\r\n    inset: -150px;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(63,128,101,.10) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(63,128,101,.10) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 54px 54px;\r\n\r\n    animation: gmQhseGridDrift 15s linear infinite;\r\n    opacity: 5.65;\r\n}\r\n\r\n@keyframes gmQhseGridDrift {\r\n    0% {\r\n        transform: translate(0,0);\r\n    }\r\n    100% {\r\n        transform: translate(54px,54px);\r\n    }\r\n}\r\n\r\n\/* Large moving background orbs *\/\r\n\r\n.gm-qhse-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    filter: blur(1px);\r\n    mix-blend-mode: multiply;\r\n}\r\n\r\n.gm-qhse-orb-one {\r\n    width: 360px;\r\n    height: 360px;\r\n    top: -100px;\r\n    left: 5%;\r\n\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(101,160,134,.13) 0%,\r\n        rgba(101,160,134,.045) 48%,\r\n        transparent 72%\r\n    );\r\n\r\n    animation: gmQhseOrbOne 17s ease-in-out infinite alternate;\r\n}\r\n\r\n.gm-qhse-orb-two {\r\n    width: 420px;\r\n    height: 420px;\r\n    right: -100px;\r\n    bottom: -140px;\r\n\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(101,160,134,.16) 0%,\r\n        rgba(101,160,134,.05) 48%,\r\n        transparent 72%\r\n    );\r\n\r\n    animation: gmQhseOrbTwo 20s ease-in-out infinite alternate;\r\n}\r\n\r\n.gm-qhse-orb-three {\r\n    width: 220px;\r\n    height: 220px;\r\n    top: 45%;\r\n    left: 42%;\r\n\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(101,160,134,.10) 0%,\r\n        transparent 70%\r\n    );\r\n\r\n    animation: gmQhseOrbThree 13s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gmQhseOrbOne {\r\n    0% {\r\n        transform: translate(0,0) scale(.9);\r\n    }\r\n    100% {\r\n        transform: translate(150px,110px) scale(1.3);\r\n    }\r\n}\r\n\r\n@keyframes gmQhseOrbTwo {\r\n    0% {\r\n        transform: translate(0,0) scale(1);\r\n    }\r\n    100% {\r\n        transform: translate(-150px,-120px) scale(1.25);\r\n    }\r\n}\r\n\r\n@keyframes gmQhseOrbThree {\r\n    0% {\r\n        transform: translate(-50px,30px);\r\n    }\r\n    100% {\r\n        transform: translate(100px,-70px);\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   EXPANDING BACKGROUND RINGS\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-ring {\r\n    position: absolute;\r\n    width: 180px;\r\n    height: 180px;\r\n    border: 1px solid rgba(63,128,101,.20);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n\r\n    animation: gmQhseRingPulse 7s ease-out infinite;\r\n}\r\n\r\n.gm-qhse-ring-one {\r\n    top: 10%;\r\n    right: 13%;\r\n}\r\n\r\n.gm-qhse-ring-two {\r\n    bottom: 5%;\r\n    left: 12%;\r\n    animation-delay: 3.5s;\r\n}\r\n\r\n@keyframes gmQhseRingPulse {\r\n    0% {\r\n        transform: scale(.55);\r\n        opacity: 0;\r\n    }\r\n    25% {\r\n        opacity: .7;\r\n    }\r\n    100% {\r\n        transform: scale(1.9);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   SMALL FLOATING PARTICLES\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-particle {\r\n    position: absolute;\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: var(--green);\r\n    box-shadow: 0 0 0 5px rgba(101,160,134,.10);\r\n    pointer-events: none;\r\n\r\n    animation: gmQhseParticleFloat 6s ease-in-out infinite;\r\n}\r\n\r\n.gm-qhse-particle:nth-child(1) {\r\n    top: 16%;\r\n    left: 23%;\r\n}\r\n\r\n.gm-qhse-particle:nth-child(2) {\r\n    top: 55%;\r\n    left: 8%;\r\n    animation-delay: -2s;\r\n}\r\n\r\n.gm-qhse-particle:nth-child(3) {\r\n    top: 75%;\r\n    right: 18%;\r\n    animation-delay: -4s;\r\n}\r\n\r\n.gm-qhse-particle:nth-child(4) {\r\n    top: 30%;\r\n    right: 35%;\r\n    animation-delay: -1s;\r\n}\r\n\r\n.gm-qhse-particle:nth-child(5) {\r\n    bottom: 12%;\r\n    left: 55%;\r\n    animation-delay: -3s;\r\n}\r\n\r\n@keyframes gmQhseParticleFloat {\r\n    0%, 100% {\r\n        transform: translate3d(0,0,0);\r\n        opacity: .35;\r\n    }\r\n    50% {\r\n        transform: translate3d(18px,-25px,0);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1180px, 90%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   TOP INDEX\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-top {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 45px;\r\n}\r\n\r\n.gm-qhse-number {\r\n    width: 42px;\r\n    height: 42px;\r\n    flex: 0 0 42px;\r\n    border: 1px solid rgba(63,128,101,.45);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    letter-spacing: .12em;\r\n    color: var(--green-light);\r\n\r\n    background: rgba(255,255,255,.75);\r\n\r\n    transition:\r\n        background .35s ease,\r\n        color .35s ease,\r\n        transform .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n.gm-qhse-number:hover {\r\n    background: var(--green-light);\r\n    color: #FFFFFF;\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 9px 22px rgba(63,128,101,.18);\r\n}\r\n\r\n.gm-qhse-line {\r\n    height: 1px;\r\n    flex: 1;\r\n    background: var(--line);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.gm-qhse-line::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 24%;\r\n    height: 1px;\r\n    background: var(--green);\r\n    animation: gmQhseLineMove 4s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gmQhseLineMove {\r\n    from { transform: translateX(0); }\r\n    to { transform: translateX(310%); }\r\n}\r\n\r\n.gm-qhse-label {\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n    color: var(--muted);\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* =========================================================\r\n   MAIN CONTENT\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-main {\r\n    display: grid;\r\n    grid-template-columns: .92fr 1.08fr;\r\n    min-height: 500px;\r\n\r\n    border-top: 1px solid var(--line);\r\n    border-bottom: 1px solid var(--line);\r\n\r\n    background: rgba(255,255,255,.78);\r\n    box-shadow: 0 18px 55px rgba(23,50,58,.045);\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE SIDE\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-image {\r\n    position: relative;\r\n    min-height: 450px;\r\n    overflow: hidden;\r\n    background: #E8EFEB;\r\n}\r\n\r\n.gm-qhse-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    filter: saturate(.78) contrast(1.05);\r\n\r\n    transition:\r\n        transform .9s cubic-bezier(.2,.7,.2,1),\r\n        filter .6s ease;\r\n}\r\n\r\n.gm-qhse-image:hover img {\r\n    transform: scale(1.055);\r\n    filter: saturate(.98) contrast(1.06);\r\n}\r\n\r\n.gm-qhse-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        rgba(14,34,44,.02),\r\n        rgba(14,34,44,.28)\r\n    );\r\n\r\n    pointer-events: none;\r\n    transition: opacity .5s ease;\r\n}\r\n\r\n.gm-qhse-image:hover::after {\r\n    opacity: .7;\r\n}\r\n\r\n\/* Image label *\/\r\n\r\n.gm-qhse-image-label {\r\n    position: absolute;\r\n    left: 25px;\r\n    bottom: 24px;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    padding: 9px 13px;\r\n\r\n    border: 1px solid rgba(255,255,255,.55);\r\n    background: rgba(255,255,255,.88);\r\n\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n\r\n    box-shadow: 0 8px 25px rgba(12,35,30,.10);\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n.gm-qhse-image:hover .gm-qhse-image-label {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 12px 30px rgba(12,35,30,.16);\r\n}\r\n\r\n.gm-qhse-image-label span:first-child {\r\n    width: 6px;\r\n    height: 6px;\r\n    flex: 0 0 6px;\r\n    border-radius: 50%;\r\n    background: var(--green-light);\r\n    box-shadow: 0 0 0 4px rgba(63,128,101,.13);\r\n    animation: gmQhsePulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gmQhsePulse {\r\n    0%, 100% {\r\n        box-shadow: 0 0 0 4px rgba(63,128,101,.13);\r\n    }\r\n    50% {\r\n        box-shadow: 0 0 0 8px rgba(63,128,101,.04);\r\n    }\r\n}\r\n\r\n.gm-qhse-image-label span:last-child {\r\n    font-size: 9px;\r\n    letter-spacing: .16em;\r\n    text-transform: uppercase;\r\n    color: var(--dark);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT SIDE\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-content {\r\n    padding: 47px 52px 48px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    background: linear-gradient(\r\n        145deg,\r\n        rgba(255,255,255,.97),\r\n        rgba(244,249,246,.91)\r\n    );\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.gm-qhse-eyebrow span:first-child {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--green);\r\n    box-shadow: 0 0 0 5px rgba(101,160,134,.12);\r\n}\r\n\r\n.gm-qhse-eyebrow span:last-child {\r\n    font-size: 13px;\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n    color: var(--green-light);\r\n}\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-heading {\r\n    margin: 0 0 10px;\r\n    font-size: clamp(34px, 4vw, 34px);\r\n    line-height: 1;\r\n    font-weight: 600;\r\n    letter-spacing: -1.px;\r\n    color: var(--dark);\r\n}\r\n\r\n.gm-qhse-heading em {\r\n    font-style: normal;\r\n    color: var(--green-light);\r\n}\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-intro {\r\n    max-width: 520px;\r\n    margin: 0 0 30px;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    color: var(--soft);\r\n}\r\n\r\n\/* =========================================================\r\n   COMMITMENT POINTS\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-points {\r\n    border-top: 1px solid var(--line);\r\n}\r\n\r\n.gm-qhse-point {\r\n    display: grid;\r\n    grid-template-columns: 34px 1fr;\r\n    gap: 12px;\r\n\r\n    padding: 12px 0;\r\n    border-bottom: 1px solid var(--line);\r\n\r\n    position: relative;\r\n\r\n    transition:\r\n        padding-left .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n.gm-qhse-point::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -12px;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 3px;\r\n    background: var(--green);\r\n    transform: scaleY(0);\r\n    transform-origin: center;\r\n    transition: transform .35s ease;\r\n}\r\n\r\n.gm-qhse-point:hover {\r\n    padding-left: 12px;\r\n    background: rgba(101,160,134,.055);\r\n}\r\n\r\n.gm-qhse-point:hover::before {\r\n    transform: scaleY(1);\r\n}\r\n\r\n.gm-qhse-point-number {\r\n    font-size: 15px;\r\n    color: var(--muted);\r\n    padding-top: 2px;\r\n    transition: color .3s ease;\r\n}\r\n\r\n.gm-qhse-point:hover .gm-qhse-point-number {\r\n    color: var(--green-light);\r\n}\r\n\r\n.gm-qhse-point-text {\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n    color: var(--soft);\r\n}\r\n\r\n.gm-qhse-point-text strong {\r\n    display: block;\r\n    margin-bottom: 2px;\r\n    font-size: 19px;\r\n    font-weight: 600;\r\n    color: var(--green-light);\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.gm-qhse-point:hover .gm-qhse-point-text strong {\r\n    transform: translateX(3px);\r\n}\r\n\r\n\/* =========================================================\r\n   HSE BADGE\r\n   ========================================================= *\/\r\n\r\n.gm-qhse-hse {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-top: 15px;\r\n    padding: 10px 10px;\r\n    width: fit-content;\r\n\r\n    border: 1px solid rgba(63,128,101,.28);\r\n    background: rgba(101,160,134,.07);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        background .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n.gm-qhse-hse:hover {\r\n    transform: translateY(-4px);\r\n    background: rgba(101,160,134,.13);\r\n    box-shadow: 0 9px 24px rgba(63,128,101,.12);\r\n}\r\n\r\n.gm-qhse-hse-mark {\r\n    width: 23px;\r\n    height: 23px;\r\n    border: 1px solid rgba(63,128,101,.55);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    font-size: 10px;\r\n    color: var(--green-light);\r\n}\r\n\r\n.gm-qhse-hse-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n.gm-qhse-hse-text strong {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    letter-spacing: .08em;\r\n    color: var(--dark);\r\n}\r\n\r\n.gm-qhse-hse-text span {\r\n    font-size: 10px;\r\n    letter-spacing: .08em;\r\n    text-transform: uppercase;\r\n    color: var(--muted);\r\n}\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n   ========================================================= *\/\r\n\r\n.gm-qhse [data-gm-reveal] {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n\r\n    transition:\r\n        opacity .85s ease,\r\n        transform .85s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.gm-qhse [data-gm-reveal].gm-qhse-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.gm-qhse .gm-qhse-image[data-gm-reveal] {\r\n    transform: translateX(-35px);\r\n}\r\n\r\n.gm-qhse .gm-qhse-image.gm-qhse-visible {\r\n    transform: translateX(0);\r\n}\r\n\r\n.gm-qhse .gm-qhse-content[data-gm-reveal] {\r\n    transform: translateX(35px);\r\n}\r\n\r\n.gm-qhse .gm-qhse-content.gm-qhse-visible {\r\n    transform: translateX(0);\r\n}\r\n\r\n.gm-qhse-point[data-gm-reveal] {\r\n    transition-delay: var(--reveal-delay, 0s);\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .gm-qhse {\r\n        padding: 75px 0 80px;\r\n    }\r\n\r\n    .gm-qhse-main {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .gm-qhse-image {\r\n        min-height: 380px;\r\n    }\r\n\r\n    .gm-qhse-content {\r\n        padding: 45px 42px 48px;\r\n    }\r\n\r\n    .gm-qhse-bottom {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n        padding-top: 30px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .gm-qhse {\r\n        padding: 62px 0 65px;\r\n    }\r\n\r\n    .gm-qhse-wrap {\r\n        width: 92%;\r\n    }\r\n\r\n    .gm-qhse-top {\r\n        gap: 13px;\r\n        margin-bottom: 34px;\r\n    }\r\n\r\n    .gm-qhse-number {\r\n        width: 35px;\r\n        height: 35px;\r\n        flex-basis: 35px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gm-qhse-label {\r\n        font-size: 9px;\r\n        letter-spacing: .14em;\r\n    }\r\n\r\n    .gm-qhse-image {\r\n        min-height: 300px;\r\n    }\r\n\r\n    .gm-qhse-image-label {\r\n        left: 18px;\r\n        bottom: 18px;\r\n        padding: 8px 11px;\r\n    }\r\n\r\n    .gm-qhse-image-label span:last-child {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .gm-qhse-content {\r\n        padding: 35px 25px 38px;\r\n    }\r\n\r\n    .gm-qhse-eyebrow {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .gm-qhse-eyebrow span:last-child {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gm-qhse-heading {\r\n        font-size: clamp(32px, 9vw, 42px);\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n    .gm-qhse-intro {\r\n        font-size: 13px;\r\n        line-height: 1.7;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .gm-qhse-point {\r\n        grid-template-columns: 28px 1fr;\r\n        padding: 13px 0;\r\n    }\r\n\r\n    .gm-qhse-point-number {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gm-qhse-point-text {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .gm-qhse-point-text strong {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .gm-qhse-hse {\r\n        margin-top: 21px;\r\n        padding: 10px 12px;\r\n    }\r\n\r\n    .gm-qhse-bottom {\r\n        gap: 16px;\r\n        padding-top: 25px;\r\n    }\r\n\r\n    .gm-qhse-bottom-label {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gm-qhse-bottom-text {\r\n        font-size: 20px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .gm-qhse-orb-one {\r\n        width: 220px;\r\n        height: 220px;\r\n    }\r\n\r\n    .gm-qhse-orb-two {\r\n        width: 250px;\r\n        height: 250px;\r\n    }\r\n\r\n    .gm-qhse-grid {\r\n        background-size: 38px 38px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .gm-qhse *,\r\n    .gm-qhse *::before,\r\n    .gm-qhse *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .gm-qhse [data-gm-reveal] {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"gm-qhse\">\r\n\r\n    <!-- FULL SECTION BACKGROUND ANIMATION -->\r\n\r\n    <div class=\"gm-qhse-bg\">\r\n\r\n        <div class=\"gm-qhse-grid\"><\/div>\r\n\r\n        <div class=\"gm-qhse-orb gm-qhse-orb-one\"><\/div>\r\n        <div class=\"gm-qhse-orb gm-qhse-orb-two\"><\/div>\r\n        <div class=\"gm-qhse-orb gm-qhse-orb-three\"><\/div>\r\n\r\n        <div class=\"gm-qhse-ring gm-qhse-ring-one\"><\/div>\r\n        <div class=\"gm-qhse-ring gm-qhse-ring-two\"><\/div>\r\n\r\n        <div class=\"gm-qhse-particle\"><\/div>\r\n        <div class=\"gm-qhse-particle\"><\/div>\r\n        <div class=\"gm-qhse-particle\"><\/div>\r\n        <div class=\"gm-qhse-particle\"><\/div>\r\n        <div class=\"gm-qhse-particle\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gm-qhse-wrap\">\r\n\r\n        <!-- TOP INDEX -->\r\n\r\n        <div class=\"gm-qhse-top\" data-gm-reveal>\r\n\r\n            <div class=\"gm-qhse-number\">\r\n                05\r\n            <\/div>\r\n\r\n            <div class=\"gm-qhse-line\"><\/div>\r\n\r\n            <div class=\"gm-qhse-label\">\r\n                QHSE & Commitment\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MAIN QHSE AREA -->\r\n\r\n        <div class=\"gm-qhse-main\">\r\n\r\n            <!-- IMAGE -->\r\n\r\n            <div class=\"gm-qhse-image\" data-gm-reveal>\r\n\r\n                <img decoding=\"async\" title=\"About\"\r\n                    src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/man-safety-equipment-his-workplace-1-scaled.jpg\"\r\n                    alt=\"GAMATECH Energy QHSE and industrial operations\"\r\n                >\r\n\r\n                <div class=\"gm-qhse-image-label\">\r\n\r\n                    <span><\/span>\r\n\r\n                    <span>\r\n                        Safety \u00b7 Quality \u00b7 Responsibility\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CONTENT -->\r\n\r\n            <div class=\"gm-qhse-content\" data-gm-reveal>\r\n\r\n                <div class=\"gm-qhse-eyebrow\" data-gm-reveal>\r\n\r\n                    <span><\/span>\r\n\r\n                    <span>\r\n                        Built around responsibility\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"gm-qhse-heading\" data-gm-reveal>\r\n\r\n                    SAFETY IS PART OF\r\n                    <em>EVERY SOLUTION.<\/em>\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"gm-qhse-intro\" data-gm-reveal>\r\n\r\n                    GAMATECH operates with a strong commitment to\r\n                    quality, safety and responsible execution. Its\r\n                    projects are delivered with rigorous adherence\r\n                    to international QHSE standards, protecting\r\n                    people, facilities and the environment.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- QHSE POINTS -->\r\n\r\n                <div class=\"gm-qhse-points\">\r\n\r\n                    <div class=\"gm-qhse-point\"\r\n                         data-gm-reveal\r\n                         style=\"--reveal-delay:.10s\">\r\n\r\n                        <div class=\"gm-qhse-point-number\">\r\n                            01\r\n                        <\/div>\r\n\r\n                        <div class=\"gm-qhse-point-text\">\r\n\r\n                            <strong>\r\n                                Quality\r\n                            <\/strong>\r\n\r\n                            High-quality specialized solutions\r\n                            designed around performance,\r\n                            reliability and operational needs.\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gm-qhse-point\"\r\n                         data-gm-reveal\r\n                         style=\"--reveal-delay:.22s\">\r\n\r\n                        <div class=\"gm-qhse-point-number\">\r\n                            02\r\n                        <\/div>\r\n\r\n                        <div class=\"gm-qhse-point-text\">\r\n\r\n                            <strong>\r\n                                Health & Safety\r\n                            <\/strong>\r\n\r\n                            Safe methods of operation with a\r\n                            strong focus on protecting people\r\n                            throughout project activities.\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gm-qhse-point\"\r\n                         data-gm-reveal\r\n                         style=\"--reveal-delay:.34s\">\r\n\r\n                        <div class=\"gm-qhse-point-number\">\r\n                            03\r\n                        <\/div>\r\n\r\n                        <div class=\"gm-qhse-point-text\">\r\n\r\n                            <strong>\r\n                                Environment\r\n                            <\/strong>\r\n\r\n                            Responsible practices that help protect\r\n                            facilities and the surrounding environment.\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- HSE BADGE -->\r\n\r\n                <div class=\"gm-qhse-hse\" data-gm-reveal>\r\n\r\n                    <div class=\"gm-qhse-hse-mark\">\r\n                        HSE\r\n                    <\/div>\r\n\r\n                    <div class=\"gm-qhse-hse-text\">\r\n\r\n                        <strong>\r\n                            100% HSE POLICY\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Safety-led operations\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const sections = document.querySelectorAll('.gm-qhse');\r\n\r\n    sections.forEach(function(section) {\r\n\r\n        const revealItems = section.querySelectorAll('[data-gm-reveal]');\r\n\r\n        if (!('IntersectionObserver' in window)) {\r\n            revealItems.forEach(function(item) {\r\n                item.classList.add('gm-qhse-visible');\r\n            });\r\n            return;\r\n        }\r\n\r\n        const observer = new IntersectionObserver(function(entries) {\r\n\r\n            entries.forEach(function(entry) {\r\n\r\n                if (entry.isIntersecting) {\r\n\r\n                    entry.target.classList.add('gm-qhse-visible');\r\n\r\n                    observer.unobserve(entry.target);\r\n\r\n                }\r\n\r\n            });\r\n\r\n        }, {\r\n            threshold: 0.12,\r\n            rootMargin: '0px 0px -35px 0px'\r\n        });\r\n\r\n        revealItems.forEach(function(item) {\r\n            observer.observe(item);\r\n        });\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db45e33 e-con-full e-flex e-con e-parent\" data-id=\"db45e33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31578b2 elementor-widget elementor-widget-html\" data-id=\"31578b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<section class=\"gm-final-cta\">\r\n\r\n  <!-- ANIMATED BACKGROUND -->\r\n  <div class=\"gm-final-cta__background\"><\/div>\r\n  <div class=\"gm-final-cta__overlay\"><\/div>\r\n\r\n  <div class=\"gm-final-cta__motion\">\r\n\r\n    <div class=\"gm-final-cta__grid\"><\/div>\r\n\r\n    <div class=\"gm-final-cta__orb gm-final-cta__orb--one\"><\/div>\r\n    <div class=\"gm-final-cta__orb gm-final-cta__orb--two\"><\/div>\r\n    <div class=\"gm-final-cta__orb gm-final-cta__orb--three\"><\/div>\r\n\r\n    <div class=\"gm-final-cta__ring gm-final-cta__ring--one\"><\/div>\r\n    <div class=\"gm-final-cta__ring gm-final-cta__ring--two\"><\/div>\r\n\r\n    <span class=\"gm-final-cta__particle gm-final-cta__particle--one\"><\/span>\r\n    <span class=\"gm-final-cta__particle gm-final-cta__particle--two\"><\/span>\r\n    <span class=\"gm-final-cta__particle gm-final-cta__particle--three\"><\/span>\r\n    <span class=\"gm-final-cta__particle gm-final-cta__particle--four\"><\/span>\r\n    <span class=\"gm-final-cta__particle gm-final-cta__particle--five\"><\/span>\r\n    <span class=\"gm-final-cta__particle gm-final-cta__particle--six\"><\/span>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"gm-final-cta__inner\">\r\n\r\n    <!-- Section label -->\r\n    <div class=\"gm-final-cta__eyebrow gm-cta-reveal\">\r\n\r\n      <span class=\"gm-final-cta__line\"><\/span>\r\n\r\n      <span>LET'S MOVE FORWARD<\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Main content -->\r\n    <div class=\"gm-final-cta__main\">\r\n\r\n      <div class=\"gm-final-cta__left\">\r\n\r\n        <h2 class=\"gm-cta-reveal\">\r\n          READY TO MOVE YOUR\r\n          <span>NEXT PROJECT FORWARD?<\/span>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gm-final-cta__right\">\r\n\r\n        <p class=\"gm-cta-reveal\">\r\n          From energy solutions to oilfield equipment and engineering,\r\n          GAMATECH brings integrated capabilities to demanding industrial\r\n          operations.\r\n        <\/p>\r\n\r\n        <a href=\"\/gamatech\/contact\/\"\r\n           class=\"gm-final-cta__button gm-cta-reveal\">\r\n\r\n          <span>Discuss Your Project<\/span>\r\n\r\n          <span class=\"gm-final-cta__arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Minimal footer line -->\r\n    <div class=\"gm-final-cta__footer gm-cta-reveal\">\r\n\r\n      <span class=\"gm-final-cta__brand\">GAMATECH ENERGY<\/span>\r\n\r\n      <span class=\"gm-final-cta__footer-right\">\r\n        ENGINEERING \u00b7 ENERGY \u00b7 INDUSTRIAL SOLUTIONS\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   GAMATECH \u2014 FINAL CTA\r\n   ORIGINAL DESIGN + ANIMATED BACKGROUND\r\n   ========================================= *\/\r\n\r\n.gm-final-cta {\r\n  --gm-bg: #0E222C;\r\n  --gm-bg2: #102A34;\r\n  --gm-green: #65A086;\r\n  --gm-green-light: #82B49D;\r\n  --gm-white: #FFFFFF;\r\n  --gm-soft: rgba(255,255,255,.76);\r\n  --gm-muted: rgba(255,255,255,.58);\r\n  --gm-line: rgba(255,255,255,.16);\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  padding: 88px 0 30px;\r\n  background: var(--gm-bg);\r\n  color: var(--gm-white);\r\n  font-family: inherit;\r\n}\r\n\r\n.gm-final-cta,\r\n.gm-final-cta * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BACKGROUND IMAGE\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__background {\r\n  position: absolute;\r\n  z-index: -4;\r\n  inset: 0;\r\n\r\n  background-image: url(\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/017bb9d8-0e55-438f-9596-215fc7887594-1.png\");\r\n\r\n  background-size: cover;\r\n  background-position: center 48%;\r\n  background-repeat: no-repeat;\r\n\r\n  transform: scale(1.015);\r\n\r\n  transition: transform 1.2s ease;\r\n\r\n  animation: gmCtaBackgroundMotion 24s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gmCtaBackgroundMotion {\r\n\r\n  0% {\r\n    background-position: 48% 48%;\r\n  }\r\n\r\n  100% {\r\n    background-position: 55% 52%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE OVERLAY\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__overlay {\r\n  position: absolute;\r\n  z-index: -3;\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(14,34,44,.78) 0%,\r\n      rgba(14,34,44,.62) 38%,\r\n      rgba(14,34,44,.38) 70%,\r\n      rgba(14,34,44,.28) 100%\r\n    ),\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(14,34,44,.60) 0%,\r\n      rgba(14,34,44,.12) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ANIMATED BACKGROUND LAYER\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__motion {\r\n  position: absolute;\r\n  z-index: -2;\r\n  inset: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTINUOUS MOVING GRID\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__grid {\r\n  position: absolute;\r\n  inset: -120px;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255,255,255,.075) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.075) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 68px 68px;\r\n\r\n  opacity: .35;\r\n\r\n  animation: gmCtaGridMove 16s linear infinite;\r\n\r\n  mask-image: linear-gradient(\r\n    90deg,\r\n    transparent 0%,\r\n    black 25%,\r\n    black 100%\r\n  );\r\n\r\n  -webkit-mask-image: linear-gradient(\r\n    90deg,\r\n    transparent 0%,\r\n    black 25%,\r\n    black 100%\r\n  );\r\n}\r\n\r\n@keyframes gmCtaGridMove {\r\n\r\n  0% {\r\n    transform: translate(0,0);\r\n  }\r\n\r\n  100% {\r\n    transform: translate(68px,68px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOVING GREEN AMBIENT LIGHT\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n\r\n  filter: blur(2px);\r\n\r\n  mix-blend-mode: screen;\r\n}\r\n\r\n.gm-final-cta__orb--one {\r\n  width: 390px;\r\n  height: 390px;\r\n\r\n  top: -190px;\r\n  left: 8%;\r\n\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(101,160,134,.23) 0%,\r\n    rgba(101,160,134,.08) 45%,\r\n    transparent 72%\r\n  );\r\n\r\n  animation: gmCtaOrbOne 17s ease-in-out infinite alternate;\r\n}\r\n\r\n.gm-final-cta__orb--two {\r\n  width: 460px;\r\n  height: 460px;\r\n\r\n  right: -130px;\r\n  bottom: -220px;\r\n\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(101,160,134,.25) 0%,\r\n    rgba(101,160,134,.07) 45%,\r\n    transparent 72%\r\n  );\r\n\r\n  animation: gmCtaOrbTwo 19s ease-in-out infinite alternate;\r\n}\r\n\r\n.gm-final-cta__orb--three {\r\n  width: 260px;\r\n  height: 260px;\r\n\r\n  left: 40%;\r\n  top: 30%;\r\n\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(130,180,157,.15) 0%,\r\n    transparent 72%\r\n  );\r\n\r\n  animation: gmCtaOrbThree 14s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gmCtaOrbOne {\r\n\r\n  0% {\r\n    transform: translate(0,0) scale(.85);\r\n  }\r\n\r\n  100% {\r\n    transform: translate(190px,150px) scale(1.3);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gmCtaOrbTwo {\r\n\r\n  0% {\r\n    transform: translate(0,0) scale(1);\r\n  }\r\n\r\n  100% {\r\n    transform: translate(-180px,-130px) scale(1.3);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gmCtaOrbThree {\r\n\r\n  0% {\r\n    transform: translate(-50px,30px);\r\n  }\r\n\r\n  100% {\r\n    transform: translate(110px,-75px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FLOATING PARTICLES\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__particle {\r\n  position: absolute;\r\n\r\n  width: 7px;\r\n  height: 7px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--gm-green-light);\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(130,180,157,.10),\r\n    0 0 18px rgba(130,180,157,.55);\r\n\r\n  animation: gmCtaParticleFloat 6s ease-in-out infinite;\r\n}\r\n\r\n.gm-final-cta__particle--one {\r\n  top: 18%;\r\n  left: 20%;\r\n}\r\n\r\n.gm-final-cta__particle--two {\r\n  top: 60%;\r\n  left: 8%;\r\n  animation-delay: -2s;\r\n}\r\n\r\n.gm-final-cta__particle--three {\r\n  top: 25%;\r\n  right: 25%;\r\n  animation-delay: -3s;\r\n}\r\n\r\n.gm-final-cta__particle--four {\r\n  bottom: 18%;\r\n  right: 17%;\r\n  animation-delay: -1s;\r\n}\r\n\r\n.gm-final-cta__particle--five {\r\n  bottom: 12%;\r\n  left: 52%;\r\n  animation-delay: -4s;\r\n}\r\n\r\n.gm-final-cta__particle--six {\r\n  top: 72%;\r\n  right: 42%;\r\n  animation-delay: -2.5s;\r\n}\r\n\r\n@keyframes gmCtaParticleFloat {\r\n\r\n  0%, 100% {\r\n    transform: translate3d(0,0,0);\r\n    opacity: .35;\r\n  }\r\n\r\n  50% {\r\n    transform: translate3d(20px,-28px,0);\r\n    opacity: 1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER CONTAINER\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__inner {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: min(1180px, 90%);\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   EYEBROW\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  margin-bottom: 0;\r\n\r\n  color: var(--gm-green-light);\r\n\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n  letter-spacing: .09em;\r\n\r\n  transition: color .35s ease;\r\n}\r\n\r\n.gm-final-cta__eyebrow:hover {\r\n  color: var(--gm-white);\r\n}\r\n\r\n.gm-final-cta__line {\r\n  display: block;\r\n  flex: 0 0 18px;\r\n\r\n  width: 28px;\r\n  height: 1px;\r\n\r\n  background: var(--gm-green);\r\n\r\n  transform-origin: left;\r\n\r\n  transition:\r\n    width .4s ease,\r\n    background .4s ease;\r\n}\r\n\r\n.gm-final-cta__eyebrow:hover .gm-final-cta__line {\r\n  width: 42px;\r\n  background: var(--gm-green-light);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN LAYOUT\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__main {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1.12fr .68fr;\r\n\r\n  align-items: end;\r\n  gap: 70px;\r\n\r\n  padding-bottom: 65px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__left h2 {\r\n  max-width: 700px;\r\n  margin: 0;\r\n\r\n  color: var(--gm-white);\r\n\r\n  font-family: inherit;\r\n  font-size: clamp(34px, 4.1vw, 38px);\r\n  font-weight: 600;\r\n  line-height: 1;\r\n  letter-spacing: -1px;\r\n\r\n  transition:\r\n    color .4s ease,\r\n    transform .4s ease;\r\n}\r\n\r\n.gm-final-cta__left h2:hover {\r\n  transform: translateX(5px);\r\n}\r\n\r\n.gm-final-cta__left h2 span {\r\n  display: block;\r\n  margin-top: 4px;\r\n\r\n  color: var(--gm-green-light);\r\n\r\n  transition:\r\n    color .4s ease,\r\n    letter-spacing .4s ease;\r\n}\r\n\r\n.gm-final-cta__left h2:hover span {\r\n  color: var(--gm-white);\r\n  letter-spacing: -.5px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESCRIPTION AND CTA\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__right {\r\n  padding-bottom: 4px;\r\n}\r\n\r\n.gm-final-cta__right p {\r\n  margin: 0 0 28px;\r\n\r\n  color: var(--gm-soft);\r\n\r\n  font-family: inherit;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n\r\n  transition:\r\n    color .35s ease,\r\n    transform .35s ease;\r\n}\r\n\r\n.gm-final-cta__right p:hover {\r\n  color: var(--gm-white);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 25px;\r\n\r\n  min-height: 50px;\r\n  padding: 0 19px;\r\n\r\n  border: 1px solid var(--gm-green);\r\n  border-radius: 2px;\r\n\r\n  background: var(--gm-green);\r\n\r\n  color: var(--gm-bg) !important;\r\n  text-decoration: none !important;\r\n\r\n  font-family: inherit;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n\/* Subtle button shine *\/\r\n\r\n.gm-final-cta__button::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  top: 0;\r\n  left: -110%;\r\n\r\n  width: 70%;\r\n  height: 100%;\r\n\r\n  background: linear-gradient(\r\n    110deg,\r\n    transparent,\r\n    rgba(255,255,255,.25),\r\n    transparent\r\n  );\r\n\r\n  transition: left .65s ease;\r\n}\r\n\r\n.gm-final-cta__button:hover::before {\r\n  left: 140%;\r\n}\r\n\r\n.gm-final-cta__button:hover {\r\n  background: var(--gm-green-light);\r\n  border-color: var(--gm-green-light);\r\n\r\n  color: var(--gm-bg) !important;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow: 0 10px 25px rgba(101,160,134,.22);\r\n}\r\n\r\n.gm-final-cta__button span {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.gm-final-cta__arrow {\r\n  display: inline-block;\r\n\r\n  font-size: 20px;\r\n  line-height: 1;\r\n\r\n  transition: transform .35s ease;\r\n}\r\n\r\n.gm-final-cta__button:hover .gm-final-cta__arrow {\r\n  transform: translate(4px,-4px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FOOTER\r\n   ========================================= *\/\r\n\r\n.gm-final-cta__footer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 20px;\r\n\r\n  padding-top: 23px;\r\n\r\n  border-top: 1px solid var(--gm-line);\r\n\r\n  color: var(--gm-muted);\r\n\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 1.5;\r\n  letter-spacing: .07em;\r\n}\r\n\r\n.gm-final-cta__brand {\r\n  color: var(--gm-white);\r\n\r\n  transition:\r\n    color .3s ease,\r\n    letter-spacing .3s ease;\r\n}\r\n\r\n.gm-final-cta__brand:hover {\r\n  color: var(--gm-green-light);\r\n  letter-spacing: .12em;\r\n}\r\n\r\n.gm-final-cta__footer-right {\r\n  text-align: right;\r\n\r\n  transition: color .3s ease;\r\n}\r\n\r\n.gm-final-cta__footer-right:hover {\r\n  color: var(--gm-white);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SCROLL REVEAL ANIMATIONS\r\n   ========================================= *\/\r\n\r\n.gm-final-cta .gm-cta-reveal {\r\n  opacity: 0;\r\n\r\n  transform: translateY(35px);\r\n\r\n  transition:\r\n    opacity .9s ease,\r\n    transform .9s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.gm-final-cta .gm-cta-reveal.gm-cta-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* Different reveal direction for main heading *\/\r\n\r\n.gm-final-cta__left h2.gm-cta-reveal {\r\n  transform: translateX(-45px);\r\n}\r\n\r\n.gm-final-cta__left h2.gm-cta-reveal.gm-cta-visible {\r\n  transform: translateX(0);\r\n}\r\n\r\n\/* Description enters from right *\/\r\n\r\n.gm-final-cta__right p.gm-cta-reveal {\r\n  transform: translateX(35px);\r\n}\r\n\r\n.gm-final-cta__right p.gm-cta-reveal.gm-cta-visible {\r\n  transform: translateX(0);\r\n}\r\n\r\n\/* Staggered animation *\/\r\n\r\n.gm-final-cta__eyebrow {\r\n  transition-delay: .05s;\r\n}\r\n\r\n.gm-final-cta__left h2 {\r\n  transition-delay: .15s;\r\n}\r\n\r\n.gm-final-cta__right p {\r\n  transition-delay: .28s;\r\n}\r\n\r\n.gm-final-cta__button {\r\n  transition-delay: .42s;\r\n}\r\n\r\n.gm-final-cta__footer {\r\n  transition-delay: .5s;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .gm-final-cta {\r\n    padding-top: 72px;\r\n  }\r\n\r\n  .gm-final-cta__main {\r\n    grid-template-columns: 1fr .8fr;\r\n    gap: 35px;\r\n    padding-bottom: 50px;\r\n  }\r\n\r\n  .gm-final-cta__left h2 {\r\n    font-size: clamp(34px, 5vw, 46px);\r\n  }\r\n\r\n  .gm-final-cta__overlay {\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(14,34,44,.97) 0%,\r\n        rgba(14,34,44,.91) 100%\r\n      ),\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(14,34,44,.92),\r\n        rgba(14,34,44,.60)\r\n      );\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .gm-final-cta {\r\n    padding: 58px 0 24px;\r\n  }\r\n\r\n  .gm-final-cta__background {\r\n    background-position: 62% center;\r\n  }\r\n\r\n  .gm-final-cta__overlay {\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(14,34,44,.96) 0%,\r\n        rgba(14,34,44,.89) 100%\r\n      ),\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(14,34,44,.95),\r\n        rgba(14,34,44,.75)\r\n      );\r\n  }\r\n\r\n  .gm-final-cta__inner {\r\n    width: 90%;\r\n  }\r\n\r\n  .gm-final-cta__eyebrow {\r\n    gap: 9px;\r\n    margin-bottom: 25px;\r\n    font-size: 9px;\r\n  }\r\n\r\n  .gm-final-cta__line {\r\n    flex-basis: 21px;\r\n    width: 21px;\r\n  }\r\n\r\n  .gm-final-cta__main {\r\n    grid-template-columns: 1fr;\r\n    gap: 22px;\r\n    padding-bottom: 38px;\r\n  }\r\n\r\n  .gm-final-cta__left h2 {\r\n    font-size: clamp(30px, 8vw, 40px);\r\n    line-height: 1.12;\r\n    letter-spacing: -.03em;\r\n  }\r\n\r\n  .gm-final-cta__left h2 span {\r\n    margin-top: 3px;\r\n  }\r\n\r\n  .gm-final-cta__right p {\r\n    margin-bottom: 22px;\r\n    font-size: 13px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .gm-final-cta__button {\r\n    min-height: 47px;\r\n    gap: 20px;\r\n    padding: 0 15px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .gm-final-cta__footer {\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    padding-top: 18px;\r\n    font-size: 9px;\r\n  }\r\n\r\n  .gm-final-cta__footer-right {\r\n    text-align: left;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .gm-final-cta__orb--one {\r\n    width: 230px;\r\n    height: 230px;\r\n  }\r\n\r\n  .gm-final-cta__orb--two {\r\n    width: 270px;\r\n    height: 270px;\r\n  }\r\n\r\n  .gm-final-cta__grid {\r\n    background-size: 42px 42px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HOVER IMAGE MOTION\r\n   ========================================= *\/\r\n\r\n@media (hover: hover) and (prefers-reduced-motion: no-preference) {\r\n\r\n  .gm-final-cta:hover .gm-final-cta__background {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n   ========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .gm-final-cta *,\r\n  .gm-final-cta *::before,\r\n  .gm-final-cta *::after {\r\n    transition: none !important;\r\n    animation: none !important;\r\n  }\r\n\r\n  .gm-final-cta .gm-cta-reveal {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  const ctaSections = document.querySelectorAll('.gm-final-cta');\r\n\r\n  ctaSections.forEach(function(section) {\r\n\r\n    const revealItems = section.querySelectorAll('.gm-cta-reveal');\r\n\r\n    if (!('IntersectionObserver' in window)) {\r\n\r\n      revealItems.forEach(function(item) {\r\n        item.classList.add('gm-cta-visible');\r\n      });\r\n\r\n      return;\r\n    }\r\n\r\n    const observer = new IntersectionObserver(function(entries) {\r\n\r\n      entries.forEach(function(entry) {\r\n\r\n        if (entry.isIntersecting) {\r\n\r\n          entry.target.classList.add('gm-cta-visible');\r\n\r\n          observer.unobserve(entry.target);\r\n\r\n        }\r\n\r\n      });\r\n\r\n    }, {\r\n      threshold: 0.15,\r\n      rootMargin: '0px 0px -35px 0px'\r\n    });\r\n\r\n    revealItems.forEach(function(item) {\r\n      observer.observe(item);\r\n    });\r\n\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About GAMATECH Engineering With Purpose. A UAE-based engineering and industrial solutions provider delivering integrated capabilities across energy, oil &amp; gas and industrial sectors. GAMATECH ENERGY Abu Dhabi, UAE WHO WE ARE BUILT AROUND CAPABILITY. DRIVEN BY PERFORMANCE. GAMATECH ENERGY An engineering and industrial solutions provider headquartered in Abu Dhabi, supporting demanding energy and industrial operations [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-525","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/pages\/525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/comments?post=525"}],"version-history":[{"count":30,"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/pages\/525\/revisions"}],"predecessor-version":[{"id":2592,"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/pages\/525\/revisions\/2592"}],"wp:attachment":[{"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/media?parent=525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}