Hexagon Agility | Customer success stories

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <link rel="stylesheet" href="/build/css/main.css?id=1aa097566db145cff2ae7813107d528b" /> <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <link rel="manifest" href="/site.webmanifest" /> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" /> <meta name="msapplication-TileColor" content="#da532c" /> <meta name="theme-color" content="#ffffff" /> <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="AwhPckYZv" async></script>  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PHPKZN5D'); </script>  <title>Hexagon Agility | Customer success stories</title><meta name="generator" content="SEOmatic"> <meta name="description" content="Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy…"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="en_EN" property="og:locale"> <meta content="Hexagon Agility" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://hexagonagility.com/resources/customer-success-stories" property="og:url"> <meta content="Customer success stories" property="og:title"> <meta content="Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy transportation." property="og:description"> <meta content="https://s3.eu-central-1.amazonaws.com/hexagonassets/_1200x630_crop_center-center_82_none/Hero_home_GettyImages-1212404028.jpg?mtime=1673461061" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy transportation." property="og:image:alt"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@AgilityFuel"> <meta name="twitter:creator" content="@AgilityFuel"> <meta name="twitter:title" content="Customer success stories"> <meta name="twitter:description" content="Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy transportation."> <meta name="twitter:image" content="https://s3.eu-central-1.amazonaws.com/hexagonassets/_800x800_crop_center-center_82_none/Hero_home_GettyImages-1212404028.jpg?mtime=1673461061"> <meta name="twitter:image:width" content="800"> <meta name="twitter:image:height" content="800"> <meta name="twitter:image:alt" content="Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy transportation."> <link href="https://hexagonagility.com/resources/customer-success-stories" rel="canonical"> <link href="https://hexagonagility.com" rel="home"> <link type="text/plain" href="https://hexagonagility.com/humans.txt" rel="author"></head> <body id="site" class="relative bg-white">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHPKZN5D" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <header x-data="{ open: false }" class=" z-50 "> <div class="text-teal border-silver bg-white border-b z-50 w-full " > <nav class="flex items-center justify-between px-4 pt-5 pb-5 mx-auto max-w-screen-l md:px-8 lg:px-16"> <div class="flex justify-start mr-5 lg:w-0 lg:flex-1"> <a href="https://hexagonagility.com/"> <span class="sr-only">Hexagon Agility home</span> <img class="w-auto h-12 header-logo logo lg:h-16" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/HexagonAgilityLogo.svg" alt="Hexagon Logo"> </a> </div> <div class="hidden space-x-5 text-base md:flex lg:space-x-7"> <div class="flex"> <a @mouseover="displayFlyover, open = true" id="menu-about" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/about/about-us" target="" > About us </a> </div> <div class="flex"> <a @mouseover="displayFlyover, open = true" id="menu-solutions" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/solutions" target="" > Solutions </a> </div> <div class="flex"> <a @mouseover="displayFlyover, open = true" id="menu-fleetcare" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/fleetcare" target="1" > FleetCare </a> </div> <div class="flex"> <a @mouseover="displayFlyover, open = true" id="menu-resources" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/resources" target="" > Resources </a> </div> <div class="flex"> <a @mouseover="removeDarker, open = false" id="menu-news-events" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/news" target="" > News </a> </div> <div class="flex"> <a @mouseover="removeDarker, open = false" id="menu-careers" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/careers" target="" > Careers </a> </div> <div class="flex"> <a @mouseover="removeDarker, open = false" id="menu-contact" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/contact-2" target="" > Contact us </a> </div> </div> <button class="md:hidden md:text-md" x-on:click="open = ! open"> <span class="sr-only">Open menu</span> <svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 1H20" stroke="#00616F"/> <path d="M0 7H20" stroke="#00616F"/> <path d="M0 13H20" stroke="#00616F"/> </svg> </button> </nav> </div> <div @mouseleave="removeDarker, open = false" x-cloak x-show="open" x-transition.opacity class="absolute inset-x-0 bottom-0 z-50 py-8 overflow-scroll transition origin-top-right transform bg-white border-t border-b md:overflow-hidden border-silver flyover md:bottom-auto"> <div id="parent" class="hidden md:inline"> <div id="#menu-about" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">About us</p> </div> <div class="flex flex-col flex-wrap col-span-9 col-start-4 md:max-h-72 lg:max-h-72 l:max-h-72"> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/about/about-us" target="" > About us </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/about/history" target="" > History </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/about/vision-values" target="" > Vision, purpose and values </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/bus-and-coach/our-technology" target="" > Clean energy options </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/about/leadership" target="" > Leadership team </a> </div> </div> </nav> </div> <div id="#menu-solutions" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">Solutions</p> </div> <div class="flex flex-col flex-wrap col-span-9 col-start-4 md:max-h-72 lg:max-h-72 l:max-h-72"> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/truck" target="" > Truck </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/truck/back-of-cab" target="" > Back-of-cab </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/truck/side-mount" target="" > Side-mount </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/refuse" target="" > Refuse </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/refuse/roof-mount" target="" > Roof-mount </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/refuse/front-of-body" target="" > Front of body </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/refuse/tailgate" target="" > Tailgate </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/refuse/back-of-cab" target="" > Back-of-cab </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/refuse/refuse-side-mount-fuel-system" target="" > Side-mount </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/bus-and-coach" target="" > Transit </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/gas-distribution" target="" > Gas distribution </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/advanced-fuel-storage-cylinders" target="" > RNG/CNG cylinders </a> </div> </div> </nav> </div> <div id="#menu-fleetcare" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">FleetCare</p> </div> <div class="flex flex-col flex-wrap col-span-9 col-start-4 md:max-h-72 lg:max-h-72 l:max-h-72"> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/fleetcare-genuine-parts" target="1" > Genuine Parts </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/fleetcare-tech-support" target="1" > Tech support </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/fleetcare-mobile-service" target="1" > Mobile Service </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/support-documents" target="1" > Support documents </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/customer-care-training" target="" > Technical Training Academy </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/fleetcare-contact" target="" > Contact us </a> </div> </div> </nav> </div> <div id="#menu-resources" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">Resources</p> </div> <div class="flex flex-col flex-wrap col-span-9 col-start-4 md:max-h-72 lg:max-h-72 l:max-h-72"> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/resources/brochures" target="" > Brochures </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/video" target="" > Videos </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/resources/customer-success-stories" target="" > Customer success stories </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/rng-for-heavy-duty-fleets-ebook" target="" > eBook </a> </div> </div> </nav> </div> <div id="#menu-news-events" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">News</p> </div> </nav> </div> <div id="#menu-careers" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">Careers</p> </div> </nav> </div> <div id="#menu-contact" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">Contact us</p> </div> </nav> </div> </div> <div class="px-6 md:hidden"> <div id="level-one-wrap"> <p class="pb-8 text-sm">Menu</p> <a id="menu-about" @click="openLevelTwo" class=" items-center py-4 border-t border-silver flex justify-between text-ml text-teal hover:border-teal" > About us <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </a> <a id="menu-solutions" @click="openLevelTwo" class=" items-center py-4 border-t border-silver flex justify-between text-ml text-teal hover:border-teal" > Solutions <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </a> <a id="menu-fleetcare" @click="openLevelTwo" class=" items-center py-4 border-t border-silver flex justify-between text-ml text-teal hover:border-teal" > FleetCare <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </a> <a id="menu-resources" @click="openLevelTwo" class=" items-center py-4 border-t border-silver flex justify-between text-ml text-teal hover:border-teal" > Resources <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </a> <a id="menu-news-events" href="https://hexagonagility.com/news" target="" class=" flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" > News </a> <a id="menu-careers" href="https://hexagonagility.com/careers" target="" class=" flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" > Careers </a> <a id="menu-contact" href="https://hexagonagility.com/contact-2" target="" class="border-b flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" > Contact us </a> </div> <div id="level-two-three-wrap"> <div id="mbmenu-about" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-about" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/about/about-us" target="" > About us </a> </div> <div id="child112586"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/about/about-us" target="" > About us </a> </div> <div id="child108889"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/about/history" target="" > History </a> </div> <div id="child117275"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/about/vision-values" target="" > Vision, purpose and values </a> </div> <div id="child115416"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/bus-and-coach/our-technology" target="" > Clean energy options </a> </div> <div id="child108891"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/about/leadership" target="" > Leadership team </a> </div> </div> <div id="mbmenu-solutions" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-solutions" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions" target="" > Solutions </a> </div> <div id="child108901"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <p class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" @click="openLevelThree" id="Truck" > Truck <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </p> <div> <a class="items-center justify-between hidden py-4 border-t level-three-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/truck" target="" > Truck </a> <a id="grandChild110331" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/truck/back-of-cab" target="" > Back-of-cab </a> <a id="grandChild109776" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/truck/side-mount" target="" > Side-mount </a> </div> </div> <div id="child108895"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <p class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" @click="openLevelThree" id="Refuse" > Refuse <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </p> <div> <a class="items-center justify-between hidden py-4 border-t level-three-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/refuse" target="" > Refuse </a> <a id="grandChild109767" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/refuse/roof-mount" target="" > Roof-mount </a> <a id="grandChild108903" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/refuse/front-of-body" target="" > Front of body </a> <a id="grandChild108905" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/refuse/tailgate" target="" > Tailgate </a> <a id="grandChild109778" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/refuse/back-of-cab" target="" > Back-of-cab </a> <a id="grandChild138102" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/refuse/refuse-side-mount-fuel-system" target="" > Side-mount </a> </div> </div> <div id="child108897"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/bus-and-coach" target="" > Transit </a> </div> <div id="child108907"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/gas-distribution" target="" > Gas distribution </a> </div> <div id="child139251"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/advanced-fuel-storage-cylinders" target="" > RNG/CNG cylinders </a> </div> </div> <div id="mbmenu-fleetcare" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-fleetcare" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare" target="1" > FleetCare </a> </div> <div id="child111214"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/fleetcare-genuine-parts" target="1" > Genuine Parts </a> </div> <div id="child111234"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/fleetcare-tech-support" target="1" > Tech support </a> </div> <div id="child198302"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/fleetcare-mobile-service" target="1" > Mobile Service </a> </div> <div id="child111232"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/support-documents" target="1" > Support documents </a> </div> <div id="child111220"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/customer-care-training" target="" > Technical Training Academy </a> </div> <div id="child111230"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/fleetcare-contact" target="" > Contact us </a> </div> </div> <div id="mbmenu-resources" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-resources" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/resources" target="" > Resources </a> </div> <div id="child109811"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/resources/brochures" target="" > Brochures </a> </div> <div id="child142783"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/video" target="" > Videos </a> </div> <div id="child124187"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/resources/customer-success-stories" target="" > Customer success stories </a> </div> <div id="child230227"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/rng-for-heavy-duty-fleets-ebook" target="" > eBook </a> </div> </div> <div id="mbmenu-news-events" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-news-events" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/news" target="" > News </a> </div> </div> <div id="mbmenu-careers" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-careers" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/careers" target="" > Careers </a> </div> </div> <div id="mbmenu-contact" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-contact" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/contact-2" target="" > Contact us </a> </div> </div> </div> </div> </div> </header> <div id="darker" class="hidden"></div> <main class=""> <section id="headerRegular" class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto w-full"> <div class=" py-5 md:py-8 h-min text-teal"> </div> <div class="w-full"> <div class="grid gap-5 grid-cols-12 md:gap-8 w-full"> <h2 class="col-span-full lg:col-span-6 font-semibold text-[2.25rem] leading-[1.2em] md:text-xl lg:text-2xl col-span-full lg:col-span-6 text-teal"> Customer success stories </h2> </div> </div> </section> <div class="blocks bodyContent"> <section class="block block--cards mb-14 md:mb-20 mt-14 md:mt-20"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto grid gap-5 grid-cols-12 md:gap-8"> <div class="col-span-full md:col-span-6 lg:col-span-4"> <a href="https://hexagonagility.com/cases/by-creating-a-safe-way-to-transport-renewable-natural-gas-to-areas-without-a-pipeline-connection-certarus-is-driving-the-industry-to-the-future" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> By creating a safe way to transport renewable natural gas to areas without a pipeline connection, Certarus is driving the industry to the future </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,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);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/230312/A164_C053_20210527_P00000-0-01-36-02_c048d09faba85bc6c575b8b3797dd5db.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/230312/A164_C053_20210527_P00000-0-01-36-02_35f0071b70d905176848e58d976ecd2b.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/230312/A164_C053_20210527_P00000-0-01-36-02_c6c21c9d416ae293e7a877f95e516a1f.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/230312/A164_C053_20210527_P00000-0-01-36-02_a73149cc575bd2105f419052260062f7.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/230312/A164_C053_20210527_P00000-0-01-36-02_c5db067a9dd040eb499b914cb30fb883.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/230312/A164_C053_20210527_P00000-0-01-36-02_c048d09faba85bc6c575b8b3797dd5db.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/230312/A164_C053_20210527_P00000-0-01-36-02_c6c21c9d416ae293e7a877f95e516a1f.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 lg:col-span-4"> <a href="https://hexagonagility.com/cases/with-alternative-fuels-and-advanced-technology-ups-delivers-on-sustainability-goals" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> With alternative fuels and advanced technology, UPS delivers on sustainability goals </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRioAAABXRUJQVlA4IB4AAABQAQCdASoCAAEAAUAmJZQABAAAAP7tTd+g+K+AAAA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:48.99% 20.13%;-o-object-position:0.4899% 0.2013%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_fd0634dc603f0d65e9c47592f7bca3e3.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_aedacc9dc758bca8254ed10296e6b8cf.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_34bb1f3868f6b4bef9b6dd669f901872.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_8ed84aa157ac238783e3b0e7f4478c70.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_ae867ad755cbff5b111b593e058f820d.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_fd0634dc603f0d65e9c47592f7bca3e3.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_34bb1f3868f6b4bef9b6dd669f901872.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 lg:col-span-4"> <a href="https://hexagonagility.com/cases/big-blue-bus-committed-to-green-with-rng-and-near-zero-engines" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> Big Blue Bus committed to green with RNG and near-zero engines </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACQAQCdASoCAAEAAUAmJYgCdLoAA5gA/tom/amCSMpf+hRsol8wAA==);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:59.77% 52.34%;-o-object-position:0.5977% 0.5234%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127752/CaseStudyBBB-1024x428_ea71892d2f345f52d8491db4c0b21529.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127752/CaseStudyBBB-1024x428_b51c41c96cf258f485210893444bbc55.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127752/CaseStudyBBB-1024x428_4724f22584bb6d5cb0d4b826b75683be.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127752/CaseStudyBBB-1024x428_5668238a8726751d31d23c3f13d96d5e.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127752/CaseStudyBBB-1024x428_250bbb62f3dc516006f6dd134e58f23a.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127752/CaseStudyBBB-1024x428_ea71892d2f345f52d8491db4c0b21529.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127752/CaseStudyBBB-1024x428_4724f22584bb6d5cb0d4b826b75683be.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 lg:col-span-4"> <a href="https://hexagonagility.com/cases/europes-largest-order-of-biogas-fueled-buses-lets-nottingham-city-transport-remain-reliable-and-reduce-emissions" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> Europe’s largest order of biogas-fueled buses lets Nottingham City Transport remain reliable and reduce emissions </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRioAAABXRUJQVlA4IB4AAAAwAQCdASoCAAEAAUAmJZQAA3AA/uuN3+kulxaAAAA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127778/CaseStudyAlexanderDennis_NCT_2-1024x460_6fa4e43b94d5c0643e8102071181d964.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127778/CaseStudyAlexanderDennis_NCT_2-1024x460_a2aa907818858d5014835e21a34e3891.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127778/CaseStudyAlexanderDennis_NCT_2-1024x460_a00af93d83c9b45da599406f66badfab.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127778/CaseStudyAlexanderDennis_NCT_2-1024x460_d791a0d37cfcc5a996e3f864d8fb9dab.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127778/CaseStudyAlexanderDennis_NCT_2-1024x460_c2b3245106dd6cd7a3029dc8b8d2f0a5.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127778/CaseStudyAlexanderDennis_NCT_2-1024x460_6fa4e43b94d5c0643e8102071181d964.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127778/CaseStudyAlexanderDennis_NCT_2-1024x460_a00af93d83c9b45da599406f66badfab.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 lg:col-span-4"> <a href="https://hexagonagility.com/cases/how-actual-waste-manages-to-power-waste-managements-fleet-of-cost-effective-environmentally-friendly-cng-trucks" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> How actual waste power Waste Management's fleet of CNG trucks </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,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);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_7c5bbd1ca848522893671f2a3ce041f7.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_311e743c9962ed4745f632ffdd9df5fd.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_ae8e38c1afcf1c7915be34f64eef5a0e.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_3cf598b9570b4887ebb1c2b1fbc69a36.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_a352a195e3a11b46b86f5b8b8f2b29ff.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_7c5bbd1ca848522893671f2a3ce041f7.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_ae8e38c1afcf1c7915be34f64eef5a0e.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 lg:col-span-4"> <a href="https://hexagonagility.com/cases/how-tbilisi-is-improving-human-health-and-driving-its-transit-fleet-into-the-future" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> How Tbilisi is improving human health and driving its transit fleet into the future </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRioAAABXRUJQVlA4IB4AAABwAQCdASoCAAEAAUAmJZQCdAGIQAD+7tBrzg+K+AA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127767/CaseStudy_Tbilisi_2-1024x427_34914b1f3022af7a96d301935fd8dd17.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127767/CaseStudy_Tbilisi_2-1024x427_2fbc0c5af3bb73968668577c52a57382.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127767/CaseStudy_Tbilisi_2-1024x427_81f29383af4dfaaab2e85adb2fb221f7.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127767/CaseStudy_Tbilisi_2-1024x427_e13444d3e59a5c4da86e57babd67e3ac.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127767/CaseStudy_Tbilisi_2-1024x427_abe3eca5d4c9e135def7d8adb4fb3f01.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127767/CaseStudy_Tbilisi_2-1024x427_34914b1f3022af7a96d301935fd8dd17.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127767/CaseStudy_Tbilisi_2-1024x427_81f29383af4dfaaab2e85adb2fb221f7.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 lg:col-span-4"> <a href="https://hexagonagility.com/cases/dekalb-county-transitions-to-natural-gas-for-economic-advantage" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> Dekalb County transitions to natural gas for economic advantage </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4ICAAAABQAQCdASoCAAEAAUAmJQBOgCgAAP6uF69aW5t4raAAAA==);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127804/Dekalb5-1024x563_680a8ba45da3f4c562ef81ee7ece9f7a.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127804/Dekalb5-1024x563_55b25eb9b5f3bd41469b0df365f4ae86.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127804/Dekalb5-1024x563_9a8b4144290123aa07c6d7f083e23900.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127804/Dekalb5-1024x563_a7d0bb7f6b06163daf02baac26963063.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127804/Dekalb5-1024x563_1244b8d9d74f98c7d8d66136258dd72f.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127804/Dekalb5-1024x563_680a8ba45da3f4c562ef81ee7ece9f7a.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127804/Dekalb5-1024x563_9a8b4144290123aa07c6d7f083e23900.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 lg:col-span-4"> <a href="https://hexagonagility.com/cases/la-metros-fleet-of-cng-fueled-buses-is-largest-in-u-s" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> LA Metro’s fleet of CNG fueled buses is largest in U.S. </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRioAAABXRUJQVlA4IB4AAABQAQCdASoCAAEAAUAmJZwABAAAAP7bUfnY9rgAAAA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127824/LA_Bus_610x1440-1024x434_919654559eaebe03a407a45dae444cf9.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127824/LA_Bus_610x1440-1024x434_382405dbca7e3cc927045583dba82885.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127824/LA_Bus_610x1440-1024x434_19eb18131ab78ec223836848141acd28.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127824/LA_Bus_610x1440-1024x434_c673467e87dfadccb8f72f591878bfbf.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127824/LA_Bus_610x1440-1024x434_f7f1841a666fe358f4893d2f1bf2a443.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127824/LA_Bus_610x1440-1024x434_919654559eaebe03a407a45dae444cf9.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127824/LA_Bus_610x1440-1024x434_19eb18131ab78ec223836848141acd28.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 lg:col-span-4"> <a href="https://hexagonagility.com/cases/why-grand-rapids-commuters-and-politicians-are-breathing-easier-thanks-to-cng" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> Why Grand Rapids' commuters and politicians are breathing easier thanks to CNG </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRioAAABXRUJQVlA4IB4AAABwAQCdASoCAAEAAUAmJYwCdAGIQAA78HLM4V58AAA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:56.45% 42.06%;-o-object-position:0.5645% 0.4206%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127837/CaseStudyRapidTransit-1024x428_28b4f0dd95d9e2b0110fc7328d2803b8.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127837/CaseStudyRapidTransit-1024x428_8979a082d36d895f707d04a6fcb67d25.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127837/CaseStudyRapidTransit-1024x428_8993b20cd3a30bbf1953f7b466765db2.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127837/CaseStudyRapidTransit-1024x428_5a402813dd0bf8899defdc1a1e81027f.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127837/CaseStudyRapidTransit-1024x428_f8d04a2f87437646a6cd5b592724f9ef.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127837/CaseStudyRapidTransit-1024x428_28b4f0dd95d9e2b0110fc7328d2803b8.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127837/CaseStudyRapidTransit-1024x428_8993b20cd3a30bbf1953f7b466765db2.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 lg:col-span-4"> <a href="https://hexagonagility.com/cases/saddle-creek-hits-50-million-cng-powered-miles-and-keeps-on-truckin" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> Saddle Creek Hits 50 Million CNG-Powered Miles and Keeps On Truckin’ </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4IBoAAAAwAQCdASoCAAEAAUAmJZwAA3AA/u52feLgAA==);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127817/CaseStudySaddleCreekCNGTruck-1024x428_134f7f6869f3a36eab9a135600d9b9b3.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127817/CaseStudySaddleCreekCNGTruck-1024x428_2fbc0c5af3bb73968668577c52a57382.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127817/CaseStudySaddleCreekCNGTruck-1024x428_81f29383af4dfaaab2e85adb2fb221f7.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127817/CaseStudySaddleCreekCNGTruck-1024x428_13d6786cdc89f286ecd2a0a3c185de1a.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127817/CaseStudySaddleCreekCNGTruck-1024x428_1556f0a83ad3cc77c94b8f3345fa1929.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127817/CaseStudySaddleCreekCNGTruck-1024x428_134f7f6869f3a36eab9a135600d9b9b3.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127817/CaseStudySaddleCreekCNGTruck-1024x428_81f29383af4dfaaab2e85adb2fb221f7.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 lg:col-span-4"> <a href="https://hexagonagility.com/cases/how-waitrose-increased-hauling-range-and-capacity-with-lighter-trucks-and-lower-co2-emissions" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> How Waitrose increased hauling range and capacity with lighter trucks and lower CO2 emissions </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRioAAABXRUJQVlA4IB4AAABQAQCdASoCAAEAAUAmJYwABAAAAP7u09/vctFAIAA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/126041/Waitrose_4cf2fd84a9bb7659a059c5f6dd274e90.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/126041/Waitrose_b82bf9cb6b8ce6c45fff1b8e91e44277.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/126041/Waitrose_803dc0e6d563d130da00adbcf2f97280.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/126041/Waitrose_65c7c3f01c2cead423f2f4a9530229f6.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/126041/Waitrose_56500112710df67e4932030498b41a41.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/126041/Waitrose_4cf2fd84a9bb7659a059c5f6dd274e90.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/126041/Waitrose_803dc0e6d563d130da00adbcf2f97280.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> </div> </section> </div> </main> <footer class="w-full h-full text-white bg-teal"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto "> <div class="grid gap-5 grid-cols-12 md:gap-8 py-14 md:py-20"> <div class="col-span-12 md:col-span-6"> <a class=" text-ml font-semibold lg:text-lg lg:leading-tight block decoration-2 hover:underline" href="https://hexagonagility.com/" target=""> Hexagon Agility </a> <a class=" text-ml font-semibold lg:text-lg lg:leading-tight block decoration-2 hover:underline" href="https://hexagonagility.com/about/about-us" target=""> About us </a> <a class=" text-ml font-semibold lg:text-lg lg:leading-tight block decoration-2 hover:underline" href="https://hexagonagility.com/fleetcare-old" target="1"> FleetCare </a> <a class=" text-ml font-semibold lg:text-lg lg:leading-tight block decoration-2 hover:underline" href="https://hexagonagility.com/careers" target=""> Careers </a> <a class=" text-ml font-semibold lg:text-lg lg:leading-tight block decoration-2 hover:underline" href="https://hexagongroup.com/" target="1"> Hexagon Composites </a> </div> <div class=" text-sm md:text-base col-span-12 md:col-span-3"> <p class=" pb-2 md:pb-4 block uppercase"> Follow us </p> <div class="space-y-[0.4em]"> <p><a href="https://www.linkedin.com/company/agility-fuel-solutions/" target="_blank" rel="noreferrer noopener">LinkedIn</a></p> <p><a href="https://www.facebook.com/HexagonAgility" target="_blank" rel="noreferrer noopener">Facebook</a></p> <p><a href="https://twitter.com/AgilityFuel" target="_blank" rel="noreferrer noopener">Twitter</a></p> <p><a href="https://www.instagram.com/hexagonagility">Instagram</a></p> <p><a href="https://www.youtube.com/channel/UCH1-yzuKiwz9kyAEJmdrLxg" target="_blank" rel="noreferrer noopener">YouTube</a><br /></p> </div> </div> <div class=" text-sm md:text-base col-span-12 md:col-span-3"> <p class=" pb-2 md:pb-4 uppercase"> Get in touch </p> <div class="prose"> <p><strong>Hexagon Agility<br /></strong>3335 Susan Street, Suite 100<br />Costa Mesa, CA 92626 USA </p> <p>T: +1 949 236 5520<br /><a href="mailto:info@hexagonagility.com">info@hexagonagility.com</a></p> </div> </div> </div> </div> <div class="bg-white text-teal"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto py-2 md:py-4 text-sm md:text-base items-center justify-start md:flex md:space-x-4"> <p><a href="https://hexagonagility.com/privacy-policy">Privacy policy</a> ⬢ <a href="https://hexagonagility.com/terms-conditions-and-supplier-info">Terms, conditions and supplier info</a> ⬢ <a href="https://hexagonagility.com/patent-information">Patent information</a> ⬢ <a href="https://hexagonagility.com/website-terms-and-conditions">Website terms and conditions</a> <br /><a href="https://hexagonagility.com/california-transparency-in-supply-chains-act-disclosure">California transparency in supply chains act disclosure</a> ⬢ <a href="https://eur02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fhealth1.aetna.com%2Fapp%2Fpublic%2F%23%2Fone%2FinsurerCode%3DAETNACVS_I%26brandCode%3DALICSI%2Fmachine-readable-transparency-in-coverage%3FsearchTerm%3D100707372%26lock%3Dtrue&data=05%7C01%7CJason.Isley%40hexagonagility.com%7C42b63984f049495346a608da4eca6993%7C3d2b5d62cb8c4078bfac5ec72f62f0f1%7C0%7C0%7C637908928530394925%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=%2BYxGppe6bmtYYhYXrysZNJvjzZij7Ih%2FAfLoJ7UmJnw%3D&reserved=0" target="_blank" rel="noreferrer noopener">Transparency in coverage</a> ⬢ <a href="https://hexagonagility.com/privacy-policy-hexagon-agility-gmbh">Privacy policy GmbH</a></p> <p><br /></p> </div> </div> </footer> <script src="/build/js/main.js?id=baeab342d69562ea70581ba613bf3497"></script> <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebSite","author":{"@id":"#identity"},"copyrightHolder":{"@id":"#identity"},"copyrightYear":"2023","creator":{"@id":"#creator"},"dateCreated":"2023-01-08T22:54:12+01:00","dateModified":"2024-06-06T00:59:54+02:00","datePublished":"2023-01-08T22:54:00+01:00","description":"Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy transportation.","headline":"Customer success stories","image":{"@type":"ImageObject","url":"https://s3.eu-central-1.amazonaws.com/hexagonassets/_1200x630_crop_center-center_82_none/Hero_home_GettyImages-1212404028.jpg?mtime=1673461061"},"inLanguage":"en","mainEntityOfPage":"https://hexagonagility.com/resources/customer-success-stories","name":"Customer success stories","publisher":{"@id":"#creator"},"url":"https://hexagonagility.com/resources/customer-success-stories"},{"@id":"#identity","@type":"LocalBusiness","priceRange":"$"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://hexagonagility.com","name":"Front Page","position":1},{"@type":"ListItem","item":"https://hexagonagility.com/resources","name":"Resources","position":2},{"@type":"ListItem","item":"https://hexagonagility.com/resources/customer-success-stories","name":"Customer success stories","position":3}],"name":"Breadcrumbs"}]}</script></body> </html>

CINXE.COM

Hexagon Agility | Customer success stories