{"id":524,"date":"2026-09-08T06:00:43","date_gmt":"2026-09-08T06:00:43","guid":{"rendered":"https:\/\/www.nextgentechnology.ae\/gamatech\/?st-import=d0ff8aac267098373fb2c5a5cac3855e"},"modified":"2026-11-04T05:33:55","modified_gmt":"2026-11-04T05:33:55","slug":"home","status":"publish","type":"page","link":"https:\/\/www.nextgentechnology.ae\/gamatech\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"524\" class=\"elementor elementor-524\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcbd808 e-con-full e-flex e-con e-parent\" data-id=\"bcbd808\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5b99d6 elementor-widget elementor-widget-html\" data-id=\"f5b99d6\" 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<section class=\"gm-hero\">\r\n\r\n  <!-- =====================================================\r\n       BACKGROUND SLIDES\r\n  ====================================================== -->\r\n\r\n  <div class=\"gm-slides\">\r\n\r\n    <div\r\n      class=\"gm-slide gm-slide-1 active\"\r\n      style=\"background-image:url('https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/4-new-new.jpg.jpeg');\">\r\n    <\/div>\r\n\r\n    <div\r\n      class=\"gm-slide gm-slide-2\"\r\n      style=\"background-image:url('https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/5-new-new.jpg.jpeg');\">\r\n    <\/div>\r\n\r\n    <div\r\n      class=\"gm-slide gm-slide-3\"\r\n      style=\"background-image:url('https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/2-new-new.jpg.jpeg');\">\r\n    <\/div>\r\n\r\n    <div\r\n      class=\"gm-slide gm-slide-4\"\r\n      style=\"background-image:url('https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/017bb9d8-0e55-438f-9596-215fc7887594-1.png');\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       OVERLAY\r\n  ====================================================== -->\r\n\r\n  <div class=\"gm-overlay\"><\/div>\r\n\r\n  <div class=\"gm-grid\"><\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       MAIN CONTAINER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gm-container\">\r\n\r\n\r\n    <!-- ===================================================\r\n         MAIN HERO CONTENT\r\n    ==================================================== -->\r\n\r\n    <div class=\"gm-content\">\r\n\r\n      <div class=\"gm-eyebrow\">\r\n\r\n        <span><\/span>\r\n\r\n        INTEGRATED PETROLEUM SERVICES\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- SLIDE 1 -->\r\n\r\n      <div class=\"gm-text gm-text-1 active\">\r\n\r\n        <h1>\r\n          DELIVERING THE<br>\r\n          INTEGRATED SOLUTION<br>\r\n         IN<em> EXCELLENCE<\/em>\r\n        <\/h1>\r\n\r\n        <p>\r\n          GAMATECH ENERGY delivers integrated engineering,\r\n          sustainable energy, well production, and oilfield\r\n          equipment solutions for demanding energy and\r\n          industrial operations.\r\n        <\/p>\r\n\r\n        <div class=\"gm-buttons\">\r\n\r\n          <a href=\"#expertise\" class=\"gm-btn gm-btn-primary\">\r\n\r\n            EXPLORE OUR EXPERTISE\r\n\r\n            <span>\u2197<\/span>\r\n\r\n          <\/a>\r\n\r\n          <a href=\"#contact\" class=\"gm-btn gm-btn-outline\">\r\n\r\n            CONTACT US\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- SLIDE 2 -->\r\n\r\n      <div class=\"gm-text gm-text-2\">\r\n\r\n        <h1>\r\n          ENGINEERING<br>\r\n          <em>PERFORMANCE<\/em><br>\r\n          INTO EVERY SOLUTION.\r\n        <\/h1>\r\n\r\n        <p>\r\n          From oil &amp; gas to energy and industrial applications,\r\n          GAMATECH delivers solutions designed around performance,\r\n          reliability, and operational needs.\r\n        <\/p>\r\n\r\n        <div class=\"gm-buttons\">\r\n\r\n          <a href=\"#expertise\" class=\"gm-btn gm-btn-primary\">\r\n\r\n            EXPLORE OUR EXPERTISE\r\n\r\n            <span>\u2197<\/span>\r\n\r\n          <\/a>\r\n\r\n          <a href=\"#contact\" class=\"gm-btn gm-btn-outline\">\r\n\r\n            CONTACT US\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- SLIDE 3 -->\r\n\r\n      <div class=\"gm-text gm-text-3\">\r\n\r\n        <h1>\r\n          BUILT FOR<br>\r\n          DEMANDING<br>\r\n          <em>FIELD CONDITION.<\/em>\r\n        <\/h1>\r\n\r\n        <p>\r\n          Reliable equipment, technical expertise, and field-ready\r\n          services engineered to support demanding oilfield and\r\n          industrial operations.\r\n        <\/p>\r\n\r\n        <div class=\"gm-buttons\">\r\n\r\n          <a href=\"#expertise\" class=\"gm-btn gm-btn-primary\">\r\n\r\n            EXPLORE OUR EXPERTISE\r\n\r\n            <span>\u2197<\/span>\r\n\r\n          <\/a>\r\n\r\n          <a href=\"#contact\" class=\"gm-btn gm-btn-outline\">\r\n\r\n            CONTACT US\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- SLIDE 4 -->\r\n\r\n      <div class=\"gm-text gm-text-4\">\r\n\r\n        <h1>\r\n          INTEGRATED<br>\r\n          <em>ENERGY SOLUTIONS<\/em><br>\r\n          THAT DELIVER.\r\n        <\/h1>\r\n\r\n        <p>\r\n          Combining engineering capabilities, oilfield services,\r\n          equipment, and technical expertise to create dependable\r\n          solutions across the energy industry.\r\n        <\/p>\r\n\r\n        <div class=\"gm-buttons\">\r\n\r\n          <a href=\"#expertise\" class=\"gm-btn gm-btn-primary\">\r\n\r\n            EXPLORE OUR EXPERTISE\r\n\r\n            <span>\u2197<\/span>\r\n\r\n          <\/a>\r\n\r\n          <a href=\"#contact\" class=\"gm-btn gm-btn-outline\">\r\n\r\n            CONTACT US\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         RIGHT SIDE SLIDER CONTROL\r\n    ==================================================== -->\r\n\r\n    <div class=\"gm-slider-control\">\r\n\r\n      <div class=\"gm-counter\">\r\n\r\n        <span class=\"gm-current\">01<\/span>\r\n\r\n        <span class=\"gm-line\"><\/span>\r\n\r\n        <span class=\"gm-total\">04<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gm-progress\">\r\n\r\n        <span><\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gm-slide-labels\">\r\n\r\n        <div class=\"gm-label active\" data-slide=\"0\">\r\n          SUSTAINABLE ENERGY\r\n        <\/div>\r\n\r\n        <div class=\"gm-label\" data-slide=\"1\">\r\n          PRODUCTION SERVICES\r\n        <\/div>\r\n\r\n        <div class=\"gm-label\" data-slide=\"2\">\r\n          OILFIELD EQUIPMENT\r\n        <\/div>\r\n\r\n        <div class=\"gm-label\" data-slide=\"3\">\r\n          ENGINEERING SOLUTIONS\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         ARROWS\r\n    ==================================================== -->\r\n\r\n    <div class=\"gm-arrows\">\r\n\r\n      <button\r\n        class=\"gm-prev\"\r\n        type=\"button\"\r\n        aria-label=\"Previous slide\">\r\n        \u2190\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"gm-next\"\r\n        type=\"button\"\r\n        aria-label=\"Next slide\">\r\n        \u2192\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         BOTTOM STATS STRIP\r\n    ==================================================== -->\r\n\r\n    <div class=\"gm-stats\">\r\n\r\n      <!-- STAT 1 -->\r\n\r\n      <div class=\"gm-stat\">\r\n\r\n        <div class=\"gm-stat-icon\">\r\n\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"10\">\r\n            <\/circle>\r\n\r\n            <path\r\n              d=\"M32 4v9\r\n                 M32 51v9\r\n                 M4 32h9\r\n                 M51 32h9\r\n                 M12 12l9 9\r\n                 M43 43l9 9\r\n                 M52 12l-9 9\r\n                 M21 43l-9 9\">\r\n            <\/path>\r\n\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"22\">\r\n            <\/circle>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gm-stat-content\">\r\n\r\n          <strong>100+<\/strong>\r\n\r\n          <span>Projects Delivered<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- STAT 2 -->\r\n\r\n      <div class=\"gm-stat\">\r\n\r\n        <div class=\"gm-stat-icon\">\r\n\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n            <circle\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              r=\"23\">\r\n            <\/circle>\r\n\r\n            <ellipse\r\n              cx=\"32\"\r\n              cy=\"32\"\r\n              rx=\"10\"\r\n              ry=\"23\">\r\n            <\/ellipse>\r\n\r\n            <path d=\"M9 25h46\"><\/path>\r\n\r\n            <path d=\"M9 39h46\"><\/path>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gm-stat-content\">\r\n\r\n          <strong>7+<\/strong>\r\n\r\n          <span>Countries Served<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- STAT 3 -->\r\n\r\n      <div class=\"gm-stat\">\r\n\r\n        <div class=\"gm-stat-icon\">\r\n\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n            <path\r\n              d=\"M32 5\r\n                 L53 13\r\n                 V29\r\n                 C53 42 45 52 32 59\r\n                 C19 52 11 42 11 29\r\n                 V13\r\n                 Z\">\r\n            <\/path>\r\n\r\n            <path\r\n              d=\"M22 32l7 7 14-16\">\r\n            <\/path>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gm-stat-content\">\r\n\r\n          <strong>100%<\/strong>\r\n\r\n          <span>Commitment to HSE<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         SCROLL INDICATOR\r\n    ==================================================== -->\r\n\r\n    <div class=\"gm-scroll\">\r\n\r\n      <span class=\"gm-scroll-line\"><\/span>\r\n\r\n      <span class=\"gm-scroll-text\">\r\n        SCROLL TO EXPLORE\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   HERO BASE\r\n========================================================= *\/\r\n\r\n.gm-hero {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  height: 100vh;\r\n\r\n  min-height: 620px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #07121f;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND SLIDES\r\n========================================================= *\/\r\n\r\n.gm-slides {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n}\r\n\r\n\r\n.gm-slide {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  background-size: cover;\r\n\r\n  background-repeat: no-repeat;\r\n\r\n  background-position: center center;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    scale(1.055)\r\n    translate3d(0,0,0);\r\n\r\n  transition:\r\n    opacity 1.45s cubic-bezier(.22,1,.36,1),\r\n    transform 6.5s cubic-bezier(.16,1,.3,1);\r\n\r\n}\r\n\r\n\r\n.gm-slide.active {\r\n\r\n  opacity: 1;\r\n\r\n  transform:\r\n    scale(1)\r\n    translate3d(-0.45%, -0.2%, 0);\r\n\r\n}\r\n\r\n\r\n.gm-slide-1,\r\n.gm-slide-2,\r\n.gm-slide-3,\r\n.gm-slide-4 {\r\n\r\n  background-position: center center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DARK CINEMATIC OVERLAY\r\n========================================================= *\/\r\n\r\n.gm-overlay {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 2;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(3,12,23,.96) 0%,\r\n      rgba(3,12,23,.86) 4%,\r\n      rgba(3,12,23,.57) 45%,\r\n      rgba(3,12,23,.28) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n.gm-overlay::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n\r\n  right: 0;\r\n\r\n  bottom: 0;\r\n\r\n  height: 38%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to top,\r\n      rgba(2,8,15,.94),\r\n      transparent\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TECHNICAL GRID\r\n========================================================= *\/\r\n\r\n.gm-grid {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 3;\r\n\r\n  opacity: .07;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.35) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.35) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    90px 90px,\r\n    90px 90px;\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTAINER\r\n========================================================= *\/\r\n\r\n.gm-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 5;\r\n\r\n  width: min(1400px, 91%);\r\n\r\n  height: 100%;\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTENT\r\n========================================================= *\/\r\n\r\n.gm-content {\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n\r\n  top: 27%;\r\n\r\n  width: min(760px, 60%);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.gm-eyebrow {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 14px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 3px;\r\n\r\n  color:\r\n    rgba(255,255,255,.78);\r\n\r\n}\r\n\r\n\r\n.gm-eyebrow span {\r\n\r\n  display: block;\r\n\r\n  width: 48px;\r\n\r\n  height: 2px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  background: #65a086;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT SLIDES\r\n   PREMIUM SLOW ANIMATION\r\n========================================================= *\/\r\n\r\n.gm-text {\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n\r\n  top: 0;\r\n\r\n  width: 100%;\r\n\r\n  opacity: 0;\r\n\r\n  visibility: hidden;\r\n\r\n  transform: translateY(28px);\r\n\r\n  transition:\r\n    opacity 1.25s cubic-bezier(.22,1,.36,1),\r\n    transform 1.25s cubic-bezier(.22,1,.36,1),\r\n    visibility 1.25s ease;\r\n\r\n}\r\n\r\n\r\n\/* ACTIVE TEXT *\/\r\n\r\n.gm-text.active {\r\n\r\n  position: relative;\r\n\r\n  opacity: 1;\r\n\r\n  visibility: visible;\r\n\r\n  transform: translateY(0);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PREMIUM SCROLL + SLIDE TEXT ANIMATION\r\n========================================================= *\/\r\n\r\n\/*\r\n   The hero is prepared by JavaScript first.\r\n   This prevents the text from animating on page load.\r\n   The reveal starts only when the hero enters the viewport.\r\n*\/\r\n\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-eyebrow,\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-text,\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-slider-control,\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-arrows,\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-stats,\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-scroll {\r\n\r\n  opacity: 0;\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-eyebrow {\r\n\r\n  transform: translateY(14px);\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-text {\r\n\r\n  transform: translateY(32px);\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-slider-control {\r\n\r\n  transform: translateX(18px);\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-arrows {\r\n\r\n  transform: translateY(16px);\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-stats {\r\n\r\n  transform: translateY(28px);\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-scroll {\r\n\r\n  transform: translateY(12px);\r\n\r\n}\r\n\r\n\/* Main hero reveal *\/\r\n\r\n.gm-hero.gm-hero-visible .gm-eyebrow {\r\n\r\n  animation:\r\n    gmEyebrowReveal\r\n    1.1s\r\n    cubic-bezier(.16,1,.3,1)\r\n    .05s\r\n    both;\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-visible .gm-text.active h1 {\r\n\r\n  animation:\r\n    gmHeadlineReveal\r\n    1.25s\r\n    cubic-bezier(.16,1,.3,1)\r\n    .14s\r\n    both;\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-visible .gm-text.active p {\r\n\r\n  animation:\r\n    gmParagraphReveal\r\n    1.1s\r\n    cubic-bezier(.16,1,.3,1)\r\n    .38s\r\n    both;\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-visible .gm-text.active .gm-buttons {\r\n\r\n  animation:\r\n    gmButtonsReveal\r\n    1s\r\n    cubic-bezier(.16,1,.3,1)\r\n    .58s\r\n    both;\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-visible .gm-slider-control {\r\n\r\n  animation:\r\n    gmSideReveal\r\n    1s\r\n    cubic-bezier(.16,1,.3,1)\r\n    .42s\r\n    both;\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-visible .gm-arrows {\r\n\r\n  animation:\r\n    gmArrowReveal\r\n    .9s\r\n    cubic-bezier(.16,1,.3,1)\r\n    .62s\r\n    both;\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-visible .gm-stats {\r\n\r\n  animation:\r\n    gmStatsReveal\r\n    1.1s\r\n    cubic-bezier(.16,1,.3,1)\r\n    .5s\r\n    both;\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-visible .gm-scroll {\r\n\r\n  animation:\r\n    gmScrollReveal\r\n    .9s\r\n    cubic-bezier(.16,1,.3,1)\r\n    .8s\r\n    both;\r\n\r\n}\r\n\r\n\/*\r\n   Every time the slide changes, the active text receives\r\n   the same controlled entrance. The background continues\r\n   with the same smooth crossfade + slow camera movement.\r\n*\/\r\n\r\n.gm-hero.gm-hero-visible .gm-text.active h1 {\r\n\r\n  animation:\r\n    gmHeadlineReveal\r\n    1.2s\r\n    cubic-bezier(.16,1,.3,1)\r\n    .08s\r\n    both;\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-visible .gm-text.active p {\r\n\r\n  animation:\r\n    gmParagraphReveal\r\n    1s\r\n    cubic-bezier(.16,1,.3,1)\r\n    .32s\r\n    both;\r\n\r\n}\r\n\r\n.gm-hero.gm-hero-visible .gm-text.active .gm-buttons {\r\n\r\n  animation:\r\n    gmButtonsReveal\r\n    .95s\r\n    cubic-bezier(.16,1,.3,1)\r\n    .52s\r\n    both;\r\n\r\n}\r\n\r\n\/* =========================================================\r\n   KEYFRAMES\r\n========================================================= *\/\r\n\r\n@keyframes gmEyebrowReveal {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateY(14px);\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n@keyframes gmHeadlineReveal {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateY(34px);\r\n\r\n    filter:\r\n      blur(4px);\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n    filter:\r\n      blur(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n@keyframes gmParagraphReveal {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateY(22px);\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n@keyframes gmButtonsReveal {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateY(18px);\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n@keyframes gmSideReveal {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateX(18px);\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateX(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n@keyframes gmArrowReveal {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateY(16px);\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n@keyframes gmStatsReveal {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateY(28px);\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n@keyframes gmScrollReveal {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateY(12px);\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    opacity: .55;\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================================\r\n   HEADLINE\r\n========================================================= *\/\r\n\r\n.gm-text h1 {\r\n\r\n  margin: 0 0 22px;\r\n\r\n  font-size:\r\n    clamp(49px, 4vw, 50px);\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  text-transform: normal;\r\n\r\n  color: #ffffff;\r\n\r\n}\r\n\r\n\r\n.gm-text h1 em {\r\n\r\n  font-style: normal;\r\n\r\n  color: #65a086;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUPPORTING TEXT\r\n========================================================= *\/\r\n\r\n.gm-text p {\r\n\r\n  width: 650px;\r\n\r\n  max-width: 100%;\r\n\r\n  margin: 0 0 20px;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.;\r\n\r\n  color:\r\n    rgba(255,255,255,256);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.gm-buttons {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  flex-wrap: wrap;\r\n\r\n}\r\n\r\n\r\n.gm-btn {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 12px;\r\n\r\n  min-height: 40px;\r\n\r\n  padding: 0 13px;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.2px;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    all .3s ease;\r\n\r\n}\r\n\r\n\r\n.gm-btn-primary {\r\n\r\n  background: #ffffff;\r\n\r\n  color: #07121f;\r\n\r\n}\r\n\r\n\r\n.gm-btn-primary:hover {\r\n\r\n  background: #65a086;\r\n\r\n  color: #ffffff;\r\n\r\n  transform: translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.gm-btn-primary span {\r\n\r\n  font-size: 17px;\r\n\r\n}\r\n\r\n\r\n.gm-btn-outline {\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.55);\r\n\r\n  background:\r\n    rgba(255,255,255,.03);\r\n\r\n  color: #ffffff;\r\n\r\n}\r\n\r\n\r\n.gm-btn-outline:hover {\r\n\r\n  background: #65a086;\r\n\r\n  border-color: #65a086;\r\n\r\n  color: #ffffff;\r\n\r\n  transform: translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT SLIDER\r\n========================================================= *\/\r\n\r\n.gm-slider-control {\r\n\r\n  position: absolute;\r\n\r\n  right: 0;\r\n\r\n  top: 29%;\r\n\r\n  width: 150px;\r\n\r\n}\r\n\r\n\r\n.gm-counter {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  margin-bottom: 13px;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n.gm-current {\r\n\r\n  color: #65a086;\r\n\r\n}\r\n\r\n\r\n.gm-total {\r\n\r\n  color:\r\n    rgba(255,255,255,.55);\r\n\r\n}\r\n\r\n\r\n.gm-line {\r\n\r\n  width: 30px;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    rgba(255,255,255,.35);\r\n\r\n}\r\n\r\n\r\n.gm-progress {\r\n\r\n  width: 100%;\r\n\r\n  height: 3px;\r\n\r\n  margin-bottom: 25px;\r\n\r\n  background:\r\n    rgba(255,255,255,.20);\r\n\r\n}\r\n\r\n\r\n.gm-progress span {\r\n\r\n  display: block;\r\n\r\n  width: 25%;\r\n\r\n  height: 100%;\r\n\r\n  background: #65a086;\r\n\r\n  transition: width .5s ease;\r\n\r\n}\r\n\r\n\r\n.gm-slide-labels {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 15px;\r\n\r\n}\r\n\r\n\r\n.gm-label {\r\n\r\n  position: relative;\r\n\r\n  padding-left: 16px;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.4px;\r\n\r\n  color:\r\n    rgba(255,255,255,.70);\r\n\r\n  cursor: pointer;\r\n\r\n  transition: all .3s ease;\r\n\r\n}\r\n\r\n\r\n.gm-label::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n\r\n  top: 50%;\r\n\r\n  width: 5px;\r\n\r\n  height: 5px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(255,255,255,.30);\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n}\r\n\r\n\r\n.gm-label.active {\r\n\r\n  padding-left: 21px;\r\n\r\n  color: #ffffff;\r\n\r\n}\r\n\r\n\r\n.gm-label.active::before {\r\n\r\n  width: 7px;\r\n\r\n  height: 7px;\r\n\r\n  background: #65a086;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n========================================================= *\/\r\n\r\n.gm-arrows {\r\n\r\n  position: absolute;\r\n\r\n  right: 0;\r\n\r\n  top: 65%;\r\n\r\n  display: flex;\r\n\r\n  gap: 9px;\r\n\r\n}\r\n\r\n\r\n.gm-arrows button {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  width: 48px;\r\n\r\n  height: 48px;\r\n\r\n  padding: 0;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.28);\r\n\r\n  background:\r\n    rgba(0,0,0,.18);\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 18px;\r\n\r\n  cursor: pointer;\r\n\r\n  transition: all .3s ease;\r\n\r\n}\r\n\r\n\r\n.gm-arrows button:hover {\r\n\r\n  background: #65a086;\r\n\r\n  border-color: #65a086;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STATS BAR \u2014 CENTERED\r\n========================================================= *\/\r\n\r\n.gm-stats {\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n\r\n  right: 0;\r\n\r\n  bottom: 0;\r\n\r\n  height: 105px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 0;\r\n\r\n  background:\r\n    rgba(2,13,24,.94);\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.12);\r\n\r\n  backdrop-filter: blur(8px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INDIVIDUAL STAT\r\n========================================================= *\/\r\n\r\n.gm-stat {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 17px;\r\n\r\n  min-width: 250px;\r\n\r\n  padding: 0 35px;\r\n\r\n}\r\n\r\n\r\n.gm-stat + .gm-stat {\r\n\r\n  border-left:\r\n    1px solid\r\n    rgba(255,255,255,250);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAT ICON\r\n========================================================= *\/\r\n\r\n.gm-stat-icon {\r\n\r\n  width: 48px;\r\n\r\n  height: 48px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n}\r\n\r\n\r\n.gm-stat-icon svg {\r\n\r\n  width: 42px;\r\n\r\n  height: 42px;\r\n\r\n  fill: none;\r\n\r\n  stroke: #ffffff;\r\n\r\n  stroke-width: 1.8;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n  opacity: .95;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAT TEXT\r\n========================================================= *\/\r\n\r\n.gm-stat-content {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: center;\r\n\r\n}\r\n\r\n\r\n.gm-stat-content strong {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 4px;\r\n\r\n  font-size: 20px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 700;\r\n\r\n  color: #ffffff;\r\n\r\n}\r\n\r\n\r\n.gm-stat-content span {\r\n\r\n  display: block;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.3;\r\n\r\n  letter-spacing: .2px;\r\n\r\n  color:\r\n    rgba(255,255,255,268);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL INDICATOR\r\n========================================================= *\/\r\n\r\n.gm-scroll {\r\n\r\n  position: absolute;\r\n\r\n  right: 0;\r\n\r\n  bottom: 118px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 9px;\r\n\r\n  opacity: .55;\r\n\r\n}\r\n\r\n\r\n.gm-scroll-line {\r\n\r\n  width: 28px;\r\n\r\n  height: 1px;\r\n\r\n  background: #ffffff;\r\n\r\n}\r\n\r\n\r\n.gm-scroll-text {\r\n\r\n  font-size: 8px;\r\n\r\n  letter-spacing: 1.8px;\r\n\r\n  white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE LAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1400px) {\r\n\r\n  .gm-container {\r\n\r\n    width: 91%;\r\n\r\n  }\r\n\r\n\r\n  .gm-content {\r\n\r\n    width: 700px;\r\n\r\n  }\r\n\r\n\r\n  .gm-text h1 {\r\n\r\n    font-size: 60px;\r\n\r\n  }\r\n\r\n\r\n  .gm-text p {\r\n\r\n    width: 600px;\r\n\r\n  }\r\n\r\n\r\n  .gm-stat {\r\n\r\n    min-width: 220px;\r\n\r\n    padding: 0 25px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .gm-content {\r\n\r\n    width: 65%;\r\n\r\n    top: 21%;\r\n\r\n  }\r\n\r\n\r\n  .gm-text h1 {\r\n\r\n    font-size: 50px;\r\n\r\n  }\r\n\r\n\r\n  .gm-text p {\r\n\r\n    width: 100%;\r\n\r\n    font-size: 15px;\r\n\r\n  }\r\n\r\n\r\n  .gm-slider-control {\r\n\r\n    width: 120px;\r\n\r\n    top: 32%;\r\n\r\n  }\r\n\r\n\r\n  .gm-stats {\r\n\r\n    justify-content: center;\r\n\r\n  }\r\n\r\n\r\n  .gm-stat {\r\n\r\n    min-width: 190px;\r\n\r\n    gap: 10px;\r\n\r\n    padding: 0 18px;\r\n\r\n  }\r\n\r\n\r\n  .gm-stat-icon {\r\n\r\n    width: 38px;\r\n\r\n  }\r\n\r\n\r\n  .gm-stat-icon svg {\r\n\r\n    width: 34px;\r\n\r\n    height: 34px;\r\n\r\n  }\r\n\r\n\r\n  .gm-stat-content strong {\r\n\r\n    font-size: 17px;\r\n\r\n  }\r\n\r\n\r\n  .gm-stat-content span {\r\n\r\n    font-size: 9px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n\/* =========================================================\r\n   MOBILE \u2014 IMPROVED RESPONSIVE LAYOUT\r\n   Desktop and laptop styles remain unchanged\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  \/* HERO: allow content to determine the height *\/\r\n  .gm-hero {\r\n    height: auto;\r\n    min-height: 100svh;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Main mobile layout *\/\r\n  .gm-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    width: 100%;\r\n    height: auto;\r\n    min-height: 100svh;\r\n    margin: 0;\r\n    padding: 88px 22px 0;\r\n  }\r\n\r\n  \/* Keep the original background images *\/\r\n  .gm-slides {\r\n    position: absolute;\r\n    inset: 0;\r\n    height: 100%;\r\n  }\r\n\r\n  .gm-slide {\r\n    background-position: center center;\r\n  }\r\n\r\n  \/* Improve readability over the background *\/\r\n  .gm-overlay {\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(3,12,23,.82) 0%,\r\n      rgba(3,12,23,.88) 45%,\r\n      rgba(3,12,23,.96) 100%\r\n    );\r\n  }\r\n\r\n  .gm-overlay::after {\r\n    height: 32%;\r\n  }\r\n\r\n  .gm-grid {\r\n    background-size: 55px 55px;\r\n    opacity: .045;\r\n  }\r\n\r\n  \/* Content becomes part of the mobile layout *\/\r\n  .gm-content {\r\n    position: relative;\r\n    inset: auto;\r\n    top: auto;\r\n    left: auto;\r\n    width: 100%;\r\n    flex: 1 0 auto;\r\n  }\r\n\r\n  \/* Small eyebrow label *\/\r\n  .gm-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin: 0 0 20px;\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .gm-eyebrow span {\r\n    width: 27px;\r\n    flex: 0 0 27px;\r\n  }\r\n\r\n  \/* Keep slide transitions working *\/\r\n  .gm-text {\r\n    width: 100%;\r\n  }\r\n\r\n  .gm-text.active {\r\n    position: relative;\r\n  }\r\n\r\n  \/* Clear, readable headings *\/\r\n  .gm-text h1 {\r\n    max-width: 100%;\r\n    margin: 0 0 18px !important;\r\n    font-size: clamp(35px, 8.7vw, 46px) !important;\r\n    line-height: 1.08 !important;\r\n    letter-spacing: -.9px !important;\r\n    overflow-wrap: normal;\r\n    word-break: normal;\r\n  }\r\n\r\n  \/* Supporting description *\/\r\n  .gm-text p {\r\n    width: 100%;\r\n    max-width: 520px;\r\n    margin: 0 0 23px !important;\r\n    font-size: 16px !important;\r\n    line-height: 1.7 !important;\r\n  }\r\n\r\n  \/* Stack buttons for easy tapping *\/\r\n  .gm-buttons {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 10px;\r\n    width: 100%;\r\n    max-width: 360px;\r\n  }\r\n\r\n  .gm-btn {\r\n    display: flex;\r\n    width: 100%;\r\n    min-height: 48px;\r\n    justify-content: space-between;\r\n    padding: 0 16px;\r\n    font-size: 10px !important;\r\n    letter-spacing: .9px;\r\n  }\r\n\r\n  .gm-btn-outline {\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Hide desktop-only slide category navigation *\/\r\n  .gm-slider-control {\r\n    display: none;\r\n  }\r\n\r\n  \/* Keep arrows below the text, away from the stats *\/\r\n  .gm-arrows {\r\n    position: relative;\r\n    top: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n    display: flex;\r\n    align-self: flex-end;\r\n    gap: 8px;\r\n    margin: 24px 0 20px;\r\n  }\r\n\r\n  .gm-arrows button {\r\n    width: 42px;\r\n    height: 42px;\r\n    flex: 0 0 42px;\r\n    font-size: 17px;\r\n  }\r\n\r\n  \/* Statistics: readable single-column layout *\/\r\n  .gm-stats {\r\n    position: relative;\r\n    inset: auto;\r\n    width: calc(100% + 44px);\r\n    height: auto;\r\n    min-height: 0;\r\n    margin: 0 -22px;\r\n    padding: 0;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 0;\r\n    background: rgba(2,13,24,.88);\r\n    border-top: 1px solid rgba(255,255,255,.16);\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .gm-stat {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    gap: 15px;\r\n    min-width: 0;\r\n    min-height: 76px;\r\n    padding: 15px 24px;\r\n  }\r\n\r\n  .gm-stat + .gm-stat,\r\n  .gm-stat:nth-child(3),\r\n  .gm-stat:nth-child(4) {\r\n    border-left: 0;\r\n    border-top: 1px solid rgba(255,255,255,.15);\r\n  }\r\n\r\n  .gm-stat-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n    flex: 0 0 36px;\r\n  }\r\n\r\n  .gm-stat-icon svg {\r\n    width: 32px;\r\n    height: 32px;\r\n  }\r\n\r\n  .gm-stat-content {\r\n    min-width: 0;\r\n    gap: 4px;\r\n  }\r\n\r\n  .gm-stat-content strong {\r\n    margin: 0;\r\n    font-size: 18px;\r\n    line-height: 1.15;\r\n  }\r\n\r\n  .gm-stat-content span {\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  \/* Hide scroll prompt on small screens *\/\r\n  .gm-scroll {\r\n    display: none;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE \u2014 NARROW PHONES\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n  .gm-container {\r\n    padding: 76px 18px 0;\r\n  }\r\n\r\n  .gm-eyebrow {\r\n    gap: 8px;\r\n    margin-bottom: 17px;\r\n    font-size: 10px;\r\n    letter-spacing: 1.2px;\r\n  }\r\n\r\n  .gm-eyebrow span {\r\n    width: 23px;\r\n    flex-basis: 23px;\r\n  }\r\n\r\n  .gm-text h1 {\r\n    font-size: clamp(32px, 8.9vw, 36px) !important;\r\n    line-height: 1.1 !important;\r\n    letter-spacing: -.65px !important;\r\n  }\r\n\r\n  .gm-text p {\r\n    font-size: 15px !important;\r\n    line-height: 1.65 !important;\r\n  }\r\n\r\n  .gm-buttons {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .gm-btn {\r\n    min-height: 46px;\r\n    padding: 0 19px;\r\n    font-size: 9px !important;\r\n    letter-spacing: .65px;\r\n  }\r\n\r\n  .gm-arrows {\r\n    margin-top: 20px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .gm-arrows button {\r\n    width: 39px;\r\n    height: 39px;\r\n    flex-basis: 39px;\r\n  }\r\n\r\n  .gm-stats {\r\n    width: calc(100% + 36px);\r\n    margin-left: -18px;\r\n    margin-right: -18px;\r\n  }\r\n\r\n  .gm-stat {\r\n    min-height: 72px;\r\n    padding: 13px 20px;\r\n    gap: 13px;\r\n  }\r\n\r\n  .gm-stat-content strong {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .gm-stat-content span {\r\n    font-size: 11px;\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-slide,\r\n  .gm-text,\r\n  .gm-progress span {\r\n\r\n    transition: none !important;\r\n\r\n    animation: none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GAMATECH PREMIUM MOTION LAYER\r\n   Add-on only: preserves existing layout, colours and content\r\n========================================================= *\/\r\n\r\n\/* Slow, cinematic movement inside the active background image *\/\r\n.gm-slide {\r\n  background-size: 106% auto;\r\n  will-change: transform, opacity, background-position;\r\n}\r\n\r\n.gm-slide.active {\r\n  animation: gmBackgroundDrift 12s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gmBackgroundDrift {\r\n  0%   { background-position: 48% 50%; }\r\n  100% { background-position: 53% 47%; }\r\n}\r\n\r\n\/* Subtle technical-grid movement *\/\r\n.gm-grid {\r\n  animation: gmGridDrift 32s linear infinite;\r\n  will-change: background-position;\r\n}\r\n\r\n@keyframes gmGridDrift {\r\n  from { background-position: 0 0, 0 0; }\r\n  to   { background-position: 90px 90px, 90px 90px; }\r\n}\r\n\r\n\/* Refined eyebrow line motion *\/\r\n.gm-eyebrow span {\r\n  transform-origin: left center;\r\n  animation: gmEyebrowLine 3.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gmEyebrowLine {\r\n  0%, 100% { transform: scaleX(.72); }\r\n  50%      { transform: scaleX(1); }\r\n}\r\n\r\n\/* Gentle text depth on slide transitions *\/\r\n.gm-text h1,\r\n.gm-text p {\r\n  will-change: transform, opacity;\r\n}\r\n\r\n.gm-text.active h1 {\r\n  animation: gmHeadlineReveal 1.2s cubic-bezier(.16,1,.3,1) .08s both;\r\n}\r\n\r\n.gm-text.active p {\r\n  animation: gmParagraphReveal 1s cubic-bezier(.16,1,.3,1) .28s both;\r\n}\r\n\r\n\/* Premium button hover: movement and depth only; existing colours remain *\/\r\n.gm-btn {\r\n  position: relative;\r\n  overflow: hidden;\r\n  transform: translateY(0);\r\n  box-shadow: 0 0 0 rgba(0,0,0,0);\r\n  transition: transform .35s cubic-bezier(.2,.8,.2,1),\r\n              box-shadow .35s ease,\r\n              background .3s ease,\r\n              border-color .3s ease;\r\n}\r\n\r\n.gm-btn:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 28px rgba(0,0,0,.22);\r\n}\r\n\r\n.gm-btn-primary span {\r\n  display: inline-block;\r\n  transition: transform .35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.gm-btn-primary:hover span {\r\n  transform: translate(3px,-3px);\r\n}\r\n\r\n\/* Soft highlight sweep on buttons *\/\r\n.gm-btn::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -120%;\r\n  left: -45%;\r\n  width: 32%;\r\n  height: 340%;\r\n  background: rgba(255,255,255,.16);\r\n  transform: rotate(25deg) translateX(-220%);\r\n  transition: transform .75s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.gm-btn:hover::after {\r\n  transform: rotate(25deg) translateX(650%);\r\n}\r\n\r\n\/* Navigation arrows: small lift and directional movement *\/\r\n.gm-arrows button {\r\n  transition: transform .35s cubic-bezier(.2,.8,.2,1),\r\n              box-shadow .35s ease,\r\n              background .3s ease,\r\n              border-color .3s ease;\r\n}\r\n\r\n.gm-arrows button:hover {\r\n  transform: translateY(-4px) scale(1.06);\r\n  box-shadow: 0 9px 22px rgba(0,0,0,.2);\r\n}\r\n\r\n.gm-prev:hover { transform: translate(-3px,-4px) scale(1.06); }\r\n.gm-next:hover { transform: translate(3px,-4px) scale(1.06); }\r\n\r\n\/* Slide labels respond smoothly to pointer interaction *\/\r\n.gm-label {\r\n  transition: transform .35s ease, opacity .35s ease, padding .35s ease;\r\n}\r\n\r\n.gm-label:hover {\r\n  transform: translateX(5px);\r\n}\r\n\r\n.gm-label::before {\r\n  transition: width .35s ease, height .35s ease, opacity .35s ease;\r\n}\r\n\r\n\/* Smooth progress movement *\/\r\n.gm-progress span {\r\n  transform-origin: left center;\r\n  transition: width .7s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\/* Statistics: gentle rise on hover, without changing typography or colours *\/\r\n.gm-stat {\r\n  position: relative;\r\n  transition: transform .4s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.gm-stat:hover {\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.gm-stat-icon svg {\r\n  transform-origin: center;\r\n  transition: transform .5s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.gm-stat:hover .gm-stat-icon svg {\r\n  transform: scale(1.09) rotate(-4deg);\r\n}\r\n\r\n.gm-stat-content strong {\r\n  transition: transform .35s ease;\r\n}\r\n\r\n.gm-stat:hover .gm-stat-content strong {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Scroll prompt: quiet repeating movement *\/\r\n.gm-scroll-line {\r\n  transform-origin: left center;\r\n  animation: gmScrollLine 2.2s ease-in-out infinite;\r\n}\r\n\r\n.gm-scroll-text {\r\n  animation: gmScrollText 2.2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gmScrollLine {\r\n  0%, 100% { transform: scaleX(.55); opacity: .55; }\r\n  50%      { transform: scaleX(1); opacity: 1; }\r\n}\r\n\r\n@keyframes gmScrollText {\r\n  0%, 100% { opacity: .55; }\r\n  50%      { opacity: .95; }\r\n}\r\n\r\n\/* Keep motion comfortable for visitors who request reduced motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gm-slide.active,\r\n  .gm-grid,\r\n  .gm-eyebrow span,\r\n  .gm-scroll-line,\r\n  .gm-scroll-text {\r\n    animation: none !important;\r\n  }\r\n\r\n  .gm-btn,\r\n  .gm-arrows button,\r\n  .gm-label,\r\n  .gm-stat,\r\n  .gm-stat-icon svg {\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n\/* On touch screens, avoid hover-only movement *\/\r\n@media (hover: none) {\r\n  .gm-btn:hover,\r\n  .gm-arrows button:hover,\r\n  .gm-label:hover,\r\n  .gm-stat:hover {\r\n    transform: none;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .gm-btn:hover::after {\r\n    transform: rotate(25deg) translateX(-220%);\r\n  }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HIGH-VISIBILITY ENTRANCE + CONTINUOUS MOTION LAYER\r\n   Added without changing the original content or layout.\r\n========================================================= *\/\r\n.gm-hero { isolation:isolate; }\r\n.gm-slide {\r\n  background-size:112% auto;\r\n  background-position:50% 50%;\r\n  will-change:background-position, opacity;\r\n}\r\n.gm-slide.active {\r\n  animation:gmCinematicDrift 19s ease-in-out infinite alternate;\r\n}\r\n@keyframes gmCinematicDrift {\r\n  0% { background-position:46% 48%; }\r\n  50% { background-position:54% 52%; }\r\n  100% { background-position:49% 56%; }\r\n}\r\n.gm-grid { animation:gmGridTravel 28s linear infinite; }\r\n@keyframes gmGridTravel {\r\n  from { background-position:0 0; }\r\n  to { background-position:90px 90px; }\r\n}\r\n\r\n\/* Keep content hidden only until the hero enters the viewport. *\/\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-eyebrow,\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-text,\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-slider-control,\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-arrows,\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-stats,\r\n.gm-hero.gm-hero-ready:not(.gm-hero-visible) .gm-scroll {\r\n  opacity:0 !important;\r\n}\r\n.gm-hero.gm-hero-visible .gm-eyebrow {\r\n  animation:gmEntranceEyebrow 1s cubic-bezier(.16,1,.3,1) both;\r\n}\r\n.gm-hero.gm-hero-visible .gm-text.active h1 {\r\n  animation:gmEntranceHeadline 1.35s cubic-bezier(.16,1,.3,1) .12s both;\r\n}\r\n.gm-hero.gm-hero-visible .gm-text.active p {\r\n  animation:gmEntranceParagraph 1.15s cubic-bezier(.16,1,.3,1) .48s both;\r\n}\r\n.gm-hero.gm-hero-visible .gm-text.active .gm-buttons {\r\n  animation:gmEntranceButtons 1.05s cubic-bezier(.16,1,.3,1) .72s both;\r\n}\r\n.gm-hero.gm-hero-visible .gm-slider-control {\r\n  animation:gmEntranceSide 1.1s cubic-bezier(.16,1,.3,1) .5s both;\r\n}\r\n.gm-hero.gm-hero-visible .gm-arrows {\r\n  animation:gmEntranceSide 1s cubic-bezier(.16,1,.3,1) .68s both;\r\n}\r\n.gm-hero.gm-hero-visible .gm-stats {\r\n  animation:gmEntranceStats 1.25s cubic-bezier(.16,1,.3,1) .82s both;\r\n}\r\n.gm-hero.gm-hero-visible .gm-scroll {\r\n  animation:gmEntranceScroll 1s ease .95s both;\r\n}\r\n\r\n@keyframes gmEntranceEyebrow {\r\n  0% { opacity:0; transform:translate3d(-55px,18px,0); filter:blur(7px); }\r\n  65% { opacity:1; filter:blur(0); }\r\n  100% { opacity:1; transform:translate3d(0,0,0); filter:blur(0); }\r\n}\r\n@keyframes gmEntranceHeadline {\r\n  0% { opacity:0; transform:translate3d(0,65px,0) scale(.97); filter:blur(12px); clip-path:inset(0 0 100% 0); }\r\n  65% { opacity:1; filter:blur(0); }\r\n  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:blur(0); clip-path:inset(0 0 0 0); }\r\n}\r\n@keyframes gmEntranceParagraph {\r\n  0% { opacity:0; transform:translate3d(0,32px,0); filter:blur(6px); }\r\n  100% { opacity:1; transform:translate3d(0,0,0); filter:blur(0); }\r\n}\r\n@keyframes gmEntranceButtons {\r\n  0% { opacity:0; transform:translate3d(0,28px,0) scale(.96); }\r\n  70% { opacity:1; transform:translate3d(0,-4px,0) scale(1.01); }\r\n  100% { opacity:1; transform:translate3d(0,0,0) scale(1); }\r\n}\r\n@keyframes gmEntranceSide {\r\n  0% { opacity:0; transform:translate3d(48px,0,0); filter:blur(5px); }\r\n  100% { opacity:1; transform:translate3d(0,0,0); filter:blur(0); }\r\n}\r\n@keyframes gmEntranceStats {\r\n  0% { opacity:0; transform:translate3d(0,55px,0); filter:blur(8px); }\r\n  75% { opacity:1; transform:translate3d(0,-5px,0); filter:blur(0); }\r\n  100% { opacity:1; transform:translate3d(0,0,0); filter:blur(0); }\r\n}\r\n@keyframes gmEntranceScroll {\r\n  0% { opacity:0; transform:translate3d(0,20px,0); }\r\n  100% { opacity:1; transform:translate3d(0,0,0); }\r\n}\r\n\r\n\/* Each new slide's headline and supporting copy re-enter visibly. *\/\r\n.gm-text.active h1 { animation:gmEntranceHeadline 1.05s cubic-bezier(.16,1,.3,1) both; }\r\n.gm-text.active p { animation:gmEntranceParagraph 1s cubic-bezier(.16,1,.3,1) .24s both; }\r\n.gm-text.active .gm-buttons { animation:gmEntranceButtons  .9s cubic-bezier(.16,1,.3,1) .42s both; }\r\n.gm-eyebrow span { animation:gmAccentPulse 2.1s ease-in-out infinite; }\r\n@keyframes gmAccentPulse {\r\n  0%,100% { opacity:.65; transform:scaleX(.72); transform-origin:left; }\r\n  50% { opacity:1; transform:scaleX(1.18); transform-origin:left; }\r\n}\r\n.gm-stat { transition:transform .45s cubic-bezier(.2,.8,.2,1), filter .45s ease; }\r\n.gm-stat:hover { transform:translateY(-9px); filter:brightness(1.15); }\r\n.gm-stat-icon { transition:transform .65s cubic-bezier(.2,.8,.2,1); }\r\n.gm-stat:hover .gm-stat-icon { transform:rotate(12deg) scale(1.13); }\r\n.gm-btn { transition:transform .35s ease, box-shadow .35s ease, background-color .35s ease; }\r\n.gm-btn:hover { transform:translateY(-5px); box-shadow:0 14px 34px rgba(0,0,0,.24); }\r\n.gm-label { transition:transform .35s ease, opacity .35s ease; }\r\n.gm-label:hover { transform:translateX(7px); }\r\n.gm-arrows button { transition:transform .35s ease, background-color .35s ease; }\r\n.gm-arrows button:hover { transform:scale(1.1); }\r\n\r\n@media (max-width:767px) {\r\n  .gm-slide { background-size:cover; }\r\n  .gm-hero.gm-hero-visible .gm-text.active h1 { animation-duration:1.05s; }\r\n}\r\n@media (prefers-reduced-motion:reduce) {\r\n  .gm-slide.active,.gm-grid,.gm-eyebrow span { animation:none !important; }\r\n  .gm-hero *, .gm-hero *::before, .gm-hero *::after {\r\n    animation-duration:.01ms !important;\r\n    animation-iteration-count:1 !important;\r\n    scroll-behavior:auto !important;\r\n    transition-duration:.01ms !important;\r\n  }\r\n}\r\n\r\n\/* ============================================\r\n   GAMATECH \u2014 VISIBLE CONTINUOUS MOTION\r\n   No layout or element positioning changes\r\n============================================ *\/\r\n\r\n\/* Main banner: visible moving energy bands *\/\r\n.gm-hero {\r\n    background-image:\r\n        linear-gradient(\r\n            115deg,\r\n            transparent 0%,\r\n            rgba(101,160,134,0.02) 25%,\r\n            rgba(101,160,134,0.20) 48%,\r\n            rgba(255,255,255,0.09) 52%,\r\n            rgba(101,160,134,0.02) 75%,\r\n            transparent 100%\r\n        );\r\n    background-size: 250% 100%;\r\n    animation: gmEnergyWave 7s linear infinite;\r\n}\r\n\r\n\/* Existing background images: continuous cinematic zoom *\/\r\n.gm-hero .gm-bg-slide img {\r\n    animation: gmBannerZoom 14s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* Bottom strip: visible flowing highlight *\/\r\n.gm-stats {\r\n    background-image: linear-gradient(\r\n        110deg,\r\n        rgba(101,160,134,0.04) 0%,\r\n        rgba(101,160,134,0.30) 35%,\r\n        rgba(255,255,255,0.16) 50%,\r\n        rgba(101,160,134,0.30) 65%,\r\n        rgba(101,160,134,0.04) 100%\r\n    );\r\n    background-size: 250% 100%;\r\n    animation: gmStripWave 4s linear infinite;\r\n}\r\n\r\n\/* Moving highlight on the stats strip text *\/\r\n.gm-stat {\r\n    animation: gmStatPulse 3s ease-in-out infinite;\r\n}\r\n\r\n.gm-stat:nth-child(2) {\r\n    animation-delay: .5s;\r\n}\r\n\r\n.gm-stat:nth-child(3) {\r\n    animation-delay: 1s;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes gmEnergyWave {\r\n    0% {\r\n        background-position: 100% 50%;\r\n    }\r\n    100% {\r\n        background-position: -150% 50%;\r\n    }\r\n}\r\n\r\n@keyframes gmBannerZoom {\r\n    from {\r\n        scale: 1;\r\n    }\r\n    to {\r\n        scale: 1.10;\r\n    }\r\n}\r\n\r\n@keyframes gmStripWave {\r\n    0% {\r\n        background-position: 100% 50%;\r\n    }\r\n    100% {\r\n        background-position: -150% 50%;\r\n    }\r\n}\r\n\r\n@keyframes gmStatPulse {\r\n    0%, 100% {\r\n        opacity: 1;\r\n    }\r\n    50% {\r\n        opacity: .65;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n    .gm-hero .gm-bg-slide img {\r\n        animation-duration: 20s;\r\n    }\r\n\r\n    .gm-stats {\r\n        animation-duration: 6s;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .gm-hero,\r\n    .gm-hero .gm-bg-slide img,\r\n    .gm-stats,\r\n    .gm-stat {\r\n        animation: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  function initGamaHero() {\r\n\r\n    const heroes =\r\n      document.querySelectorAll(\".gm-hero\");\r\n\r\n    if (!heroes.length) return;\r\n\r\n    heroes.forEach(function (hero) {\r\n\r\n      if (hero.dataset.gmHeroReady === \"true\") {\r\n        return;\r\n      }\r\n\r\n      hero.dataset.gmHeroReady = \"true\";\r\n      hero.classList.add(\"gm-hero-ready\");\r\n\r\n      const slides =\r\n        hero.querySelectorAll(\".gm-slide\");\r\n\r\n      const texts =\r\n        hero.querySelectorAll(\".gm-text\");\r\n\r\n      const labels =\r\n        hero.querySelectorAll(\".gm-label\");\r\n\r\n      const currentCounter =\r\n        hero.querySelector(\".gm-current\");\r\n\r\n      const progress =\r\n        hero.querySelector(\".gm-progress span\");\r\n\r\n      const nextButton =\r\n        hero.querySelector(\".gm-next\");\r\n\r\n      const prevButton =\r\n        hero.querySelector(\".gm-prev\");\r\n\r\n      const totalSlides =\r\n        slides.length;\r\n\r\n      let currentSlide = 0;\r\n      let autoPlay = null;\r\n      let heroVisible = false;\r\n\r\n      const duration = 5000;\r\n\r\n\r\n      \/* =====================================================\r\n         SHOW SLIDE\r\n      ====================================================== *\/\r\n\r\n      function showSlide(index) {\r\n\r\n        if (index >= totalSlides) {\r\n          index = 0;\r\n        }\r\n\r\n        if (index < 0) {\r\n          index = totalSlides - 1;\r\n        }\r\n\r\n        currentSlide = index;\r\n\r\n        slides.forEach(function (slide, i) {\r\n\r\n          slide.classList.toggle(\r\n            \"active\",\r\n            i === currentSlide\r\n          );\r\n\r\n        });\r\n\r\n        \/*\r\n           Remove active first so the text animation can\r\n           restart cleanly on every slide change.\r\n        *\/\r\n\r\n        texts.forEach(function (text) {\r\n          text.classList.remove(\"active\");\r\n        });\r\n\r\n        requestAnimationFrame(function () {\r\n\r\n          const activeText =\r\n            texts[currentSlide];\r\n\r\n          if (activeText) {\r\n\r\n            \/* Force a fresh animation cycle *\/\r\n            void activeText.offsetWidth;\r\n\r\n            activeText.classList.add(\"active\");\r\n\r\n          }\r\n\r\n        });\r\n\r\n        labels.forEach(function (label, i) {\r\n\r\n          label.classList.toggle(\r\n            \"active\",\r\n            i === currentSlide\r\n          );\r\n\r\n        });\r\n\r\n        if (currentCounter) {\r\n\r\n          currentCounter.textContent =\r\n            String(currentSlide + 1).padStart(2, \"0\");\r\n\r\n        }\r\n\r\n        if (progress) {\r\n\r\n          progress.style.width =\r\n            (\r\n              ((currentSlide + 1) \/\r\n              totalSlides) * 100\r\n            ) + \"%\";\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         NEXT\r\n      ====================================================== *\/\r\n\r\n      function nextSlide() {\r\n\r\n        showSlide(currentSlide + 1);\r\n\r\n        restartAutoPlay();\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         PREVIOUS\r\n      ====================================================== *\/\r\n\r\n      function previousSlide() {\r\n\r\n        showSlide(currentSlide - 1);\r\n\r\n        restartAutoPlay();\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         BUTTON EVENTS\r\n      ====================================================== *\/\r\n\r\n      if (nextButton) {\r\n\r\n        nextButton.addEventListener(\r\n          \"click\",\r\n          nextSlide\r\n        );\r\n\r\n      }\r\n\r\n      if (prevButton) {\r\n\r\n        prevButton.addEventListener(\r\n          \"click\",\r\n          previousSlide\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         LABEL EVENTS\r\n      ====================================================== *\/\r\n\r\n      labels.forEach(function (label, index) {\r\n\r\n        label.addEventListener(\r\n          \"click\",\r\n          function () {\r\n\r\n            showSlide(index);\r\n\r\n            restartAutoPlay();\r\n\r\n          }\r\n        );\r\n\r\n      });\r\n\r\n\r\n      \/* =====================================================\r\n         AUTOPLAY\r\n      ====================================================== *\/\r\n\r\n      function startAutoPlay() {\r\n\r\n        stopAutoPlay();\r\n\r\n        if (!heroVisible) return;\r\n\r\n        autoPlay =\r\n          setInterval(function () {\r\n\r\n            showSlide(currentSlide + 1);\r\n\r\n          }, duration);\r\n\r\n      }\r\n\r\n\r\n      function stopAutoPlay() {\r\n\r\n        if (autoPlay) {\r\n\r\n          clearInterval(autoPlay);\r\n\r\n          autoPlay = null;\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      function restartAutoPlay() {\r\n\r\n        stopAutoPlay();\r\n\r\n        startAutoPlay();\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         PAUSE ON HOVER\r\n      ====================================================== *\/\r\n\r\n      hero.addEventListener(\r\n        \"mouseenter\",\r\n        stopAutoPlay\r\n      );\r\n\r\n      hero.addEventListener(\r\n        \"mouseleave\",\r\n        startAutoPlay\r\n      );\r\n\r\n\r\n      \/* =====================================================\r\n         SCROLL-TRIGGERED HERO REVEAL\r\n      ====================================================== *\/\r\n\r\n      if (\r\n        \"IntersectionObserver\" in window\r\n      ) {\r\n\r\n        const observer =\r\n          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                  heroVisible = true;\r\n\r\n                  hero.classList.add(\r\n                    \"gm-hero-visible\"\r\n                  );\r\n\r\n                  startAutoPlay();\r\n\r\n                  observer.unobserve(hero);\r\n\r\n                }\r\n\r\n              });\r\n\r\n            },\r\n\r\n            {\r\n              threshold: 0.18,\r\n              rootMargin:\r\n                \"0px 0px -70px 0px\"\r\n            }\r\n\r\n          );\r\n\r\n        observer.observe(hero);\r\n\r\n      } else {\r\n\r\n        \/* Fallback for older browsers *\/\r\n\r\n        heroVisible = true;\r\n\r\n        hero.classList.add(\r\n          \"gm-hero-visible\"\r\n        );\r\n\r\n        startAutoPlay();\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         INITIALIZE\r\n      ====================================================== *\/\r\n\r\n      showSlide(0);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     NORMAL PAGE LOAD\r\n  ========================================================== *\/\r\n\r\n  if (\r\n    document.readyState === \"loading\"\r\n  ) {\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initGamaHero\r\n    );\r\n\r\n  } else {\r\n\r\n    initGamaHero();\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     ELEMENTOR COMPATIBILITY\r\n  ========================================================== *\/\r\n\r\n  if (window.jQuery) {\r\n\r\n    jQuery(window).on(\r\n      \"elementor\/frontend\/init\",\r\n      function () {\r\n\r\n        setTimeout(\r\n          initGamaHero,\r\n          250\r\n        );\r\n\r\n      }\r\n    );\r\n\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-e38186d e-con-full e-flex e-con e-parent\" data-id=\"e38186d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca5f504 elementor-widget elementor-widget-html\" data-id=\"ca5f504\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"gama-about-section\">\r\n  <!-- Animated background layers -->\r\n  <div class=\"gama-bg-grid\"><\/div>\r\n  <div class=\"gama-bg-glow gama-glow-one\"><\/div>\r\n  <div class=\"gama-bg-glow gama-glow-two\"><\/div>\r\n  <div class=\"gama-bg-orbit\"><\/div>\r\n  <div class=\"gama-bg-sweep\"><\/div>\r\n\r\n  <div class=\"gama-about-inner\">\r\n\r\n    <div class=\"gama-about-label\">\r\n      <span><\/span>\r\n      ABOUT GAMATECH\r\n    <\/div>\r\n\r\n    <div class=\"gama-about-main\">\r\n\r\n      <!-- LEFT CONTENT -->\r\n      <div class=\"gama-about-content\">\r\n\r\n        <h2>\r\n          ENGINEERED FOR A\r\n          <span>CHANGING ENERGY LANDSCAPE.<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"gama-about-line\"><\/div>\r\n\r\n        <p class=\"gama-about-intro\">\r\n          GAMATECH ENERGY is a UAE-based, internationally expanding\r\n          engineering and industrial solutions provider, proudly\r\n          headquartered in Abu Dhabi.\r\n        <\/p>\r\n\r\n        <p>\r\n          The company delivers integrated, high-performance solutions\r\n          across the oil &amp; gas, energy, and industrial sectors, supporting\r\n          clients throughout the full project lifecycle.\r\n        <\/p>\r\n\r\n        <p>\r\n          Built on technical excellence and operational strength,\r\n          GAMATECH combines engineering expertise, operational capability\r\n          and a future-focused approach to deliver seamless and efficient\r\n          solutions aligned with the evolving global energy landscape.\r\n        <\/p>\r\n\r\n        <p>\r\n          Through strategic partnerships and an international footprint,\r\n          the company supports clients across diverse markets while\r\n          maintaining a strong focus on innovation, uncompromising quality\r\n          and sustainable practices.\r\n        <\/p>\r\n\r\n        <!-- VALUES HIGHLIGHT -->\r\n        <div class=\"gama-about-highlight\">\r\n          <div class=\"gama-highlight-icon\">\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <div class=\"gama-highlight-text\">\r\n            <strong>PRECISION. RELIABILITY. INTEGRITY.<\/strong>\r\n            <p>\r\n              GAMATECH is supported by a highly skilled workforce and\r\n              rigorous international QHSE standards, ensuring projects\r\n              are delivered with a consistent focus on quality, safety\r\n              and operational excellence.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- RIGHT IMAGE -->\r\n      <div class=\"gama-about-visual\">\r\n        <div class=\"gama-image-frame\">\r\n\r\n          <img decoding=\"async\" title=\"Home\"\r\n            src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/oil-fact-e1790759636359-1.webp\"\r\n            alt=\"GAMATECH Energy Engineering and Industrial Solutions\"\r\n          >\r\n\r\n          <div class=\"gama-image-overlay\"><\/div>\r\n\r\n          <div class=\"gama-image-corner\"><\/div>\r\n\r\n          <div class=\"gama-image-caption\">\r\n            <span>GAMATECH ENERGY<\/span>\r\n            <strong>ENGINEERING \u2022 ENERGY \u2022 INDUSTRIAL SOLUTIONS<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"gama-image-index\">\r\n          <span>01<\/span>\r\n          <i><\/i>\r\n          <span>ENGINEERING EXCELLENCE<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- HIGHLIGHTED BOTTOM STATEMENT -->\r\n    <div class=\"gama-about-bottom\">\r\n\r\n      <div class=\"gama-bottom-pattern\"><\/div>\r\n\r\n      <div class=\"gama-bottom-left\">\r\n        <span class=\"gama-bottom-label\">OUR COMMITMENT<\/span>\r\n        <div class=\"gama-bottom-accent\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gama-bottom-content\">\r\n        <p>\r\n          From engineering and industrial solutions to energy-focused\r\n          technologies, GAMATECH is driven by a commitment to create\r\n          efficient, reliable and future-ready solutions for its clients.\r\n        <\/p>\r\n\r\n        <div class=\"gama-bottom-values\">\r\n          <span><i><\/i> INNOVATION<\/span>\r\n          <span><i><\/i> QUALITY<\/span>\r\n          <span><i><\/i> SUSTAINABILITY<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gama-bottom-number\">G<\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================\r\n   GAMATECH ABOUT SECTION\r\n========================================= *\/\r\n\r\n.gama-about-section,\r\n.gama-about-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gama-about-section {\r\n  --gama-green: #65A086;\r\n  --gama-green-dark: #39765D;\r\n  --gama-navy: #142D35;\r\n  --gama-text: #53636A;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 90px 0 85px;\r\n  background: #ffffff;\r\n  color: var(--gama-navy);\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  font-family: inherit;\r\n}\r\n\r\n\/* =========================================\r\n   VISIBLE ANIMATED BACKGROUND\r\n========================================= *\/\r\n\r\n\/* Moving technical grid *\/\r\n.gama-bg-grid {\r\n  position: absolute;\r\n  inset: -100px;\r\n  z-index: -3;\r\n  pointer-events: none;\r\n\r\n  background-image:\r\n    linear-gradient(rgba(101,160,134,0.12) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(101,160,134,0.12) 1px, transparent 1px);\r\n\r\n  background-size: 45px 45px;\r\n  opacity: 4.55;\r\n\r\n  animation: gamaGridMove 18s linear infinite;\r\n}\r\n\r\n@keyframes gamaGridMove {\r\n  0% {\r\n    background-position: 0 0;\r\n  }\r\n  100% {\r\n    background-position: 130px 130px;\r\n  }\r\n}\r\n\r\n\/* Moving green light shapes *\/\r\n.gama-bg-glow {\r\n  position: absolute;\r\n  z-index: -2;\r\n  pointer-events: none;\r\n  border-radius: 50%;\r\n  filter: blur(75px);\r\n  will-change: transform;\r\n}\r\n\r\n.gama-glow-one {\r\n  width: 430px;\r\n  height: 430px;\r\n  top: -170px;\r\n  right: -80px;\r\n  background: rgba(101,160,134,0.22);\r\n  animation: gamaGlowOne 12s ease-in-out infinite alternate;\r\n}\r\n\r\n.gama-glow-two {\r\n  width: 370px;\r\n  height: 370px;\r\n  left: -170px;\r\n  bottom: -100px;\r\n  background: rgba(115,184,151,0.17);\r\n  animation: gamaGlowTwo 15s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gamaGlowOne {\r\n  0% {\r\n    transform: translate(0, 0) scale(0.9);\r\n  }\r\n  50% {\r\n    transform: translate(-120px, 100px) scale(1.25);\r\n  }\r\n  100% {\r\n    transform: translate(-30px, 190px) scale(1.05);\r\n  }\r\n}\r\n\r\n@keyframes gamaGlowTwo {\r\n  0% {\r\n    transform: translate(0, 0) scale(0.9);\r\n  }\r\n  50% {\r\n    transform: translate(100px, -90px) scale(1.2);\r\n  }\r\n  100% {\r\n    transform: translate(180px, -20px) scale(1);\r\n  }\r\n}\r\n\r\n\/* Large rotating outline *\/\r\n.gama-bg-orbit {\r\n  position: absolute;\r\n  z-index: -2;\r\n  width: 600px;\r\n  height: 600px;\r\n  top: 5%;\r\n  right: -280px;\r\n  border: 1px solid rgba(101,160,134,0.22);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: gamaOrbit 35s linear infinite;\r\n}\r\n\r\n.gama-bg-orbit::before,\r\n.gama-bg-orbit::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border: 1px solid rgba(101,160,134,0.15);\r\n  border-radius: 50%;\r\n}\r\n\r\n.gama-bg-orbit::before {\r\n  inset: 35px;\r\n}\r\n\r\n.gama-bg-orbit::after {\r\n  inset: 75px;\r\n}\r\n\r\n@keyframes gamaOrbit {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n\/* Moving diagonal light sweep *\/\r\n.gama-bg-sweep {\r\n  position: absolute;\r\n  z-index: -1;\r\n  top: -50%;\r\n  left: -70%;\r\n  width: 45%;\r\n  height: 200%;\r\n  pointer-events: none;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(101,160,134,0.055),\r\n    rgba(101,160,134,0.13),\r\n    transparent\r\n  );\r\n\r\n  transform: rotate(22deg);\r\n  animation: gamaLightSweep 11s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gamaLightSweep {\r\n  0% {\r\n    left: -70%;\r\n  }\r\n  55% {\r\n    left: 130%;\r\n  }\r\n  100% {\r\n    left: 130%;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   CONTENT WIDTH\r\n========================================= *\/\r\n\r\n.gama-about-inner {\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 LABEL\r\n========================================= *\/\r\n\r\n.gama-about-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n  margin-bottom: 22px;\r\n\r\n  color: var(--gama-green-dark);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.gama-about-label span {\r\n  display: block;\r\n  width: 38px;\r\n  height: 2px;\r\n  background: var(--gama-green);\r\n  position: relative;\r\n}\r\n\r\n.gama-about-label span::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 7px;\r\n  height: 7px;\r\n  top: -3px;\r\n  right: 0;\r\n  border-radius: 50%;\r\n  background: var(--gama-green);\r\n  box-shadow: 0 0 12px rgba(101,160,134,0.7);\r\n}\r\n\r\n\/* =========================================\r\n   MAIN TWO COLUMN LAYOUT\r\n========================================= *\/\r\n\r\n.gama-about-main {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);\r\n  gap: 75px;\r\n  align-items: center;\r\n}\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.gama-about-content h2 {\r\n  max-width: 680px;\r\n  margin: 0;\r\n\r\n  color: var(--gama-navy);\r\n  font-size: clamp(32px, 4vw, 32px);\r\n  font-weight: 750;\r\n  line-height: 1.2;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.gama-about-content h2 span {\r\n  display: block;\r\n  color: var(--gama-green-dark);\r\n}\r\n\r\n\/* Animated underline *\/\r\n.gama-about-line {\r\n  position: relative;\r\n  width: 65px;\r\n  height: 3px;\r\n  margin: 22px 0 20px;\r\n  background: rgba(101,160,134,0.22);\r\n  overflow: hidden;\r\n}\r\n\r\n.gama-about-line::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 35px;\r\n  background: var(--gama-green);\r\n  animation: gamaLineMove 3s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gamaLineMove {\r\n  from {\r\n    transform: translateX(0);\r\n  }\r\n  to {\r\n    transform: translateX(35px);\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   PARAGRAPHS\r\n========================================= *\/\r\n\r\n.gama-about-content p {\r\n  max-width: 680px;\r\n  margin: 0 0 13px;\r\n  color: var(--gama-text);\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n  font-weight: 400;\r\n}\r\n\r\n.gama-about-content .gama-about-intro {\r\n  max-width: 690px;\r\n  margin-bottom: 14px;\r\n  color: var(--gama-navy);\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* =========================================\r\n   PRECISION \/ RELIABILITY \/ INTEGRITY PANEL\r\n========================================= *\/\r\n\r\n.gama-about-highlight {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 17px;\r\n\r\n  margin-top: 28px;\r\n  padding: 20px 20px;\r\n\r\n  background: linear-gradient(\r\n    115deg,\r\n    rgba(101,160,134,0.13),\r\n    rgba(101,160,134,0.045)\r\n  );\r\n\r\n  border: 1px solid rgba(101,160,134,0.25);\r\n  border-left: 4px solid var(--gama-green);\r\n  box-shadow: 0 10px 30px rgba(20,45,53,0.045);\r\n\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n.gama-about-highlight:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 16px 35px rgba(20,45,53,0.09);\r\n}\r\n\r\n\/* Small icon *\/\r\n.gama-highlight-icon {\r\n  flex: 0 0 38px;\r\n  width: 38px;\r\n  height: 38px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border: 1px solid rgba(57,118,93,0.4);\r\n  background: rgba(255,255,255,0.8);\r\n}\r\n\r\n.gama-highlight-icon span {\r\n  display: block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background: var(--gama-green-dark);\r\n  transform: rotate(45deg);\r\n  box-shadow: 0 0 13px rgba(101,160,134,0.45);\r\n}\r\n\r\n.gama-highlight-text strong {\r\n  display: block;\r\n  margin: 1px 0 8px;\r\n\r\n  color: var(--gama-green-dark);\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  letter-spacing: 1.7px;\r\n  font-weight: 800;\r\n}\r\n\r\n.gama-highlight-text p {\r\n  margin: 0;\r\n  color: #52636A;\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* =========================================\r\n   IMAGE\r\n========================================= *\/\r\n\r\n.gama-about-visual {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.gama-image-frame {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 700px;\r\n  overflow: hidden;\r\n  background: #142D35;\r\n  border: 1px solid rgba(20,45,53,0.12);\r\n  box-shadow: 0 22px 55px rgba(20,45,53,0.13);\r\n}\r\n\r\n.gama-image-frame img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n\r\n  filter: brightness(0.94) contrast(1.05) saturate(0.90);\r\n\r\n  transition:\r\n    transform 1.2s cubic-bezier(.2,.7,.2,1),\r\n    filter 0.7s ease;\r\n}\r\n\r\n.gama-image-frame:hover img {\r\n  transform: scale(1.055);\r\n  filter: brightness(1.02) contrast(1.05) saturate(1);\r\n}\r\n\r\n\/* Image dark gradient *\/\r\n.gama-image-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(7,19,28,0.02) 35%,\r\n    rgba(7,19,28,0.78) 100%\r\n  );\r\n}\r\n\r\n\/* Image frame accents *\/\r\n.gama-image-frame::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 0;\r\n  left: 0;\r\n  width: 5px;\r\n  height: 125px;\r\n  background: var(--gama-green);\r\n}\r\n\r\n.gama-image-frame::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 3;\r\n  right: 0;\r\n  bottom: 0;\r\n  width: 100px;\r\n  height: 5px;\r\n  background: var(--gama-green);\r\n}\r\n\r\n\/* Image caption *\/\r\n.gama-image-caption {\r\n  position: absolute;\r\n  z-index: 4;\r\n  left: 32px;\r\n  right: 28px;\r\n  bottom: 32px;\r\n}\r\n\r\n.gama-image-caption span {\r\n  display: block;\r\n  margin-bottom: 9px;\r\n\r\n  color: #9ED0B5;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.gama-image-caption strong {\r\n  display: block;\r\n  color: #ffffff;\r\n  font-size: 15px;\r\n  line-height: 1.5;\r\n  letter-spacing: 1px;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Image index line *\/\r\n.gama-image-index {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-top: 15px;\r\n\r\n  color: #708078;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.gama-image-index span:first-child {\r\n  color: var(--gama-green-dark);\r\n  font-size: 13px;\r\n}\r\n\r\n.gama-image-index i {\r\n  display: block;\r\n  width: 35px;\r\n  height: 1px;\r\n  background: var(--gama-green);\r\n}\r\n\r\n\/* =========================================\r\n   BOTTOM FEATURE PANEL\r\n========================================= *\/\r\n\r\n.gama-about-bottom {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 160px minmax(0, 1fr);\r\n  align-items: center;\r\n  gap: 30px;\r\n\r\n  margin-top: 65px;\r\n  padding: 32px 38px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: linear-gradient(\r\n    110deg,\r\n    #EAF4EE 0%,\r\n    #F3F8F4 48%,\r\n    #E4F0E8 100%\r\n  );\r\n\r\n  border: 1px solid rgba(101,160,134,0.3);\r\n  border-top: 3px solid var(--gama-green);\r\n\r\n  box-shadow: 0 15px 40px rgba(20,45,53,0.07);\r\n}\r\n\r\n\/* Decorative background pattern inside bottom panel *\/\r\n.gama-bottom-pattern {\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  opacity: 0.55;\r\n\r\n  background-image:\r\n    linear-gradient(rgba(57,118,93,0.07) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(57,118,93,0.07) 1px, transparent 1px);\r\n\r\n  background-size: 35px 35px;\r\n  animation: gamaBottomGrid 20s linear infinite;\r\n}\r\n\r\n@keyframes gamaBottomGrid {\r\n  from {\r\n    background-position: 0 0;\r\n  }\r\n  to {\r\n    background-position: 70px 70px;\r\n  }\r\n}\r\n\r\n.gama-bottom-left,\r\n.gama-bottom-content {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.gama-bottom-label {\r\n  display: block;\r\n  margin-bottom: 13px;\r\n\r\n  color: var(--gama-green-dark);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n.gama-bottom-accent {\r\n  width: 48px;\r\n  height: 3px;\r\n  background: var(--gama-green-dark);\r\n}\r\n\r\n.gama-bottom-content p {\r\n  max-width: 850px;\r\n  margin: 0;\r\n\r\n  color: var(--gama-navy);\r\n  font-size: 17px;\r\n  line-height: 1.7;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Bottom value tags *\/\r\n.gama-bottom-values {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 25px;\r\n  margin-top: 22px;\r\n}\r\n\r\n.gama-bottom-values span {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n\r\n  color: var(--gama-green-dark);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.gama-bottom-values i {\r\n  display: block;\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--gama-green);\r\n  box-shadow: 0 0 0 4px rgba(101,160,134,0.13);\r\n}\r\n\r\n\/* Large decorative G *\/\r\n.gama-bottom-number {\r\n  position: absolute;\r\n  right: 20px;\r\n  bottom: -65px;\r\n  z-index: 1;\r\n\r\n  color: rgba(57,118,93,0.055);\r\n  font-size: 230px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE - TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n  .gama-about-section {\r\n    padding: 75px 0;\r\n  }\r\n\r\n  .gama-about-main {\r\n    grid-template-columns: 1fr;\r\n    gap: 45px;\r\n  }\r\n\r\n  .gama-about-content {\r\n    max-width: 850px;\r\n  }\r\n\r\n  .gama-about-visual {\r\n    max-width: 760px;\r\n  }\r\n\r\n  .gama-image-frame {\r\n    height: 540px;\r\n  }\r\n\r\n  .gama-about-bottom {\r\n    grid-template-columns: 130px minmax(0, 1fr);\r\n    gap: 22px;\r\n    margin-top: 50px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE - MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n  .gama-about-section {\r\n    padding: 65px 0;\r\n  }\r\n\r\n  .gama-about-inner {\r\n    width: 90%;\r\n  }\r\n\r\n  .gama-about-label {\r\n    margin-bottom: 18px;\r\n    font-size: 11px;\r\n    letter-spacing: 2.5px;\r\n  }\r\n\r\n  .gama-about-content h2 {\r\n    font-size: 30px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .gama-about-main {\r\n    gap: 35px;\r\n  }\r\n\r\n  .gama-about-content p,\r\n  .gama-about-content .gama-about-intro {\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .gama-about-highlight {\r\n    gap: 13px;\r\n    padding: 17px 14px;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  .gama-highlight-icon {\r\n    flex-basis: 32px;\r\n    width: 32px;\r\n    height: 32px;\r\n  }\r\n\r\n  .gama-highlight-text strong {\r\n    font-size: 12px;\r\n    letter-spacing: 1.2px;\r\n  }\r\n\r\n  .gama-highlight-text p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .gama-image-frame {\r\n    height: 450px;\r\n  }\r\n\r\n  .gama-image-caption {\r\n    left: 22px;\r\n    right: 20px;\r\n    bottom: 24px;\r\n  }\r\n\r\n  .gama-image-caption strong {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .gama-about-bottom {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n    margin-top: 40px;\r\n    padding: 25px 22px;\r\n  }\r\n\r\n  .gama-bottom-content p {\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .gama-bottom-values {\r\n    gap: 14px 20px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .gama-bottom-values span {\r\n    font-size: 10px;\r\n    letter-spacing: 1.2px;\r\n  }\r\n\r\n  .gama-bottom-number {\r\n    right: 0;\r\n    bottom: -35px;\r\n    font-size: 150px;\r\n  }\r\n\r\n  .gama-bg-orbit {\r\n    right: -420px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n  .gama-about-content h2 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .gama-image-frame {\r\n    height: 360px;\r\n  }\r\n\r\n  .gama-about-bottom {\r\n    padding: 23px 18px;\r\n  }\r\n\r\n  .gama-bottom-values {\r\n    flex-direction: column;\r\n    gap: 13px;\r\n  }\r\n\r\n  .gama-bg-grid {\r\n    background-size: 48px 48px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   ACCESSIBILITY\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gama-bg-grid,\r\n  .gama-bg-glow,\r\n  .gama-bg-orbit,\r\n  .gama-bg-sweep,\r\n  .gama-about-line::after,\r\n  .gama-bottom-pattern {\r\n    animation: none !important;\r\n  }\r\n\r\n  .gama-about-highlight,\r\n  .gama-image-frame img {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* =========================================================\r\n   GAMATECH ABOUT \u2014 PREMIUM SCROLL ENTRANCE & MOTION LAYER\r\n   Additive enhancement: preserves the existing layout\/content.\r\n========================================================= *\/\r\n.gama-about-section {\r\n  --gama-motion-ease: cubic-bezier(.16, 1, .3, 1);\r\n  position: relative;\r\n}\r\n\r\n\/* Continuous atmospheric movement *\/\r\n.gama-about-section::before,\r\n.gama-about-section::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  pointer-events: none;\r\n  border-radius: 50%;\r\n}\r\n.gama-about-section::before {\r\n  width: min(48vw, 620px);\r\n  height: min(48vw, 620px);\r\n  top: 22%;\r\n  left: 28%;\r\n  border: 1px solid rgba(101,160,134,.13);\r\n  box-shadow: 0 0 0 34px rgba(101,160,134,.025), 0 0 0 75px rgba(101,160,134,.018);\r\n  animation: gamaAmbientRing 28s linear infinite;\r\n}\r\n.gama-about-section::after {\r\n  width: 9px;\r\n  height: 9px;\r\n  top: 23%;\r\n  left: 28%;\r\n  background: #65A086;\r\n  box-shadow: 0 0 18px 5px rgba(101,160,134,.35);\r\n  animation: gamaOrbitPoint 28s linear infinite;\r\n}\r\n@keyframes gamaAmbientRing { to { transform: rotate(360deg); } }\r\n@keyframes gamaOrbitPoint {\r\n  0% { transform: rotate(0deg) translateX(min(24vw, 310px)) rotate(0deg); }\r\n  100% { transform: rotate(360deg) translateX(min(24vw, 310px)) rotate(-360deg); }\r\n}\r\n.gama-bg-grid { animation-duration: 11s; }\r\n.gama-bg-glow { will-change: transform, opacity; }\r\n.gama-glow-one { animation-duration: 10s; }\r\n.gama-glow-two { animation-duration: 12s; }\r\n.gama-bg-orbit { animation-duration: 26s; }\r\n.gama-bg-sweep { animation-duration: 8s; }\r\n.gama-bottom-pattern { animation-duration: 12s; }\r\n\r\n\/* Reveal states are enabled only after JS has initialized *\/\r\n.gama-about-section.gama-motion-ready:not(.gama-in-view) .gama-about-label,\r\n.gama-about-section.gama-motion-ready:not(.gama-in-view) .gama-about-content h2,\r\n.gama-about-section.gama-motion-ready:not(.gama-in-view) .gama-about-line,\r\n.gama-about-section.gama-motion-ready:not(.gama-in-view) .gama-about-content > p,\r\n.gama-about-section.gama-motion-ready:not(.gama-in-view) .gama-about-highlight,\r\n.gama-about-section.gama-motion-ready:not(.gama-in-view) .gama-about-visual,\r\n.gama-about-section.gama-motion-ready:not(.gama-in-view) .gama-image-index,\r\n.gama-about-section.gama-motion-ready:not(.gama-in-view) .gama-about-bottom {\r\n  opacity: 0;\r\n}\r\n\r\n.gama-about-section.gama-in-view .gama-about-label { animation: gamaRevealLeft .9s var(--gama-motion-ease) both; }\r\n.gama-about-section.gama-in-view .gama-about-content h2 { animation: gamaRevealUp 1.15s var(--gama-motion-ease) .12s both; }\r\n.gama-about-section.gama-in-view .gama-about-line { animation: gamaRevealLine 1s var(--gama-motion-ease) .3s both; }\r\n.gama-about-section.gama-in-view .gama-about-content > p:nth-of-type(1) { animation: gamaRevealUp 1s var(--gama-motion-ease) .38s both; }\r\n.gama-about-section.gama-in-view .gama-about-content > p:nth-of-type(2) { animation: gamaRevealUp 1s var(--gama-motion-ease) .52s both; }\r\n.gama-about-section.gama-in-view .gama-about-content > p:nth-of-type(3) { animation: gamaRevealUp 1s var(--gama-motion-ease) .66s both; }\r\n.gama-about-section.gama-in-view .gama-about-content > p:nth-of-type(4) { animation: gamaRevealUp 1s var(--gama-motion-ease) .8s both; }\r\n.gama-about-section.gama-in-view .gama-about-highlight { animation: gamaRevealUp 1.1s var(--gama-motion-ease) .95s both; }\r\n.gama-about-section.gama-in-view .gama-about-visual { animation: gamaImageEntrance 1.35s var(--gama-motion-ease) .28s both; }\r\n.gama-about-section.gama-in-view .gama-image-index { animation: gamaRevealLeft .9s var(--gama-motion-ease) .95s both; }\r\n.gama-about-section.gama-in-view .gama-about-bottom { animation: gamaRevealUp 1.2s var(--gama-motion-ease) 1.05s both; }\r\n\r\n@keyframes gamaRevealUp {\r\n  from { opacity: 0; transform: translate3d(0, 58px, 0); filter: blur(7px); }\r\n  to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }\r\n}\r\n@keyframes gamaRevealLeft {\r\n  from { opacity: 0; transform: translate3d(-55px, 0, 0); filter: blur(5px); }\r\n  to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }\r\n}\r\n@keyframes gamaRevealLine {\r\n  from { opacity: 0; transform: scaleX(.15); transform-origin: left; }\r\n  to { opacity: 1; transform: scaleX(1); transform-origin: left; }\r\n}\r\n@keyframes gamaImageEntrance {\r\n  from { opacity: 0; transform: translate3d(75px, 35px, 0) scale(.91); filter: blur(8px); }\r\n  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }\r\n}\r\n\r\n\/* Image: subtle continuous camera drift + strong interactive hover *\/\r\n.gama-image-frame { isolation: isolate; }\r\n.gama-image-frame img {\r\n  transform: scale(1.035);\r\n  animation: gamaImageDrift 18s ease-in-out infinite alternate;\r\n  will-change: transform;\r\n}\r\n@keyframes gamaImageDrift {\r\n  0% { transform: scale(1.035) translate3d(0, 0, 0); }\r\n  50% { transform: scale(1.09) translate3d(-1.2%, -1%, 0); }\r\n  100% { transform: scale(1.055) translate3d(1%, .8%, 0); }\r\n}\r\n.gama-image-frame::before { transition: height .7s var(--gama-motion-ease), width .7s var(--gama-motion-ease); }\r\n.gama-image-frame::after { transition: width .7s var(--gama-motion-ease), height .7s var(--gama-motion-ease); }\r\n.gama-image-frame:hover::before { height: 42%; width: 7px; }\r\n.gama-image-frame:hover::after { width: 42%; height: 7px; }\r\n.gama-image-frame::selection { background: transparent; }\r\n.gama-image-frame:hover img {\r\n  animation-play-state: paused;\r\n  transform: scale(1.13) translate3d(-1%, -1%, 0);\r\n}\r\n.gama-image-frame::after { box-shadow: 0 0 22px rgba(101,160,134,.35); }\r\n.gama-image-overlay { transition: opacity .7s ease; }\r\n.gama-image-frame:hover .gama-image-overlay { opacity: .72; }\r\n.gama-image-caption { transition: transform .7s var(--gama-motion-ease); }\r\n.gama-image-frame:hover .gama-image-caption { transform: translateY(-9px); }\r\n.gama-image-index i { position: relative; overflow: hidden; }\r\n.gama-image-index i::after {\r\n  content: \"\"; position: absolute; inset: 0; width: 45%;\r\n  background: #39765D; animation: gamaIndexScan 2.5s ease-in-out infinite alternate;\r\n}\r\n@keyframes gamaIndexScan { from { transform: translateX(-100%); } to { transform: translateX(220%); } }\r\n\r\n\/* Highlight card and commitment panel details *\/\r\n.gama-about-highlight { overflow: hidden; }\r\n.gama-about-highlight::after {\r\n  content: \"\"; position: absolute; top: -80%; left: -45%; width: 28%; height: 260%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);\r\n  transform: rotate(22deg); transition: left .9s ease;\r\n}\r\n.gama-about-highlight:hover::after { left: 130%; }\r\n.gama-highlight-icon span { animation: gamaIconPulse 2.8s ease-in-out infinite; }\r\n@keyframes gamaIconPulse { 0%,100% { transform: rotate(45deg) scale(1); } 50% { transform: rotate(135deg) scale(1.22); } }\r\n.gama-bottom-values span { transition: transform .35s ease, color .35s ease; }\r\n.gama-bottom-values span:hover { transform: translateY(-5px); color: #142D35; }\r\n.gama-bottom-values i { animation: gamaDotPulse 2s ease-in-out infinite; }\r\n.gama-bottom-values span:nth-child(2) i { animation-delay: .35s; }\r\n.gama-bottom-values span:nth-child(3) i { animation-delay: .7s; }\r\n@keyframes gamaDotPulse { 0%,100% { box-shadow: 0 0 0 4px rgba(101,160,134,.13); } 50% { box-shadow: 0 0 0 8px rgba(101,160,134,.04), 0 0 15px rgba(101,160,134,.35); } }\r\n.gama-bottom-number { animation: gamaWatermarkFloat 7s ease-in-out infinite alternate; }\r\n@keyframes gamaWatermarkFloat { from { transform: translateY(0) rotate(-4deg); } to { transform: translateY(-16px) rotate(3deg); } }\r\n\r\n\/* Re-run entrance when section leaves and re-enters viewport *\/\r\n.gama-about-section.gama-motion-reset .gama-about-label,\r\n.gama-about-section.gama-motion-reset .gama-about-content h2,\r\n.gama-about-section.gama-motion-reset .gama-about-line,\r\n.gama-about-section.gama-motion-reset .gama-about-content > p,\r\n.gama-about-section.gama-motion-reset .gama-about-highlight,\r\n.gama-about-section.gama-motion-reset .gama-about-visual,\r\n.gama-about-section.gama-motion-reset .gama-image-index,\r\n.gama-about-section.gama-motion-reset .gama-about-bottom { animation: none !important; }\r\n\r\n@media (max-width: 767px) {\r\n  .gama-about-section::before { width: 420px; height: 420px; left: 5%; }\r\n  .gama-about-section::after { display: none; }\r\n  .gama-about-section.gama-in-view .gama-about-content > p { animation-duration: .85s; }\r\n  .gama-about-section.gama-in-view .gama-about-visual { animation-name: gamaRevealUp; }\r\n}\r\n@media (hover: none) {\r\n  .gama-image-frame:hover img { animation-play-state: running; }\r\n  .gama-image-frame:hover .gama-image-caption { transform: none; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .gama-about-section::before, .gama-about-section::after,\r\n  .gama-image-frame img, .gama-image-index i::after,\r\n  .gama-highlight-icon span, .gama-bottom-values i, .gama-bottom-number { animation: none !important; }\r\n  .gama-about-section.gama-motion-ready:not(.gama-in-view) * { opacity: 1 !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  function initGamaAboutMotion() {\r\n    var sections = document.querySelectorAll('.gama-about-section');\r\n    if (!sections.length) return;\r\n\r\n    sections.forEach(function (section) {\r\n      if (section.dataset.gamaMotionInit === 'true') return;\r\n      section.dataset.gamaMotionInit = 'true';\r\n      section.classList.add('gama-motion-ready');\r\n\r\n      if (!('IntersectionObserver' in window)) {\r\n        section.classList.add('gama-in-view');\r\n        return;\r\n      }\r\n\r\n      var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            section.classList.remove('gama-motion-reset');\r\n            section.classList.add('gama-in-view');\r\n          } else {\r\n            section.classList.remove('gama-in-view');\r\n            section.classList.add('gama-motion-reset');\r\n          }\r\n        });\r\n      }, { threshold: 0.16, rootMargin: '0px 0px -7% 0px' });\r\n\r\n      observer.observe(section);\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initGamaAboutMotion);\r\n  } else {\r\n    initGamaAboutMotion();\r\n  }\r\n  window.addEventListener('elementor\/frontend\/init', initGamaAboutMotion);\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-47f83f8 e-con-full e-flex e-con e-parent\" data-id=\"47f83f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b684da7 elementor-widget elementor-widget-html\" data-id=\"b684da7\" 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<section id=\"gama-foundation-v2\">\r\n\r\n  <style>\r\n    #gama-foundation-v2 {\r\n      --gama-accent: #65A086;\r\n      --gama-white: #ffffff;\r\n      --gama-muted: rgba(255,255,255,.70);\r\n      position: relative;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n      padding: 66px 24px 70px;\r\n      background: #07151b;\r\n      color: var(--gama-white);\r\n      font-family: inherit;\r\n    }\r\n\r\n    #gama-foundation-v2 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* BACKGROUND *\/\r\n\r\n    #gama-foundation-v2 .gama-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      background:\r\n        radial-gradient(ellipse at 12% 15%, rgba(101,160,134,.19), transparent 38%),\r\n        radial-gradient(ellipse at 85% 75%, rgba(35,105,100,.17), transparent 40%),\r\n        linear-gradient(125deg, #07151b, #10252a 48%, #07151b);\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-grid {\r\n      position: absolute;\r\n      inset: -50%;\r\n      opacity: .13;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px);\r\n      background-size: 65px 65px;\r\n      transform: perspective(700px) rotateX(58deg);\r\n      animation: gamaGridMove 28s linear infinite;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-glow {\r\n      position: absolute;\r\n      width: 420px;\r\n      height: 420px;\r\n      border-radius: 50%;\r\n      filter: blur(95px);\r\n      opacity: .23;\r\n      background: var(--gama-accent);\r\n      animation: gamaGlowMove 13s ease-in-out infinite alternate;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-glow-one {\r\n      top: -240px;\r\n      left: -130px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-glow-two {\r\n      right: -180px;\r\n      bottom: -260px;\r\n      animation-delay: -5s;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-orbit {\r\n      position: absolute;\r\n      width: 500px;\r\n      height: 500px;\r\n      border: 1px solid rgba(101,160,134,.13);\r\n      border-radius: 50%;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%,-50%);\r\n      animation: gamaOrbit 35s linear infinite;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-orbit::before,\r\n    #gama-foundation-v2 .gama-orbit::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      border: 1px solid rgba(101,160,134,.10);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-orbit::before {\r\n      inset: 55px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-orbit::after {\r\n      inset: 115px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-particles {\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        radial-gradient(circle, rgba(255,255,255,.65) 2px, transparent 2px),\r\n        radial-gradient(circle, rgba(101,160,134,.65) 2px, transparent 2px);\r\n      background-size: 130px 130px, 190px 190px;\r\n      background-position: 0 0, 70px 80px;\r\n      opacity: .24;\r\n      animation: gamaParticles 24s linear infinite;\r\n    }\r\n\r\n    @keyframes gamaGridMove {\r\n      from { background-position: 0 0; }\r\n      to { background-position: 0 130px; }\r\n    }\r\n\r\n    @keyframes gamaGlowMove {\r\n      from { transform: translate3d(0,0,0) scale(.9); }\r\n      to { transform: translate3d(100px,65px,0) scale(1.2); }\r\n    }\r\n\r\n    @keyframes gamaOrbit {\r\n      from { rotate: 0deg; }\r\n      to { rotate: 360deg; }\r\n    }\r\n\r\n    @keyframes gamaParticles {\r\n      from { background-position: 0 0, 70px 80px; }\r\n      to { background-position: 0 260px, 70px 340px; }\r\n    }\r\n\r\n    \/* MAIN WRAPPER *\/\r\n\r\n    #gama-foundation-v2 .gama-inner {\r\n      width: 100%;\r\n      max-width: 1160px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* HEADING *\/\r\n\r\n    #gama-foundation-v2 .gama-heading {\r\n      text-align: center;\r\n      margin: 0 auto 27px;\r\n      max-width: 760px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      color: var(--gama-accent);\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      letter-spacing: 2.5px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-eyebrow::before {\r\n      content: \"\";\r\n      width: 24px;\r\n      height: 1px;\r\n      background: var(--gama-accent);\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-heading h2 {\r\n      color: #fff;\r\n      font-size: clamp(30px, 3.3vw, 42px);\r\n      line-height: 1.13;\r\n      font-weight: 700;\r\n      margin: 0 0 12px;\r\n      letter-spacing: -.7px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-heading h2 span {\r\n      color: var(--gama-accent);\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-intro {\r\n      color: var(--gama-muted);\r\n      font-size: 16px;\r\n      line-height: 1.75;\r\n      margin: 0 auto;\r\n      max-width: 700px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-intro-sub {\r\n      color: rgba(255,255,255,.48);\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n      margin: 7px auto 0;\r\n      max-width: 680px;\r\n    }\r\n\r\n    \/* TABS *\/\r\n\r\n    #gama-foundation-v2 .gama-tabs {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin: 0 auto 17px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-tab {\r\n      appearance: none;\r\n      border: 1px solid rgba(255,255,255,.16);\r\n      background: rgba(255,255,255,.045);\r\n      color: rgba(255,255,255,.65);\r\n      padding: 12px 25px;\r\n      min-width: 145px;\r\n      font-family: inherit;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      letter-spacing: 1.7px;\r\n      cursor: pointer;\r\n      transition: .35s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-tab::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n      width: 0;\r\n      height: 2px;\r\n      background: var(--gama-accent);\r\n      transform: translateX(-50%);\r\n      transition: width .35s ease;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-tab:hover {\r\n      color: #fff;\r\n      border-color: rgba(101,160,134,.65);\r\n      background: rgba(101,160,134,.10);\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-tab.active {\r\n      color: #fff;\r\n      background: rgba(101,160,134,.15);\r\n      border-color: rgba(101,160,134,.55);\r\n      box-shadow: 0 5px 25px rgba(0,0,0,.13);\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-tab.active::after {\r\n      width: 65%;\r\n    }\r\n\r\n    \/* CONTENT PANEL *\/\r\n\r\n    #gama-foundation-v2 .gama-panel {\r\n      position: relative;\r\n      border: 1px solid rgba(255,255,255,.13);\r\n      background: linear-gradient(125deg, rgba(255,255,255,.075), rgba(255,255,255,.025));\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      padding: 34px 39px;\r\n      min-height: 280px;\r\n      overflow: hidden;\r\n      transition: border-color .4s ease, background .4s ease;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-panel::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 230px;\r\n      height: 230px;\r\n      right: -110px;\r\n      top: -120px;\r\n      border-radius: 50%;\r\n      background: rgba(101,160,134,.10);\r\n      filter: blur(30px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-panel:hover {\r\n      border-color: rgba(101,160,134,.35);\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-content {\r\n      position: relative;\r\n      z-index: 1;\r\n      animation: gamaContentIn .65s ease both;\r\n    }\r\n\r\n    @keyframes gamaContentIn {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateY(18px);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-content-label {\r\n      color: var(--gama-accent);\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      letter-spacing: 2px;\r\n      margin-bottom: 11px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-content h3 {\r\n      color: #fff;\r\n      font-size: clamp(21px, 2.4vw, 29px);\r\n      font-weight: 700;\r\n      line-height: 1.25;\r\n      margin: 0 0 13px;\r\n      letter-spacing: -.35px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-content h3 span {\r\n      color: var(--gama-accent);\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-content p {\r\n      color: rgba(255,255,255,.72);\r\n      font-size: 14px;\r\n      line-height: 1.8;\r\n      margin: 0 0 11px;\r\n      max-width: 900px;\r\n    }\r\n\r\n    \/* TAGS *\/\r\n\r\n    #gama-foundation-v2 .gama-tags {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      margin-top: 21px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-tag {\r\n      border: 1px solid rgba(101,160,134,.32);\r\n      background: rgba(101,160,134,.08);\r\n      color: rgba(255,255,255,.78);\r\n      padding: 8px 13px;\r\n      font-size: 9px;\r\n      font-weight: 700;\r\n      letter-spacing: 1.1px;\r\n      transition: .3s ease;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-tag:hover {\r\n      background: var(--gama-accent);\r\n      color: #07151b;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    \/* VALUES *\/\r\n\r\n    #gama-foundation-v2 .gama-values-heading {\r\n      color: #fff;\r\n      font-size: 23px;\r\n      line-height: 1.3;\r\n      margin: 0 0 21px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-values-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 12px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-value-card {\r\n      position: relative;\r\n      padding: 19px 17px;\r\n      min-height: 142px;\r\n      border: 1px solid rgba(255,255,255,.12);\r\n      background: rgba(255,255,255,.035);\r\n      transition: .4s ease;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-value-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      bottom: 0;\r\n      width: 0;\r\n      height: 2px;\r\n      background: var(--gama-accent);\r\n      transition: width .4s ease;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-value-card:hover {\r\n      transform: translateY(-6px);\r\n      background: rgba(101,160,134,.10);\r\n      border-color: rgba(101,160,134,.45);\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-value-card:hover::before {\r\n      width: 100%;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-value-number {\r\n      display: block;\r\n      color: var(--gama-accent);\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 1.5px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-value-card h4 {\r\n      color: #fff;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      letter-spacing: .5px;\r\n      margin: 0 0 8px;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-value-card p {\r\n      color: rgba(255,255,255,.62);\r\n      font-size: 11px;\r\n      line-height: 1.65;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* SCROLL REVEAL *\/\r\n\r\n    #gama-foundation-v2 .gama-reveal {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    #gama-foundation-v2.gama-js-ready .gama-reveal {\r\n      opacity: 0;\r\n      transform: translateY(22px);\r\n      transition: opacity .8s ease, transform .8s ease;\r\n    }\r\n\r\n    #gama-foundation-v2.gama-js-ready .gama-reveal.gama-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-value-card:nth-child(2) {\r\n      transition-delay: .08s;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-value-card:nth-child(3) {\r\n      transition-delay: .16s;\r\n    }\r\n\r\n    #gama-foundation-v2 .gama-value-card:nth-child(4) {\r\n      transition-delay: .24s;\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n\r\n    @media(max-width: 900px) {\r\n      #gama-foundation-v2 {\r\n        padding: 54px 20px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-values-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-panel {\r\n        padding: 29px 26px;\r\n      }\r\n    }\r\n\r\n    @media(max-width: 600px) {\r\n      #gama-foundation-v2 {\r\n        padding: 43px 15px 48px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-heading {\r\n        margin-bottom: 21px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-heading h2 {\r\n        font-size: 27px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-intro {\r\n        font-size: 12px;\r\n        line-height: 1.7;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-intro-sub {\r\n        font-size: 11px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-tabs {\r\n        gap: 6px;\r\n        margin-bottom: 12px;\r\n        flex-wrap: nowrap;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-tab {\r\n        min-width: 0;\r\n        flex: 1;\r\n        padding: 12px 5px;\r\n        font-size: 9px;\r\n        letter-spacing: 1px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-panel {\r\n        padding: 24px 19px;\r\n        min-height: 0;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-content h3 {\r\n        font-size: 21px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-content p {\r\n        font-size: 12px;\r\n        line-height: 1.75;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-tags {\r\n        gap: 6px;\r\n        margin-top: 17px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-tag {\r\n        padding: 7px 9px;\r\n        font-size: 8px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-values-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 8px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-value-card {\r\n        padding: 15px 12px;\r\n        min-height: 135px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-value-card h4 {\r\n        font-size: 11px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-value-card p {\r\n        font-size: 10px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-values-heading {\r\n        font-size: 19px;\r\n        margin-bottom: 15px;\r\n      }\r\n\r\n      #gama-foundation-v2 .gama-orbit {\r\n        width: 300px;\r\n        height: 300px;\r\n      }\r\n    }\r\n\r\n    @media(prefers-reduced-motion: reduce) {\r\n      #gama-foundation-v2 *,\r\n      #gama-foundation-v2 *::before,\r\n      #gama-foundation-v2 *::after {\r\n        animation-duration: .01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: .01ms !important;\r\n        scroll-behavior: auto !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- ANIMATED BACKGROUND -->\r\n  <div class=\"gama-bg\" aria-hidden=\"true\">\r\n    <div class=\"gama-grid\"><\/div>\r\n    <div class=\"gama-glow gama-glow-one\"><\/div>\r\n    <div class=\"gama-glow gama-glow-two\"><\/div>\r\n    <div class=\"gama-orbit\"><\/div>\r\n    <div class=\"gama-particles\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gama-inner\">\r\n\r\n    <!-- SECTION HEADING -->\r\n    <div class=\"gama-heading gama-reveal\">\r\n      <div class=\"gama-eyebrow\">OUR FOUNDATION<\/div>\r\n\r\n      <h2>WHAT <span>DRIVES US<\/span><\/h2>\r\n\r\n      <p class=\"gama-intro\">\r\n        Our mission, vision and values define the principles behind how GAMATECH operates, delivers solutions and builds long-term relationships.\r\n      <\/p>\r\n\r\n      <p class=\"gama-intro-sub\">\r\n        Driven by innovation, quality, safety and sustainability, GAMATECH continues to build solutions aligned with the evolving energy landscape.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- HORIZONTAL TABS -->\r\n    <div class=\"gama-tabs gama-reveal\" role=\"tablist\" aria-label=\"Our foundation\">\r\n\r\n      <button class=\"gama-tab active\"\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        aria-selected=\"true\"\r\n        data-tab=\"mission\">\r\n        MISSION\r\n      <\/button>\r\n\r\n      <button class=\"gama-tab\"\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n        data-tab=\"vision\">\r\n        VISION\r\n      <\/button>\r\n\r\n      <button class=\"gama-tab\"\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n        data-tab=\"values\">\r\n        VALUES\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <!-- CONTENT PANEL -->\r\n    <div class=\"gama-panel gama-reveal\" id=\"gama-foundation-panel\">\r\n\r\n      <!-- MISSION -->\r\n      <div class=\"gama-content\" data-content=\"mission\">\r\n\r\n        <div class=\"gama-content-label\">01 \/ OUR MISSION<\/div>\r\n\r\n        <h3>\r\n          LEADING SOLUTIONS. BUILT FOR THE\r\n          <span>ENERGY INDUSTRY.<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          To be a leading solution provider in the MENA region, serving national and international companies with reliable and innovative upstream oilfield services. We focus on fast-track oil and gas production and facility projects, delivering solutions that meet the evolving needs of the energy industry.\r\n        <\/p>\r\n\r\n        <div class=\"gama-tags\">\r\n          <span class=\"gama-tag\">UPSTREAM SERVICES<\/span>\r\n          <span class=\"gama-tag\">OIL &amp; GAS<\/span>\r\n          <span class=\"gama-tag\">FAST-TRACK PROJECTS<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- VISION -->\r\n      <div class=\"gama-content\" data-content=\"vision\" hidden>\r\n\r\n        <div class=\"gama-content-label\">02 \/ OUR VISION<\/div>\r\n\r\n        <h3>\r\n          PERFORMANCE THAT CREATES\r\n          <span>LASTING VALUE.<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          To provide quality specialized solutions that improve reservoir production and accelerate customer ROI through reliable services, technical expertise and operational excellence.\r\n        <\/p>\r\n\r\n        <p>\r\n          We are committed to safe operations, protecting our people, clients, facilities and the environment through our 100% HSE policy.\r\n        <\/p>\r\n\r\n        <div class=\"gama-tags\">\r\n          <span class=\"gama-tag\">QUALITY<\/span>\r\n          <span class=\"gama-tag\">PERFORMANCE<\/span>\r\n          <span class=\"gama-tag\">HSE<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- VALUES -->\r\n      <div class=\"gama-content\" data-content=\"values\" hidden>\r\n\r\n        <div class=\"gama-content-label\">03 \/ OUR VALUES<\/div>\r\n\r\n        <h3 class=\"gama-values-heading\">\r\n          PRINCIPLES THAT SHAPE HOW WE WORK.\r\n        <\/h3>\r\n\r\n        <div class=\"gama-values-grid\">\r\n\r\n          <div class=\"gama-value-card\">\r\n            <span class=\"gama-value-number\">01<\/span>\r\n            <h4>INNOVATION<\/h4>\r\n            <p>\r\n              Embracing new ideas and technologies to deliver smarter, forward-thinking solutions.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"gama-value-card\">\r\n            <span class=\"gama-value-number\">02<\/span>\r\n            <h4>AUTHENTICITY<\/h4>\r\n            <p>\r\n              Building trust through transparency, integrity and genuine professional relationships.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"gama-value-card\">\r\n            <span class=\"gama-value-number\">03<\/span>\r\n            <h4>QUALITY SERVICE<\/h4>\r\n            <p>\r\n              Maintaining high standards through dependable service, expertise and attention to detail.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"gama-value-card\">\r\n            <span class=\"gama-value-number\">04<\/span>\r\n            <h4>SUSTAINABILITY<\/h4>\r\n            <p>\r\n              Supporting responsible operations that consider people, resources and the environment.\r\n            <\/p>\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  <script>\r\n    (function () {\r\n      const section = document.getElementById('gama-foundation-v2');\r\n      if (!section) return;\r\n\r\n      \/* TABS *\/\r\n      const tabs = section.querySelectorAll('.gama-tab');\r\n      const contents = section.querySelectorAll('.gama-content');\r\n\r\n      function activateTab(tab) {\r\n        const selected = tab.getAttribute('data-tab');\r\n\r\n        tabs.forEach(function (item) {\r\n          const active = item === tab;\r\n          item.classList.toggle('active', active);\r\n          item.setAttribute('aria-selected', active ? 'true' : 'false');\r\n        });\r\n\r\n        contents.forEach(function (content) {\r\n          const show = content.getAttribute('data-content') === selected;\r\n          content.hidden = !show;\r\n\r\n          if (show) {\r\n            content.style.animation = 'none';\r\n            void content.offsetWidth;\r\n            content.style.animation = '';\r\n          }\r\n        });\r\n      }\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.addEventListener('click', function () {\r\n          activateTab(tab);\r\n        });\r\n      });\r\n\r\n      \/* SCROLL REVEAL *\/\r\n      const revealItems = section.querySelectorAll('.gama-reveal');\r\n\r\n      if ('IntersectionObserver' in window) {\r\n        section.classList.add('gama-js-ready');\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('gama-visible');\r\n              observer.unobserve(entry.target);\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  <\/script>\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-dc569de e-con-full e-flex e-con e-parent\" data-id=\"dc569de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7286a7 elementor-widget elementor-widget-html\" data-id=\"d7286a7\" 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=\"gama-why-premium\" id=\"gama-why-premium\">\r\n\r\n<style>\r\n\/* =====================================\r\n   GAMATECH WHY SECTION - WHITE PREMIUM\r\n===================================== *\/\r\n\r\n.gama-why-premium {\r\n    --gwp-green: #65A086;\r\n    --gwp-dark: #172B35;\r\n    --gwp-text: #5D6B73;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    padding: 40px 6%;\r\n    background: #ffffff !important;\r\n    color: var(--gwp-dark);\r\n    font-family: inherit;\r\n}\r\n\r\n\/* ANIMATED TECHNICAL GRID *\/\r\n\r\n\/* Moving technical grid *\/\r\n.gama-why-premium .gwp-bg-grid {\r\n  position: absolute;\r\n  inset: -100px;\r\n  z-index: -3;\r\n  pointer-events: none;\r\n\r\n  background-image:\r\n    linear-gradient(rgba(101,160,134,0.12) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(101,160,134,0.12) 1px, transparent 1px);\r\n\r\n  background-size: 45px 45px;\r\n  opacity: 4.55;\r\n\r\n  animation: gamaGridMove 18s linear infinite;\r\n}\r\n\r\n@keyframes gamaGridMove {\r\n  0% {\r\n    background-position: 0 0;\r\n  }\r\n  100% {\r\n    background-position: 130px 130px;\r\n  }\r\n}\r\n\r\n\/* MOVING GREEN LIGHT BLOBS *\/\r\n\r\n.gama-why-premium .gwp-light {\r\n    position: absolute;\r\n    z-index: -2;\r\n    pointer-events: none;\r\n    border-radius: 50%;\r\n    filter: blur(2px);\r\n}\r\n\r\n.gama-why-premium .gwp-light-one {\r\n    width: 480px;\r\n    height: 480px;\r\n    top: -180px;\r\n    right: -100px;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(101,160,134,.19) 0%,\r\n        rgba(101,160,134,.08) 38%,\r\n        transparent 72%\r\n    );\r\n    animation: gwpLightOne 12s ease-in-out infinite alternate;\r\n}\r\n\r\n.gama-why-premium .gwp-light-two {\r\n    width: 500px;\r\n    height: 500px;\r\n    bottom: -230px;\r\n    left: -160px;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(101,160,134,.17) 0%,\r\n        rgba(101,160,134,.06) 42%,\r\n        transparent 72%\r\n    );\r\n    animation: gwpLightTwo 15s ease-in-out infinite alternate;\r\n}\r\n\r\n.gama-why-premium .gwp-light-three {\r\n    width: 280px;\r\n    height: 280px;\r\n    top: 42%;\r\n    left: 43%;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(101,160,134,.09),\r\n        transparent 70%\r\n    );\r\n    animation: gwpLightThree 11s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* MOVING DIAGONAL LIGHT *\/\r\n\r\n.gama-why-premium .gwp-light-sweep {\r\n    position: absolute;\r\n    z-index: -1;\r\n    top: -50%;\r\n    left: -40%;\r\n    width: 35%;\r\n    height: 200%;\r\n    pointer-events: none;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(101,160,134,.045),\r\n        rgba(101,160,134,.10),\r\n        transparent\r\n    );\r\n    transform: rotate(24deg);\r\n    animation: gwpSweep 13s ease-in-out infinite;\r\n}\r\n\r\n\/* FLOATING TECHNICAL CIRCLES *\/\r\n\r\n.gama-why-premium .gwp-orbit {\r\n    position: absolute;\r\n    z-index: -1;\r\n    right: 7%;\r\n    top: 16%;\r\n    width: 170px;\r\n    height: 170px;\r\n    border: 1px solid rgba(101,160,134,.16);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    animation: gwpOrbit 24s linear infinite;\r\n}\r\n\r\n.gama-why-premium .gwp-orbit::before,\r\n.gama-why-premium .gwp-orbit::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    border: 1px solid rgba(101,160,134,.13);\r\n    border-radius: 50%;\r\n}\r\n\r\n.gama-why-premium .gwp-orbit::before {\r\n    inset: 18px;\r\n}\r\n\r\n.gama-why-premium .gwp-orbit::after {\r\n    inset: 38px;\r\n}\r\n\r\n.gama-why-premium .gwp-orbit-dot {\r\n    position: absolute;\r\n    top: 19px;\r\n    left: 28px;\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: var(--gwp-green);\r\n    box-shadow: 0 0 15px rgba(101,160,134,.6);\r\n}\r\n\r\n\/* MAIN WRAPPER *\/\r\n\r\n.gwp-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1380px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* SECTION LABEL *\/\r\n\r\n.gwp-top-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    margin-bottom: 25px;\r\n    color: var(--gwp-green);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gwp-top-label span {\r\n    width: 34px;\r\n    height: 2px;\r\n    background: var(--gwp-green);\r\n}\r\n\r\n\/* MAIN GRID *\/\r\n\r\n.gwp-main-grid {\r\n    display: grid;\r\n    grid-template-columns: .95fr 1.05fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n}\r\n\r\n\/* =====================================\r\n   LEFT IMAGE\r\n===================================== *\/\r\n\r\n.gwp-visual {\r\n    position: relative;\r\n    min-width: 0;\r\n    padding: 15px 15px 25px 0;\r\n}\r\n\r\n.gwp-image-frame {\r\n    position: relative;\r\n    height: 590px;\r\n    overflow: hidden;\r\n    background: #e9efeb;\r\n    border-radius: 3px;\r\n    box-shadow: 15px 25px 60px rgba(23,43,53,.12);\r\n}\r\n\r\n.gwp-image-frame img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 1s ease;\r\n}\r\n\r\n.gwp-image-frame:hover img {\r\n    transform: scale(1.06);\r\n}\r\n\r\n.gwp-image-frame::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    background: linear-gradient(\r\n        180deg,\r\n        rgba(15,35,42,.02) 25%,\r\n        rgba(15,35,42,.08) 52%,\r\n        rgba(15,35,42,.83) 100%\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* IMAGE TOP LABEL *\/\r\n\r\n.gwp-image-top {\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: 25px;\r\n    left: 25px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 11px 15px;\r\n    background: rgba(255,255,255,.94);\r\n    color: var(--gwp-dark);\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.7px;\r\n}\r\n\r\n.gwp-live-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--gwp-green);\r\n    box-shadow: 0 0 0 4px rgba(101,160,134,.15);\r\n    animation: gwpPulse 2s infinite;\r\n}\r\n\r\n\/* IMAGE CAPTION *\/\r\n\r\n.gwp-image-caption {\r\n    position: absolute;\r\n    z-index: 3;\r\n    left: 32px;\r\n    right: 25px;\r\n    bottom: 35px;\r\n}\r\n\r\n.gwp-image-caption small {\r\n    display: block;\r\n    margin-bottom: 12px;\r\n    color: #b8e1cb;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 2.8px;\r\n}\r\n\r\n.gwp-image-caption h3 {\r\n    max-width: 430px;\r\n    margin: 0;\r\n    color: #ffffff !important;\r\n    font-size: clamp(26px, 2vw, 30px);\r\n    line-height: 1.18;\r\n    font-weight: 800;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\/* IMAGE CORNER DETAILS *\/\r\n\r\n.gwp-corner {\r\n    position: absolute;\r\n    z-index: 4;\r\n    width: 66px;\r\n    height: 65px;\r\n    border-color: var(--gwp-green);\r\n    border-style: solid;\r\n    pointer-events: none;\r\n}\r\n\r\n.gwp-corner.top-right {\r\n    top: 0;\r\n    right: 0;\r\n    border-width: 2px 2px 0 0;\r\n}\r\n\r\n.gwp-corner.bottom-left {\r\n    bottom: 0;\r\n    left: -12px;\r\n    border-width: 0 0 2px 2px;\r\n}\r\n\r\n\r\n\r\n\/* =====================================\r\n   RIGHT CONTENT\r\n===================================== *\/\r\n\r\n.gwp-content {\r\n    min-width: 0;\r\n}\r\n\r\n.gwp-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 22px;\r\n    color: var(--gwp-green);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 2.8px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gwp-eyebrow::before {\r\n    content: \"\";\r\n    width: 30px;\r\n    height: 2px;\r\n    background: var(--gwp-green);\r\n}\r\n\r\n.gwp-heading {\r\n    max-width: 620px;\r\n    margin: 0 0 23px !important;\r\n    color: var(--gwp-dark) !important;\r\n    font-size: clamp(30px, 4vw, 35px) !important;\r\n    line-height: 1.06 !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -1.px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gwp-heading span {\r\n    color: var(--gwp-green) !important;\r\n}\r\n\r\n.gwp-intro {\r\n    max-width: 590px;\r\n    margin: 0 0 30px !important;\r\n    color: var(--gwp-text) !important;\r\n    font-size: 15px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* =====================================\r\n\/* =====================================\r\n   COMPACT INTERACTIVE ACCORDION\r\n   FIXED BUTTON STYLING + SPACING\r\n===================================== *\/\r\n\r\n.gwp-accordion {\r\n    border-top: 1px solid #e2eae5;\r\n}\r\n\r\n.gama-why-premium .gwp-item {\r\n    position: relative;\r\n    border-bottom: 1px solid #e2eae5;\r\n    background: transparent !important;\r\n    transition: background .35s ease;\r\n}\r\n\r\n.gama-why-premium .gwp-item.active {\r\n    background: rgba(101,160,134,.045) !important;\r\n}\r\n\r\n\/* ACCORDION BUTTON *\/\r\n\r\n.gama-why-premium .gwp-item-button,\r\n.gama-why-premium .gwp-item-button:hover,\r\n.gama-why-premium .gwp-item-button:focus,\r\n.gama-why-premium .gwp-item-button:active {\r\n    display: grid !important;\r\n    width: 100% !important;\r\n    grid-template-columns: 48px 1fr 35px !important;\r\n    align-items: center !important;\r\n    gap: 14px !important;\r\n\r\n    padding: 14px 18px !important;\r\n\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n\r\n    color: var(--gwp-dark) !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n\r\n    text-align: left !important;\r\n    cursor: pointer !important;\r\n    font-family: inherit !important;\r\n    text-transform: none !important;\r\n    transform: none !important;\r\n}\r\n\r\n\/* REMOVE THEME BUTTON PSEUDO EFFECTS *\/\r\n\r\n.gama-why-premium .gwp-item-button::before,\r\n.gama-why-premium .gwp-item-button::after {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* POINT NUMBER *\/\r\n\r\n.gama-why-premium .gwp-item-number {\r\n    color: var(--gwp-green) !important;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* POINT TITLE *\/\r\n\r\n.gama-why-premium .gwp-item-title {\r\n    color: var(--gwp-dark) !important;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: .5px;\r\n    text-transform: uppercase;\r\n    transition: color .3s ease;\r\n}\r\n\r\n.gama-why-premium .gwp-item.active .gwp-item-title {\r\n    color: var(--gwp-green) !important;\r\n}\r\n\r\n\/* PLUS ICON *\/\r\n\r\n.gama-why-premium .gwp-item-icon {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    width: 30px !important;\r\n    height: 30px !important;\r\n    min-width: 30px !important;\r\n\r\n    border: 1px solid #dce6e0 !important;\r\n    border-radius: 50% !important;\r\n\r\n    background: transparent !important;\r\n    color: var(--gwp-green) !important;\r\n\r\n    font-size: 19px;\r\n    box-shadow: none !important;\r\n    transition: all .35s ease;\r\n}\r\n\r\n\/* ACTIVE PLUS ICON *\/\r\n\r\n.gama-why-premium .gwp-item.active .gwp-item-icon {\r\n    transform: rotate(45deg);\r\n    background: var(--gwp-green) !important;\r\n    border-color: var(--gwp-green) !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* ACCORDION CONTENT ANIMATION *\/\r\n\r\n.gama-why-premium .gwp-item-panel {\r\n    display: grid;\r\n    grid-template-rows: 0fr;\r\n    transition: grid-template-rows .4s ease;\r\n}\r\n\r\n.gama-why-premium .gwp-item.active .gwp-item-panel {\r\n    grid-template-rows: 1fr;\r\n}\r\n\r\n.gama-why-premium .gwp-item-panel-inner {\r\n    overflow: hidden;\r\n}\r\n\r\n\/* COMPACT DESCRIPTION SPACING *\/\r\n\r\n.gama-why-premium .gwp-item-panel p {\r\n    max-width: 540px;\r\n    margin: 0;\r\n    padding: 0 55px 15px 80px;\r\n\r\n    color: var(--gwp-text) !important;\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* =====================================\r\n   MOBILE ACCORDION\r\n===================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gama-why-premium .gwp-item-button,\r\n    .gama-why-premium .gwp-item-button:hover,\r\n    .gama-why-premium .gwp-item-button:focus,\r\n    .gama-why-premium .gwp-item-button:active {\r\n        grid-template-columns: 35px 1fr 30px !important;\r\n        gap: 9px !important;\r\n        padding: 13px 8px !important;\r\n    }\r\n\r\n    .gama-why-premium .gwp-item-title {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .gama-why-premium .gwp-item-panel p {\r\n        padding: 0 35px 14px 52px;\r\n        font-size: 12px;\r\n        line-height: 1.7;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================\r\n   BOTTOM FEATURE STRIP\r\n===================================== *\/\r\n\r\n.gwp-bottom-strip {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 1.25fr 1fr 1fr 1fr;\r\n    align-items: center;\r\n    gap: 25px;\r\n    margin-top: 25px;\r\n    padding: 18px 25px;\r\n    overflow: hidden;\r\n    background: rgba(243,248,245,.94);\r\n    border: 1px solid #e2ebe5;\r\n}\r\n\r\n.gwp-bottom-strip::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: var(--gwp-green);\r\n}\r\n\r\n.gwp-bottom-intro small {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--gwp-green);\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.gwp-bottom-intro h3 {\r\n    margin: 0;\r\n    color: var(--gwp-dark) !important;\r\n    font-size: 20px;\r\n    line-height: 1.3;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gwp-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    min-height: 50px;\r\n    border-left: 1px solid #dce6e0;\r\n    padding-left: 24px;\r\n}\r\n\r\n.gwp-feature-number {\r\n    color: var(--gwp-green);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n}\r\n\r\n.gwp-feature strong {\r\n    display: block;\r\n    color: var(--gwp-dark);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* =====================================\r\n   SCROLL REVEAL\r\n===================================== *\/\r\n\r\n.gwp-reveal {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity .85s ease, transform .85s ease;\r\n}\r\n\r\n.gama-why-premium.gwp-visible .gwp-reveal {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.gwp-visual.gwp-reveal {\r\n    transition-delay: .1s;\r\n}\r\n\r\n.gwp-content.gwp-reveal {\r\n    transition-delay: .25s;\r\n}\r\n\r\n.gwp-bottom-strip.gwp-reveal {\r\n    transition-delay: .35s;\r\n}\r\n\r\n\/* =====================================\r\n   ANIMATIONS\r\n===================================== *\/\r\n\r\n@keyframes gwpGridDrift {\r\n    from { background-position: 0 0; }\r\n    to { background-position: 55px 55px; }\r\n}\r\n\r\n@keyframes gwpLightOne {\r\n    from { transform: translate(0,0) scale(1); }\r\n    to { transform: translate(-100px,90px) scale(1.25); }\r\n}\r\n\r\n@keyframes gwpLightTwo {\r\n    from { transform: translate(0,0) scale(1); }\r\n    to { transform: translate(100px,-70px) scale(1.2); }\r\n}\r\n\r\n@keyframes gwpLightThree {\r\n    from { transform: translate(-60px,-20px); }\r\n    to { transform: translate(80px,60px); }\r\n}\r\n\r\n@keyframes gwpSweep {\r\n    0% { left: -45%; opacity: 0; }\r\n    15% { opacity: 1; }\r\n    70% { opacity: .8; }\r\n    100% { left: 125%; opacity: 0; }\r\n}\r\n\r\n@keyframes gwpOrbit {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes gwpImageScan {\r\n    0% { top: -5%; opacity: 0; }\r\n    10% { opacity: .8; }\r\n    90% { opacity: .8; }\r\n    100% { top: 105%; opacity: 0; }\r\n}\r\n\r\n@keyframes gwpPulse {\r\n    0%,100% { box-shadow: 0 0 0 4px rgba(101,160,134,.15); }\r\n    50% { box-shadow: 0 0 0 9px rgba(101,160,134,.04); }\r\n}\r\n\r\n\/* =====================================\r\n   TABLET\r\n===================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .gama-why-premium {\r\n        padding: 90px 5%;\r\n    }\r\n\r\n    .gwp-main-grid {\r\n        gap: 45px;\r\n        grid-template-columns: .9fr 1.1fr;\r\n    }\r\n\r\n    .gwp-image-frame {\r\n        height: 520px;\r\n    }\r\n\r\n    .gwp-heading {\r\n        font-size: 45px !important;\r\n    }\r\n\r\n    .gwp-bottom-strip {\r\n        grid-template-columns: repeat(2,1fr);\r\n        row-gap: 25px;\r\n    }\r\n}\r\n\r\n\/* =====================================\r\n   MOBILE\r\n===================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n    .gama-why-premium {\r\n        padding: 70px 6%;\r\n    }\r\n\r\n    .gwp-main-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 45px;\r\n    }\r\n\r\n    .gwp-visual {\r\n        padding: 0 8px 12px 0;\r\n    }\r\n\r\n    .gwp-image-frame {\r\n        height: 430px;\r\n    }\r\n\r\n    .gwp-side-label {\r\n        display: none;\r\n    }\r\n\r\n    .gwp-image-caption {\r\n        left: 22px;\r\n        bottom: 25px;\r\n    }\r\n\r\n    .gwp-image-caption h3 {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .gwp-image-top {\r\n        top: 17px;\r\n        left: 17px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gwp-heading {\r\n        font-size: 39px !important;\r\n        letter-spacing: -1.8px;\r\n    }\r\n\r\n    .gwp-intro {\r\n        font-size: 14px;\r\n        margin-bottom: 24px !important;\r\n    }\r\n\r\n    \/* COMPACT MOBILE ACCORDION *\/\r\n\r\n    .gwp-item-button {\r\n        grid-template-columns: 35px 1fr 30px;\r\n        gap: 9px;\r\n        padding: 13px 8px;\r\n    }\r\n\r\n    .gwp-item-title {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .gwp-item-panel p {\r\n        padding: 0 35px 14px 52px;\r\n        font-size: 12px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .gwp-bottom-strip {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n        margin-top: 55px;\r\n        padding: 25px 24px;\r\n    }\r\n\r\n    .gwp-feature {\r\n        border-left: 0;\r\n        border-top: 1px solid #dce6e0;\r\n        padding: 15px 0 0;\r\n        min-height: auto;\r\n    }\r\n\r\n    .gwp-bottom-intro h3 {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .gwp-orbit {\r\n        opacity: .4;\r\n        right: -40px !important;\r\n    }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .gama-why-premium *,\r\n    .gama-why-premium *::before,\r\n    .gama-why-premium *::after {\r\n        animation-duration: .01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: .01ms !important;\r\n    }\r\n\r\n    .gwp-reveal {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ANIMATED BACKGROUND LAYERS -->\r\n\r\n<div class=\"gwp-bg-grid\"><\/div>\r\n<div class=\"gwp-light gwp-light-one\"><\/div>\r\n<div class=\"gwp-light gwp-light-two\"><\/div>\r\n<div class=\"gwp-light gwp-light-three\"><\/div>\r\n<div class=\"gwp-light-sweep\"><\/div>\r\n\r\n<div class=\"gwp-orbit\">\r\n    <span class=\"gwp-orbit-dot\"><\/span>\r\n<\/div>\r\n\r\n<div class=\"gwp-container\">\r\n\r\n    <!-- SECTION LABEL -->\r\n\r\n    <div class=\"gwp-top-label\">\r\n        <span><\/span>\r\n        WHY GAMATECH\r\n    <\/div>\r\n\r\n    <!-- MAIN GRID -->\r\n\r\n    <div class=\"gwp-main-grid\">\r\n\r\n        <!-- LEFT IMAGE -->\r\n\r\n        <div class=\"gwp-visual gwp-reveal\">\r\n\r\n            <div class=\"gwp-image-frame\">\r\n\r\n                <img decoding=\"async\" title=\"Home\"\r\n                    src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/11\/oil-gas.png\"\r\n                    alt=\"GAMATECH petroleum engineering and industrial operations\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"gwp-image-top\">\r\n                    <span class=\"gwp-live-dot\"><\/span>\r\n                    ENGINEERING & ENERGY\r\n                <\/div>\r\n\r\n                <div class=\"gwp-image-caption\">\r\n                    <small>OUR COMMITMENT<\/small>\r\n                    <h3>ENGINEERED FOR PERFORMANCE. BUILT ON TRUST.<\/h3>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT CONTENT -->\r\n\r\n        <div class=\"gwp-content gwp-reveal\">\r\n\r\n            <div class=\"gwp-eyebrow\">\r\n                THE GAMATECH ADVANTAGE\r\n            <\/div>\r\n\r\n            <h2 class=\"gwp-heading\">\r\n                BUILT AROUND\r\n                <span>WHAT MATTERS.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"gwp-intro\">\r\n                GAMATECH combines technical expertise, operational strength\r\n                and a highly skilled workforce to deliver reliable, efficient\r\n                and future-ready solutions across the energy and industrial sectors.\r\n            <\/p>\r\n\r\n            <!-- ACCORDION -->\r\n\r\n            <div class=\"gwp-accordion\">\r\n\r\n                <div class=\"gwp-item active\">\r\n\r\n                    <button class=\"gwp-item-button\" type=\"button\" aria-expanded=\"true\">\r\n                        <span class=\"gwp-item-number\">01<\/span>\r\n                        <span class=\"gwp-item-title\">Technical Excellence<\/span>\r\n                        <span class=\"gwp-item-icon\">+<\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"gwp-item-panel\">\r\n                        <div class=\"gwp-item-panel-inner\">\r\n                            <p>\r\n                                We bring engineering knowledge, technical\r\n                                expertise and specialized industry experience\r\n                                together to deliver practical, high-quality\r\n                                solutions that meet project requirements.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"gwp-item\">\r\n\r\n                    <button class=\"gwp-item-button\" type=\"button\" aria-expanded=\"false\">\r\n                        <span class=\"gwp-item-number\">02<\/span>\r\n                        <span class=\"gwp-item-title\">Operational Strength<\/span>\r\n                        <span class=\"gwp-item-icon\">+<\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"gwp-item-panel\">\r\n                        <div class=\"gwp-item-panel-inner\">\r\n                            <p>\r\n                                Our operational approach focuses on precision,\r\n                                reliability and efficient execution throughout\r\n                                the project lifecycle, helping maintain\r\n                                consistency and dependable delivery.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"gwp-item\">\r\n\r\n                    <button class=\"gwp-item-button\" type=\"button\" aria-expanded=\"false\">\r\n                        <span class=\"gwp-item-number\">03<\/span>\r\n                        <span class=\"gwp-item-title\">International QHSE<\/span>\r\n                        <span class=\"gwp-item-icon\">+<\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"gwp-item-panel\">\r\n                        <div class=\"gwp-item-panel-inner\">\r\n                            <p>\r\n                                We place strong emphasis on quality, health,\r\n                                safety and environmental responsibility,\r\n                                supporting safe working practices and\r\n                                consistent project execution.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"gwp-item\">\r\n\r\n                    <button class=\"gwp-item-button\" type=\"button\" aria-expanded=\"false\">\r\n                        <span class=\"gwp-item-number\">04<\/span>\r\n                        <span class=\"gwp-item-title\">Innovation & Sustainability<\/span>\r\n                        <span class=\"gwp-item-icon\">+<\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"gwp-item-panel\">\r\n                        <div class=\"gwp-item-panel-inner\">\r\n                            <p>\r\n                                We continually focus on improving processes,\r\n                                embracing practical innovation and maintaining\r\n                                responsible practices that support long-term\r\n                                value for our clients and partners.\r\n                            <\/p>\r\n                        <\/div>\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    <!-- BOTTOM HIGHLIGHT STRIP -->\r\n\r\n    <div class=\"gwp-bottom-strip gwp-reveal\">\r\n\r\n        <div class=\"gwp-bottom-intro\">\r\n            <small>OUR APPROACH<\/small>\r\n            <h3>STRENGTH IN EVERY DETAIL.<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"gwp-feature\">\r\n            <span class=\"gwp-feature-number\">01<\/span>\r\n            <strong>Expertise<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"gwp-feature\">\r\n            <span class=\"gwp-feature-number\">02<\/span>\r\n            <strong>Reliability<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"gwp-feature\">\r\n            <span class=\"gwp-feature-number\">03<\/span>\r\n            <strong>Integrity<\/strong>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n    function initGamaWhyPremium() {\r\n\r\n        const sections = document.querySelectorAll(\r\n            '.gama-why-premium:not([data-gwp-initialized])'\r\n        );\r\n\r\n        sections.forEach(function(section) {\r\n\r\n            section.setAttribute('data-gwp-initialized', 'true');\r\n\r\n            \/* ACCORDION *\/\r\n\r\n            const items = section.querySelectorAll('.gwp-item');\r\n\r\n            items.forEach(function(item) {\r\n\r\n                const button = item.querySelector('.gwp-item-button');\r\n\r\n                if (!button) return;\r\n\r\n                button.addEventListener('click', function() {\r\n\r\n                    const isActive = item.classList.contains('active');\r\n\r\n                    items.forEach(function(otherItem) {\r\n\r\n                        otherItem.classList.remove('active');\r\n\r\n                        const otherButton = otherItem.querySelector(\r\n                            '.gwp-item-button'\r\n                        );\r\n\r\n                        if (otherButton) {\r\n                            otherButton.setAttribute('aria-expanded', 'false');\r\n                        }\r\n\r\n                    });\r\n\r\n                    if (!isActive) {\r\n\r\n                        item.classList.add('active');\r\n\r\n                        button.setAttribute('aria-expanded', 'true');\r\n\r\n                    }\r\n\r\n                });\r\n\r\n            });\r\n\r\n            \/* SCROLL REVEAL *\/\r\n\r\n            if ('IntersectionObserver' in window) {\r\n\r\n                const observer = new IntersectionObserver(\r\n                    function(entries) {\r\n\r\n                        entries.forEach(function(entry) {\r\n\r\n                            if (entry.isIntersecting) {\r\n\r\n                                section.classList.add('gwp-visible');\r\n\r\n                                observer.unobserve(section);\r\n\r\n                            }\r\n\r\n                        });\r\n\r\n                    },\r\n                    { threshold: 0.12 }\r\n                );\r\n\r\n                observer.observe(section);\r\n\r\n            } else {\r\n\r\n                section.classList.add('gwp-visible');\r\n\r\n            }\r\n\r\n        });\r\n\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initGamaWhyPremium);\r\n    } else {\r\n        initGamaWhyPremium();\r\n    }\r\n\r\n    window.addEventListener('load', initGamaWhyPremium);\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\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-8ac0462 e-con-full e-flex e-con e-parent\" data-id=\"8ac0462\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac8bca4 elementor-widget elementor-widget-html\" data-id=\"ac8bca4\" 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=\"gama-capabilities\">\r\n\r\n  <!-- BACKGROUND -->\r\n  <div class=\"gama-cap-bg\"><\/div>\r\n  <div class=\"gama-cap-grid\"><\/div>\r\n\r\n  <div class=\"gama-motion-bg\">\r\n    <div class=\"gama-motion-glow gama-glow-one\"><\/div>\r\n    <div class=\"gama-motion-glow gama-glow-two\"><\/div>\r\n\r\n    <div class=\"gama-motion-orbit gama-orbit-one\"><\/div>\r\n    <div class=\"gama-motion-orbit gama-orbit-two\"><\/div>\r\n\r\n    <div class=\"gama-motion-beam\"><\/div>\r\n\r\n    <div class=\"gama-motion-particles\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n      <span><\/span><span><\/span><span><\/span>\r\n      <span><\/span><span><\/span><span><\/span>\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gama-cap-orb gama-orb-one\"><\/div>\r\n  <div class=\"gama-cap-orb gama-orb-two\"><\/div>\r\n  <div class=\"gama-cap-ring gama-ring-one\"><\/div>\r\n  <div class=\"gama-cap-ring gama-ring-two\"><\/div>\r\n  <div class=\"gama-cap-light\"><\/div>\r\n\r\n  <!-- MAIN CONTENT -->\r\n  <div class=\"gama-cap-container\">\r\n\r\n    <!-- HEADING -->\r\n    <div class=\"gama-cap-heading\">\r\n\r\n      <div class=\"gama-cap-label\">\r\n        <span><\/span>\r\n        OUR CORE CAPABILITIES\r\n      <\/div>\r\n\r\n      <h2>\r\n        ENGINEERED FOR\r\n        <span>PERFORMANCE.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Delivering integrated energy, production, equipment and engineering\r\n        solutions through technical expertise and operational excellence.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- FOUR CAPABILITIES -->\r\n    <div class=\"gama-cap-row\">\r\n\r\n      <!-- CARD 01 -->\r\n      <article class=\"gama-cap-card\">\r\n\r\n        <div class=\"gama-cap-image\">\r\n          <img decoding=\"async\" title=\"Home\"\r\n            src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-01-at-1.35.29-PM.jpeg\"\r\n            alt=\"Sustainable energy solutions\"\r\n          >\r\n\r\n          <div class=\"gama-cap-image-overlay\"><\/div>\r\n\r\n          <span class=\"gama-cap-number\">01<\/span>\r\n\r\n          <div class=\"gama-cap-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M13 2L4 14H11L10 22L20 9H13L13 2Z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.6\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gama-cap-content\">\r\n\r\n          <span class=\"gama-cap-small\">ENERGY SOLUTIONS<\/span>\r\n\r\n          <h3>Sustainable Energy Solution<\/h3>\r\n\r\n          <p>\r\n            Supporting sustainable energy initiatives through efficient,\r\n            forward-looking energy solutions.\r\n          <\/p>\r\n\r\n          <a href=\"#\" class=\"gama-cap-link\">\r\n            EXPLORE MORE\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- CARD 02 -->\r\n      <article class=\"gama-cap-card\">\r\n\r\n        <div class=\"gama-cap-image\">\r\n          <img decoding=\"async\" title=\"Home\"\r\n            src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-01-at-1.35.29-PM-1.jpeg\"\r\n            alt=\"Well production services\"\r\n          >\r\n\r\n          <div class=\"gama-cap-image-overlay\"><\/div>\r\n\r\n          <span class=\"gama-cap-number\">02<\/span>\r\n\r\n          <div class=\"gama-cap-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 21H21M6 21V10L12 5L18 10V21M9 21V15H15V21M12 5V2\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.6\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gama-cap-content\">\r\n\r\n          <span class=\"gama-cap-small\">PRODUCTION SERVICES<\/span>\r\n\r\n          <h3>Well Production Services<\/h3>\r\n\r\n          <p>\r\n            Delivering production-focused services to support reliable\r\n            well operations and performance.\r\n          <\/p>\r\n\r\n          <a href=\"#\" class=\"gama-cap-link\">\r\n            EXPLORE MORE\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- CARD 03 -->\r\n      <article class=\"gama-cap-card\">\r\n\r\n        <div class=\"gama-cap-image\">\r\n          <img decoding=\"async\" title=\"Home\"\r\n            src=\"https:\/\/www.drilltechuae.com\/images\/gallery\/4965726045ae856d7c5b1c.jpg\"\r\n            alt=\"Oilfield equipment manufacturing\"\r\n          >\r\n\r\n          <div class=\"gama-cap-image-overlay\"><\/div>\r\n\r\n          <span class=\"gama-cap-number\">03<\/span>\r\n\r\n          <div class=\"gama-cap-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M4 20V10L8 7V10L12 7V10L16 7V10L20 7V20H4Z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.6\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n\r\n              <path d=\"M8 20V15H12V20M16 14H17\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.6\"\r\n                stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gama-cap-content\">\r\n\r\n          <span class=\"gama-cap-small\">EQUIPMENT & SUPPLY<\/span>\r\n\r\n          <h3>Oilfield Equipment Manufacturing & Supply<\/h3>\r\n\r\n          <p>\r\n            Providing oilfield equipment manufacturing and supply\r\n            solutions for demanding industry requirements.\r\n          <\/p>\r\n\r\n          <a href=\"#\" class=\"gama-cap-link\">\r\n            EXPLORE MORE\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- CARD 04 -->\r\n      <article class=\"gama-cap-card\">\r\n\r\n        <div class=\"gama-cap-image\">\r\n          <img decoding=\"async\" title=\"Home\"\r\n            src=\"https:\/\/static.wixstatic.com\/media\/0bd943_c3d5648ff1114386891e2419e1cad7fd~mv2.jpg\/v1\/fill\/w_716%2Ch_580%2Cal_c%2Cq_85%2Cenc_avif%2Cquality_auto\/0bd943_c3d5648ff1114386891e2419e1cad7fd~mv2.jpg\"\r\n            alt=\"Engineering and structural solutions\"\r\n          >\r\n\r\n          <div class=\"gama-cap-image-overlay\"><\/div>\r\n\r\n          <span class=\"gama-cap-number\">04<\/span>\r\n\r\n          <div class=\"gama-cap-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 21L12 3L21 21M6 15H18M8 11H16M12 3V21M3 21H21\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.6\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gama-cap-content\">\r\n\r\n          <span class=\"gama-cap-small\">ENGINEERING SOLUTIONS<\/span>\r\n\r\n          <h3>Engineering & Structural Solutions<\/h3>\r\n\r\n          <p>\r\n            Delivering engineering and structural solutions with a focus\r\n            on functionality, quality and reliability.\r\n          <\/p>\r\n\r\n          <a href=\"#\" class=\"gama-cap-link\">\r\n            EXPLORE MORE\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================================\r\n   MAIN SECTION\r\n========================================== *\/\r\n\r\n.gama-capabilities {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 105px 5%;\r\n  background: #0B1B24;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  font-family: inherit;\r\n}\r\n\r\n\/* ==========================================\r\n   BACKGROUND IMAGE\r\n========================================== *\/\r\n\r\n.gama-cap-bg {\r\n  position: absolute;\r\n  inset: -5%;\r\n  z-index: -5;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      rgba(5,17,23,.96),\r\n      rgba(8,29,37,.91)\r\n    ),\r\n    url(\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/09\/FACTO.jpg\")\r\n    center\/cover no-repeat;\r\n\r\n  animation: gamaBgMove 24s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gamaBgMove {\r\n  from {\r\n    transform: scale(1);\r\n  }\r\n\r\n  to {\r\n    transform: scale(1.12) translate3d(-1%, 1%, 0);\r\n  }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   ANIMATED TECHNICAL GRID\r\n========================================== *\/\r\n\r\n.gama-cap-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -4;\r\n  pointer-events: none;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(101,160,134,.08) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(101,160,134,.08) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 65px 65px;\r\n\r\n  mask-image: linear-gradient(\r\n    to bottom,\r\n    transparent,\r\n    black 15%,\r\n    black 85%,\r\n    transparent\r\n  );\r\n\r\n  animation: gamaGridMove 20s linear infinite;\r\n}\r\n\r\n@keyframes gamaGridMove {\r\n  from {\r\n    background-position: 0 0;\r\n  }\r\n\r\n  to {\r\n    background-position: 130px 130px;\r\n  }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   ENHANCED MOVING BACKGROUND LAYER\r\n========================================== *\/\r\n\r\n.gama-motion-bg {\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 GLOW LIGHTS *\/\r\n\r\n.gama-motion-glow {\r\n  position: absolute;\r\n  width: 480px;\r\n  height: 480px;\r\n  border-radius: 50%;\r\n  filter: blur(100px);\r\n  opacity: .24;\r\n  background: #65A086;\r\n  will-change: transform;\r\n}\r\n\r\n.gama-glow-one {\r\n  top: -180px;\r\n  left: -180px;\r\n\r\n  animation:\r\n    gamaGlowTravel 14s ease-in-out infinite alternate;\r\n}\r\n\r\n.gama-glow-two {\r\n  right: -180px;\r\n  bottom: -200px;\r\n  opacity: .18;\r\n\r\n  animation:\r\n    gamaGlowTravelTwo 18s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gamaGlowTravel {\r\n  0% {\r\n    transform: translate(0, 0) scale(.8);\r\n  }\r\n\r\n  50% {\r\n    transform: translate(350px, 180px) scale(1.25);\r\n  }\r\n\r\n  100% {\r\n    transform: translate(650px, 80px) scale(.9);\r\n  }\r\n}\r\n\r\n@keyframes gamaGlowTravelTwo {\r\n  0% {\r\n    transform: translate(0, 0) scale(1);\r\n  }\r\n\r\n  50% {\r\n    transform: translate(-300px, -220px) scale(1.3);\r\n  }\r\n\r\n  100% {\r\n    transform: translate(-550px, -80px) scale(.85);\r\n  }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   ROTATING TECHNICAL ORBITS\r\n========================================== *\/\r\n\r\n.gama-motion-orbit {\r\n  position: absolute;\r\n  border: 1px solid rgba(101,160,134,.25);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.gama-orbit-one {\r\n  width: 600px;\r\n  height: 600px;\r\n  top: -220px;\r\n  right: -180px;\r\n\r\n  animation: gamaOrbitSpin 35s linear infinite;\r\n}\r\n\r\n.gama-orbit-two {\r\n  width: 420px;\r\n  height: 420px;\r\n  bottom: -240px;\r\n  left: 10%;\r\n\r\n  border-style: dashed;\r\n  border-color: rgba(101,160,134,.19);\r\n\r\n  animation: gamaOrbitSpin 28s linear infinite reverse;\r\n}\r\n\r\n.gama-motion-orbit::before,\r\n.gama-motion-orbit::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 9px;\r\n  height: 9px;\r\n  border-radius: 50%;\r\n  background: #78B095;\r\n  box-shadow: 0 0 18px rgba(101,160,134,.9);\r\n}\r\n\r\n.gama-motion-orbit::before {\r\n  top: 20%;\r\n  left: 12%;\r\n}\r\n\r\n.gama-motion-orbit::after {\r\n  right: 12%;\r\n  bottom: 20%;\r\n}\r\n\r\n@keyframes gamaOrbitSpin {\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   MOVING DIAGONAL LIGHT BEAM\r\n========================================== *\/\r\n\r\n.gama-motion-beam {\r\n  position: absolute;\r\n  top: -30%;\r\n  left: -35%;\r\n  width: 18%;\r\n  height: 160%;\r\n\r\n  transform: rotate(22deg);\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(101,160,134,.08),\r\n    rgba(120,176,149,.17),\r\n    rgba(101,160,134,.08),\r\n    transparent\r\n  );\r\n\r\n  filter: blur(12px);\r\n\r\n  animation: gamaBeamTravel 11s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gamaBeamTravel {\r\n  0% {\r\n    left: -35%;\r\n    opacity: 0;\r\n  }\r\n\r\n  15% {\r\n    opacity: 1;\r\n  }\r\n\r\n  75% {\r\n    opacity: .8;\r\n  }\r\n\r\n  100% {\r\n    left: 130%;\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   FLOATING PARTICLES\r\n========================================== *\/\r\n\r\n.gama-motion-particles {\r\n  position: absolute;\r\n  inset: 0;\r\n}\r\n\r\n.gama-motion-particles span {\r\n  position: absolute;\r\n  width: 4px;\r\n  height: 4px;\r\n  border-radius: 50%;\r\n\r\n  background: #78B095;\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(120,176,149,.9);\r\n\r\n  opacity: 0;\r\n\r\n  animation: gamaParticleFloat 9s linear infinite;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(1) {\r\n  left: 8%;\r\n  top: 90%;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(2) {\r\n  left: 18%;\r\n  top: 80%;\r\n  animation-delay: 2s;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(3) {\r\n  left: 29%;\r\n  top: 95%;\r\n  animation-delay: 4s;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(4) {\r\n  left: 42%;\r\n  top: 85%;\r\n  animation-delay: 1s;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(5) {\r\n  left: 53%;\r\n  top: 95%;\r\n  animation-delay: 5s;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(6) {\r\n  left: 65%;\r\n  top: 85%;\r\n  animation-delay: 3s;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(7) {\r\n  left: 76%;\r\n  top: 95%;\r\n  animation-delay: 6s;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(8) {\r\n  left: 88%;\r\n  top: 85%;\r\n  animation-delay: 2.5s;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(9) {\r\n  left: 95%;\r\n  top: 90%;\r\n  animation-delay: 4.5s;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(10) {\r\n  left: 35%;\r\n  top: 100%;\r\n  animation-delay: 7s;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(11) {\r\n  left: 72%;\r\n  top: 100%;\r\n  animation-delay: 1.5s;\r\n}\r\n\r\n.gama-motion-particles span:nth-child(12) {\r\n  left: 12%;\r\n  top: 100%;\r\n  animation-delay: 5.5s;\r\n}\r\n\r\n@keyframes gamaParticleFloat {\r\n  0% {\r\n    transform: translate3d(0, 0, 0) scale(.5);\r\n    opacity: 0;\r\n  }\r\n\r\n  15% {\r\n    opacity: .8;\r\n  }\r\n\r\n  50% {\r\n    transform: translate3d(35px, -280px, 0) scale(1);\r\n    opacity: .7;\r\n  }\r\n\r\n  85% {\r\n    opacity: .4;\r\n  }\r\n\r\n  100% {\r\n    transform: translate3d(-25px, -650px, 0) scale(.3);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   ORIGINAL BACKGROUND ORBS\r\n========================================== *\/\r\n\r\n.gama-cap-orb {\r\n  position: absolute;\r\n  z-index: -3;\r\n\r\n  width: 360px;\r\n  height: 360px;\r\n\r\n  border-radius: 50%;\r\n  background: rgba(101,160,134,.12);\r\n  filter: blur(90px);\r\n  pointer-events: none;\r\n}\r\n\r\n.gama-orb-one {\r\n  top: -130px;\r\n  left: -100px;\r\n\r\n  animation: gamaOrbOne 13s ease-in-out infinite alternate;\r\n}\r\n\r\n.gama-orb-two {\r\n  bottom: -180px;\r\n  right: -100px;\r\n\r\n  animation: gamaOrbTwo 16s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gamaOrbOne {\r\n  from {\r\n    transform: translate(0,0);\r\n  }\r\n\r\n  to {\r\n    transform: translate(180px,120px);\r\n  }\r\n}\r\n\r\n@keyframes gamaOrbTwo {\r\n  from {\r\n    transform: translate(0,0);\r\n  }\r\n\r\n  to {\r\n    transform: translate(-150px,-100px);\r\n  }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   ORIGINAL BACKGROUND RINGS\r\n========================================== *\/\r\n\r\n.gama-cap-ring {\r\n  position: absolute;\r\n  z-index: -2;\r\n\r\n  border: 1px solid rgba(101,160,134,.13);\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.gama-ring-one {\r\n  width: 430px;\r\n  height: 430px;\r\n  top: 15%;\r\n  right: -220px;\r\n\r\n  animation: gamaRingRotate 35s linear infinite;\r\n}\r\n\r\n.gama-ring-two {\r\n  width: 300px;\r\n  height: 300px;\r\n  bottom: -160px;\r\n  left: -140px;\r\n\r\n  animation: gamaRingRotate 28s linear infinite reverse;\r\n}\r\n\r\n@keyframes gamaRingRotate {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   ORIGINAL LIGHT SWEEP\r\n========================================== *\/\r\n\r\n.gama-cap-light {\r\n  position: absolute;\r\n  z-index: -1;\r\n\r\n  top: 0;\r\n  left: -40%;\r\n\r\n  width: 25%;\r\n  height: 100%;\r\n\r\n  pointer-events: none;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(101,160,134,.045),\r\n    transparent\r\n  );\r\n\r\n  transform: skewX(-15deg);\r\n\r\n  animation: gamaLightSweep 12s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gamaLightSweep {\r\n  0%, 100% {\r\n    left: -40%;\r\n  }\r\n\r\n  55% {\r\n    left: 120%;\r\n  }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CONTENT CONTAINER\r\n========================================== *\/\r\n\r\n.gama-cap-container {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  max-width: 1450px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   SECTION HEADING\r\n========================================== *\/\r\n\r\n.gama-cap-heading {\r\n  max-width: 760px;\r\n  margin-bottom: 55px;\r\n}\r\n\r\n.gama-cap-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  color: #78B095;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n.gama-cap-label span {\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  background: #65A086;\r\n  display: inline-block;\r\n}\r\n\r\n.gama-cap-heading h2 {\r\n  margin: 0 0 20px;\r\n\r\n  color: #fff;\r\n\r\n  font-size: clamp(32px, 4vw, 48px);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  letter-spacing: -1.5px;\r\n}\r\n\r\n.gama-cap-heading h2 span {\r\n  color: #65A086;\r\n}\r\n\r\n.gama-cap-heading p {\r\n  max-width: 650px;\r\n  margin: 0;\r\n\r\n  color: rgba(255,255,255,.65);\r\n\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   FOUR CARDS IN ONE DESKTOP ROW\r\n========================================== *\/\r\n\r\n.gama-cap-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 20px;\r\n  align-items: stretch;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CARD DESIGN\r\n========================================== *\/\r\n\r\n.gama-cap-card {\r\n  position: relative;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n\r\n  background: rgba(13,34,43,.88);\r\n\r\n  border: 1px solid rgba(255,255,255,.11);\r\n\r\n  transition:\r\n    transform .45s ease,\r\n    border-color .45s ease,\r\n    background .45s ease;\r\n}\r\n\r\n.gama-cap-card:hover {\r\n  transform: translateY(-9px);\r\n\r\n  border-color: rgba(101,160,134,.8);\r\n\r\n  background: rgba(17,43,51,.97);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CARD IMAGE\r\n========================================== *\/\r\n\r\n.gama-cap-image {\r\n  position: relative;\r\n  height: 220px;\r\n  overflow: hidden;\r\n  background: #142a31;\r\n}\r\n\r\n.gama-cap-image img {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  transition: transform .8s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.gama-cap-card:hover .gama-cap-image img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.gama-cap-image-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(4,14,19,.05) 20%,\r\n    rgba(4,14,19,.75) 100%\r\n  );\r\n}\r\n\r\n.gama-cap-number {\r\n  position: absolute;\r\n  top: 17px;\r\n  left: 17px;\r\n\r\n  color: rgba(255,255,255,.9);\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CARD ICON\r\n========================================== *\/\r\n\r\n.gama-cap-icon {\r\n  position: absolute;\r\n  right: 17px;\r\n  bottom: 17px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 43px;\r\n  height: 43px;\r\n\r\n  background: #65A086;\r\n  color: #fff;\r\n\r\n  transition:\r\n    transform .4s ease,\r\n    background .4s ease;\r\n}\r\n\r\n.gama-cap-icon svg {\r\n  width: 23px;\r\n  height: 23px;\r\n}\r\n\r\n.gama-cap-card:hover .gama-cap-icon {\r\n  transform: rotate(8deg) scale(1.08);\r\n  background: #78B095;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CARD CONTENT\r\n========================================== *\/\r\n\r\n.gama-cap-content {\r\n  padding: 25px 21px 27px;\r\n}\r\n\r\n.gama-cap-small {\r\n  display: block;\r\n\r\n  margin-bottom: 13px;\r\n\r\n  color: #78B095;\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.6px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.gama-cap-content h3 {\r\n  min-height: 58px;\r\n  margin: 0 0 14px;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n\r\n  transition: color .3s ease;\r\n}\r\n\r\n.gama-cap-card:hover .gama-cap-content h3 {\r\n  color: #78B095;\r\n}\r\n\r\n.gama-cap-content p {\r\n  min-height: 78px;\r\n  margin: 0 0 22px;\r\n\r\n  color: rgba(255,255,255,.62);\r\n\r\n  font-size: 13px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   EXPLORE LINK\r\n========================================== *\/\r\n\r\n.gama-cap-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  color: #78B095;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.3px;\r\n\r\n  text-decoration: none !important;\r\n\r\n  transition:\r\n    gap .3s ease,\r\n    color .3s ease;\r\n}\r\n\r\n.gama-cap-link span {\r\n  display: inline-block;\r\n\r\n  font-size: 17px;\r\n\r\n  transition: transform .3s ease;\r\n}\r\n\r\n.gama-cap-link:hover {\r\n  color: #fff;\r\n  gap: 17px;\r\n}\r\n\r\n.gama-cap-link:hover span {\r\n  transform: translate(3px,-3px);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TABLET RESPONSIVE\r\n========================================== *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .gama-capabilities {\r\n    padding: 85px 4%;\r\n  }\r\n\r\n  .gama-cap-row {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 22px;\r\n  }\r\n\r\n  .gama-cap-image {\r\n    height: 240px;\r\n  }\r\n\r\n  .gama-cap-content h3 {\r\n    min-height: auto;\r\n  }\r\n\r\n  .gama-cap-content p {\r\n    min-height: auto;\r\n  }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MOBILE RESPONSIVE\r\n========================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .gama-capabilities {\r\n    padding: 65px 20px;\r\n  }\r\n\r\n  .gama-cap-heading {\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .gama-cap-heading h2 {\r\n    font-size: 30px;\r\n    line-height: 1.15;\r\n  }\r\n\r\n  .gama-cap-heading p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .gama-cap-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .gama-cap-image {\r\n    height: 230px;\r\n  }\r\n\r\n  .gama-cap-content {\r\n    padding: 23px 20px 25px;\r\n  }\r\n\r\n  .gama-cap-content h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  .gama-motion-glow {\r\n    width: 300px;\r\n    height: 300px;\r\n    filter: blur(75px);\r\n  }\r\n\r\n  .gama-orbit-one {\r\n    width: 350px;\r\n    height: 350px;\r\n  }\r\n\r\n  .gama-orbit-two {\r\n    width: 250px;\r\n    height: 250px;\r\n  }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   REDUCED MOTION ACCESSIBILITY\r\n========================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .gama-capabilities *,\r\n  .gama-capabilities *::before,\r\n  .gama-capabilities *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\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-81a7e50 e-con-full e-flex e-con e-parent\" data-id=\"81a7e50\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24a7de0 elementor-widget elementor-widget-html\" data-id=\"24a7de0\" 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-partners\" id=\"gm-partners\">\r\n\r\n  <!-- ANIMATED BACKGROUND -->\r\n  <div class=\"gm-bg\" aria-hidden=\"true\">\r\n    <div class=\"gama-bg-grid\"><\/div>\r\n    <div class=\"gm-glow gm-glow-one\"><\/div>\r\n    <div class=\"gm-glow gm-glow-two\"><\/div>\r\n    <div class=\"gm-glow gm-glow-three\"><\/div>\r\n    <div class=\"gm-orbit gm-orbit-one\"><\/div>\r\n    <div class=\"gm-orbit gm-orbit-two\"><\/div>\r\n    <div class=\"gm-light-line\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gm-container\">\r\n\r\n    <!-- SECTION HEADING -->\r\n    <div class=\"gm-heading gm-reveal\">\r\n      <div class=\"gm-eyebrow\">\r\n          \r\n       \r\n      <\/div>\r\n\r\n      <h2>\r\n        GAMATECH <span>ENERGY<\/span> PARTNERS\r\n      <\/h2>\r\n\r\n      <p>\r\n        Building stronger energy solutions through trusted partnerships,\r\n        shared expertise and innovation.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- PARTNER SHOWCASE -->\r\n    <div class=\"gm-showcase gm-reveal\">\r\n\r\n      <div class=\"gm-showcase-top\">\r\n        <div class=\"gm-showcase-label\">\r\n          <span class=\"gm-status-dot\"><\/span>\r\n          STRATEGIC PARTNERS\r\n        <\/div>\r\n\r\n        <div class=\"gm-showcase-count\">\r\n          <span class=\"gm-count-current\">02<\/span>\r\n          <span class=\"gm-count-divider\">\/<\/span>\r\n          <span>04<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CAROUSEL -->\r\n      <div class=\"gm-stage\">\r\n\r\n        <button class=\"gm-arrow gm-prev\" type=\"button\"\r\n          aria-label=\"Previous partner\">\r\n          <span>\u2190<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"gm-cards\">\r\n\r\n          <div class=\"gm-partner-card\" data-index=\"0\" tabindex=\"0\">\r\n            <span class=\"gm-card-number\">01<\/span>\r\n            <div class=\"gm-logo-wrap\">\r\n              <img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/09\/1631342310479-e1790581703576.png\"\r\n                alt=\"MICODA\">\r\n            <\/div>\r\n            <div class=\"gm-card-caption\">MICODA<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"gm-partner-card\" data-index=\"1\" tabindex=\"0\">\r\n            <span class=\"gm-card-number\">02<\/span>\r\n            <div class=\"gm-logo-wrap\">\r\n              <img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/09\/images-1-1.png\"\r\n                alt=\"CLEAR RUSH CO.\">\r\n            <\/div>\r\n            <div class=\"gm-card-caption\">CLEAR RUSH CO.<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"gm-partner-card\" data-index=\"2\" tabindex=\"0\">\r\n            <span class=\"gm-card-number\">03<\/span>\r\n            <div class=\"gm-logo-wrap\">\r\n              <img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/09\/images-1.png\"\r\n                alt=\"BERLUTO\">\r\n            <\/div>\r\n            <div class=\"gm-card-caption\">BERLUTO<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"gm-partner-card\" data-index=\"3\" tabindex=\"0\">\r\n            <span class=\"gm-card-number\">04<\/span>\r\n            <div class=\"gm-logo-wrap\">\r\n              <img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/genaq-logo.png\"\r\n                alt=\"GENAQ\">\r\n            <\/div>\r\n            <div class=\"gm-card-caption\">GENAQ<\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <button class=\"gm-arrow gm-next\" type=\"button\"\r\n          aria-label=\"Next partner\">\r\n          <span>\u2192<\/span>\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <!-- CAROUSEL CONTROLS -->\r\n      <div class=\"gm-bottom\">\r\n        <div class=\"gm-progress\">\r\n          <span class=\"gm-progress-fill\"><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"gm-dots\">\r\n          <button class=\"gm-dot\" data-index=\"0\"\r\n            aria-label=\"Show MICODA\"><\/button>\r\n          <button class=\"gm-dot active\" data-index=\"1\"\r\n            aria-label=\"Show CLEAR RUSH CO.\"><\/button>\r\n          <button class=\"gm-dot\" data-index=\"2\"\r\n            aria-label=\"Show BERLUTO\"><\/button>\r\n          <button class=\"gm-dot\" data-index=\"3\"\r\n            aria-label=\"Show GENAQ\"><\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM DETAIL -->\r\n    <div class=\"gm-footer-line gm-reveal\">\r\n      <span>CONNECTED BY EXPERTISE<\/span>\r\n      <span class=\"gm-footer-symbol\">\u2733<\/span>\r\n      <span>DRIVEN BY INNOVATION<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================\r\n   GAMATECH PREMIUM PARTNERS SECTION\r\n========================================= *\/\r\n\r\n#gm-partners {\r\n  --gm-accent: #65a086;\r\n  --gm-dark: #10231f;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  padding: 40px 24px 25px;\r\n  overflow: hidden;\r\n  background: #f8faf8;\r\n  color: var(--gm-dark);\r\n  font-family: inherit;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#gm-partners *,\r\n#gm-partners *::before,\r\n#gm-partners *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================\r\n   BACKGROUND\r\n========================================= *\/\r\n\r\n#gm-partners .gm-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 50% 45%,\r\n      #ffffff 0%,\r\n      #f8faf8 65%,\r\n      #f1f6f2 100%\r\n    );\r\n}\r\n\r\n\/* CONTINUOUS MOVING GRID *\/\r\n\r\n#gm-partners .gama-bg-grid {\r\n  position: absolute;\r\n  inset: -100px;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(101,160,134,0.12) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(101,160,134,0.12) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 45px 45px;\r\n  opacity: 4.55;\r\n\r\n  animation: gamaGridMove 18s linear infinite;\r\n}\r\n\r\n@keyframes gamaGridMove {\r\n  from {\r\n    background-position: 0 0;\r\n  }\r\n\r\n  to {\r\n    background-position: 130px 130px;\r\n  }\r\n}\r\n\r\n\/* MOVING GLOW EFFECTS *\/\r\n\r\n#gm-partners .gm-glow {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(85px);\r\n  pointer-events: none;\r\n  will-change: transform;\r\n}\r\n\r\n#gm-partners .gm-glow-one {\r\n  width: 430px;\r\n  height: 430px;\r\n  top: -160px;\r\n  left: -120px;\r\n  background: rgba(101,160,134,0.20);\r\n  animation: gmGlowOne 17s ease-in-out infinite alternate;\r\n}\r\n\r\n#gm-partners .gm-glow-two {\r\n  width: 480px;\r\n  height: 480px;\r\n  right: -170px;\r\n  bottom: -180px;\r\n  background: rgba(119,184,153,0.17);\r\n  animation: gmGlowTwo 21s ease-in-out infinite alternate;\r\n}\r\n\r\n#gm-partners .gm-glow-three {\r\n  width: 300px;\r\n  height: 300px;\r\n  top: 35%;\r\n  left: 45%;\r\n  background: rgba(177,211,192,0.24);\r\n  animation: gmGlowThree 15s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gmGlowOne {\r\n  from { transform: translate(0,0) scale(1); }\r\n  to { transform: translate(220px,150px) scale(1.25); }\r\n}\r\n\r\n@keyframes gmGlowTwo {\r\n  from { transform: translate(0,0) scale(1); }\r\n  to { transform: translate(-190px,-150px) scale(1.2); }\r\n}\r\n\r\n@keyframes gmGlowThree {\r\n  from { transform: translate(-80px,40px); }\r\n  to { transform: translate(100px,-100px); }\r\n}\r\n\r\n\/* ROTATING ORBIT LINES *\/\r\n\r\n#gm-partners .gm-orbit {\r\n  position: absolute;\r\n  border: 1px solid rgba(101,160,134,0.14);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n#gm-partners .gm-orbit-one {\r\n  width: 700px;\r\n  height: 700px;\r\n  top: -370px;\r\n  right: -230px;\r\n  animation: gmOrbit 48s linear infinite;\r\n}\r\n\r\n#gm-partners .gm-orbit-two {\r\n  width: 850px;\r\n  height: 850px;\r\n  bottom: -510px;\r\n  left: -240px;\r\n  animation: gmOrbit 65s linear infinite reverse;\r\n}\r\n\r\n@keyframes gmOrbit {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* MOVING LIGHT LINE *\/\r\n\r\n#gm-partners .gm-light-line {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -40%;\r\n  width: 35%;\r\n  height: 100%;\r\n  opacity: 0.45;\r\n  transform: skewX(-18deg);\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,0.55),\r\n    transparent\r\n  );\r\n  animation: gmLightSweep 15s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gmLightSweep {\r\n  0%, 100% {\r\n    left: -40%;\r\n    opacity: 0;\r\n  }\r\n  35% {\r\n    opacity: 0.5;\r\n  }\r\n  65% {\r\n    opacity: 0.25;\r\n  }\r\n  85% {\r\n    left: 110%;\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n#gm-partners .gm-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   SCROLL REVEAL ANIMATIONS\r\n========================================= *\/\r\n\r\n#gm-partners .gm-reveal {\r\n  opacity: 0;\r\n  transform: translateY(38px);\r\n  transition:\r\n    opacity 0.9s ease,\r\n    transform 0.9s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n#gm-partners.gm-in-view .gm-reveal,\r\n#gm-partners .gm-reveal.gm-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n#gm-partners .gm-heading {\r\n  transition-delay: 0.05s;\r\n}\r\n\r\n#gm-partners .gm-showcase {\r\n  transition-delay: 0.18s;\r\n}\r\n\r\n#gm-partners .gm-footer-line {\r\n  transition-delay: 0.30s;\r\n}\r\n\r\n\/* HEADING TEXT ANIMATION *\/\r\n\r\n#gm-partners .gm-heading h2,\r\n#gm-partners .gm-heading p,\r\n#gm-partners .gm-eyebrow {\r\n  opacity: 0;\r\n  transform: translateY(18px);\r\n  transition:\r\n    opacity 0.75s ease,\r\n    transform 0.75s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n#gm-partners.gm-in-view .gm-heading h2,\r\n#gm-partners.gm-in-view .gm-heading p,\r\n#gm-partners.gm-in-view .gm-eyebrow,\r\n#gm-partners .gm-heading.gm-visible h2,\r\n#gm-partners .gm-heading.gm-visible p,\r\n#gm-partners .gm-heading.gm-visible .gm-eyebrow {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n#gm-partners .gm-heading h2 {\r\n  transition-delay: 0.18s;\r\n}\r\n\r\n#gm-partners .gm-heading p {\r\n  transition-delay: 0.32s;\r\n}\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n#gm-partners .gm-heading {\r\n  max-width: 760px;\r\n  margin: 0 auto 35px;\r\n  text-align: center;\r\n}\r\n\r\n\r\n\r\n#gm-partners .gm-heading h2 {\r\n  margin: 0;\r\n  color: #14251f;\r\n  font-size: clamp(30px, 4vw, 48px);\r\n  font-weight: 750;\r\n  line-height: 1.15;\r\n  letter-spacing: -1.7px;\r\n}\r\n\r\n#gm-partners .gm-heading h2 span {\r\n  color: var(--gm-accent);\r\n}\r\n\r\n#gm-partners .gm-heading p {\r\n  max-width: 570px;\r\n  margin: 14px auto 0;\r\n  color: #75827c;\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* =========================================\r\n   SHOWCASE\r\n========================================= *\/\r\n\r\n#gm-partners .gm-showcase {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 20px 34px 30px;\r\n  border: 1px solid rgba(101,160,134,0.20);\r\n  border-radius: 22px;\r\n  background: rgba(255,255,255,0.76);\r\n  box-shadow:\r\n    0 25px 80px rgba(31,72,54,0.055),\r\n    inset 0 1px 0 rgba(255,255,255,0.95);\r\n  backdrop-filter: blur(15px);\r\n  -webkit-backdrop-filter: blur(15px);\r\n  overflow: hidden;\r\n  transition:\r\n    border-color 0.4s ease,\r\n    box-shadow 0.4s ease;\r\n}\r\n\r\n#gm-partners .gm-showcase::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 10%;\r\n  width: 50%;\r\n  height: 1px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(101,160,134,0.7),\r\n    transparent\r\n  );\r\n}\r\n\r\n#gm-partners .gm-showcase:hover {\r\n  border-color: rgba(101,160,134,0.38);\r\n  box-shadow: 0 30px 90px rgba(31,72,54,0.085);\r\n}\r\n\r\n\/* =========================================\r\n   SHOWCASE TOP BAR\r\n========================================= *\/\r\n\r\n#gm-partners .gm-showcase-top {\r\n  position: relative;\r\n  z-index: 10;\r\n  width: 100%;\r\n  min-height: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 15px;\r\n}\r\n\r\n#gm-partners .gm-showcase-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  color: #87958e;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.2px;\r\n  line-height: 1.4;\r\n}\r\n\r\n#gm-partners .gm-status-dot {\r\n  display: inline-block;\r\n  flex: 0 0 7px;\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--gm-accent);\r\n  box-shadow: 0 0 10px rgba(101,160,134,0.5);\r\n  animation: gmStatusPulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gmStatusPulse {\r\n  50% { box-shadow: 0 0 0 5px rgba(101,160,134,0.10); }\r\n}\r\n\r\n#gm-partners .gm-showcase-count {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  gap: 7px;\r\n  color: #a5b0aa;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  white-space: nowrap;\r\n}\r\n\r\n#gm-partners .gm-count-current {\r\n  color: var(--gm-accent);\r\n  font-size: 14px;\r\n}\r\n\r\n#gm-partners .gm-count-divider {\r\n  color: #c3ccc6;\r\n}\r\n\r\n\/* =========================================\r\n   CAROUSEL STAGE\r\n========================================= *\/\r\n\r\n#gm-partners .gm-stage {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 200px;\r\n  margin: 6px auto 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n\r\n#gm-partners .gm-cards {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n\/* =========================================\r\n   PARTNER CARDS\r\n========================================= *\/\r\n\r\n#gm-partners .gm-partner-card {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 200px;\r\n  height: 155px;\r\n  padding: 24px 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid rgba(101,160,134,0.16);\r\n  border-radius: 17px;\r\n  background: rgba(255,255,255,0.96);\r\n  box-shadow: 0 12px 35px rgba(34,68,52,0.055);\r\n  opacity: 0;\r\n  transform: translate(-50%,-50%) scale(0.78);\r\n  transition:\r\n    left 0.75s cubic-bezier(.22,.8,.25,1),\r\n    transform 0.75s cubic-bezier(.22,.8,.25,1),\r\n    opacity 0.65s ease,\r\n    box-shadow 0.35s ease,\r\n    border-color 0.35s ease;\r\n  pointer-events: none;\r\n  cursor: pointer;\r\n}\r\n\r\n#gm-partners .gm-partner-card.is-active {\r\n  width: 220px;\r\n  height: 175px;\r\n  opacity: 1;\r\n  z-index: 5;\r\n  border-color: rgba(101,160,134,0.48);\r\n  box-shadow:\r\n    0 22px 55px rgba(35,79,58,0.12),\r\n    0 0 0 5px rgba(101,160,134,0.045);\r\n  pointer-events: auto;\r\n}\r\n\r\n#gm-partners .gm-partner-card.is-left,\r\n#gm-partners .gm-partner-card.is-right {\r\n  opacity: 0.60;\r\n  z-index: 3;\r\n  pointer-events: auto;\r\n}\r\n\r\n#gm-partners .gm-partner-card.is-far {\r\n  opacity: 0;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n#gm-partners .gm-partner-card.is-left:hover,\r\n#gm-partners .gm-partner-card.is-right:hover {\r\n  opacity: 0.88;\r\n  border-color: rgba(101,160,134,0.42);\r\n}\r\n\r\n\/* =========================================\r\n   CARD CONTENT\r\n========================================= *\/\r\n\r\n#gm-partners .gm-card-number {\r\n  position: absolute;\r\n  top: 15px;\r\n  left: 17px;\r\n  color: #aab8af;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n#gm-partners .gm-logo-wrap {\r\n  width: 100%;\r\n  height: 110px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n#gm-partners .gm-logo-wrap img {\r\n  display: block;\r\n  max-width: 82%;\r\n  max-height: 82px;\r\n  width: auto;\r\n  height: auto;\r\n  object-fit: contain;\r\n  transition: transform 0.45s ease;\r\n}\r\n\r\n#gm-partners .gm-partner-card.is-active:hover .gm-logo-wrap img {\r\n  transform: scale(1.06);\r\n}\r\n\r\n#gm-partners .gm-card-caption {\r\n  margin-top: 12px;\r\n  color: #263a31;\r\n  font-size: 11px;\r\n  font-weight: 750;\r\n  letter-spacing: 1.5px;\r\n  text-align: center;\r\n}\r\n\r\n#gm-partners .gm-partner-card.is-active .gm-card-caption {\r\n  color: var(--gm-accent);\r\n}\r\n\r\n\/* =========================================\r\n   NAVIGATION BUTTONS\r\n========================================= *\/\r\n\r\n#gm-partners .gm-arrow {\r\n  position: absolute;\r\n  top: 50%;\r\n  z-index: 12;\r\n  width: 32px;\r\n  height: 32px;\r\n  padding: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid rgba(101,160,134,0.30);\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.96);\r\n  color: #497b64;\r\n  font-family: inherit;\r\n  font-size: 19px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n  transform: translateY(-50%);\r\n  transition:\r\n    background 0.3s ease,\r\n    color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    transform 0.3s ease;\r\n}\r\n\r\n#gm-partners .gm-prev {\r\n  left: 8px;\r\n}\r\n\r\n#gm-partners .gm-next {\r\n  right: 8px;\r\n}\r\n\r\n#gm-partners .gm-arrow span {\r\n  display: block;\r\n  line-height: 1;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n#gm-partners .gm-arrow:hover {\r\n  background: var(--gm-accent);\r\n  color: #fff;\r\n  border-color: var(--gm-accent);\r\n  box-shadow: 0 7px 20px rgba(101,160,134,0.24);\r\n}\r\n\r\n#gm-partners .gm-arrow:active {\r\n  transform: translateY(-50%) scale(0.94);\r\n}\r\n\r\n#gm-partners .gm-arrow:focus-visible,\r\n#gm-partners .gm-dot:focus-visible,\r\n#gm-partners .gm-partner-card:focus-visible {\r\n  outline: 2px solid var(--gm-accent);\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* =========================================\r\n   BOTTOM CONTROLS\r\n========================================= *\/\r\n\r\n#gm-partners .gm-bottom {\r\n  position: relative;\r\n  z-index: 10;\r\n  width: 100%;\r\n  min-height: 20px;\r\n  margin-top: 5px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n}\r\n\r\n#gm-partners .gm-progress {\r\n  flex: 1;\r\n  min-width: 0;\r\n  height: 2px;\r\n  background: #e7eee9;\r\n  overflow: hidden;\r\n}\r\n\r\n#gm-partners .gm-progress-fill {\r\n  display: block;\r\n  width: 50%;\r\n  height: 100%;\r\n  background: var(--gm-accent);\r\n  transition: width 0.6s ease;\r\n}\r\n\r\n#gm-partners .gm-dots {\r\n  display: flex;\r\n  flex: 0 0 auto;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  gap: 8px;\r\n}\r\n\r\n#gm-partners .gm-dot {\r\n  display: block;\r\n  width: 7px;\r\n  height: 7px;\r\n  min-width: 7px;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 20px;\r\n  background: #cbd8d0;\r\n  cursor: pointer;\r\n  transition:\r\n    width 0.35s ease,\r\n    background 0.35s ease,\r\n    transform 0.35s ease;\r\n}\r\n\r\n#gm-partners .gm-dot:hover {\r\n  transform: scale(1.2);\r\n}\r\n\r\n#gm-partners .gm-dot.active {\r\n  width: 24px;\r\n  background: var(--gm-accent);\r\n}\r\n\r\n\/* =========================================\r\n   FOOTER DETAIL\r\n========================================= *\/\r\n\r\n#gm-partners .gm-footer-line {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 17px;\r\n  margin-top: 38px;\r\n  color: #9aa79f;\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-align: center;\r\n}\r\n\r\n#gm-partners .gm-footer-symbol {\r\n  color: var(--gm-accent);\r\n  font-size: 14px;\r\n  animation: gmSymbolRotate 12s linear infinite;\r\n}\r\n\r\n@keyframes gmSymbolRotate {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n  #gm-partners {\r\n    padding: 85px 20px 65px;\r\n  }\r\n\r\n  #gm-partners .gm-showcase {\r\n    padding-left: 24px;\r\n    padding-right: 24px;\r\n  }\r\n\r\n  #gm-partners .gm-stage {\r\n    height: 295px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n  #gm-partners {\r\n    padding: 70px 14px 50px;\r\n  }\r\n\r\n  #gm-partners .gm-heading {\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  #gm-partners .gm-eyebrow {\r\n    gap: 9px;\r\n    margin-bottom: 16px;\r\n    font-size: 10px;\r\n    letter-spacing: 2.3px;\r\n  }\r\n\r\n  #gm-partners .gm-eyebrow-line {\r\n    flex-basis: 24px;\r\n    width: 24px;\r\n  }\r\n\r\n  #gm-partners .gm-heading h2 {\r\n    font-size: clamp(27px, 7vw, 38px);\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  #gm-partners .gm-heading p {\r\n    max-width: 440px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  #gm-partners .gm-showcase {\r\n    padding: 21px 12px 19px;\r\n    border-radius: 17px;\r\n  }\r\n\r\n  #gm-partners .gm-showcase-top {\r\n    padding: 0 3px;\r\n  }\r\n\r\n  #gm-partners .gm-showcase-label {\r\n    font-size: 9px;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  #gm-partners .gm-stage {\r\n    height: 250px;\r\n    margin-top: 5px;\r\n  }\r\n\r\n  #gm-partners .gm-cards {\r\n    height: 100%;\r\n  }\r\n\r\n  #gm-partners .gm-partner-card {\r\n    width: 145px;\r\n    height: 155px;\r\n    padding: 15px 10px;\r\n  }\r\n\r\n  #gm-partners .gm-partner-card.is-active {\r\n    width: 190px;\r\n    height: 180px;\r\n  }\r\n\r\n  #gm-partners .gm-partner-card.is-left,\r\n  #gm-partners .gm-partner-card.is-right {\r\n    opacity: 0.32;\r\n  }\r\n\r\n  #gm-partners .gm-logo-wrap {\r\n    height: 90px;\r\n  }\r\n\r\n  #gm-partners .gm-logo-wrap img {\r\n    max-height: 65px;\r\n    max-width: 85%;\r\n  }\r\n\r\n  #gm-partners .gm-card-caption {\r\n    font-size: 9px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  #gm-partners .gm-card-number {\r\n    top: 12px;\r\n    left: 12px;\r\n    font-size: 9px;\r\n  }\r\n\r\n  #gm-partners .gm-arrow {\r\n    width: 34px;\r\n    height: 34px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  #gm-partners .gm-prev {\r\n    left: 0;\r\n  }\r\n\r\n  #gm-partners .gm-next {\r\n    right: 0;\r\n  }\r\n\r\n  #gm-partners .gm-bottom {\r\n    gap: 13px;\r\n    margin-top: 5px;\r\n  }\r\n\r\n  #gm-partners .gm-dots {\r\n    gap: 7px;\r\n  }\r\n\r\n  #gm-partners .gm-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    min-width: 6px;\r\n  }\r\n\r\n  #gm-partners .gm-dot.active {\r\n    width: 20px;\r\n  }\r\n\r\n  #gm-partners .gm-footer-line {\r\n    gap: 9px;\r\n    margin-top: 28px;\r\n    font-size: 7px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  #gm-partners .gm-glow-one,\r\n  #gm-partners .gm-glow-two {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  #gm-partners .gm-orbit-one {\r\n    right: -450px;\r\n  }\r\n\r\n  #gm-partners .gm-orbit-two {\r\n    left: -500px;\r\n  }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width: 380px) {\r\n  #gm-partners .gm-showcase {\r\n    padding-left: 8px;\r\n    padding-right: 8px;\r\n  }\r\n\r\n  #gm-partners .gm-partner-card.is-active {\r\n    width: 170px;\r\n  }\r\n\r\n  #gm-partners .gm-partner-card.is-left,\r\n  #gm-partners .gm-partner-card.is-right {\r\n    opacity: 0.18;\r\n  }\r\n\r\n  #gm-partners .gm-arrow {\r\n    width: 30px;\r\n    height: 30px;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #gm-partners *,\r\n  #gm-partners *::before,\r\n  #gm-partners *::after {\r\n    animation-duration: 0.01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: 0.01ms !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n  const section = document.getElementById(\"gm-partners\");\r\n\r\n  if (!section || section.dataset.initialized === \"true\") return;\r\n  section.dataset.initialized = \"true\";\r\n\r\n  const cards = Array.from(section.querySelectorAll(\".gm-partner-card\"));\r\n  const dots = Array.from(section.querySelectorAll(\".gm-dot\"));\r\n  const stage = section.querySelector(\".gm-stage\");\r\n  const currentCount = section.querySelector(\".gm-count-current\");\r\n  const progress = section.querySelector(\".gm-progress-fill\");\r\n\r\n  let activeIndex = 1;\r\n  let autoplay = null;\r\n  let touchStartX = 0;\r\n  let touchStartY = 0;\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  \/* SCROLL REVEAL *\/\r\n\r\n  const revealItems = section.querySelectorAll(\".gm-reveal\");\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n    const revealObserver = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"gm-visible\");\r\n          revealObserver.unobserve(entry.target);\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      revealObserver.observe(item);\r\n    });\r\n\r\n  } else {\r\n    revealItems.forEach(function (item) {\r\n      item.classList.add(\"gm-visible\");\r\n    });\r\n  }\r\n\r\n  \/* CARD POSITIONING *\/\r\n\r\n  function positionCards() {\r\n    const stageWidth = stage.clientWidth;\r\n    const isMobile = window.innerWidth <= 767;\r\n\r\n    const activeWidth = isMobile ? 190 : 280;\r\n    const sideWidth = isMobile ? 145 : 220;\r\n\r\n    \/*\r\n      Keep side cards outside the central active card.\r\n      This prevents the logos from overlapping the arrows.\r\n    *\/\r\n\r\n    const availableOffset = Math.max(\r\n      0,\r\n      (stageWidth - activeWidth) \/ 2 - (isMobile ? 5 : 10)\r\n    );\r\n\r\n    const sideOffset = Math.min(\r\n      isMobile ? 150 : 265,\r\n      Math.max(isMobile ? 100 : 145, availableOffset + sideWidth * 0.38)\r\n    );\r\n\r\n    cards.forEach(function (card, i) {\r\n      const distance = (i - activeIndex + cards.length) % cards.length;\r\n\r\n      card.classList.remove(\r\n        \"is-active\",\r\n        \"is-left\",\r\n        \"is-right\",\r\n        \"is-far\"\r\n      );\r\n\r\n      let offset = 0;\r\n      let scale = 1;\r\n\r\n      if (distance === 0) {\r\n        card.classList.add(\"is-active\");\r\n        offset = 0;\r\n        scale = 1;\r\n\r\n      } else if (distance === 1) {\r\n        card.classList.add(\"is-right\");\r\n        offset = sideOffset;\r\n        scale = isMobile ? 0.72 : 0.82;\r\n\r\n      } else if (distance === cards.length - 1) {\r\n        card.classList.add(\"is-left\");\r\n        offset = -sideOffset;\r\n        scale = isMobile ? 0.72 : 0.82;\r\n\r\n      } else {\r\n        card.classList.add(\"is-far\");\r\n        offset = -sideOffset * 1.8;\r\n        scale = 0.7;\r\n      }\r\n\r\n      card.style.left = \"50%\";\r\n      card.style.transform =\r\n        \"translate(-50%, -50%) translateX(\" +\r\n        offset +\r\n        \"px) scale(\" +\r\n        scale +\r\n        \")\";\r\n    });\r\n  }\r\n\r\n  \/* UPDATE CAROUSEL *\/\r\n\r\n  function updateCarousel(index) {\r\n    activeIndex = (index + cards.length) % cards.length;\r\n\r\n    positionCards();\r\n\r\n    dots.forEach(function (dot, i) {\r\n      dot.classList.toggle(\"active\", i === activeIndex);\r\n      dot.setAttribute(\"aria-pressed\", i === activeIndex ? \"true\" : \"false\");\r\n    });\r\n\r\n    currentCount.textContent = String(activeIndex + 1).padStart(2, \"0\");\r\n\r\n    progress.style.width =\r\n      ((activeIndex + 1) \/ cards.length * 100) + \"%\";\r\n  }\r\n\r\n  function next() {\r\n    updateCarousel(activeIndex + 1);\r\n  }\r\n\r\n  function previous() {\r\n    updateCarousel(activeIndex - 1);\r\n  }\r\n\r\n  \/* AUTOPLAY *\/\r\n\r\n  function stopAutoplay() {\r\n    if (autoplay) {\r\n      clearInterval(autoplay);\r\n      autoplay = null;\r\n    }\r\n  }\r\n\r\n  function startAutoplay() {\r\n    stopAutoplay();\r\n\r\n    if (reducedMotion || document.hidden) return;\r\n\r\n    autoplay = setInterval(next, 5000);\r\n  }\r\n\r\n  \/* NAVIGATION *\/\r\n\r\n  section.querySelector(\".gm-next\").addEventListener(\"click\", function () {\r\n    next();\r\n    startAutoplay();\r\n  });\r\n\r\n  section.querySelector(\".gm-prev\").addEventListener(\"click\", function () {\r\n    previous();\r\n    startAutoplay();\r\n  });\r\n\r\n  dots.forEach(function (dot, i) {\r\n    dot.addEventListener(\"click\", function () {\r\n      updateCarousel(i);\r\n      startAutoplay();\r\n    });\r\n  });\r\n\r\n  cards.forEach(function (card, i) {\r\n    card.addEventListener(\"click\", function () {\r\n      updateCarousel(i);\r\n      startAutoplay();\r\n    });\r\n\r\n    card.addEventListener(\"keydown\", function (event) {\r\n      if (event.key === \"Enter\" || event.key === \" \") {\r\n        event.preventDefault();\r\n        updateCarousel(i);\r\n        startAutoplay();\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* TOUCH SWIPE *\/\r\n\r\n  stage.addEventListener(\"touchstart\", function (event) {\r\n    touchStartX = event.changedTouches[0].screenX;\r\n    touchStartY = event.changedTouches[0].screenY;\r\n  }, { passive: true });\r\n\r\n  stage.addEventListener(\"touchend\", function (event) {\r\n    const deltaX = event.changedTouches[0].screenX - touchStartX;\r\n    const deltaY = event.changedTouches[0].screenY - touchStartY;\r\n\r\n    if (Math.abs(deltaX) > 45 && Math.abs(deltaX) > Math.abs(deltaY)) {\r\n      if (deltaX < 0) {\r\n        next();\r\n      } else {\r\n        previous();\r\n      }\r\n      startAutoplay();\r\n    }\r\n  }, { passive: true });\r\n\r\n  \/* PAUSE ON HOVER AND FOCUS *\/\r\n\r\n  section.addEventListener(\"mouseenter\", stopAutoplay);\r\n  section.addEventListener(\"mouseleave\", startAutoplay);\r\n  section.addEventListener(\"focusin\", stopAutoplay);\r\n  section.addEventListener(\"focusout\", function (event) {\r\n    if (!section.contains(event.relatedTarget)) {\r\n      startAutoplay();\r\n    }\r\n  });\r\n\r\n  \/* PAUSE WHEN TAB IS HIDDEN *\/\r\n\r\n  document.addEventListener(\"visibilitychange\", function () {\r\n    if (document.hidden) {\r\n      stopAutoplay();\r\n    } else {\r\n      startAutoplay();\r\n    }\r\n  });\r\n\r\n  \/* RESPONSIVE REALIGNMENT *\/\r\n\r\n  let resizeTimer;\r\n\r\n  function handleResize() {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(positionCards, 100);\r\n  }\r\n\r\n  if (\"ResizeObserver\" in window) {\r\n    const resizeObserver = new ResizeObserver(handleResize);\r\n    resizeObserver.observe(stage);\r\n  } else {\r\n    window.addEventListener(\"resize\", handleResize);\r\n  }\r\n\r\n  \/* INITIALISE *\/\r\n\r\n  updateCarousel(activeIndex);\r\n  startAutoplay();\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-750b78c e-con-full e-flex e-con e-parent\" data-id=\"750b78c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6be519b elementor-widget elementor-widget-html\" data-id=\"6be519b\" 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<!-- =========================================================\r\n     GAMATECH ENERGY\r\n     CLIENTS & PARTNERS \u2014 ELEMENTOR HTML WIDGET\r\n========================================================= -->\r\n\r\n<section class=\"gama-client-section\">\r\n\r\n    <!-- HERO -->\r\n    <div class=\"gama-client-hero\">\r\n        <div class=\"gama-client-container\">\r\n\r\n            <div class=\"gama-client-copy\">\r\n                <div class=\"gama-client-eyebrow\">\r\n                    <span><\/span>\r\n                    OUR CLIENTS &amp; PARTNERS\r\n                <\/div>\r\n\r\n                <h2>\r\n                    TRUSTED BY\r\n                    <strong>INDUSTRY LEADERS.<\/strong>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    We are proud to work with leading organizations\r\n                    across the energy, petroleum and industrial sectors,\r\n                    delivering solutions built on technical capability,\r\n                    operational performance and long-term commitment.\r\n                <\/p>\r\n\r\n                <div class=\"gama-client-meta\">\r\n                    <span>GAMATECH ENERGY<\/span>\r\n                    <i><\/i>\r\n                    <span>STRATEGIC PARTNERSHIPS<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gama-client-image\">\r\n                <div class=\"gama-client-image-inner\">\r\n                    <img decoding=\"async\" title=\"Home\"\r\n                        src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/oil-platform-ocean-with-sun-setting-it-1-scaled.webp\"\r\n                        alt=\"GAMATECH Energy Oil and Gas Operations\"\r\n                    >\r\n                <\/div>\r\n                <div class=\"gama-image-accent\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- CLIENT LOGO CAROUSELS -->\r\n    <div class=\"gama-client-logos\">\r\n\r\n        <!-- ROW 01 \u2014 MOVES LEFT -->\r\n        <div class=\"gama-logo-row\">\r\n            <div class=\"gama-logo-track gama-logo-track-left\">\r\n\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/Saudi-Aramco-Logo-1-scaled-e1790851797487.png\" alt=\"Saudi Aramco\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/u5sOpJ-a_400x400-e1790853824634.png\" alt=\"Client logo 2\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/1672513679234-e1791018979298.jpg\" alt=\"Client logo 3\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-6.jpg\" alt=\"Client logo 4\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-18.png\" alt=\"Client logo 5\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-4.jpg\" alt=\"Client logo 6\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-16.png\" alt=\"Client logo 7\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/SPEC_Logo.jpg\" alt=\"SPEC\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/KOC_Logo_for_wikipedia-e1790854743744.png\" alt=\"KOC\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-5.png\" alt=\"Client logo 10\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-4-e1790879386923.png\" alt=\"Client logo 11\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/monitoring_and_control_centre_logo-e1790879424691.webp\" alt=\"Monitoring and Control Centre\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/nmdc-logo.png\" alt=\"NMDC\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/sinopec-logo-scaled-e1790879756911.jpg\" alt=\"Sinopec\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-2-e1790879800560.jpg\" alt=\"Client logo 15\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/petro-china-logo-e1790880022489.png\" alt=\"PetroChina\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-7.png\" alt=\"Client logo 17\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/aldes-holdings-logo.png\" alt=\"Aldes Holdings\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/lamprell.png\" alt=\"Lamprell\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/saipem-logo.png\" alt=\"Saipem\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/ppl-logo.jpg\" alt=\"PPL\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-6.png\" alt=\"Client logo 22\"><\/div><\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ROW 02 \u2014 MOVES RIGHT -->\r\n        <div class=\"gama-logo-row\">\r\n            <div class=\"gama-logo-track gama-logo-track-right\">\r\n\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/Logo_of_Oil_India_Limited-scaled.png\" alt=\"Oil India Limited\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-11.png\" alt=\"Client logo 2\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/China-Comservice.png\" alt=\"China Comservice\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-17.png\" alt=\"Client logo 4\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/LogoHighQuality.png\" alt=\"Client logo 5\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/members4-300x176-1.jpg\" alt=\"Client logo 6\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/ocean_oilfield_logo-e1791019192727.jpg\" alt=\"Ocean Oilfield\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-5.jpg\" alt=\"Client logo 8\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-10.png\" alt=\"Client logo 9\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-9-e1790881157340.png\" alt=\"Client logo 10\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/gdmc_kuwait_gulf_drilling_and_maintenance_company_logo-e1790881191617.jpg\" alt=\"Gulf Drilling and Maintenance Company\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-8.png\" alt=\"Client logo 12\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/taqa1132.logowik.com_-e1790881499134.webp\" alt=\"TAQA\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-14.png\" alt=\"Client logo 14\"><\/div><\/div>\r\n\r\n                <!-- SECOND SET -->\r\n               \r\n                \r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/pico-Logo-tran.png\" alt=\"PICO\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-13-e1790881558959.png\" alt=\"Client logo 16\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-12.png\" alt=\"Client logo 17\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/Allianz-Marine.png\" alt=\"Allianz Marine\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-3.jpg\" alt=\"Client logo 19\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/images-15.png\" alt=\"Client logo 20\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/logo-2-e1717411946482.png\" alt=\"Client logo 21\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/logo3.png\" alt=\"Client logo 22\"><\/div><\/div>\r\n                <div class=\"gama-logo\"><div class=\"gama-logo-frame\"><img decoding=\"async\" title=\"Home\" src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/gulf-marine-services-plc-600-e1790882018737.png\" alt=\"Gulf Marine Services\"><\/div><\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n.gama-client-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background:\r\n        radial-gradient(circle at 12% 20%, rgba(101,160,134,.08), transparent 32%),\r\n        linear-gradient(135deg, #10252F 0%, #15313A 50%, #0E222C 100%);\r\n    color: #fff;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.gama-client-container {\r\n    width: min(1320px, 92%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* HERO *\/\r\n.gama-client-hero {\r\n    position: relative;\r\n    padding: 55px 0 35px;\r\n    background:\r\n        radial-gradient(circle at 15% 20%, rgba(101,160,134,.13), transparent 35%),\r\n        linear-gradient(135deg, #10252F 0%, #15313A 55%, #0E222C 100%);\r\n}\r\n\r\n.gama-client-hero .gama-client-container {\r\n    display: grid;\r\n    grid-template-columns: .92fr 1.08fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n}\r\n\r\n\/* EYEBROW *\/\r\n.gama-client-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    margin-bottom: 28px;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    letter-spacing: 3px;\r\n    color: #fff;\r\n}\r\n\r\n.gama-client-eyebrow span {\r\n    width: 40px;\r\n    height: 2px;\r\n    flex-shrink: 0;\r\n    background: #65A086;\r\n}\r\n\r\n\/* HEADING *\/\r\n.gama-client-copy h2 {\r\n    margin: 0;\r\n    max-width: 650px;\r\n    font-size: clamp(32px, 4vw, 32px);\r\n    line-height: 1;\r\n    font-weight: 700;\r\n    letter-spacing: -1px;\r\n    color: #fff;\r\n}\r\n\r\n.gama-client-copy h2 strong {\r\n    display: block;\r\n    color: #65A086;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n.gama-client-copy p {\r\n    max-width: 520px;\r\n    margin: 12px 0 0;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    color: rgba(255,255,255,.90);\r\n}\r\n\r\n\/* META *\/\r\n.gama-client-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-top: 38px;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    color: rgba(255,255,255,.58);\r\n}\r\n\r\n.gama-client-meta i {\r\n    width: 25px;\r\n    height: 1px;\r\n    background: rgba(101,160,134,.75);\r\n}\r\n\r\n\/* HERO IMAGE *\/\r\n.gama-client-image {\r\n    position: relative;\r\n    height: 410px;\r\n}\r\n\r\n.gama-client-image-inner {\r\n    position: absolute;\r\n    inset: 0;\r\n    overflow: hidden;\r\n    clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%);\r\n}\r\n\r\n.gama-client-image-inner::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n        90deg,\r\n        rgba(16,37,47,.28),\r\n        rgba(16,37,47,.02) 60%,\r\n        rgba(16,37,47,.10)\r\n    );\r\n}\r\n\r\n.gama-client-image-inner img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: saturate(.80) contrast(1.05) brightness(1.02);\r\n    transform: scale(1.03);\r\n    transition: transform 1s ease, filter .6s ease;\r\n}\r\n\r\n.gama-client-image:hover img {\r\n    transform: scale(1.08);\r\n    filter: saturate(.94) contrast(1.05) brightness(1.06);\r\n}\r\n\r\n.gama-image-accent {\r\n    position: absolute;\r\n    left: 3px;\r\n    top: 65px;\r\n    width: 4px;\r\n    height: 125px;\r\n    background: #65A086;\r\n    z-index: 3;\r\n}\r\n\r\n\/* LOGO AREA *\/\r\n.gama-client-logos {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    background: linear-gradient(135deg, #17333D 0%, #193943 50%, #14303A 100%);\r\n    border-top: 1px solid rgba(101,160,134,.38);\r\n    border-bottom: 1px solid rgba(101,160,134,.32);\r\n}\r\n\r\n.gama-client-logos::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 23%;\r\n    height: 2px;\r\n    background: #65A086;\r\n}\r\n\r\n.gama-logo-row {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n.gama-logo-track {\r\n    display: flex;\r\n    align-items: center;\r\n    width: max-content;\r\n    will-change: transform;\r\n}\r\n\r\n.gama-logo-track-left {\r\n    animation: gamaLogoScrollLeft 32s linear infinite;\r\n}\r\n\r\n.gama-logo-track-right {\r\n    animation: gamaLogoScrollRight 38s linear infinite;\r\n}\r\n\r\n\/* LOGO CELLS *\/\r\n.gama-logo {\r\n    width: 190px;\r\n    height: 105px;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 18px;\r\n    border-right: 1px solid rgba(255,255,255,.14);\r\n    border-bottom: 1px solid rgba(255,255,255,.10);\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gama-logo-frame {\r\n    width: 150px;\r\n    height: 68px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    background: #fff;\r\n    border: 1px solid rgba(255,255,255,.18);\r\n    border-radius: 3px;\r\n    box-sizing: border-box;\r\n    padding: 7px;\r\n    transition: transform .35s ease, border-color .35s ease, background .35s ease;\r\n}\r\n\r\n.gama-logo-frame img {\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    display: block;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    opacity: 1 !important;\r\n    filter: none !important;\r\n    -webkit-filter: none !important;\r\n    mix-blend-mode: normal !important;\r\n    transition: transform .35s ease, opacity .35s ease;\r\n}\r\n\r\n.gama-logo:hover .gama-logo-frame {\r\n    transform: scale(1.03);\r\n    border-color: rgba(101,160,134,.60);\r\n    background: #fff;\r\n}\r\n\r\n.gama-logo:hover .gama-logo-frame img {\r\n    opacity: 1 !important;\r\n    filter: none !important;\r\n    -webkit-filter: none !important;\r\n    transform: scale(1.04);\r\n}\r\n\r\n\/* LOGO ANIMATIONS *\/\r\n@keyframes gamaLogoScrollLeft {\r\n    0% {\r\n        transform: translateX(0);\r\n    }\r\n    100% {\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n@keyframes gamaLogoScrollRight {\r\n    0% {\r\n        transform: translateX(-50%);\r\n    }\r\n    100% {\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1000px) {\r\n    .gama-client-hero .gama-client-container {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 35px;\r\n    }\r\n\r\n    .gama-client-image {\r\n        height: 430px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 700px) {\r\n    .gama-client-hero {\r\n        padding: 75px 0 65px;\r\n    }\r\n\r\n    .gama-client-hero .gama-client-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 45px;\r\n    }\r\n\r\n    \/* MOBILE EYEBROW: 11px *\/\r\n    .gama-client-eyebrow {\r\n        font-size: 11px;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    \/* MOBILE HEADING: 30px *\/\r\n    .gama-client-copy h2 {\r\n        font-size: 30px;\r\n        line-height: 1.08;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    \/* MOBILE DESCRIPTION: 15px *\/\r\n    .gama-client-copy p {\r\n        font-size: 15px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .gama-client-meta {\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        margin-top: 28px;\r\n        font-size: 8px;\r\n        letter-spacing: 1.5px;\r\n    }\r\n\r\n    .gama-client-image {\r\n        height: 340px;\r\n    }\r\n\r\n    .gama-client-image-inner {\r\n        clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%);\r\n    }\r\n\r\n    .gama-client-logos {\r\n        margin-top: 0;\r\n    }\r\n\r\n    .gama-logo {\r\n        width: 150px;\r\n        height: 90px;\r\n        padding: 14px;\r\n    }\r\n\r\n    .gama-logo-frame {\r\n        width: 120px;\r\n        height: 58px;\r\n        padding: 6px;\r\n    }\r\n\r\n    .gama-logo-track-left {\r\n        animation-duration: 25s;\r\n    }\r\n\r\n    .gama-logo-track-right {\r\n        animation-duration: 29s;\r\n    }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .gama-logo-track {\r\n        animation: none;\r\n    }\r\n}\r\n\r\n\r\n\/* FORCE MOBILE TYPOGRAPHY \u2014 GAMATECH CLIENTS SECTION *\/\r\n@media screen and (max-width: 700px) {\r\n\r\n    .gama-client-section .gama-client-copy .gama-client-eyebrow {\r\n        font-size: 11px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    .gama-client-section .gama-client-copy h2 {\r\n        font-size: 30px !important;\r\n        line-height: 1.12 !important;\r\n        letter-spacing: -0.8px !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    .gama-client-section .gama-client-copy h2 strong {\r\n        font-size: 30px !important;\r\n        line-height: inherit !important;\r\n    }\r\n\r\n    .gama-client-section .gama-client-copy p {\r\n        font-size: 15px !important;\r\n        line-height: 1.65 !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    function initGamaClientAnimation() {\r\n        const sections = document.querySelectorAll(\".gama-client-section\");\r\n\r\n        if (!sections.length) return;\r\n\r\n        sections.forEach(function (section) {\r\n            if (section.dataset.clientAnimationReady === \"true\") return;\r\n\r\n            section.dataset.clientAnimationReady = \"true\";\r\n\r\n            if (!(\"IntersectionObserver\" in window)) {\r\n                section.classList.add(\"gama-client-visible\");\r\n                return;\r\n            }\r\n\r\n            const observer = new IntersectionObserver(function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        section.classList.add(\"gama-client-visible\");\r\n                        observer.unobserve(section);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.15,\r\n                rootMargin: \"0px 0px -45px 0px\"\r\n            });\r\n\r\n            observer.observe(section);\r\n        });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", initGamaClientAnimation);\r\n    } else {\r\n        initGamaClientAnimation();\r\n    }\r\n\r\n    if (window.jQuery) {\r\n        jQuery(window).on(\"elementor\/frontend\/init\", function () {\r\n            setTimeout(initGamaClientAnimation, 250);\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-f89bafe e-con-full e-flex e-con e-parent\" data-id=\"f89bafe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ef139f elementor-widget elementor-widget-html\" data-id=\"0ef139f\" 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 PREMIUM PARTNERSHIP SECTION\r\n   Continuous background + scroll reveal + hover effects\r\n===================================================== *\/\r\n\r\n.gp5,\r\n.gp5 * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gp5 {\r\n    --green: #65A086;\r\n    --dark: #19343C;\r\n    --light: #F7F9F7;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    padding: 55px 6%;\r\n    overflow: hidden;\r\n    background: var(--light);\r\n    font-family: inherit;\r\n}\r\n\r\n\/* --------------------------------\r\n   CONTINUOUS BACKGROUND MOVEMENT\r\n--------------------------------- *\/\r\n\r\n.gp5-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Large soft moving atmosphere *\/\r\n.gp5-bg::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 650px;\r\n    height: 650px;\r\n    top: -340px;\r\n    right: -180px;\r\n    border-radius: 50%;\r\n\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(101,160,134,.19) 0%,\r\n        rgba(101,160,134,.09) 32%,\r\n        rgba(101,160,134,.025) 56%,\r\n        transparent 72%\r\n    );\r\n\r\n    filter: blur(15px);\r\n    animation: gp5AtmosphereOne 17s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* Second moving background form *\/\r\n.gp5-bg::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 600px;\r\n    height: 600px;\r\n    left: -260px;\r\n    bottom: -390px;\r\n    border-radius: 50%;\r\n\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(25,52,60,.12) 0%,\r\n        rgba(101,160,134,.09) 35%,\r\n        transparent 70%\r\n    );\r\n\r\n    filter: blur(20px);\r\n    animation: gp5AtmosphereTwo 20s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* Extra independent background movement *\/\r\n.gp5-inner::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 300px;\r\n    height: 300px;\r\n    left: 38%;\r\n    top: 35%;\r\n    z-index: -1;\r\n    border-radius: 50%;\r\n\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(101,160,134,.12),\r\n        rgba(101,160,134,.035) 45%,\r\n        transparent 72%\r\n    );\r\n\r\n    filter: blur(25px);\r\n    animation: gp5AtmosphereThree 13s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gp5AtmosphereOne {\r\n    0% {\r\n        transform: translate(0, 0) scale(.85);\r\n    }\r\n    50% {\r\n        transform: translate(-150px, 100px) scale(1.15);\r\n    }\r\n    100% {\r\n        transform: translate(-60px, 210px) scale(.95);\r\n    }\r\n}\r\n\r\n@keyframes gp5AtmosphereTwo {\r\n    0% {\r\n        transform: translate(0, 0) scale(.9);\r\n    }\r\n    50% {\r\n        transform: translate(180px, -100px) scale(1.2);\r\n    }\r\n    100% {\r\n        transform: translate(300px, -40px) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes gp5AtmosphereThree {\r\n    0% {\r\n        transform: translate(-100px, -40px) scale(.7);\r\n        opacity: .35;\r\n    }\r\n    100% {\r\n        transform: translate(140px, 80px) scale(1.3);\r\n        opacity: .85;\r\n    }\r\n}\r\n\r\n\/* --------------------------------\r\n   MAIN CONTAINER\r\n--------------------------------- *\/\r\n\r\n.gp5-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1380px;\r\n    margin: auto;\r\n}\r\n\r\n\/* --------------------------------\r\n   TOP CONTENT\r\n--------------------------------- *\/\r\n\r\n.gp5-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    gap: 30px;\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.gp5-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: var(--green);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.gp5-label::before {\r\n    content: \"\";\r\n    width: 27px;\r\n    height: 2px;\r\n    background: var(--green);\r\n    transform-origin: left;\r\n    transform: scaleX(0);\r\n    transition: transform .8s ease .3s;\r\n}\r\n\r\n.gp5-active .gp5-label::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.gp5-heading {\r\n    margin: 0 !important;\r\n    color: var(--dark);\r\n    font-size: clamp(36px, 4.5vw, 57px);\r\n    line-height: 1;\r\n    letter-spacing: -2px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gp5-heading span {\r\n    color: var(--green);\r\n    font-weight: 400;\r\n}\r\n\r\n.gp5-description {\r\n    max-width: 360px;\r\n    margin: 0 0 3px !important;\r\n    color: #718087;\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* --------------------------------\r\n   MAIN GRID\r\n--------------------------------- *\/\r\n\r\n.gp5-main {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr .85fr;\r\n    min-height: 325px;\r\n    background: var(--dark);\r\n    overflow: hidden;\r\n    box-shadow: 0 18px 45px rgba(25,52,60,.09);\r\n    transition: box-shadow .5s ease, transform .5s ease;\r\n}\r\n\r\n.gp5-main:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 25px 55px rgba(25,52,60,.16);\r\n}\r\n\r\n\/* --------------------------------\r\n   IMAGE\r\n--------------------------------- *\/\r\n\r\n.gp5-image {\r\n    position: relative;\r\n    min-height: 325px;\r\n    overflow: hidden;\r\n    background: #263E43;\r\n}\r\n\r\n.gp5-image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 325px;\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transform: scale(1.02);\r\n    transition:\r\n        transform 1.2s cubic-bezier(.2,.7,.2,1),\r\n        filter .8s ease;\r\n\r\n    animation: gp5ImageMotion 19s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* Image depth overlay *\/\r\n.gp5-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n        90deg,\r\n        rgba(25,52,60,0) 45%,\r\n        rgba(25,52,60,.36) 100%\r\n    );\r\n    opacity: .8;\r\n    transition: opacity .6s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Image hover *\/\r\n.gp5-image:hover img {\r\n    transform: scale(1.13);\r\n    filter: saturate(1.12) contrast(1.04);\r\n    animation-play-state: paused;\r\n}\r\n\r\n.gp5-image:hover::after {\r\n    opacity: .35;\r\n}\r\n\r\n@keyframes gp5ImageMotion {\r\n    0% {\r\n        transform: scale(1.02) translateX(0);\r\n    }\r\n    100% {\r\n        transform: scale(1.10) translateX(-1%);\r\n    }\r\n}\r\n\r\n\/* --------------------------------\r\n   RIGHT CONTENT PANEL\r\n--------------------------------- *\/\r\n\r\n.gp5-content {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 30px 35px;\r\n    color: white;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Subtle panel background movement *\/\r\n.gp5-content::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 250px;\r\n    height: 250px;\r\n    right: -140px;\r\n    bottom: -160px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(101,160,134,.22),\r\n        transparent 70%\r\n    );\r\n    pointer-events: none;\r\n    animation: gp5PanelAtmosphere 12s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gp5PanelAtmosphere {\r\n    from {\r\n        transform: translate(-30px, -20px) scale(.8);\r\n    }\r\n    to {\r\n        transform: translate(-100px, -90px) scale(1.3);\r\n    }\r\n}\r\n\r\n.gp5-content-label {\r\n    position: relative;\r\n    margin-bottom: 17px;\r\n    color: #9bc5ad;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n}\r\n\r\n\/* --------------------------------\r\n   PARTNERSHIP POINTS\r\n--------------------------------- *\/\r\n\r\n.gp5-point {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 30px 1fr;\r\n    gap: 13px;\r\n    align-items: start;\r\n    padding: 15px 0;\r\n    border-top: 1px solid rgba(255,255,255,.15);\r\n    transition:\r\n        padding .4s ease,\r\n        background .4s ease;\r\n}\r\n\r\n.gp5-point::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: var(--green);\r\n    transition: width .45s ease;\r\n}\r\n\r\n.gp5-point:hover {\r\n    padding-left: 10px;\r\n    background: rgba(255,255,255,.035);\r\n}\r\n\r\n.gp5-point:hover::before {\r\n    width: 55px;\r\n}\r\n\r\n.gp5-number {\r\n    color: var(--green);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    transition: color .3s ease, transform .3s ease;\r\n}\r\n\r\n.gp5-point:hover .gp5-number {\r\n    color: #b5ddc6;\r\n    transform: translateX(3px);\r\n}\r\n\r\n.gp5-point strong {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: #fff;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: .7px;\r\n    transition: color .3s ease;\r\n}\r\n\r\n.gp5-point:hover strong {\r\n    color: #b5ddc6;\r\n}\r\n\r\n.gp5-point p {\r\n    margin: 0 !important;\r\n    color: #b8c5c5;\r\n    font-size: 11px;\r\n    line-height: 1.6;\r\n    transition: color .3s ease;\r\n}\r\n\r\n.gp5-point:hover p {\r\n    color: #e0e9e5;\r\n}\r\n\r\n\/* --------------------------------\r\n   SCROLL REVEAL ANIMATIONS\r\n--------------------------------- *\/\r\n\r\n.gp5 .gp5-reveal {\r\n    opacity: 0;\r\n    transform: translateY(32px);\r\n    transition:\r\n        opacity .85s ease,\r\n        transform .85s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.gp5.gp5-active .gp5-reveal {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.gp5 .gp5-heading {\r\n    transition-delay: .12s;\r\n}\r\n\r\n.gp5 .gp5-description {\r\n    transition-delay: .25s;\r\n}\r\n\r\n.gp5 .gp5-main {\r\n    transition-delay: .35s;\r\n}\r\n\r\n\/* Individual point reveal *\/\r\n.gp5-point {\r\n    opacity: 0;\r\n    transform: translateX(24px);\r\n    transition:\r\n        opacity .7s ease,\r\n        transform .7s ease,\r\n        padding .4s ease,\r\n        background .4s ease;\r\n}\r\n\r\n.gp5-active .gp5-point {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n}\r\n\r\n.gp5-active .gp5-point:nth-of-type(2) {\r\n    transition-delay: .15s;\r\n}\r\n\r\n.gp5-active .gp5-point:nth-of-type(3) {\r\n    transition-delay: .3s;\r\n}\r\n\r\n.gp5-active .gp5-point:nth-of-type(4) {\r\n    transition-delay: .45s;\r\n}\r\n\r\n\/* --------------------------------\r\n   TABLET\r\n--------------------------------- *\/\r\n\r\n@media (max-width: 900px) {\r\n    .gp5 {\r\n        padding: 45px 5%;\r\n    }\r\n\r\n    .gp5-main {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .gp5-content {\r\n        padding: 25px 22px;\r\n    }\r\n}\r\n\r\n\/* --------------------------------\r\n   MOBILE\r\n--------------------------------- *\/\r\n\r\n@media (max-width: 600px) {\r\n    .gp5 {\r\n        padding: 40px 18px;\r\n    }\r\n\r\n    .gp5-top {\r\n        display: block;\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .gp5-heading {\r\n        font-size: 39px;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .gp5-description {\r\n        margin-top: 13px !important;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .gp5-main {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .gp5-image,\r\n    .gp5-image img {\r\n        min-height: 220px;\r\n        height: 220px;\r\n    }\r\n\r\n    .gp5-content {\r\n        padding: 23px 22px;\r\n    }\r\n\r\n    .gp5-content-label {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .gp5-point {\r\n        padding: 12px 0;\r\n    }\r\n\r\n    .gp5-bg::before {\r\n        width: 400px;\r\n        height: 400px;\r\n    }\r\n\r\n    .gp5-bg::after {\r\n        width: 400px;\r\n        height: 400px;\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    .gp5 *,\r\n    .gp5 *::before,\r\n    .gp5 *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .gp5 .gp5-reveal,\r\n    .gp5-point {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gp5\">\r\n\r\n    <div class=\"gp5-bg\"><\/div>\r\n\r\n    <div class=\"gp5-inner\">\r\n\r\n        <div class=\"gp5-top gp5-reveal\">\r\n\r\n            <div>\r\n                <div class=\"gp5-label\">LONG-TERM RELATIONSHIPS<\/div>\r\n\r\n                <h2 class=\"gp5-heading\">\r\n                    STRONGER <span>TOGETHER.<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <p class=\"gp5-description\">\r\n                Collaboration that creates lasting value,\r\n                strengthens performance and drives sustainable growth.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"gp5-main gp5-reveal\">\r\n\r\n            <div class=\"gp5-image\">\r\n                <img decoding=\"async\" title=\"Home\"\r\n                    src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/panoramic-shot-oil-rigs-sea-with-beautiful-sunset-1-scaled.webp\"\r\n                    alt=\"GAMATECH Energy Industrial Operations\"\r\n                    loading=\"lazy\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"gp5-content\">\r\n\r\n                <div class=\"gp5-content-label\">\r\n                    THE FOUNDATION OF OUR PARTNERSHIPS\r\n                <\/div>\r\n\r\n                <div class=\"gp5-point\">\r\n                    <span class=\"gp5-number\">01<\/span>\r\n                    <div>\r\n                        <strong>TRUSTED PARTNERS<\/strong>\r\n                        <p>Built on reliability and mutual confidence.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"gp5-point\">\r\n                    <span class=\"gp5-number\">02<\/span>\r\n                    <div>\r\n                        <strong>PROVEN PERFORMANCE<\/strong>\r\n                        <p>Focused on quality, consistency and results.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"gp5-point\">\r\n                    <span class=\"gp5-number\">03<\/span>\r\n                    <div>\r\n                        <strong>LONG-TERM VALUE<\/strong>\r\n                        <p>Creating opportunities for sustainable growth.<\/p>\r\n                    <\/div>\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<script>\r\n(function () {\r\n    const sections = document.querySelectorAll('.gp5');\r\n\r\n    if (!('IntersectionObserver' in window)) {\r\n        sections.forEach(section => section.classList.add('gp5-active'));\r\n        return;\r\n    }\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('gp5-active');\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, {\r\n        threshold: 0.12\r\n    });\r\n\r\n    sections.forEach(function(section) {\r\n        observer.observe(section);\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-cd48b2d e-con-full e-flex e-con e-parent\" data-id=\"cd48b2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8fb716 elementor-widget elementor-widget-html\" data-id=\"d8fb716\" 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<!-- =========================================================\n     GAMATECH ENERGY \u2014 GLOBAL REACH\n     RESPONSIVE ELEMENTOR HTML WIDGET\n========================================================= -->\n\n<section class=\"gama-global-section\" id=\"gama-global-reach\">\n\n    <!-- BACKGROUND MAP -->\n    <div class=\"gama-global-background\" aria-hidden=\"true\">\n        <img decoding=\"async\" title=\"Home\"\n            src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/10\/2ec8faa5-a379-459f-abba-081c4239c232-1.webp\"\n            alt=\"2ec8faa5 A379 459f Abba 081c4239c232 1\"\n        >\n        <div class=\"gama-global-background-overlay\"><\/div>\n        <div class=\"gama-global-background-grid\"><\/div>\n\n        <div class=\"gama-location location-1\"><span><\/span><label>MENA<\/label><\/div>\n        <div class=\"gama-location location-2\"><span><\/span><label>EUROPE<\/label><\/div>\n        <div class=\"gama-location location-3\"><span><\/span><label>ASIA<\/label><\/div>\n        <div class=\"gama-location location-4\"><span><\/span><label>AMERICA<\/label><\/div>\n        <div class=\"gama-location location-5\"><span><\/span><label>AFRICA<\/label><\/div>\n    <\/div>\n\n    <!-- HEADER -->\n    <header class=\"gama-global-header\">\n        <div class=\"gama-global-eyebrow\">\n            <span><\/span>\n            GLOBAL REACH\n        <\/div>\n\n        <h2>\n            ENGINEERED FOR\n            <strong>GLOBAL REACH..<\/strong>\n        <\/h2>\n\n        <p>\n            GAMATECH Energy serves clients and partners across\n            multiple regions, extending our capabilities beyond\n            a single local market.\n        <\/p>\n    <\/header>\n\n    <!-- MAIN CONTENT -->\n    <div class=\"gama-global-main\">\n\n        <!-- REGIONS -->\n        <div class=\"gama-global-regions\">\n            <div class=\"gama-region-intro\">\n                <div>\n                    <strong>REGIONS WE SERVE<\/strong>\n                    <small>\n                        Expanding capabilities across key global energy markets.\n                    <\/small>\n                <\/div>\n            <\/div>\n\n            <div class=\"gama-region-list\">\n                <div class=\"gama-region\"><span>01<\/span><strong>MENA<\/strong><\/div>\n                <div class=\"gama-region\"><span>02<\/span><strong>UAE<\/strong><\/div>\n                <div class=\"gama-region\"><span>03<\/span><strong>GULF COUNTRIES<\/strong><\/div>\n                <div class=\"gama-region\"><span>04<\/span><strong>EUROPE<\/strong><\/div>\n                <div class=\"gama-region\"><span>05<\/span><strong>ASIA<\/strong><\/div>\n                <div class=\"gama-region\"><span>06<\/span><strong>PAKISTAN<\/strong><\/div>\n                <div class=\"gama-region\"><span>07<\/span><strong>INDIA<\/strong><\/div>\n                <div class=\"gama-region\"><span>08<\/span><strong>AMERICA<\/strong><\/div>\n                <div class=\"gama-region\"><span>09<\/span><strong>AFRICA<\/strong><\/div>\n                <div class=\"gama-region\"><span>10<\/span><strong>CHINA<\/strong><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- GLOBAL BRAND LABEL -->\n        <div class=\"gama-global-center\">\n            <div class=\"gama-global-pulse\"><\/div>\n            <span>GAMATECH<\/span>\n            <small>GLOBAL ENERGY NETWORK<\/small>\n        <\/div>\n\n    <\/div>\n\n    <!-- BOTTOM STATEMENT -->\n    <div class=\"gama-global-bottom\">\n        <div class=\"gama-global-bottom-line\"><\/div>\n\n        <div class=\"gama-global-bottom-text\">\n            <span>BEYOND BORDERS<\/span>\n            <h3>\n                LOCAL EXPERTISE.\n                <strong>GLOBAL PERSPECTIVE.<\/strong>\n            <\/h3>\n        <\/div>\n\n        <div class=\"gama-global-bottom-copy\">\n            <p>\n                Our growing international reach enables GAMATECH\n                to connect technical expertise, industry knowledge\n                and energy solutions across diverse markets.\n            <\/p>\n        <\/div>\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   GLOBAL REACH \u2014 BASE\n========================================================= *\/\n\n.gama-global-section,\n.gama-global-section * {\n    box-sizing: border-box;\n}\n\n.gama-global-section {\n    --gama-green: #65A086;\n    --gama-green-light: #82B49D;\n    --gama-bg: #10252F;\n    --gama-white: #FFFFFF;\n\n    position: relative;\n    isolation: isolate;\n    width: 100%;\n    min-height: 760px;\n    padding: 65px 0 55px;\n    overflow: hidden;\n    color: var(--gama-white);\n    font-family: Arial, Helvetica, sans-serif;\n    background:\n        radial-gradient(circle at 75% 45%, rgba(101,160,134,.15), transparent 36%),\n        radial-gradient(circle at 25% 20%, rgba(61,112,130,.16), transparent 34%),\n        linear-gradient(135deg, #10252F 0%, #15313A 48%, #0E222C 100%);\n}\n\n\/* BACKGROUND *\/\n.gama-global-background {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    overflow: hidden;\n    pointer-events: none;\n}\n\n\n\n.gama-global-background > img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    opacity: .58;\n    filter: saturate(.72) contrast(1.02) brightness(1.04);\n    transform: scale(1.02);\n}\n\n.gama-global-background-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(90deg,\n            #10252F 0%,\n            rgba(16,37,47,.90) 22%,\n            rgba(16,37,47,.66) 43%,\n            rgba(16,37,47,.34) 66%,\n            rgba(16,37,47,.42) 100%),\n        linear-gradient(180deg,\n            rgba(10,28,37,.12),\n            rgba(10,28,37,.24));\n}\n\n.gama-global-background-grid {\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(rgba(101,160,134,.055) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(101,160,134,.055) 1px, transparent 1px);\n    background-size: 70px 70px;\n    opacity: .65;\n}\n\n\/* HEADER *\/\n.gama-global-header,\n.gama-global-main,\n.gama-global-bottom {\n    width: min(1180px, 92%);\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.gama-global-header {\n    position: relative;\n    z-index: 5;\n    margin-bottom: 48px;\n}\n\n.gama-global-eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 20px;\n    color: rgba(255,255,255,.88);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    line-height: 1.5;\n}\n\n.gama-global-eyebrow span {\n    display: block;\n    width: 38px;\n    height: 2px;\n    flex: 0 0 38px;\n    background: var(--gama-green);\n}\n\n.gama-global-header h2 {\n    max-width: 700px;\n    margin: 0;\n    padding: 0;\n    color: #FFFFFF;\n    font-size: 38px;\n    line-height: 1.12;\n    font-weight: 800;\n    letter-spacing: -1px;\n}\n\n.gama-global-header h2 strong {\n    display: block;\n    color: var(--gama-green);\n    font-weight: 800;\n}\n\n.gama-global-header p {\n    max-width: 650px;\n    margin: 14px 0 0;\n    color: rgba(255,255,255,.93);\n    font-size: 16px;\n    line-height: 1.65;\n    font-weight: 400;\n}\n\n\/* MAIN CONTENT *\/\n.gama-global-main {\n    position: relative;\n    z-index: 5;\n    min-height: 390px;\n    display: grid;\n    grid-template-columns: minmax(0, 450px) minmax(0, 1fr);\n    gap: 55px;\n    align-items: start;\n}\n\n\/* REGIONS *\/\n.gama-global-regions {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    min-width: 0;\n}\n\n.gama-region-intro {\n    width: 100%;\n    padding: 0 0 15px;\n    margin: 0 0 20px;\n    border-bottom: 1px solid rgba(255,255,255,.16);\n}\n\n.gama-region-intro strong {\n    display: block;\n    color: #FFFFFF;\n    font-size: 14px;\n    line-height: 1.5;\n    font-weight: 800;\n    letter-spacing: 2px;\n}\n\n.gama-region-intro small {\n    display: block;\n    margin-top: 6px;\n    color: rgba(255,255,255,.84);\n    font-size: 14px;\n    line-height: 1.5;\n}\n\n.gama-region-list {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    width: 100%;\n}\n\n.gama-region {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n    min-height: 64px;\n    padding: 8px 12px;\n    border-bottom: 1px solid rgba(255,255,255,.12);\n    transition: background .3s ease, padding-left .3s ease;\n}\n\n.gama-region:nth-child(odd) {\n    border-right: 1px solid rgba(255,255,255,.12);\n}\n\n.gama-region span {\n    flex: 0 0 24px;\n    color: var(--gama-green);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1px;\n}\n\n.gama-region strong {\n    min-width: 0;\n    color: rgba(255,255,255,.96);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    line-height: 1.45;\n    overflow-wrap: anywhere;\n}\n\n.gama-region:hover {\n    padding-left: 18px;\n    background: rgba(101,160,134,.12);\n}\n\n\/* CENTER BRAND LABEL *\/\n.gama-global-center {\n    position: absolute;\n    z-index: 8;\n    top: 48%;\n    right: 12%;\n    transform: translate(50%, -50%);\n    text-align: center;\n    pointer-events: none;\n}\n\n.gama-global-center span {\n    position: relative;\n    display: block;\n    color: #FFFFFF;\n    font-size: 23px;\n    line-height: 1.3;\n    font-weight: 800;\n    letter-spacing: 3px;\n    text-shadow: 0 2px 18px rgba(0,0,0,.28);\n}\n\n.gama-global-center small {\n    position: relative;\n    display: block;\n    margin-top: 8px;\n    color: var(--gama-green);\n    font-size: 8px;\n    line-height: 1.5;\n    font-weight: 700;\n    letter-spacing: 2px;\n}\n\n.gama-global-pulse {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 90px;\n    height: 90px;\n    border: 1px solid rgba(101,160,134,.52);\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n    animation: gamaGlobalPulse 2.8s ease-out infinite;\n}\n\n.gama-global-pulse::after {\n    content: \"\";\n    position: absolute;\n    inset: 15px;\n    border: 1px solid rgba(101,160,134,.38);\n    border-radius: 50%;\n}\n\n@keyframes gamaGlobalPulse {\n    0% {\n        transform: translate(-50%, -50%) scale(.7);\n        opacity: .9;\n    }\n    70% {\n        transform: translate(-50%, -50%) scale(1.35);\n        opacity: .15;\n    }\n    100% {\n        transform: translate(-50%, -50%) scale(1.5);\n        opacity: 0;\n    }\n}\n\n\/* MAP MARKERS *\/\n.gama-location {\n    position: absolute;\n    z-index: 9;\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    color: rgba(255,255,255,.90);\n    font-size: 8px;\n    line-height: 1.4;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-shadow: 0 1px 8px rgba(0,0,0,.35);\n}\n\n.gama-location span {\n    width: 7px;\n    height: 7px;\n    flex: 0 0 7px;\n    border-radius: 50%;\n    background: var(--gama-green);\n    box-shadow: 0 0 0 5px rgba(101,160,134,.16), 0 0 18px rgba(101,160,134,.38);\n    animation: gamaLocationPulse 2s ease-in-out infinite;\n}\n\n.gama-location label {\n    color: inherit;\n    font: inherit;\n}\n\n@keyframes gamaLocationPulse {\n    0%, 100% {\n        box-shadow: 0 0 0 4px rgba(101,160,134,.14), 0 0 10px rgba(101,160,134,.22);\n    }\n    50% {\n        box-shadow: 0 0 0 8px rgba(101,160,134,.04), 0 0 18px rgba(101,160,134,.35);\n    }\n}\n\n.location-1 { left: 70%; top: 48%; }\n.location-2 { left: 67%; top: 28%; }\n.location-3 { left: 81%; top: 43%; }\n.location-4 { left: 50%; top: 40%; }\n.location-5 { left: 73%; top: 65%; }\n\n\/* BOTTOM STATEMENT *\/\n.gama-global-bottom {\n    position: relative;\n    z-index: 5;\n    margin-top: 35px;\n    padding-top: 30px;\n    display: grid;\n    grid-template-columns: 1px minmax(0, 1fr) minmax(0, 1fr);\n    gap: 35px;\n    align-items: center;\n    border-top: 1px solid rgba(255,255,255,.15);\n}\n\n.gama-global-bottom-line {\n    width: 1px;\n    height: 80px;\n    background: var(--gama-green);\n}\n\n.gama-global-bottom-text span {\n    color: var(--gama-green);\n    font-size: 9px;\n    line-height: 1.5;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n}\n\n.gama-global-bottom-text h3 {\n    margin: 10px 0 0;\n    color: #FFFFFF;\n    font-size: 28px;\n    line-height: 1.2;\n    font-weight: 800;\n    letter-spacing: -1px;\n}\n\n.gama-global-bottom-text h3 strong {\n    display: block;\n    color: var(--gama-green);\n}\n\n.gama-global-bottom-copy p {\n    max-width: 500px;\n    margin: 0;\n    color: rgba(255,255,255,.92);\n    font-size: 16px;\n    line-height: 1.65;\n}\n\n\/* SCROLL REVEAL *\/\n.gama-global-header,\n.gama-global-regions,\n.gama-global-bottom {\n    opacity: 0;\n    transform: translateY(24px);\n}\n\n.gama-global-section.gama-global-visible .gama-global-header {\n    animation: gamaGlobalReveal .8s cubic-bezier(.22,1,.36,1) both;\n}\n\n.gama-global-section.gama-global-visible .gama-global-regions {\n    animation: gamaGlobalReveal .9s cubic-bezier(.22,1,.36,1) .12s both;\n}\n\n.gama-global-section.gama-global-visible .gama-global-bottom {\n    animation: gamaGlobalReveal .9s cubic-bezier(.22,1,.36,1) .25s both;\n}\n\n@keyframes gamaGlobalReveal {\n    from {\n        opacity: 0;\n        transform: translateY(24px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* TABLET *\/\n@media (min-width: 701px) and (max-width: 1000px) {\n    .gama-global-section {\n        min-height: auto;\n        padding: 55px 0 45px;\n    }\n\n    .gama-global-header,\n    .gama-global-main,\n    .gama-global-bottom {\n        width: 90%;\n    }\n\n    .gama-global-main {\n        grid-template-columns: minmax(0, 1fr);\n        gap: 35px;\n        min-height: auto;\n    }\n\n    .gama-global-regions {\n        max-width: 600px;\n    }\n\n    .gama-global-center {\n        right: 18%;\n        top: 54%;\n    }\n\n    .gama-global-background > img {\n        width: 100%;\n        opacity: .40;\n    }\n\n    .gama-global-bottom {\n        gap: 25px;\n    }\n}\n\n\/* =========================================================\n   MOBILE \u2014 REQUESTED TYPOGRAPHY\n   Eyebrow: 11px\n   Heading: 30px\n   Paragraphs: 15px\n========================================================= *\/\n@media screen and (max-width: 700px) {\n\n    .gama-global-section {\n        min-height: auto;\n        padding: 48px 0 42px;\n    }\n\n    .gama-global-header,\n    .gama-global-main,\n    .gama-global-bottom {\n        width: 88%;\n    }\n\n    \/* EYEBROW \u2014 11PX *\/\n    .gama-global-section .gama-global-header .gama-global-eyebrow {\n        gap: 10px;\n        margin-bottom: 18px;\n        font-size: 11px !important;\n        line-height: 1.5 !important;\n        letter-spacing: 2px;\n    }\n\n    .gama-global-eyebrow span {\n        width: 30px;\n        flex-basis: 30px;\n    }\n\n    \/* HEADING \u2014 30PX *\/\n    .gama-global-section .gama-global-header h2,\n    .gama-global-section .gama-global-header h2 strong {\n        font-size: 30px !important;\n        line-height: 1.15 !important;\n        letter-spacing: -.7px !important;\n    }\n\n    .gama-global-header h2 {\n        max-width: 100%;\n    }\n\n    \/* DESCRIPTION \u2014 15PX *\/\n    .gama-global-section .gama-global-header p,\n    .gama-global-section .gama-global-bottom-copy p {\n        font-size: 15px !important;\n        line-height: 1.65 !important;\n    }\n\n    .gama-global-header p {\n        margin-top: 12px;\n        max-width: 100%;\n    }\n\n    .gama-global-header {\n        margin-bottom: 30px;\n    }\n\n    .gama-global-main {\n        display: flex;\n        flex-direction: column;\n        gap: 0;\n        min-height: 0;\n    }\n\n    \/* MOBILE MAP BACKGROUND *\/\n    .gama-global-background > img {\n        width: 145%;\n        height: 62%;\n        top: 17%;\n        right: -43%;\n        left: auto;\n        object-fit: cover;\n        object-position: center;\n        opacity: .28;\n        filter: saturate(.72) contrast(1.02) brightness(1.06);\n    }\n\n    .gama-global-background-overlay {\n        background: linear-gradient(\n            180deg,\n            #10252F 0%,\n            rgba(16,37,47,.91) 30%,\n            rgba(16,37,47,.72) 60%,\n            #10252F 100%\n        );\n    }\n\n    .gama-global-background-grid {\n        background-size: 48px 48px;\n        opacity: .35;\n    }\n\n    \/* REGION INTRO *\/\n    .gama-region-intro {\n        margin-bottom: 12px;\n        padding-bottom: 12px;\n    }\n\n    .gama-region-intro strong {\n        font-size: 12px;\n        letter-spacing: 1.5px;\n    }\n\n    .gama-region-intro small {\n        font-size: 13px;\n        line-height: 1.55;\n    }\n\n    \/* REGION GRID *\/\n    .gama-region-list {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .gama-region {\n        min-height: 52px;\n        gap: 7px;\n        padding: 8px 6px;\n    }\n\n    .gama-region:nth-child(odd) {\n        border-right: 1px solid rgba(255,255,255,.12);\n    }\n\n    .gama-region span {\n        flex-basis: 19px;\n        font-size: 9px;\n        letter-spacing: .3px;\n    }\n\n    .gama-region strong {\n        font-size: 10px;\n        letter-spacing: .4px;\n        line-height: 1.4;\n        overflow-wrap: anywhere;\n    }\n\n    .gama-region:hover {\n        padding-left: 8px;\n    }\n\n    \/* KEEP THE MAP LABEL CLEAR OF THE REGION LIST *\/\n    .gama-global-center {\n        position: relative;\n        top: auto;\n        right: auto;\n        align-self: center;\n        margin: 32px auto 0;\n        transform: none;\n        min-height: 74px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .gama-global-center span {\n        font-size: 17px;\n        line-height: 1.3;\n        letter-spacing: 2px;\n    }\n\n    .gama-global-center small {\n        margin-top: 5px;\n        font-size: 7px;\n        letter-spacing: 1.4px;\n    }\n\n    .gama-global-pulse {\n        width: 70px;\n        height: 70px;\n    }\n\n    .gama-global-pulse::after {\n        inset: 12px;\n    }\n\n    \/* MAP MARKERS *\/\n    .gama-location {\n        gap: 5px;\n        font-size: 7px;\n        letter-spacing: .7px;\n    }\n\n    .gama-location span {\n        width: 5px;\n        height: 5px;\n        flex-basis: 5px;\n    }\n\n    .location-1 { left: 64%; top: 42%; }\n    .location-2 { left: 57%; top: 30%; }\n    .location-3 { left: 78%; top: 39%; }\n    .location-4 { left: 27%; top: 37%; }\n    .location-5 { left: 65%; top: 53%; }\n\n    \/* BOTTOM STATEMENT *\/\n    .gama-global-bottom {\n        grid-template-columns: minmax(0, 1fr);\n        gap: 16px;\n        margin-top: 28px;\n        padding-top: 22px;\n    }\n\n    .gama-global-bottom-line {\n        width: 42px;\n        height: 2px;\n    }\n\n    .gama-global-bottom-text span {\n        font-size: 9px;\n        letter-spacing: 2px;\n    }\n\n    .gama-global-section .gama-global-bottom-text h3,\n    .gama-global-section .gama-global-bottom-text h3 strong {\n        font-size: 25px !important;\n        line-height: 1.25 !important;\n        letter-spacing: -.5px;\n    }\n\n    .gama-global-bottom-text h3 {\n        margin-top: 8px;\n    }\n\n    .gama-global-bottom-copy p {\n        max-width: 100%;\n    }\n}\n\n\/* SMALL PHONES *\/\n@media screen and (max-width: 380px) {\n    .gama-global-header,\n    .gama-global-main,\n    .gama-global-bottom {\n        width: 90%;\n    }\n\n    .gama-global-section .gama-global-header h2,\n    .gama-global-section .gama-global-header h2 strong {\n        font-size: 30px !important;\n    }\n\n    .gama-region {\n        gap: 5px;\n        padding-left: 4px;\n        padding-right: 4px;\n    }\n\n    .gama-region strong {\n        font-size: 9px;\n    }\n}\n\n\n\n\/* ACCESSIBILITY: REDUCED MOTION *\/\n@media (prefers-reduced-motion: reduce) {\n    .gama-global-pulse,\n    .gama-location span {\n        animation: none !important;\n    }\n\n    .gama-global-header,\n    .gama-global-regions,\n    .gama-global-bottom,\n    .gama-global-section.gama-global-visible .gama-global-header,\n    .gama-global-section.gama-global-visible .gama-global-regions,\n    .gama-global-section.gama-global-visible .gama-global-bottom {\n        animation: none !important;\n        opacity: 1 !important;\n        transform: none !important;\n    }\n}\n\n\n\/* =========================================================\n   GAMATECH \u2014 GLOBAL NETWORK MOTION\n   Different layered animations across the full background\n========================================================= *\/\n\n.gama-global-background {\n    overflow: hidden;\n    isolation: isolate;\n}\n\n\/* 1. RADAR \/ NETWORK ROTATION *\/\n.gama-global-background::before {\n    content: \"\";\n    position: absolute;\n    width: 850px;\n    height: 850px;\n    top: 50%;\n    left: 67%;\n    z-index: 2;\n    pointer-events: none;\n    border-radius: 50%;\n\n    background:\n        repeating-radial-gradient(\n            circle,\n            transparent 0 65px,\n            rgba(101,160,134,.13) 66px 67px,\n            transparent 68px 125px\n        ),\n        conic-gradient(\n            from 0deg,\n            transparent 0deg,\n            rgba(101,160,134,.02) 35deg,\n            rgba(101,160,134,.20) 65deg,\n            transparent 95deg,\n            transparent 360deg\n        );\n\n    transform: translate(-50%, -50%);\n    opacity: .55;\n    animation: gamaGlobalRadar 55s linear infinite;\n}\n\n\/* 2. DIAGONAL ENERGY STREAM *\/\n.gama-global-background::after {\n    content: \"\";\n    position: absolute;\n    inset: -50%;\n    z-index: 3;\n    pointer-events: none;\n\n    background:\n        repeating-linear-gradient(\n            125deg,\n            transparent 0px,\n            transparent 115px,\n            rgba(101,160,134,.055) 116px,\n            rgba(101,160,134,.055) 117px,\n            transparent 119px,\n            transparent 230px\n        );\n\n    opacity: .65;\n    animation: gamaGlobalDiagonal 38s linear infinite;\n}\n\n\/* 3. GRID MOTION *\/\n.gama-global-background-grid {\n    animation: gamaGlobalGrid 28s linear infinite;\n}\n\n\/* 4. MAP DRIFT *\/\n.gama-global-background > img {\n    animation: gamaGlobalMap 36s ease-in-out infinite alternate;\n    will-change: transform;\n}\n\n\/* 5. FLOATING LIGHT PARTICLES *\/\n.gama-global-section {\n    position: relative;\n}\n\n.gama-global-section .gama-global-background {\n    background-image:\n        radial-gradient(circle, rgba(130,180,157,.55) 1px, transparent 2px),\n        radial-gradient(circle, rgba(130,180,157,.32) 1px, transparent 2px),\n        radial-gradient(circle, rgba(255,255,255,.24) 1px, transparent 2px);\n\n    background-size: 180px 180px, 260px 260px, 340px 340px;\n    background-position: 0 0, 70px 100px, 150px 30px;\n\n    animation: gamaGlobalParticles 42s linear infinite;\n}\n\n\/* 6. HORIZONTAL ENERGY WAVES *\/\n.gama-global-background-overlay {\n    background:\n        linear-gradient(\n            90deg,\n            #10252F 0%,\n            rgba(16,37,47,.90) 22%,\n            rgba(16,37,47,.66) 43%,\n            rgba(16,37,47,.34) 66%,\n            rgba(16,37,47,.42) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(10,28,37,.12),\n            rgba(10,28,37,.24)\n        );\n\n    background-size: 100% 100%, 100% 100%;\n    position: absolute;\n    overflow: hidden;\n}\n\n\/* A moving horizontal glow inside the overlay *\/\n.gama-global-background-overlay::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -45%;\n    width: 35%;\n    height: 100%;\n\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(101,160,134,.10),\n        rgba(130,180,157,.16),\n        transparent\n    );\n\n    filter: blur(28px);\n    transform: skewX(-20deg);\n    animation: gamaGlobalWave 19s ease-in-out infinite;\n}\n\n\/* =========================================================\n   KEYFRAMES\n========================================================= *\/\n\n@keyframes gamaGlobalRadar {\n    from {\n        transform: translate(-50%, -50%) rotate(0deg);\n    }\n    to {\n        transform: translate(-50%, -50%) rotate(360deg);\n    }\n}\n\n@keyframes gamaGlobalDiagonal {\n    from {\n        transform: translate3d(-5%, -5%, 0);\n    }\n    to {\n        transform: translate3d(5%, 5%, 0);\n    }\n}\n\n@keyframes gamaGlobalGrid {\n    from {\n        background-position: 0 0, 0 0;\n    }\n    to {\n        background-position: 70px 70px, -70px 70px;\n    }\n}\n\n@keyframes gamaGlobalMap {\n    from {\n        transform: scale(1.02) translate3d(-.5%, 0, 0);\n    }\n    to {\n        transform: scale(1.09) translate3d(.5%, -.5%, 0);\n    }\n}\n\n@keyframes gamaGlobalParticles {\n    0% {\n        background-position: 0 0, 70px 100px, 150px 30px;\n    }\n    100% {\n        background-position: 180px -180px, -190px 360px, 490px -310px;\n    }\n}\n\n@keyframes gamaGlobalWave {\n    0% {\n        left: -45%;\n        opacity: 0;\n    }\n    15% {\n        opacity: .8;\n    }\n    70% {\n        opacity: .5;\n    }\n    100% {\n        left: 120%;\n        opacity: 0;\n    }\n}\n\n\/* MOBILE *\/\n@media (max-width: 700px) {\n    .gama-global-background::before {\n        width: 560px;\n        height: 560px;\n        left: 72%;\n        opacity: .35;\n    }\n\n    .gama-global-background::after {\n        opacity: .35;\n    }\n\n    .gama-global-background-overlay::after {\n        width: 55%;\n        animation-duration: 22s;\n    }\n}\n\n\/* REDUCED MOTION *\/\n@media (prefers-reduced-motion: reduce) {\n    .gama-global-background::before,\n    .gama-global-background::after,\n    .gama-global-background,\n    .gama-global-background-grid,\n    .gama-global-background > img,\n    .gama-global-background-overlay::after {\n        animation: none !important;\n    }\n}\n\n\n\/* =========================================================\n   GAMATECH GLOBAL REACH \u2014 VISIBLE ENERGY ANIMATION\n   No changes to layout or content\n========================================================= *\/\n\n\/* Moving energy beams *\/\n.gama-global-background {\n    overflow: hidden;\n    isolation: isolate;\n}\n\n\/* Large moving light beam *\/\n.gama-global-background::before {\n    content: \"\";\n    position: absolute;\n    z-index: 2;\n    top: -40%;\n    left: -35%;\n    width: 28%;\n    height: 180%;\n    pointer-events: none;\n\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(101,160,134,.12) 25%,\n        rgba(130,180,157,.48) 10%,\n        rgba(101,160,134,.12) 15%,\n        transparent\n    );\n\n    filter: blur(12px);\n    transform: rotate(22deg);\n    animation: gamaVisibleBeam 8s ease-in-out infinite;\n}\n\n\/* Second crossing beam *\/\n.gama-global-background::after {\n    content: \"\";\n    position: absolute;\n    z-index: 2;\n    top: -40%;\n    right: -35%;\n    width: 20%;\n    height: 180%;\n    pointer-events: none;\n\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(83,155,160,.06),\n        rgba(130,180,157,.35),\n        rgba(83,155,160,.06),\n        transparent\n    );\n\n    filter: blur(18px);\n    transform: rotate(-22deg);\n    animation: gamaSecondBeam 12s ease-in-out infinite;\n}\n\n\/* Moving light particles *\/\n.gama-global-background-grid {\n    background-image:\n        radial-gradient(circle, rgba(160,220,190,.85) 1.5px, transparent 2.5px),\n        radial-gradient(circle, rgba(101,160,134,.65) 2px, transparent 3px),\n        radial-gradient(circle, rgba(255,255,255,.45) 1px, transparent 2px),\n        linear-gradient(rgba(101,160,134,.055) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(101,160,134,.055) 1px, transparent 1px);\n\n    background-size:\n        150px 150px,\n        230px 230px,\n        190px 190px,\n        70px 70px,\n        70px 70px;\n\n    background-position:\n        0 0,\n        70px 50px,\n        120px 90px,\n        0 0,\n        0 0;\n\n    animation: gamaParticleFlow 12s linear infinite;\n}\n\n\/* Map slow movement *\/\n.gama-global-background > img {\n    animation: gamaMapMovement 28s ease-in-out infinite alternate;\n    will-change: transform;\n}\n\n\/* Radar scanning effect *\/\n.gama-global-section .gama-global-pulse {\n    animation-duration: 2s;\n}\n\n\/* =========================================================\n   KEYFRAMES\n========================================================= *\/\n\n@keyframes gamaVisibleBeam {\n    0% {\n        left: -35%;\n        opacity: 0;\n    }\n    15% {\n        opacity: 1;\n    }\n    75% {\n        opacity: .8;\n    }\n    100% {\n        left: 125%;\n        opacity: 0;\n    }\n}\n\n@keyframes gamaSecondBeam {\n    0% {\n        right: -35%;\n        opacity: 0;\n    }\n    20% {\n        opacity: .9;\n    }\n    80% {\n        opacity: .65;\n    }\n    100% {\n        right: 125%;\n        opacity: 0;\n    }\n}\n\n@keyframes gamaParticleFlow {\n    0% {\n        background-position:\n            0 0,\n            70px 50px,\n            120px 90px,\n            0 0,\n            0 0;\n    }\n    100% {\n        background-position:\n            150px -300px,\n            -160px 280px,\n            310px -190px,\n            70px 70px,\n            70px 70px;\n    }\n}\n\n@keyframes gamaMapMovement {\n    0% {\n        transform: scale(1.02) translate3d(-.5%, 0, 0);\n    }\n    100% {\n        transform: scale(1.10) translate3d(.7%, -.5%, 0);\n    }\n}\n\n\/* MOBILE *\/\n@media (max-width: 700px) {\n    .gama-global-background::before {\n        width: 38%;\n        animation-duration: 10s;\n    }\n\n    .gama-global-background::after {\n        width: 30%;\n        animation-duration: 14s;\n    }\n\n    .gama-global-background-grid {\n        background-size:\n            110px 110px,\n            180px 180px,\n            150px 150px,\n            48px 48px,\n            48px 48px;\n    }\n}\n\n\/* ACCESSIBILITY *\/\n@media (prefers-reduced-motion: reduce) {\n    .gama-global-background::before,\n    .gama-global-background::after,\n    .gama-global-background-grid,\n    .gama-global-background > img {\n        animation: none !important;\n    }\n}\n\n<\/style>\n\n<script>\n(function () {\n    function initGamaGlobalReach() {\n        var sections = document.querySelectorAll(\"#gama-global-reach\");\n\n        sections.forEach(function (section) {\n            if (section.dataset.globalReady === \"true\") return;\n\n            section.dataset.globalReady = \"true\";\n\n            if (\n                !(\"IntersectionObserver\" in window) ||\n                window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n            ) {\n                section.classList.add(\"gama-global-visible\");\n                return;\n            }\n\n            var observer = new IntersectionObserver(function (entries) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting) {\n                        section.classList.add(\"gama-global-visible\");\n                        observer.unobserve(section);\n                    }\n                });\n            }, {\n                threshold: 0.08,\n                rootMargin: \"0px 0px -25px 0px\"\n            });\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", initGamaGlobalReach);\n    } else {\n        initGamaGlobalReach();\n    }\n\n    window.addEventListener(\"load\", initGamaGlobalReach);\n\n    if (window.jQuery) {\n        jQuery(window).on(\"elementor\/frontend\/init\", function () {\n            initGamaGlobalReach();\n        });\n    }\n})();\n\n\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-5d8a795 e-con-full e-flex e-con e-parent\" data-id=\"5d8a795\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79c1dc3 elementor-widget elementor-widget-html\" data-id=\"79c1dc3\" 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<!-- =========================================================\r\n     GAMATECH ENERGY \u2014 PREMIUM WHITE CTA SECTION\r\n     Moving technical grid + scroll reveal + hover effects\r\n========================================================= -->\r\n\r\n<section class=\"gama-cta-premium\">\r\n\r\n    <!-- ANIMATED WHITE BACKGROUND -->\r\n    <div class=\"gama-cta-atmosphere\"><\/div>\r\n    <div class=\"gama-cta-grid\"><\/div>\r\n    <div class=\"gama-cta-light\"><\/div>\r\n\r\n    <!-- TOP AND MAIN CONTENT -->\r\n    <div class=\"gama-cta-wrap\">\r\n\r\n        <!-- TOP LINE -->\r\n        <div class=\"gama-cta-top\">\r\n\r\n            <div class=\"gama-cta-eyebrow\">\r\n                <span><\/span>\r\n                GET IN TOUCH\r\n            <\/div>\r\n\r\n            <div class=\"gama-cta-top-note\">\r\n                ENGINEERING \u00b7 ENERGY \u00b7 INDUSTRIAL SOLUTIONS\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MAIN CTA -->\r\n        <div class=\"gama-cta-main\">\r\n\r\n            <!-- LEFT CONTENT -->\r\n            <div class=\"gama-cta-copy\">\r\n\r\n                <div class=\"gama-cta-kicker\">\r\n                    ENGINEERING \u2022 ENERGY \u2022 INDUSTRIAL SOLUTIONS\r\n                <\/div>\r\n\r\n                <h2>\r\n                    LET'S DISCUSS<br>\r\n                    <span>YOUR NEXT PROJECT.<\/span>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    From petroleum services and well production to\r\n                    engineering and industrial solutions, GAMATECH ENERGY\r\n                    works with clients to deliver dependable solutions\r\n                    built for demanding operational environments.\r\n                <\/p>\r\n\r\n                <a href=\"#contact\" class=\"gama-cta-button\">\r\n                    <span>CONTACT OUR TEAM<\/span>\r\n                    <i>\u2197<\/i>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- RIGHT IMAGE -->\r\n            <div class=\"gama-cta-visual\">\r\n\r\n                <div class=\"gama-cta-image\">\r\n\r\n                    <img decoding=\"async\" title=\"Home\"\r\n                        src=\"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-content\/uploads\/2026\/11\/gas-oil-engineer.png\"\r\n                        alt=\"GAMATECH Energy Industrial Operations\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"gama-cta-image-shade\"><\/div>\r\n\r\n                <div class=\"gama-cta-image-label\">\r\n                    <span>GAMATECH ENERGY<\/span>\r\n                    <small>ENGINEERED FOR PERFORMANCE<\/small>\r\n                <\/div>\r\n\r\n                <div class=\"gama-cta-frame\"><\/div>\r\n\r\n                <div class=\"gama-cta-image-corner\"><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         DARK BOTTOM CONTACT STRIP\r\n    ====================================================== -->\r\n\r\n    <div class=\"gama-cta-details-shell\">\r\n\r\n        <div class=\"gama-cta-details\">\r\n\r\n            <div class=\"gama-cta-detail\">\r\n\r\n                <span class=\"gama-detail-label\">\r\n                    HEAD OFFICE\r\n                <\/span>\r\n\r\n                <strong>\r\n                    ABU DHABI, UAE\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gama-cta-detail\">\r\n\r\n                <span class=\"gama-detail-label\">\r\n                    EMAIL\r\n                <\/span>\r\n\r\n                <strong>\r\n                    <a href=\"mailto:info@gamatechenergy.com\">\r\n                        INFO@GAMATECHENERGY.COM\r\n                    <\/a>\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gama-cta-detail\">\r\n\r\n                <span class=\"gama-detail-label\">\r\n                    PHONE\r\n                <\/span>\r\n\r\n                <strong>\r\n                    <a href=\"tel:+971501310785\">\r\n                        +971 50 131 0785\r\n                    <\/a>\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a href=\"#contact\" class=\"gama-cta-project\">\r\n\r\n                <span>START A PROJECT<\/span>\r\n                <i>\u2197<\/i>\r\n\r\n            <\/a>\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   01 \u2014 MAIN SECTION\r\n========================================================= *\/\r\n\r\n.gama-cta-premium,\r\n.gama-cta-premium * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gama-cta-premium {\r\n\r\n    --gama-green: #65A086;\r\n    --gama-dark: #10242D;\r\n    --gama-text: #19343C;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: #ffffff;\r\n    color: var(--gama-text);\r\n\r\n    padding: 0;\r\n    font-family: Inter, Arial, Helvetica, sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   02 \u2014 CONTINUOUS MOVING TECHNICAL GRID\r\n========================================================= *\/\r\n\r\n.gama-cta-grid {\r\n\r\n    position: absolute;\r\n    inset: -100px;\r\n\r\n    z-index: -1;\r\n    pointer-events: none;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(25, 52, 60, 0.075) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(25, 52, 60, 0.075) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 45px 45px;\r\n\r\n    animation:\r\n        gamaGridMove 18s linear infinite;\r\n\r\n    will-change: background-position;\r\n\r\n}\r\n\r\n\r\n\/* Moving light across the grid *\/\r\n\r\n.gama-cta-grid::after {\r\n\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            115deg,\r\n            transparent 25%,\r\n            rgba(101, 160, 134, 0.10) 43%,\r\n            rgba(101, 160, 134, 0.20) 50%,\r\n            rgba(101, 160, 134, 0.08) 57%,\r\n            transparent 75%\r\n        );\r\n\r\n    background-size: 220% 100%;\r\n\r\n    animation:\r\n        gamaGridSweep 12s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n\/* Grid movement *\/\r\n\r\n@keyframes gamaGridMove {\r\n\r\n    0% {\r\n        background-position: 0 0;\r\n    }\r\n\r\n    100% {\r\n        background-position: 108px 108px;\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gamaGridSweep {\r\n\r\n    0% {\r\n        background-position: 180% 0;\r\n    }\r\n\r\n    100% {\r\n        background-position: -180% 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   03 \u2014 SOFT MOVING ATMOSPHERE\r\n========================================================= *\/\r\n\r\n.gama-cta-atmosphere {\r\n\r\n    position: absolute;\r\n\r\n    width: 650px;\r\n    height: 650px;\r\n\r\n    top: -340px;\r\n    right: -180px;\r\n\r\n    z-index: -1;\r\n    pointer-events: none;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(101, 160, 134, 0.15) 0%,\r\n            rgba(101, 160, 134, 0.055) 36%,\r\n            transparent 70%\r\n        );\r\n\r\n    animation:\r\n        gamaAtmosphereMove 11s ease-in-out infinite alternate;\r\n\r\n}\r\n\r\n\r\n.gama-cta-light {\r\n\r\n    position: absolute;\r\n\r\n    width: 380px;\r\n    height: 380px;\r\n\r\n    left: -180px;\r\n    bottom: 30px;\r\n\r\n    z-index: -1;\r\n    pointer-events: none;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(101, 160, 134, 0.09),\r\n            transparent 70%\r\n        );\r\n\r\n    animation:\r\n        gamaLightMove 13s ease-in-out infinite alternate;\r\n\r\n}\r\n\r\n\r\n@keyframes gamaAtmosphereMove {\r\n\r\n    0% {\r\n        transform: translate(0, 0) scale(0.9);\r\n    }\r\n\r\n    100% {\r\n        transform: translate(-100px, 100px) scale(1.2);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gamaLightMove {\r\n\r\n    0% {\r\n        transform: translateY(0) scale(0.9);\r\n    }\r\n\r\n    100% {\r\n        transform: translate(100px, -70px) scale(1.2);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   04 \u2014 CONTENT WRAPPER\r\n========================================================= *\/\r\n\r\n.gama-cta-wrap {\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1280px, calc(100% - 70px));\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   05 \u2014 TOP LINE\r\n========================================================= *\/\r\n\r\n.gama-cta-top {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    padding: 28px 0 22px;\r\n\r\n    border-bottom:\r\n        1px solid rgba(25, 52, 60, 0.14);\r\n\r\n}\r\n\r\n\r\n.gama-cta-eyebrow {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    color: #19343C;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 2.8px;\r\n\r\n}\r\n\r\n\r\n.gama-cta-eyebrow span {\r\n\r\n    width: 28px;\r\n    height: 2px;\r\n\r\n    display: block;\r\n\r\n    background: var(--gama-green);\r\n\r\n    transition: width 0.4s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-top:hover .gama-cta-eyebrow span {\r\n    width: 48px;\r\n}\r\n\r\n\r\n.gama-cta-top-note {\r\n\r\n    color: #718087;\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.8px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   06 \u2014 MAIN LAYOUT\r\n========================================================= *\/\r\n\r\n.gama-cta-main {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        0.92fr\r\n        1.08fr;\r\n\r\n    gap: 70px;\r\n\r\n    align-items: center;\r\n\r\n    padding: 65px 0 75px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   07 \u2014 LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.gama-cta-copy {\r\n\r\n    position: relative;\r\n\r\n    max-width: 560px;\r\n\r\n}\r\n\r\n\r\n.gama-cta-kicker {\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: #658477;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 2.1px;\r\n    line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n.gama-cta-copy h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: #19343C;\r\n\r\n    font-size: clamp(38px, 4vw, 54px);\r\n\r\n    font-weight: 800;\r\n    line-height: 1.08;\r\n\r\n    letter-spacing: -1.8px;\r\n\r\n}\r\n\r\n\r\n.gama-cta-copy h2 span {\r\n\r\n    display: inline-block;\r\n\r\n    color: #65A086;\r\n\r\n    transition:\r\n        color 0.35s ease,\r\n        transform 0.35s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-copy h2:hover span {\r\n\r\n    color: #477B65;\r\n    transform: translateX(5px);\r\n\r\n}\r\n\r\n\r\n.gama-cta-copy p {\r\n\r\n    max-width: 510px;\r\n\r\n    margin: 23px 0 32px;\r\n\r\n    color: #64747A;\r\n\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.85;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   08 \u2014 CTA BUTTON\r\n========================================================= *\/\r\n\r\n.gama-cta-button {\r\n\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n\r\n    padding: 6px 6px 6px 21px;\r\n\r\n    background: #19343C;\r\n\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.4px;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        background 0.35s ease,\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-button span,\r\n.gama-cta-button i {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\r\n.gama-cta-button i {\r\n\r\n    width: 37px;\r\n    height: 37px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #65A086;\r\n    color: #ffffff;\r\n\r\n    font-size: 18px;\r\n    font-style: normal;\r\n\r\n    transition:\r\n        background 0.35s ease,\r\n        transform 0.35s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-button:hover {\r\n\r\n    background: #65A086;\r\n\r\n    transform: translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(25, 52, 60, 0.15);\r\n\r\n}\r\n\r\n\r\n.gama-cta-button:hover i {\r\n\r\n    background: #19343C;\r\n\r\n    transform: translate(3px, -3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   09 \u2014 RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n.gama-cta-visual {\r\n\r\n    position: relative;\r\n\r\n    height: 435px;\r\n\r\n    overflow: visible;\r\n\r\n    perspective: 1000px;\r\n\r\n}\r\n\r\n\r\n.gama-cta-image {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #e8eeeb;\r\n\r\n    border: 1px solid rgba(25, 52, 60, 0.12);\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(25, 52, 60, 0.09);\r\n\r\n}\r\n\r\n\r\n.gama-cta-image img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    filter:\r\n        saturate(0.86)\r\n        contrast(1.04)\r\n        brightness(1.02);\r\n\r\n    transform: scale(1.02);\r\n\r\n    transition:\r\n        transform 1.1s cubic-bezier(0.2, 0.7, 0.2, 1),\r\n        filter 0.7s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-visual:hover .gama-cta-image img {\r\n\r\n    transform: scale(1.09);\r\n\r\n    filter:\r\n        saturate(1)\r\n        contrast(1.05)\r\n        brightness(1.04);\r\n\r\n}\r\n\r\n\r\n\/* Image overlay *\/\r\n\r\n.gama-cta-image-shade {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(16, 36, 45, 0.20),\r\n            transparent 70%\r\n        ),\r\n\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(16, 36, 45, 0.68),\r\n            transparent 55%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n    transition: opacity 0.5s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-visual:hover .gama-cta-image-shade {\r\n    opacity: 0.78;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   10 \u2014 IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.gama-cta-image-label {\r\n\r\n    position: absolute;\r\n\r\n    left: 30px;\r\n    bottom: 28px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 7px;\r\n\r\n    z-index: 2;\r\n\r\n    transition: transform 0.4s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-image-label span {\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 2.2px;\r\n\r\n}\r\n\r\n\r\n.gama-cta-image-label small {\r\n\r\n    color: #9BC9B1;\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n.gama-cta-visual:hover .gama-cta-image-label {\r\n    transform: translateY(-7px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   11 \u2014 FRAME AND CORNER DETAIL\r\n========================================================= *\/\r\n\r\n.gama-cta-frame {\r\n\r\n    position: absolute;\r\n\r\n    left: -13px;\r\n    top: 13px;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    border: 1px solid rgba(101, 160, 134, 0.75);\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: -1;\r\n\r\n    transition:\r\n        transform 0.5s ease,\r\n        border-color 0.5s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-visual:hover .gama-cta-frame {\r\n\r\n    transform: translate(-5px, 5px);\r\n\r\n    border-color: #65A086;\r\n\r\n}\r\n\r\n\r\n.gama-cta-image-corner {\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 0;\r\n\r\n    width: 65px;\r\n    height: 65px;\r\n\r\n    border-top: 3px solid #65A086;\r\n    border-right: 3px solid #65A086;\r\n\r\n    z-index: 2;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        width 0.4s ease,\r\n        height 0.4s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-visual:hover .gama-cta-image-corner {\r\n    width: 95px;\r\n    height: 95px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   12 \u2014 DARK CONTACT DETAILS STRIP\r\n========================================================= *\/\r\n\r\n.gama-cta-details-shell {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            #10242D 0%,\r\n            #19343C 52%,\r\n            #10242D 100%\r\n        );\r\n\r\n    color: #ffffff;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* Subtle movement inside dark strip *\/\r\n\r\n.gama-cta-details-shell::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent 49.8%,\r\n            rgba(255,255,255,0.035) 50%,\r\n            transparent 50.2%\r\n        );\r\n\r\n    background-size: 75px 100%;\r\n\r\n    animation: gamaDetailsMove 18s linear infinite;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n@keyframes gamaDetailsMove {\r\n\r\n    from {\r\n        background-position: 0 0;\r\n    }\r\n\r\n    to {\r\n        background-position: 150px 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n.gama-cta-details {\r\n\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: min(1280px, calc(100% - 70px));\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        1.25fr\r\n        1fr\r\n        0.85fr;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,0.15);\r\n\r\n}\r\n\r\n\r\n.gama-cta-detail {\r\n\r\n    min-height: 105px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    padding: 20px 25px;\r\n\r\n    border-right:\r\n        1px solid rgba(255,255,255,0.13);\r\n\r\n    transition:\r\n        background 0.35s ease,\r\n        padding 0.35s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-detail:hover {\r\n\r\n    background: rgba(101, 160, 134, 0.12);\r\n\r\n    padding-left: 31px;\r\n\r\n}\r\n\r\n\r\n.gama-detail-label {\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: #A7C9B7;\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n.gama-cta-detail strong {\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.6px;\r\n    line-height: 1.5;\r\n\r\n    word-break: break-word;\r\n\r\n}\r\n\r\n\r\n.gama-cta-detail strong a {\r\n\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n\r\n    transition: color 0.3s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-detail strong a:hover {\r\n    color: #8CC4A7 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   13 \u2014 START PROJECT LINK\r\n========================================================= *\/\r\n\r\n.gama-cta-project {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 15px;\r\n\r\n    padding: 20px 22px;\r\n\r\n    color: #8CC4A7 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.6px;\r\n\r\n    transition:\r\n        background 0.35s ease,\r\n        padding 0.35s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-project:hover {\r\n\r\n    background: rgba(101, 160, 134, 0.13);\r\n\r\n    padding-left: 28px;\r\n\r\n}\r\n\r\n\r\n.gama-cta-project i {\r\n\r\n    width: 36px;\r\n    height: 36px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid rgba(101, 160, 134, 0.65);\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 17px;\r\n    font-style: normal;\r\n\r\n    transition:\r\n        background 0.35s ease,\r\n        color 0.35s ease,\r\n        transform 0.35s ease;\r\n\r\n}\r\n\r\n\r\n.gama-cta-project:hover i {\r\n\r\n    background: #65A086;\r\n    color: #10242D;\r\n\r\n    transform: translate(3px, -3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   14 \u2014 SCROLL REVEAL\r\n========================================================= *\/\r\n\r\n\/* Only hide content after JS successfully initializes *\/\r\n\r\n.gama-cta-premium.gama-cta-motion-ready:not(.gama-cta-visible)\r\n.gama-cta-eyebrow,\r\n.gama-cta-premium.gama-cta-motion-ready:not(.gama-cta-visible)\r\n.gama-cta-top-note,\r\n.gama-cta-premium.gama-cta-motion-ready:not(.gama-cta-visible)\r\n.gama-cta-kicker,\r\n.gama-cta-premium.gama-cta-motion-ready:not(.gama-cta-visible)\r\n.gama-cta-copy h2,\r\n.gama-cta-premium.gama-cta-motion-ready:not(.gama-cta-visible)\r\n.gama-cta-copy p,\r\n.gama-cta-premium.gama-cta-motion-ready:not(.gama-cta-visible)\r\n.gama-cta-button,\r\n.gama-cta-premium.gama-cta-motion-ready:not(.gama-cta-visible)\r\n.gama-cta-visual,\r\n.gama-cta-premium.gama-cta-motion-ready:not(.gama-cta-visible)\r\n.gama-cta-detail,\r\n.gama-cta-premium.gama-cta-motion-ready:not(.gama-cta-visible)\r\n.gama-cta-project {\r\n\r\n    opacity: 0;\r\n\r\n}\r\n\r\n\r\n\/* Top eyebrow *\/\r\n\r\n.gama-cta-visible .gama-cta-eyebrow {\r\n    animation: gamaRevealLeft 0.8s ease 0.05s both;\r\n}\r\n\r\n.gama-cta-visible .gama-cta-top-note {\r\n    animation: gamaRevealRight 0.8s ease 0.12s both;\r\n}\r\n\r\n\r\n\/* Text *\/\r\n\r\n.gama-cta-visible .gama-cta-kicker {\r\n    animation: gamaRevealUp 0.8s ease 0.15s both;\r\n}\r\n\r\n.gama-cta-visible .gama-cta-copy h2 {\r\n    animation: gamaRevealUp 1s cubic-bezier(0.16,1,0.3,1) 0.25s both;\r\n}\r\n\r\n.gama-cta-visible .gama-cta-copy p {\r\n    animation: gamaRevealUp 0.9s ease 0.42s both;\r\n}\r\n\r\n.gama-cta-visible .gama-cta-button {\r\n    animation: gamaRevealUp 0.85s ease 0.56s both;\r\n}\r\n\r\n\r\n\/* Image *\/\r\n\r\n.gama-cta-visible .gama-cta-visual {\r\n    animation: gamaRevealImage 1.15s cubic-bezier(0.16,1,0.3,1) 0.2s both;\r\n}\r\n\r\n\r\n\/* Contact information *\/\r\n\r\n.gama-cta-visible .gama-cta-detail:nth-child(1) {\r\n    animation: gamaRevealUp 0.8s ease 0.15s both;\r\n}\r\n\r\n.gama-cta-visible .gama-cta-detail:nth-child(2) {\r\n    animation: gamaRevealUp 0.8s ease 0.27s both;\r\n}\r\n\r\n.gama-cta-visible .gama-cta-detail:nth-child(3) {\r\n    animation: gamaRevealUp 0.8s ease 0.39s both;\r\n}\r\n\r\n.gama-cta-visible .gama-cta-project {\r\n    animation: gamaRevealRight 0.8s ease 0.5s both;\r\n}\r\n\r\n\r\n\/* Animation keyframes *\/\r\n\r\n@keyframes gamaRevealUp {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(32px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gamaRevealLeft {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(-28px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gamaRevealRight {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(28px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gamaRevealImage {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(45px) scale(0.97);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0) scale(1);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   15 \u2014 TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .gama-cta-main {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 48px;\r\n\r\n        padding: 55px 0 65px;\r\n\r\n    }\r\n\r\n    .gama-cta-copy {\r\n        max-width: 720px;\r\n    }\r\n\r\n    .gama-cta-visual {\r\n        height: 420px;\r\n    }\r\n\r\n    .gama-cta-details {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .gama-cta-detail {\r\n        border-bottom: 1px solid rgba(255,255,255,0.13);\r\n    }\r\n\r\n    .gama-cta-project {\r\n        min-height: 100px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   16 \u2014 MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .gama-cta-wrap {\r\n        width: calc(100% - 38px);\r\n    }\r\n\r\n    .gama-cta-top {\r\n        padding: 24px 0 18px;\r\n    }\r\n\r\n    .gama-cta-eyebrow {\r\n        font-size: 10px;\r\n        letter-spacing: 2px;\r\n        gap: 9px;\r\n    }\r\n\r\n    .gama-cta-eyebrow span {\r\n        width: 20px;\r\n    }\r\n\r\n    .gama-cta-top-note {\r\n        display: none;\r\n    }\r\n\r\n    .gama-cta-main {\r\n        padding: 45px 0 55px;\r\n        gap: 38px;\r\n    }\r\n\r\n    .gama-cta-kicker {\r\n        font-size: 9px;\r\n        letter-spacing: 1.5px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .gama-cta-copy h2 {\r\n        font-size: 32px;\r\n        line-height: 1.1;\r\n        letter-spacing: -1.2px;\r\n    }\r\n\r\n    .gama-cta-copy p {\r\n        margin: 19px 0 26px;\r\n        font-size: 14px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .gama-cta-button {\r\n        font-size: 10px;\r\n        padding-left: 16px;\r\n    }\r\n\r\n    .gama-cta-visual {\r\n        height: 300px;\r\n    }\r\n\r\n    .gama-cta-frame {\r\n        left: -8px;\r\n        top: 8px;\r\n    }\r\n\r\n    .gama-cta-image-label {\r\n        left: 19px;\r\n        bottom: 20px;\r\n    }\r\n\r\n    .gama-cta-image-label span {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .gama-cta-image-label small {\r\n        font-size: 8px;\r\n        letter-spacing: 1.4px;\r\n    }\r\n\r\n    .gama-cta-details {\r\n        width: 100%;\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .gama-cta-detail {\r\n        min-height: 78px;\r\n        padding: 16px 20px;\r\n        border-right: none;\r\n        border-bottom: 1px solid rgba(255,255,255,0.13);\r\n    }\r\n\r\n    .gama-cta-detail:hover {\r\n        padding-left: 25px;\r\n    }\r\n\r\n    .gama-cta-project {\r\n        min-height: 75px;\r\n        padding: 17px 20px;\r\n    }\r\n\r\n    .gama-cta-project:hover {\r\n        padding-left: 25px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   17 \u2014 ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .gama-cta-grid,\r\n    .gama-cta-grid::after,\r\n    .gama-cta-atmosphere,\r\n    .gama-cta-light,\r\n    .gama-cta-details-shell::before {\r\n\r\n        animation: none !important;\r\n\r\n    }\r\n\r\n    .gama-cta-premium *,\r\n    .gama-cta-premium *::before,\r\n    .gama-cta-premium *::after {\r\n\r\n        transition-duration: 0.01ms !important;\r\n\r\n    }\r\n\r\n    .gama-cta-premium.gama-cta-motion-ready\r\n    .gama-cta-eyebrow,\r\n    .gama-cta-premium.gama-cta-motion-ready\r\n    .gama-cta-top-note,\r\n    .gama-cta-premium.gama-cta-motion-ready\r\n    .gama-cta-kicker,\r\n    .gama-cta-premium.gama-cta-motion-ready\r\n    .gama-cta-copy h2,\r\n    .gama-cta-premium.gama-cta-motion-ready\r\n    .gama-cta-copy p,\r\n    .gama-cta-premium.gama-cta-motion-ready\r\n    .gama-cta-button,\r\n    .gama-cta-premium.gama-cta-motion-ready\r\n    .gama-cta-visual,\r\n    .gama-cta-premium.gama-cta-motion-ready\r\n    .gama-cta-detail,\r\n    .gama-cta-premium.gama-cta-motion-ready\r\n    .gama-cta-project {\r\n\r\n        opacity: 1 !important;\r\n        animation: none !important;\r\n        transform: none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   GAMATECH \u2014 SCROLL ACTIVATION\r\n   Elementor compatible\r\n========================================================= *\/\r\n\r\n(function () {\r\n\r\n    function initGamaCta() {\r\n\r\n        const sections = document.querySelectorAll(\r\n            \".gama-cta-premium\"\r\n        );\r\n\r\n        sections.forEach(function (section) {\r\n\r\n            if (section.dataset.ctaReady === \"true\") {\r\n                return;\r\n            }\r\n\r\n            section.dataset.ctaReady = \"true\";\r\n\r\n            \/* Enable reveal styles only after observer is ready *\/\r\n            section.classList.add(\"gama-cta-motion-ready\");\r\n\r\n            \/* Fallback for browsers without IntersectionObserver *\/\r\n            if (!(\"IntersectionObserver\" in window)) {\r\n                section.classList.add(\"gama-cta-visible\");\r\n                return;\r\n            }\r\n\r\n            const observer = new IntersectionObserver(\r\n                function (entries) {\r\n\r\n                    entries.forEach(function (entry) {\r\n\r\n                        if (entry.isIntersecting) {\r\n\r\n                            section.classList.add(\r\n                                \"gama-cta-visible\"\r\n                            );\r\n\r\n                            \/* Play entrance animations once *\/\r\n                            observer.unobserve(section);\r\n\r\n                        }\r\n\r\n                    });\r\n\r\n                },\r\n                {\r\n                    threshold: 0.12,\r\n                    rootMargin: \"0px 0px -45px 0px\"\r\n                }\r\n            );\r\n\r\n            observer.observe(section);\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* Initial page load *\/\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initGamaCta\r\n        );\r\n\r\n    } else {\r\n\r\n        initGamaCta();\r\n\r\n    }\r\n\r\n\r\n    \/* Elementor frontend support *\/\r\n\r\n    if (window.jQuery) {\r\n\r\n        jQuery(window).on(\r\n            \"elementor\/frontend\/init\",\r\n            function () {\r\n                initGamaCta();\r\n            }\r\n        );\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>INTEGRATED PETROLEUM SERVICES DELIVERING THE INTEGRATED SOLUTION IN EXCELLENCE GAMATECH ENERGY delivers integrated engineering, sustainable energy, well production, and oilfield equipment solutions for demanding energy and industrial operations. EXPLORE OUR EXPERTISE \u2197 CONTACT US ENGINEERING PERFORMANCE INTO EVERY SOLUTION. From oil &amp; gas to energy and industrial applications, GAMATECH delivers solutions designed around performance, reliability, [&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-524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/pages\/524","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=524"}],"version-history":[{"count":354,"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/pages\/524\/revisions"}],"predecessor-version":[{"id":2551,"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/pages\/524\/revisions\/2551"}],"wp:attachment":[{"href":"https:\/\/www.nextgentechnology.ae\/gamatech\/wp-json\/wp\/v2\/media?parent=524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}