Hexagon Agility

<!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 | Transit</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/solutions/bus-and-coach" property="og:url"> <meta content="Transit" 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/GILLIG_BRTPLUS_GGB_metro.jpg?mtime=1673487551" 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="Transit"> <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/GILLIG_BRTPLUS_GGB_metro.jpg?mtime=1673487551"> <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/solutions/bus-and-coach" 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="headerHero"> <div class="bg-black h-[75vh] relative overflow-hidden"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto z-10 h-full relative"> <div class="relative h-full"> <div class="absolute left-0 text-white top-5 lg:top-8 h-min"> </div> <div class="flex items-center justify-center h-full"> <div class="w-full lg:w-2/3"> <h1 class=" font-semibold text-[2.25rem] leading-[1.2em] md:text-xl lg:text-2xl text-center drop-shadow-md text-white"> Transit </h1> </div> </div> </div> </div> <div class="absolute top-0 left-0 w-full h-full opacity-80"> <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> </section> <div class="blocks bodyContent"> <section class="block block--textFigures 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"> <div class="grid gap-5 grid-cols-12 md:gap-8 "> <div class="order-last col-span-12 md:col-span-9 lg:col-span-8 l:col-span-6 lg:order-first l:col-start-1"> <h2 class=" text-ml font-semibold lg:text-lg lg:leading-tight text-teal mb-5 md:mb-8"> <p><strong><span class="color-teal">We are the leading supplier of natural gas fuel storage and delivery systems to transit and coach bus OEMs worldwide. Our products are ideal for fleets looking to move towards sustainable mobility while offering greater reliability, increased capacity and cleaner air for everyone.</span></strong></p> </h2> <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><strong><span class="color-teal">Cost-effective fuel systems</span></strong><br />Our modular fuel systems are engineered to be cost effective and minimize installation time. A typical installation package consists of a fuel system module, a fuel management module, and an installation kit. Our systems are installed on roof of body or custom integration, with fuel capacity options of 126-200 DGE. <strong><span class="color-teal"><br /><br />Global reach</span></strong><br />Our global team of over 400 clean transportation specialists has detailed knowledge of codes and standards, and we have products certified in many markets around the world.</p> </div> </div> <div class="grid gap-5 grid-cols-12 md:gap-8 order-first col-span-12 lg:col-span-3 lg:col-start-10 l:col-start-9 lg:mb-0 lg:inline lg:order-last"> <div class="lg:pb-8 space-y-2 md:space-y-2 col-span-6 pl-5 border-l-2 lg:col-span-12 border-aquagreen md:pl-8"> <p class=" text-ml font-semibold lg:text-lg lg:leading-tight text-aquagreen"> 80% </p> <p class=" text-sm md:text-base"> of all clean fuel buses in North America have our solutions </p> </div> <div class="lg:pb-8 space-y-2 md:space-y-2 col-span-6 pl-5 border-l-2 lg:col-span-12 border-aquagreen md:pl-8"> <p class=" text-ml font-semibold lg:text-lg lg:leading-tight text-aquagreen"> 50% </p> <p class=" text-sm md:text-base"> of all clean fuel buses in Europe have our solutions </p> </div> <div class=" space-y-2 md:space-y-2 col-span-6 pl-5 border-l-2 lg:col-span-12 border-aquagreen md:pl-8"> <p class=" text-ml font-semibold lg:text-lg lg:leading-tight text-aquagreen"> 20 </p> <p class=" text-sm md:text-base"> years of experience </p> </div> </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-teal text-white 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,UklGRi4AAABXRUJQVlA4ICIAAABwAQCdASoCAAEAAUAmJZQCdAFAAAD+9uYBV6vMqsMJgdgA);"> <img class="absolute z-0 top-0 left-0 lazyload bg-teal text-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/138304/HexagonLincolnCNGauto_Cylinders_8567fc71e52a161da617bff698ffe780.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138304/HexagonLincolnCNGauto_Cylinders_7d8b255cafc6c89fafe423a413d3e20e.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138304/HexagonLincolnCNGauto_Cylinders_c74b93195ef8944844feb9817d916b97.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138304/HexagonLincolnCNGauto_Cylinders_cda3dd686dc6322b4541161191dfab39.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138304/HexagonLincolnCNGauto_Cylinders_2a328bfc481f6205cc170cc01b0596ee.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138304/HexagonLincolnCNGauto_Cylinders_8567fc71e52a161da617bff698ffe780.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/138304/HexagonLincolnCNGauto_Cylinders_c74b93195ef8944844feb9817d916b97.webp" alt=""/> </noscript> </div> </figure> </div> <div class="bg-teal text-white -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"> Our advanced fuel storage cylinders </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>Our all-composite Type 4 cylinders are simply the best combination of safety, efficiency, and durability available in the market, and ideal for bus & coach applications. </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/solutions/advanced-fuel-storage-cylinders"> Read more <span class="text-aquagreen ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </div> </article> </section> <section class="block block--textIcons mt-14 md:mt-20"> <div class="mt-14 md:mt-20 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 items-center "> <div class=" space-y-5 md:space-y-8 col-span-full md:col-span-7"> <h2 class=" text-sm md:text-base text-teal"> Selected key customers </h2> <div class=" text-ml font-semibold lg:text-lg lg:leading-tight text-teal"> <p>Driving the transition to sustainable mobility</p> </div> </div> <div class="flex flex-wrap h-full pl-0 md:pl-8 col-span-full md:col-span-5 l:col-start-9 md:border-l border-aquagreen"> <div class=" p-5 md:p-8flex items-center w-1/3 md:w-1/2"> <div class=""> <figure data-image class="block "> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover " style="padding-bottom:55.172413793103%; background-image:url(data:image/webp;base64,UklGRkIAAABXRUJQVlA4WAoAAAAQAAAAAQAAAAAAQUxQSAMAAAAAY2MAVlA4IBgAAAAwAQCdASoCAAEAAUAmJaQAA3AA/vC4AAA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white " style="" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117934/MAN-1_e743c02659d3adc0fbdfaab3be081c58.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117934/MAN-1_068820253b3d213f1fab3f541c089a72.webp 72w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117934/MAN-1_7551cc485e7dc1480c9c1a114691c1a1.webp 145w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117934/MAN-1_e743c02659d3adc0fbdfaab3be081c58.webp 290w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117934/MAN-1_7551cc485e7dc1480c9c1a114691c1a1.webp" alt=""/> </noscript> </div> </figure> </div> </div> <div class=" p-5 md:p-8flex items-center w-1/3 md:w-1/2"> <div class=""> <figure data-image class="block "> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover " style="padding-bottom:58.333333333333%; background-image:url(data:image/webp;base64,UklGRlAAAABXRUJQVlA4WAoAAAAQAAAAAQAAAAAAQUxQSAMAAAAAcXEAVlA4ICYAAACQAQCdASoCAAEAAUAmJZACdLoAA5gA/vh8s/na2GIKl+u8WkpAAA==);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white " style="" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117930/1200px-Scania_Logo.svg-e1576628798416-1_09e2afadd6c583e9e53fd0ca3f7d1451.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117930/1200px-Scania_Logo.svg-e1576628798416-1_ada11de5ba098222e42b2529443f8454.webp 60w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117930/1200px-Scania_Logo.svg-e1576628798416-1_98944f632046931ad14bfcfdab63e116.webp 120w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117930/1200px-Scania_Logo.svg-e1576628798416-1_09e2afadd6c583e9e53fd0ca3f7d1451.webp 240w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117930/1200px-Scania_Logo.svg-e1576628798416-1_98944f632046931ad14bfcfdab63e116.webp" alt=""/> </noscript> </div> </figure> </div> </div> <div class=" p-5 md:p-8flex items-center w-1/3 md:w-1/2"> <div class=""> <figure data-image class="block "> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover " style="padding-bottom:21.333333333333%; background-image:url(data:image/webp;base64,UklGRlYAAABXRUJQVlA4WAoAAAAQAAAAAQAAAAAAQUxQSAMAAAAAnp4AVlA4ICwAAADQAQCdASoCAAEAAUAmJaACdLoB+AADsAD+9Bi3/npmvMH+Tn/zsGxLteAAAA==);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white " style="" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117932/IVECO-1_02c8a0a26466ee4bc81cc127c46da4dc.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117932/IVECO-1_f4bd3c5eb868e8b9f3fa8a2cd5860f8e.webp 75w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117932/IVECO-1_b56ed355de62137c2a13b2f0e669eeaf.webp 150w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117932/IVECO-1_02c8a0a26466ee4bc81cc127c46da4dc.webp 300w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117932/IVECO-1_b56ed355de62137c2a13b2f0e669eeaf.webp" alt=""/> </noscript> </div> </figure> </div> </div> <div class=" p-5 md:p-8flex items-center w-1/3 md:w-1/2"> <div class=""> <figure data-image class="block "> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover " style="padding-bottom:13.636363636364%; background-image:url(data:image/webp;base64,UklGRlgAAABXRUJQVlA4WAoAAAAQAAAAAQAAAAAAQUxQSAMAAAAAnJwAVlA4IC4AAADQAQCdASoCAAEAAUAmJaACdLoB+AADsAD+82mX/oSfgk/BJ+6f/8wSvyDdcgAA);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white " style="" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117935/VOLVO-1_2d1cac504d921c700585114729c8502a.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117935/VOLVO-1_ed57379a2b92d0576a136b608dffec5b.webp 110w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117935/VOLVO-1_1450516ef6bd7e9b3a951a23dbaffcf6.webp 220w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117935/VOLVO-1_2d1cac504d921c700585114729c8502a.webp 440w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/117935/VOLVO-1_1450516ef6bd7e9b3a951a23dbaffcf6.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </div> </div> </section> <section class="block block--images mt-14 md:mt-20"> <div class="mt-14 md:mt-20 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"> <div class=" col-span-12 md:col-span-6"> <div class=""> <figure data-image class="block "> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover " style="padding-bottom:52.5%; background-image:url(data:image/webp;base64,UklGRg4CAABXRUJQVlA4WAoAAAAgAAAAAQAAAAAASUNDUMgBAAAAAAHIbGNtcwIQAABtbnRyUkdCIFhZWiAH4gADABQACQAOAB1hY3NwTVNGVAAAAABzYXdzY3RybAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWhhbmSdkQA9QICwPUB0LIGepSKOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAAF9jcHJ0AAABDAAAAAx3dHB0AAABGAAAABRyWFlaAAABLAAAABRnWFlaAAABQAAAABRiWFlaAAABVAAAABRyVFJDAAABaAAAAGBnVFJDAAABaAAAAGBiVFJDAAABaAAAAGBkZXNjAAAAAAAAAAV1UkdCAAAAAAAAAAAAAAAAdGV4dAAAAABDQzAAWFlaIAAAAAAAAPNUAAEAAAABFslYWVogAAAAAAAAb6AAADjyAAADj1hZWiAAAAAAAABilgAAt4kAABjaWFlaIAAAAAAAACSgAAAPhQAAtsRjdXJ2AAAAAAAAACoAAAB8APgBnAJ1A4MEyQZOCBIKGAxiDvQRzxT2GGocLiBDJKwpai5+M+s5sz/WRldNNlR2XBdkHWyGdVZ+jYgskjacq6eMstu+mcrH12Xkd/H5//9WUDggIAAAAHABAJ0BKgIAAQABQCYllAJ0AXUAAP7r3VQvZQJ5oAAA);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white " style="" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144421/8-CNGbus_9ff031603947c1eae1ac6967c177f98e.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144421/8-CNGbus_9272977cfd0638e9315d68fa713f3298.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144421/8-CNGbus_e8e627ffc8025269107994c38e154449.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144421/8-CNGbus_7cd7c49c96742ad4f28cfc5fe728ecf0.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144421/8-CNGbus_fca8ce9b5fa832498f8ff2f0a6065303.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144421/8-CNGbus_9ff031603947c1eae1ac6967c177f98e.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/144421/8-CNGbus_e8e627ffc8025269107994c38e154449.webp" alt=""/> </noscript> </div> <figcaption class=" text-sm md:text-base block mt-2 md:mt-4"> CNG powered buses offer a cleaner, quieter, and more comfortable experience for riders. </figcaption> </figure> </div> </div> <div class=" col-span-12 md:col-span-6"> <div class=""> <figure data-image class="block "> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover " style="padding-bottom:41.796875%; background-image:url(data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACQAQCdASoCAAEAAUAmJYgCdLoAA5gA/tom/amCSMpf+hRsol8wAA==);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white " style="" 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> <figcaption class=" text-sm md:text-base block mt-2 md:mt-4"> Our CNG fuel systems can be configured for most an chassis type. </figcaption> </figure> </div> </div> <div class=" col-span-12 md:col-span-6"> <div class=""> <figure data-image class="block "> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover " style="padding-bottom:66.666666666667%; background-image:url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4ICAAAABwAQCdASoCAAEAAUAmJZQCdAFAAAD+8QqKD4s1bQAAAA==);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white " style="" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144425/179029997_3612389065533466_4368666762621421985_n_2062295675477d42438a5125daa7f6d1.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144425/179029997_3612389065533466_4368666762621421985_n_346c3863780de0a2d42dc5352dbf099a.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144425/179029997_3612389065533466_4368666762621421985_n_5f491ba204137cb7a876797e89582dc6.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144425/179029997_3612389065533466_4368666762621421985_n_360b29c2cfe16dc83e79fb861cb3715a.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144425/179029997_3612389065533466_4368666762621421985_n_d8cacd887c56e3061206c7778f19567c.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144425/179029997_3612389065533466_4368666762621421985_n_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/agilityassets/144425/179029997_3612389065533466_4368666762621421985_n_5f491ba204137cb7a876797e89582dc6.webp" alt=""/> </noscript> </div> <figcaption class=" text-sm md:text-base block mt-2 md:mt-4"> Our CNG fuel systems can be Installed on roof. </figcaption> </figure> </div> </div> <div class=" col-span-12 md:col-span-6"> <div class=""> <figure data-image class="block "> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover " style="padding-bottom:66.6015625%; background-image:url(data:image/webp;base64,UklGRioAAABXRUJQVlA4IB4AAAAwAQCdASoCAAEAAUAmJZQAA3AA/uxwX+kulxaAAAA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white " style="" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144427/AlexanderDennis_NCT_2_f34d22cc10e0e8af111e21556061b4ca.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144427/AlexanderDennis_NCT_2_2c575913ff9dba8cc03d73143bdd9bca.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144427/AlexanderDennis_NCT_2_d0f188ae9a56ac22b27c21254b4c249c.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144427/AlexanderDennis_NCT_2_a724ea6adc33839e83ec6b021aa66227.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144427/AlexanderDennis_NCT_2_08ebe80de3723585c6cffb1872c515b8.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144427/AlexanderDennis_NCT_2_f34d22cc10e0e8af111e21556061b4ca.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/144427/AlexanderDennis_NCT_2_d0f188ae9a56ac22b27c21254b4c249c.webp" alt=""/> </noscript> </div> <figcaption class=" text-sm md:text-base block mt-2 md:mt-4"> Our CNG fuel systems can be configured for most an chassis type. </figcaption> </figure> </div> </div> <div class=" col-span-12 md:col-span-6"> <div class=""> <figure data-image class="block "> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover " style="padding-bottom:66.650390625%; background-image:url(data:image/webp;base64,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);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white " style="" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144423/38482627_10155938968474151_100742830204387328_o_adaf40a32b4effcb541a4754c360738f.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144423/38482627_10155938968474151_100742830204387328_o_d89ce9a470e7286462e3df639369e5eb.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144423/38482627_10155938968474151_100742830204387328_o_cb3b33c3f6fc71c3d782a1b4b3097a6c.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144423/38482627_10155938968474151_100742830204387328_o_255ead7b99d7e2f46861c6e94f636dd4.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144423/38482627_10155938968474151_100742830204387328_o_7f9a6483d421605c5f9db7e3a4702a44.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144423/38482627_10155938968474151_100742830204387328_o_adaf40a32b4effcb541a4754c360738f.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/144423/38482627_10155938968474151_100742830204387328_o_cb3b33c3f6fc71c3d782a1b4b3097a6c.webp" alt=""/> </noscript> </div> <figcaption class=" text-sm md:text-base block mt-2 md:mt-4"> Bus and transit vehicle fuel capacity options of 126-200 DGE </figcaption> </figure> </div> </div> <div class=" col-span-12 md:col-span-6"> <div class=""> <figure data-image class="block "> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover " style="padding-bottom:38.423645320197%; background-image:url(data:image/webp;base64,UklGRioAAABXRUJQVlA4IB4AAABQAQCdASoCAAEAAUAmJZQABDOAAP7tBy/pLpcWgAA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white " style="" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144474/Buses_430f316ae165bd61e7b1e5c8e7e51694.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144474/Buses_f69d452829f07f0a48d50b2c4ae5f66b.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144474/Buses_2c6aeec19cab8c1a2e7fbd2460b552de.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144474/Buses_fd24447c7d9cb333ed7bda883018b661.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144474/Buses_31ec14c8909aa0e362dfebb67167d5bc.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/144474/Buses_430f316ae165bd61e7b1e5c8e7e51694.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/144474/Buses_2c6aeec19cab8c1a2e7fbd2460b552de.webp" alt=""/> </noscript> </div> <figcaption class=" text-sm md:text-base block mt-2 md:mt-4"> Our engineers use the latest computer-aided design tools and modular components to design customized fuel systems for each application. </figcaption> </figure> </div> </div> </div> </div> </section> <section class="block block--downloadables mb-14 md:mb-20 mt-14 md:mt-20"> <div class="mt-14 md:mt-20 px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto "> <div class=" pb-2 md:pb-4"> <div class="flex justify-between text-teal"> <h2 class=" text-ml font-semibold lg:text-lg lg:leading-tight"> Download specifications </h2> </div> </div> <div class="grid w-full grid-cols-12 gap-x-5 md:gap-x-8"> <article class=" text-xs lg:text-sm tracking-wide grid grid-cols-12 col-span-12 gap-x-5 md:gap-x-8"> <div class="col-span-12 border-t border-turquoise"></div> <div class="col-span-12 md:col-span-4"> <h3 class=" text-xs lg:text-sm tracking-wide font-semibold pt-3 pb-0 md:py-3 text-teal"> Transit CNG fuel systems </h3> </div> <div class="col-span-12 md:col-span-8 md:col-start-5 lg:col-start-7 lg:col-span-6 text-teal"> <a download href="https://s3.eu-central-1.amazonaws.com/hexagonassets/TransitBus_2024_2024-08-20-092302_ylxc.pdf" target="https://s3.eu-central-1.amazonaws.com/hexagonassets/TransitBus_2024_2024-08-20-092302_ylxc.pdf" class="downloadable group cursor-pointer flex px-2 py-3"> <div class="justify-between w-5/6 md:flex md:w-4/6"> <p class="lg:w-2/5 downloadableLanguage group-hover:underline"> English </p> <p class="lg:w-2/5 group-hover:underline"> </p> <p class="lg:w-1/5 group-hover:underline"> 1 MB </p> </div> <div class="flex items-center justify-end w-1/6 md:items-start md:w-2/6"> <p class="pr-2 uppercase md:px-8 group-hover:underline"> pdf </p> <p class="uppercase text-turquoise"> ↓ </p> </div> </a> </div> </article> <article class=" text-xs lg:text-sm tracking-wide grid grid-cols-12 col-span-12 gap-x-5 md:gap-x-8"> <div class="col-span-12 border-t border-turquoise"></div> <div class="col-span-12 md:col-span-4"> <h3 class=" text-xs lg:text-sm tracking-wide font-semibold pt-3 pb-0 md:py-3 text-teal"> Transit solutions OEMs </h3> </div> <div class="col-span-12 md:col-span-8 md:col-start-5 lg:col-start-7 lg:col-span-6 text-teal"> <a download href="https://s3.eu-central-1.amazonaws.com/hexagonassets/OEM_Transit_2024_2024-08-20-092303_amoc.pdf" target="https://s3.eu-central-1.amazonaws.com/hexagonassets/OEM_Transit_2024_2024-08-20-092303_amoc.pdf" class="downloadable group cursor-pointer flex px-2 py-3"> <div class="justify-between w-5/6 md:flex md:w-4/6"> <p class="lg:w-2/5 downloadableLanguage group-hover:underline"> English </p> <p class="lg:w-2/5 group-hover:underline"> </p> <p class="lg:w-1/5 group-hover:underline"> 873 KB </p> </div> <div class="flex items-center justify-end w-1/6 md:items-start md:w-2/6"> <p class="pr-2 uppercase md:px-8 group-hover:underline"> pdf </p> <p class="uppercase text-turquoise"> ↓ </p> </div> </a> </div> </article> <article class=" text-xs lg:text-sm tracking-wide grid grid-cols-12 col-span-12 gap-x-5 md:gap-x-8"> <div class="col-span-12 border-t border-turquoise"></div> <div class="col-span-12 md:col-span-4"> <h3 class=" text-xs lg:text-sm tracking-wide font-semibold pt-3 pb-0 md:py-3 text-teal"> Bus & Coach - Europe </h3> </div> <div class="col-span-12 md:col-span-8 md:col-start-5 lg:col-start-7 lg:col-span-6 text-teal"> <a download href="https://s3.eu-central-1.amazonaws.com/hexagonassets/Transit-Bus_Europe_2024_2024-08-19-132631_posp.pdf" target="https://s3.eu-central-1.amazonaws.com/hexagonassets/Transit-Bus_Europe_2024_2024-08-19-132631_posp.pdf" class="downloadable group cursor-pointer flex px-2 py-3"> <div class="justify-between w-5/6 md:flex md:w-4/6"> <p class="lg:w-2/5 downloadableLanguage group-hover:underline"> English </p> <p class="lg:w-2/5 group-hover:underline"> </p> <p class="lg:w-1/5 group-hover:underline"> 1 MB </p> </div> <div class="flex items-center justify-end w-1/6 md:items-start md:w-2/6"> <p class="pr-2 uppercase md:px-8 group-hover:underline"> pdf </p> <p class="uppercase text-turquoise"> ↓ </p> </div> </a> </div> </article> </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":"2022","creator":{"@id":"#creator"},"dateCreated":"2022-11-23T14:21:13+01:00","dateModified":"2024-11-08T17:02:51+01:00","datePublished":"2022-11-23T14:21: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":"Transit","image":{"@type":"ImageObject","url":"https://s3.eu-central-1.amazonaws.com/hexagonassets/_1200x630_crop_center-center_82_none/GILLIG_BRTPLUS_GGB_metro.jpg?mtime=1673487551"},"inLanguage":"en","mainEntityOfPage":"https://hexagonagility.com/solutions/bus-and-coach","name":"Transit","publisher":{"@id":"#creator"},"url":"https://hexagonagility.com/solutions/bus-and-coach"},{"@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/solutions","name":"Solutions","position":2},{"@type":"ListItem","item":"https://hexagonagility.com/solutions/bus-and-coach","name":"Transit","position":3}],"name":"Breadcrumbs"}]}</script></body> </html>

CINXE.COM

Hexagon Agility | Transit