Hexagon Agility | Front Page

<!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 | Front Page</title><meta name="generator" content="SEOmatic"> <meta name="description" content="Transportation is responsible for almost 20% of global annual CO2 emissions. Change is urgent."> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="en_EN" property="og:locale"> <meta content="ru_RU" property="og:locale:alternate"> <meta content="Hexagon Agility" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://hexagonagility.com" property="og:url"> <meta content="Front Page" property="og:title"> <meta content="Transportation is responsible for almost 20% of global annual CO2 emissions. Change is urgent." 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="Transportation is responsible for almost 20% of global annual CO2 emissions. Change is urgent." 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="Front Page"> <meta name="twitter:description" content="Transportation is responsible for almost 20% of global annual CO2 emissions. Change is urgent."> <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="Transportation is responsible for almost 20% of global annual CO2 emissions. Change is urgent."> <link href="https://hexagonagility.com" rel="canonical"> <link href="https://hexagonagility.com" rel="home"> <link type="text/plain" href="https://hexagonagility.com/humans.txt" rel="author"> <link href="https://hexagonagility.com" rel="alternate" hreflang="en"> <link href="https://hexagongroup.com" rel="alternate" hreflang="en"> <link href="https://hexagoncomposites.ru" rel="alternate" hreflang="ru-ru"> <link href="https://hexagondigitalwave.com" rel="alternate" hreflang="en"> <link href="https://hexagonragasco.com" rel="alternate" hreflang="x-default"> <link href="https://hexagonragasco.com" rel="alternate" hreflang="en"></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 md:absolute md:top-0 md:left-0 md:w-full group"> <div class="md:text-white md:group-hover:text-teal md:border-silver md:group-hover:bg-white 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="hidden w-auto h-12 header-logo logo md:block group-hover:hidden lg:h-16" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/HexagonAgilityInverted_2024-03-21-101413_bbac.svg" alt="Hexagon Logo"> <img class="w-auto h-12 header-logo logo md:hidden md:group-hover:block 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=""> <div class="grid items-start w-full"> <section id="headerHeroSlider"> <div class="progress-carousel__outer"> <div class="min-h-[600px] max-h-[1000px] h-[60vh] lg:h-[85vh] relative"> <div class="min-h-[600px] max-h-[1000px] h-[60vh] lg:h-[85vh] overflow-hidden progress-carousel"> <div class="w-full h-full progress-carousel__item carousel-cell" data-id="0"> <article class="flex items-center justify-start w-full h-full text-white bg-black"> <div class="grid gap-5 grid-cols-12 md:gap-8 px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto py-14 md:py-20 z-50 w-full"> <h1 class=" font-semibold text-[2.25rem] leading-[1.2em] md:text-xl lg:text-2xl carousel-fade-in-up col-span-full md:col-span-10 drop-shadow-md text-white"> Make the switch™: A guide to succeeding with RNG for heavy-duty fleets </h1> <p class=" text-base md:text-tiny lg:text-md carousel-fade-in drop-shadow-md col-span-full md:col-span-8 lg:col-span-6"> Leading heavy-duty ﬂeets have made the switch to RNG. Follow their guide to success. </p> <div class="z-50 flex flex-col space-y-2 carousel-fade-in col-span-full"> <div> <a class=" text-sm md:text-base bg-teal diagonal-btn-dark border-white text-white border px-4 py-2 inline-block w-auto uppercase" target="" href="https://hexagonagility.com/rng-for-heavy-duty-fleets-ebook"> Download guide <span class=" ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> <div class="absolute top-0 left-0 z-10 w-full h-full opacity-70"> <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,UklGRiwAAABXRUJQVlA4ICAAAABwAQCdASoCAAEAAUAmJZQCdAF1AAD+9L5UyKvV5XAAAA==);"> <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/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_d0777670a8d99e6025ffe996df14efcc.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_346c3863780de0a2d42dc5352dbf099a.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_5f491ba204137cb7a876797e89582dc6.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_360b29c2cfe16dc83e79fb861cb3715a.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_d8cacd887c56e3061206c7778f19567c.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_d0777670a8d99e6025ffe996df14efcc.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/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_5f491ba204137cb7a876797e89582dc6.webp" alt=""/> </noscript> </div> </figure> </div> </div> </article> </div> <div class="w-full h-full progress-carousel__item carousel-cell" data-id="1"> <article class="flex items-center justify-start w-full h-full text-white bg-black"> <div class="grid gap-5 grid-cols-12 md:gap-8 px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto py-14 md:py-20 z-50 w-full"> <h1 class=" font-semibold text-[2.25rem] leading-[1.2em] md:text-xl lg:text-2xl carousel-fade-in-up col-span-full md:col-span-10 drop-shadow-md text-white"> Global leader in clean fuel systems for commercial vehicles </h1> <p class=" text-base md:text-tiny lg:text-md carousel-fade-in drop-shadow-md col-span-full md:col-span-8 lg:col-span-6"> We have spearheaded the use of natural gas in commercial vehicles for the past decades - offering a complete range of solutions for fleets and OEM's. </p> <div class="z-50 flex flex-col space-y-2 carousel-fade-in col-span-full"> <div> <a class=" text-sm md:text-base bg-teal diagonal-btn-dark border-white text-white border px-4 py-2 inline-block w-auto uppercase" target="" href="https://hexagonagility.com/solutions"> Our solutions <span class=" ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> <div class="absolute top-0 left-0 z-10 w-full h-full opacity-70"> <video class="object-cover w-full h-full" playsinline autoplay muted loop id="bgvid"> <source src="https://s3.eu-central-1.amazonaws.com/hexagonassets/global-leader-fuel-systems-hexagon-aglity.mp4" type="video/mp4" /> </video> </div> </article> </div> </div> <div class="absolute left-0 w-full bottom-14 lg:bottom-20"> <div class="progress-carousel__bars"> <ul class=" z-50 grid gap-5 grid-cols-12 md:gap-8 px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto "> <li class="col-span-6 md:col-span-3 lg:col-span-2 l:col-span-1 space-y-2 md:space-y-4"> <div class="w-full h-1 rounded-full bg-white/30 backdrop-blur-xl carousel-progress"> <div class="h-1 bg-white rounded-full progress" data-id="0"></div> </div> </li> <li class="col-span-6 md:col-span-3 lg:col-span-2 l:col-span-1 space-y-2 md:space-y-4"> <div class="w-full h-1 rounded-full bg-white/30 backdrop-blur-xl carousel-progress"> <div class="h-1 bg-white rounded-full progress" data-id="1"></div> </div> </li> </ul> </div> </div> </div> </div> </section> <div class="blocks bodyContent"> <section class="block block--text mt-14 md:mt-20"> <div class=" "> <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 "> <h3 class=" text-lg font-semibold md:text-[2rem] md:leading-[1.2em] lg:text-xl text-teal col-span-12 text-center md:col-start-2 md:col-span-10 l:col-start-3 l:col-span-8"> Enabling carbon negative future </h3> <div class="text-teal col-span-12 text-center md:col-start-2 md:col-span-10 l:col-start-3 l:col-span-8"> <div class="prose max-w-none font-normal md:text-md text-tiny mb-[1em] last:mb-0 prose-h1:font-semibold prose-h1:text-inherit prose-h1:text-lg md:prose-h1:text-xl prose-h1:mb-[1em] prose-h2:font-semibold prose-h2:text-inherit prose-h2:text-ml md:prose-h2:text-lg prose-h2:mb-[1em] prose-h3:font-semibold prose-h4:text-inherit prose-h3:text-tiny md:prose-h3:text-md prose-h3:mb-[1em] prose-h4:font-semibold prose-h3:text-inherit prose-h4:text-sm md:prose-h4:text-base prose-h4:mb-[1em] prose-h5:font-semibold prose-h5:text-inherit prose-h5:text-sm md:prose-h5:text-base prose-h5:mb-[1em] prose-h6:font-semibold prose-h6:text-inherit prose-h6:text-sm md:prose-h6:text-base prose-h6:mb-[1em] "> <p><span class="larger-font"><span class="color-teal">We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy distribution. <br /><br />With <strong>over 30 years of industry experience</strong>, our team of <br /><strong>900+ alternative fuel experts</strong> offer best-in-class product <br />development, manufacturing, service, and support to <br /><strong>OEMs</strong>, <strong>dealers</strong>, <strong>and fleet operators</strong>.</span></span></p> </div> </div> </div> </div> </section> <section class="block block--latestNews mt-14 md:mt-20"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto mt-14 md:mt-20 grid gap-5 grid-cols-12 md:gap-8"> <div class="col-span-full"> <div class="flex justify-between text-teal"> <h2 class=" text-ml font-semibold lg:text-lg lg:leading-tight"> Latest news </h2> </div> </div> <div class="grid gap-5 grid-cols-12 md:gap-8 col-span-full"> <a href="https://hexagonagility.com/news/hexagon-expands-its-hexagon-agility-fleetcare-business-acquires-specialty-fleet-services" class="flex flex-col col-span-12 transition-all duration-150 ease-in-out group md:col-span-6 l:col-span-4"> <article class=" space-y-2 md:space-y-4 grow h-full flex flex-col"> <div class="overflow-hidden aspect-3/2"> <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,UklGRnQCAABXRUJQVlA4WAoAAAAgAAAAAQAAAgAASUNDUDACAAAAAAIwQURCRQIQAABtbnRyUkdCIFhZWiAHzwAGAAMAAAAAAABhY3NwQVBQTAAAAABub25lAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUFEQkUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApjcHJ0AAAA/AAAADJkZXNjAAABMAAAAGt3dHB0AAABnAAAABRia3B0AAABsAAAABRyVFJDAAABxAAAAA5nVFJDAAAB1AAAAA5iVFJDAAAB5AAAAA5yWFlaAAAB9AAAABRnWFlaAAACCAAAABRiWFlaAAACHAAAABR0ZXh0AAAAAENvcHlyaWdodCAxOTk5IEFkb2JlIFN5c3RlbXMgSW5jb3Jwb3JhdGVkAAAAZGVzYwAAAAAAAAARQWRvYmUgUkdCICgxOTk4KQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAGN1cnYAAAAAAAAAAQIzAABjdXJ2AAAAAAAAAAECMwAAY3VydgAAAAAAAAABAjMAAFhZWiAAAAAAAACcGAAAT6UAAAT8WFlaIAAAAAAAADSNAACgLAAAD5VYWVogAAAAAAAAJjEAABAvAAC+nFZQOCAeAAAAUAEAnQEqAgADAAFAJiWcAAQAAAD+9BhXbJ3iAAAA);"> <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/229046/Hexagon-Agility-Fleet-Services-JON22_2024-08-20-092408_gggd_ca0be2463ff9ebae971e48106e23ea8a.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/229046/Hexagon-Agility-Fleet-Services-JON22_2024-08-20-092408_gggd_8bbd81e97b56a0c6c9d54600558a4a67.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/229046/Hexagon-Agility-Fleet-Services-JON22_2024-08-20-092408_gggd_d7b6efc4fcf15aa951184ebf92727c20.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/229046/Hexagon-Agility-Fleet-Services-JON22_2024-08-20-092408_gggd_af544522f1d185614dbfe78ec15de747.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/229046/Hexagon-Agility-Fleet-Services-JON22_2024-08-20-092408_gggd_0ea4fa49d7104408c8cff1bbac6afe2d.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/229046/Hexagon-Agility-Fleet-Services-JON22_2024-08-20-092408_gggd_ca0be2463ff9ebae971e48106e23ea8a.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/229046/Hexagon-Agility-Fleet-Services-JON22_2024-08-20-092408_gggd_d7b6efc4fcf15aa951184ebf92727c20.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> <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"> <div class="flex items-center space-x-2 text-darkGray"> <p class=" text-xs lg:text-sm tracking-wide "> Press Release </p> <span class="">•</span> <p class=" text-xs lg:text-sm tracking-wide"> Nov 11, 2024 </p> </div> <h3 class=" text-base md:text-tiny lg:text-md font-semibold line-clamp-3 decoration-1.5 group-hover:underline"> Hexagon expands its Hexagon Agility FleetCare business - acquires Specialty Fleet Services </h3> </div> </div> </article> </a> <a href="https://hexagonagility.com/news/hexagon-agility-receives-new-wave-of-rng-fuel-system-orders-for-class-8-series-trucks-with-cummins-x15n-natural-gas-engine" class="flex flex-col col-span-12 transition-all duration-150 ease-in-out group md:col-span-6 l:col-span-4"> <article class=" space-y-2 md:space-y-4 grow h-full flex flex-col"> <div class="overflow-hidden aspect-3/2"> <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/hexagongroupassets/225851/IMG_2989_2062295675477d42438a5125daa7f6d1.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/225851/IMG_2989_346c3863780de0a2d42dc5352dbf099a.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/225851/IMG_2989_5f491ba204137cb7a876797e89582dc6.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/225851/IMG_2989_360b29c2cfe16dc83e79fb861cb3715a.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/225851/IMG_2989_d8cacd887c56e3061206c7778f19567c.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/225851/IMG_2989_2062295675477d42438a5125daa7f6d1.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/hexagongroupassets/225851/IMG_2989_5f491ba204137cb7a876797e89582dc6.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> <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"> <div class="flex items-center space-x-2 text-darkGray"> <p class=" text-xs lg:text-sm tracking-wide"> Oct 30, 2024 </p> </div> <h3 class=" text-base md:text-tiny lg:text-md font-semibold line-clamp-3 decoration-1.5 group-hover:underline"> Hexagon Agility receives new wave of RNG fuel system orders for Class 8 Series trucks with Cummins X15N natural gas engine </h3> </div> </div> </article> </a> <a href="https://hexagonagility.com/news/hexagon-agility-receives-significant-order-for-rng-fuel-systems-from-major-refuse-fleet-in-north-america" class="flex flex-col col-span-12 transition-all duration-150 ease-in-out group md:col-span-6 l:col-span-4"> <article class=" space-y-2 md:space-y-4 grow h-full flex flex-col"> <div class="overflow-hidden aspect-3/2"> <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,UklGRjAAAABXRUJQVlA4ICQAAABQAQCdASoCAAEAAUAmJQBOgC6gAP7nMO9y0UiuvWlubcQAAAA=);"> <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/112604/RefuseHero_6b6f2481bd0e7e2fb2bf1f23c7703270.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/112604/RefuseHero_2fbc0c5af3bb73968668577c52a57382.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/112604/RefuseHero_3e0b605af45275fe5e60884c0ae875a1.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/112604/RefuseHero_e13444d3e59a5c4da86e57babd67e3ac.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/112604/RefuseHero_abe3eca5d4c9e135def7d8adb4fb3f01.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/112604/RefuseHero_6b6f2481bd0e7e2fb2bf1f23c7703270.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/112604/RefuseHero_3e0b605af45275fe5e60884c0ae875a1.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> <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"> <div class="flex items-center space-x-2 text-darkGray"> <p class=" text-xs lg:text-sm tracking-wide"> Aug 13, 2024 </p> </div> <h3 class=" text-base md:text-tiny lg:text-md font-semibold line-clamp-3 decoration-1.5 group-hover:underline"> Hexagon Agility receives significant order for RNG fuel systems from major refuse fleet in North America </h3> </div> </div> </article> </a> </div> </div> </section> <section class="block block--cta mt-14 md:mt-20"> <article class=" mt-14 md:mt-20 overflow-hidden"> <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 bg-turquoiseLight text-teal p-5 md:p-8 items-center"> <div class="lg:order-first lg:col-start-1 col-span-12 lg:col-span-6"> <div class="aspect-3/2 relative w-full overflow-hidden"> <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,UklGRigAAABXRUJQVlA4IBwAAABwAQCdASoCAAEAAUAmJZwCdAFAAAD+8Uzd0qgA);"> <img class="absolute z-0 top-0 left-0 lazyload bg-turquoiseLight text-teal 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/hexagongroupassets/228717/front-page_ebook_d8128ba1890fb050c573314f789fecc0.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/228717/front-page_ebook_c12d983f131a9ee6888e35e3f1f39da3.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/228717/front-page_ebook_16ccc77ff6b2321a85e1a6bce9822e67.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/228717/front-page_ebook_b2b17be90fd9704ae643817485dae71f.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/228717/front-page_ebook_909749dbafee170a39d252be6ea2fcc7.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/228717/front-page_ebook_d8128ba1890fb050c573314f789fecc0.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/hexagongroupassets/228717/front-page_ebook_16ccc77ff6b2321a85e1a6bce9822e67.webp" alt=""/> </noscript> </div> </figure> </div> <div class="bg-turquoiseLight text-teal -bottom-12 -right-12 w-24 h-24 absolute rotate-45"></div> </div> </div> <div class=" space-y-5 md:space-y-8 lg:col-span-6 h-full flex flex-col justify-center col-span-12 "> <h2 class="text-lg font-semibold lg:text-1xl"> Your guide to succeeding with RNG for heavy-duty fleets </h2> <div class=" text-base md:text-tiny lg:text-md"> <div class="prose max-w-none font-normal md:text-md text-tiny mb-[1em] last:mb-0 prose-h1:font-semibold prose-h1:text-inherit prose-h1:text-lg md:prose-h1:text-xl prose-h1:mb-[1em] prose-h2:font-semibold prose-h2:text-inherit prose-h2:text-ml md:prose-h2:text-lg prose-h2:mb-[1em] prose-h3:font-semibold prose-h4:text-inherit prose-h3:text-tiny md:prose-h3:text-md prose-h3:mb-[1em] prose-h4:font-semibold prose-h3:text-inherit prose-h4:text-sm md:prose-h4:text-base prose-h4:mb-[1em] prose-h5:font-semibold prose-h5:text-inherit prose-h5:text-sm md:prose-h5:text-base prose-h5:mb-[1em] prose-h6:font-semibold prose-h6:text-inherit prose-h6:text-sm md:prose-h6:text-base prose-h6:mb-[1em] "> <p>This eBook is designed to help heavy-duty ﬂeets make an informed analysis of natural gas trucks and RNG fuel, as well as provide a framework for developing their own business case.</p> </div> </div> <div> <a class=" text-sm md:text-base bg-white diagonal-btn-light border-teal text-teal border px-4 py-2 inline-block w-auto uppercase" target="" href="https://hexagonagility.com/rng-for-heavy-duty-fleets-ebook"> Read more <span class="text-aquagreen ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </div> </article> </section> <section class="block block--text mt-14 md:mt-20"> <div class=" "> <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 "> <h3 class=" text-lg font-semibold md:text-[2rem] md:leading-[1.2em] lg:text-xl text-teal col-span-12 text-center md:col-start-2 md:col-span-10 l:col-start-3 l:col-span-8"> The industry's broadest offerings of natural (renewable) gas solutions </h3> </div> </div> </section> <section class="block block--cards 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/solutions/truck" 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 "> Truck </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> <p>Our key competence is integrating fuel systems into heavy- and medium-duty commercial vehicles.</p> </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,UklGRiwAAABXRUJQVlA4ICAAAABQAQCdASoCAAEAAUAmJQBOgCgAAP7qZf4d3N16h/IAAA==);"> <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/249812/AdobeStock_710594513_9c2ffbf6d6e27cd0b1f5ad5bca994549.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_313d8afcfcc7ac8137868b67cea70a0b.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_1b7fd3c84fdace47b5eca5fde5d962ec.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_4dd90577eea1150e234b6f0ff0cf31f8.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_004872bcecfc61b9aa1991ee7443cc82.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_9c2ffbf6d6e27cd0b1f5ad5bca994549.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/249812/AdobeStock_710594513_1b7fd3c84fdace47b5eca5fde5d962ec.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/solutions/refuse" 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 "> Refuse </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> <p>Engineered and purpose built for unique and demanding operating environments</p> </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,UklGRjAAAABXRUJQVlA4ICQAAABQAQCdASoCAAEAAUAmJQBOgC6gAP7nMO9y0UiuvWlubcQAAAA=);"> <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/112604/RefuseHero_6b6f2481bd0e7e2fb2bf1f23c7703270.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/112604/RefuseHero_2fbc0c5af3bb73968668577c52a57382.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/112604/RefuseHero_3e0b605af45275fe5e60884c0ae875a1.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/112604/RefuseHero_e13444d3e59a5c4da86e57babd67e3ac.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/112604/RefuseHero_abe3eca5d4c9e135def7d8adb4fb3f01.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/112604/RefuseHero_6b6f2481bd0e7e2fb2bf1f23c7703270.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/112604/RefuseHero_3e0b605af45275fe5e60884c0ae875a1.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/solutions/bus-and-coach" 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 "> Transit </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> <p>We are the leading supplier of natural gas fuel storage and delivery systems to transit and coach bus OEMs worldwide.</p> </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,UklGRigAAABXRUJQVlA4IBwAAABQAQCdASoCAAEAAUAmJZwABDOAAP4TH0HxXwAA);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:43.86% 72.87%;-o-object-position:0.4386% 0.7287%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/130769/GILLIG_BRTPLUS_GGB_metro_79b5991dea2da585b8338d322853236b.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/130769/GILLIG_BRTPLUS_GGB_metro_b34205d40cfbe39e7c415a8a6e9284ab.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/130769/GILLIG_BRTPLUS_GGB_metro_f0815280ab4bd58d5521a891d0c03af1.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/130769/GILLIG_BRTPLUS_GGB_metro_46e8c656df09c45df57f2a58ecc3955f.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/130769/GILLIG_BRTPLUS_GGB_metro_a840994cf4eeb0649354846c6c37e683.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/130769/GILLIG_BRTPLUS_GGB_metro_79b5991dea2da585b8338d322853236b.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/130769/GILLIG_BRTPLUS_GGB_metro_f0815280ab4bd58d5521a891d0c03af1.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> </div> </section> <section class="block block--fullWidthCta mt-14 md:mt-20"> <div class="h-[75vh] relative overflow-hidden bg-black flex items-center"> <article class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto grid gap-5 grid-cols-12 md:gap-8 z-50 relative"> <div class="col-span-12 lg:col-span-8 xxl:col-span-6 space-y-5 md:space-y-8"> <h2 class=" font-semibold text-[2.25rem] leading-[1.2em] md:text-xl lg:text-2xl font-semibold drop-shadow-md text-white"> Learn how industry leaders made the switch to natural gas </h2> <div class=" text-base md:text-tiny lg:text-md text-white drop-shadow-md col-span-12 lg:col-span-6"> Our fuel systems are the backbone in over 80% of natural gas trucks in the US. </div> <div class="drop-shadow-md"> <div> <a class=" text-sm md:text-base bg-teal diagonal-btn-dark border-white text-white border px-4 py-2 inline-block w-auto uppercase" target="" href="https://hexagonagility.com/resources/customer-success-stories"> Customer success stories <span class=" ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </article> <div class="absolute top-0 left-0 w-full h-full opacity-60"> <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,UklGRi4AAABXRUJQVlA4ICIAAABQAQCdASoCAAIAAUAmJYgABAAAAP72lVf/dD31eVOZAAAA);"> <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/hexagongroupassets/228688/AdobeStock_649656295_51effbbfcab2cf14f3779436e0e2afdf.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/228688/AdobeStock_649656295_f9fd37db0d0f4ed7d68a30936f19a76f.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/228688/AdobeStock_649656295_ca8dfc784dff3c3866afa38b53ad0231.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/228688/AdobeStock_649656295_e5b10f035a0de8e197eeaa2f09df17e1.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/228688/AdobeStock_649656295_050b3ce69489da99a7bca51b0a23745d.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/hexagongroupassets/228688/AdobeStock_649656295_51effbbfcab2cf14f3779436e0e2afdf.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/hexagongroupassets/228688/AdobeStock_649656295_ca8dfc784dff3c3866afa38b53ad0231.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </section> <section class="block block--cta mt-14 md:mt-20"> <article class=" mt-14 md:mt-20 overflow-hidden"> <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 bg-turquoiseLight text-teal p-5 md:p-8 items-center"> <div class=" col-span-12 lg:col-span-6"> <div class="aspect-3/2 relative w-full overflow-hidden"> <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-turquoiseLight text-teal 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/198321/FC_Parts1b_9138c97bdbf3b7ed14bc99e39f17adcd.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/198321/FC_Parts1b_691540d643c297e306cd37bcf02b2e7f.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/198321/FC_Parts1b_add866d4f27c0e11b7478d5ca6497072.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/198321/FC_Parts1b_972a011f20a691923cc427b6092e7eb7.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/198321/FC_Parts1b_2bbb6d4e9f03aaf58b95ffdb4a3343c1.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/198321/FC_Parts1b_9138c97bdbf3b7ed14bc99e39f17adcd.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/198321/FC_Parts1b_add866d4f27c0e11b7478d5ca6497072.webp" alt=""/> </noscript> </div> </figure> </div> <div class="bg-turquoiseLight text-teal -bottom-12 -right-12 w-24 h-24 absolute rotate-45"></div> </div> </div> <div class=" space-y-5 md:space-y-8 lg:order-first lg:col-start-1 lg:col-span-6 h-full flex flex-col justify-center col-span-12 "> <h2 class="text-lg font-semibold lg:text-1xl"> Hexagon Agility FleetCare </h2> <div class=" text-base md:text-tiny lg:text-md"> <div class="prose max-w-none font-normal md:text-md text-tiny mb-[1em] last:mb-0 prose-h1:font-semibold prose-h1:text-inherit prose-h1:text-lg md:prose-h1:text-xl prose-h1:mb-[1em] prose-h2:font-semibold prose-h2:text-inherit prose-h2:text-ml md:prose-h2:text-lg prose-h2:mb-[1em] prose-h3:font-semibold prose-h4:text-inherit prose-h3:text-tiny md:prose-h3:text-md prose-h3:mb-[1em] prose-h4:font-semibold prose-h3:text-inherit prose-h4:text-sm md:prose-h4:text-base prose-h4:mb-[1em] prose-h5:font-semibold prose-h5:text-inherit prose-h5:text-sm md:prose-h5:text-base prose-h5:mb-[1em] prose-h6:font-semibold prose-h6:text-inherit prose-h6:text-sm md:prose-h6:text-base prose-h6:mb-[1em] "> <p>The only aftermarket service provider solely dedicated to clean fuel fleets.</p> </div> </div> <div> <a class=" text-sm md:text-base bg-white diagonal-btn-light border-teal text-teal border px-4 py-2 inline-block w-auto uppercase" target="" href="https://hexagonagility.com/fleetcare-old"> Read more <span class="text-aquagreen ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </div> </article> </section> <section class="block block--fullWidthCta mt-14 md:mt-20"> <div class="h-[75vh] relative overflow-hidden bg-black flex items-center"> <article class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto grid gap-5 grid-cols-12 md:gap-8 z-50 relative"> <div class="col-span-12 lg:col-span-8 xxl:col-span-6 space-y-5 md:space-y-8"> <h2 class=" font-semibold text-[2.25rem] leading-[1.2em] md:text-xl lg:text-2xl font-semibold drop-shadow-md text-white"> Contact us today </h2> <div class=" text-base md:text-tiny lg:text-md text-white drop-shadow-md col-span-12 lg:col-span-6"> Our team of experts are located around the world and are ready to assist you </div> <div class="drop-shadow-md"> <div> <a class=" text-sm md:text-base bg-teal diagonal-btn-dark border-white text-white border px-4 py-2 inline-block w-auto uppercase" target="" href="https://hexagonagility.com/contact-2"> Contact us <span class=" ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </article> <div class="absolute top-0 left-0 w-full h-full opacity-60"> <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/196591/FC_homepage_HD_331bb5461e31a7e01847dcf8f9d5e394.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/196591/FC_homepage_HD_a7333b21b21d6659905089f80d07265b.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/196591/FC_homepage_HD_f5336667ba038f84c6f49a8d94427d5b.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/196591/FC_homepage_HD_6eafac5564c4fd94b03ba295fc349082.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/196591/FC_homepage_HD_d743371b414931a600e0dcfee2a9858a.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/196591/FC_homepage_HD_331bb5461e31a7e01847dcf8f9d5e394.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/196591/FC_homepage_HD_f5336667ba038f84c6f49a8d94427d5b.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </section> </div> </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":"2021","creator":{"@id":"#creator"},"dateCreated":"2021-09-21T12:24:07+02:00","dateModified":"2024-11-14T14:06:32+01:00","datePublished":"2021-09-06T11:09:00+02:00","description":"Transportation is responsible for almost 20% of global annual CO2 emissions. Change is urgent.","headline":"Front Page","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","name":"Front Page","publisher":{"@id":"#creator"},"url":"https://hexagonagility.com"},{"@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}],"name":"Breadcrumbs"}]}</script></body> </html>

CINXE.COM

Hexagon Agility | Front Page