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 | Refuse</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/refuse" property="og:url"> <meta content="Refuse" 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/RefuseHero.jpg?mtime=1670329357" 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="Refuse"> <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/RefuseHero.jpg?mtime=1670329357"> <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/refuse" 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"> RNG (CNG) fuel systems for refuse trucks </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,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> </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">Reduce emissions and costs</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><span class="color-teal">Compressed natural gas (CNG) is an excellent fuel choice for refuse vehicles. CNG saves fleets money both on fuel cost and maintenance costs. In addition, natural gas is a low carbon, cleaner-burning fuel and can result in substantial reductions of GHG emissions of up to 40% or more compared to diesel trucks</span></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=" 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"> 40% </p> <p class=" text-sm md:text-base"> reduction in GHG emissions </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,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);"> <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/140305/FCC_ASL_RoofMount_1_4d01c917bb70a3e73035abadc0e43025.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140305/FCC_ASL_RoofMount_1_3dcc2770aed8d18ec5b962f9e0d6dcc3.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140305/FCC_ASL_RoofMount_1_1eb31a41c648a67b209e69a7cf6ba28c.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140305/FCC_ASL_RoofMount_1_95d3cb02470f2632d69aec5b4d07e7a2.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140305/FCC_ASL_RoofMount_1_a40dc4f0c5ac505d58e406e62aff7fde.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140305/FCC_ASL_RoofMount_1_4d01c917bb70a3e73035abadc0e43025.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/140305/FCC_ASL_RoofMount_1_1eb31a41c648a67b209e69a7cf6ba28c.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"> Roof mount </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>We offer a range of lightweight and durable roof mount CNG fuel systems for automated-side loaders, rear-end loaders and front-end loaders. </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/refuse/roof-mount"> Read more <span class="text-aquagreen ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </div> </article> </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="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,UklGRnYCAABXRUJQVlA4WAoAAAAgAAAAAQAAAAAASUNDUDACAAAAAAIwQURCRQIQAABtbnRyUkdCIFhZWiAH0AAIAAsAEwAzADthY3NwQVBQTAAAAABub25lAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUFEQkUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApjcHJ0AAAA/AAAADJkZXNjAAABMAAAAGt3dHB0AAABnAAAABRia3B0AAABsAAAABRyVFJDAAABxAAAAA5nVFJDAAAB1AAAAA5iVFJDAAAB5AAAAA5yWFlaAAAB9AAAABRnWFlaAAACCAAAABRiWFlaAAACHAAAABR0ZXh0AAAAAENvcHlyaWdodCAyMDAwIEFkb2JlIFN5c3RlbXMgSW5jb3Jwb3JhdGVkAAAAZGVzYwAAAAAAAAARQWRvYmUgUkdCICgxOTk4KQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAGN1cnYAAAAAAAAAAQIzAABjdXJ2AAAAAAAAAAECMwAAY3VydgAAAAAAAAABAjMAAFhZWiAAAAAAAACcGAAAT6UAAAT8WFlaIAAAAAAAADSNAACgLAAAD5VYWVogAAAAAAAAJjEAABAvAAC+nFZQOCAgAAAAUAEAnQEqAgABAAFAJiUAToAxCAD+2L54PNvI2+gYAAA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-teal text-white object-cover h-full w-full" style="object-position:40.52% 24.46%;-o-object-position:0.4052% 0.2446%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/150083/FOB_WM_Truck_Seattle_B_0eabbc57e55f8a6899ef8746dccbb8f2.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/150083/FOB_WM_Truck_Seattle_B_b4b5f0d4f9dc209abf5d1f6f974492f4.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/150083/FOB_WM_Truck_Seattle_B_8eaee730d3ecc5bc69e109a23f5d6a1a.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/150083/FOB_WM_Truck_Seattle_B_8101fafae8a7cca0b7b8ddc20b6451eb.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/150083/FOB_WM_Truck_Seattle_B_8c696bc95f4b58de1093469248e88384.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/150083/FOB_WM_Truck_Seattle_B_0eabbc57e55f8a6899ef8746dccbb8f2.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/150083/FOB_WM_Truck_Seattle_B_8eaee730d3ecc5bc69e109a23f5d6a1a.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:col-span-6 h-full flex flex-col justify-center col-span-12 "> <h2 class="text-lg font-semibold lg:text-1xl"> Front of body </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 lightweight and durable front of body CNG fuel systems are a great solution for refuse vehicles needing low overall height.</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/refuse/front-of-body"> Read more <span class="text-aquagreen ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </div> </article> </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,UklGRigAAABXRUJQVlA4IBwAAABQAQCdASoCAAEAAUAmJZwABDOAAP7v7lyXgAAA);"> <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/135887/tailgate_6b6f2481bd0e7e2fb2bf1f23c7703270.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/135887/tailgate_2fbc0c5af3bb73968668577c52a57382.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/135887/tailgate_3e0b605af45275fe5e60884c0ae875a1.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/135887/tailgate_e13444d3e59a5c4da86e57babd67e3ac.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/135887/tailgate_abe3eca5d4c9e135def7d8adb4fb3f01.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/135887/tailgate_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/135887/tailgate_3e0b605af45275fe5e60884c0ae875a1.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"> Tailgate </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 lightweight, durable tailgate CNG fuel systems offer low overhead clearance and improved weight distribution.</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/refuse/tailgate"> Read more <span class="text-aquagreen ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </div> </article> </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="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,UklGRi4AAABXRUJQVlA4ICIAAABwAQCdASoCAAEAAUAmJYwCdAFAAAD+8QqPO1bH2fCMM6wA);"> <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/137976/ProCab60_Sweeper_8567fc71e52a161da617bff698ffe780.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/137976/ProCab60_Sweeper_7d8b255cafc6c89fafe423a413d3e20e.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/137976/ProCab60_Sweeper_c74b93195ef8944844feb9817d916b97.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/137976/ProCab60_Sweeper_cda3dd686dc6322b4541161191dfab39.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/137976/ProCab60_Sweeper_2a328bfc481f6205cc170cc01b0596ee.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/137976/ProCab60_Sweeper_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/137976/ProCab60_Sweeper_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:col-span-6 h-full flex flex-col justify-center col-span-12 "> <h2 class="text-lg font-semibold lg:text-1xl"> Back of cab </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 ProCab® CNG fuel systems for refuse trucks are engineered for high performance, safety, and durability<strong><strong>. </strong></strong></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/refuse/back-of-cab"> Read more <span class="text-aquagreen ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </div> </article> </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,UklGRogMAABXRUJQVlA4WAoAAAAgAAAAAQAAAAAASUNDUEgMAAAAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z2Rlc2MAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHZpZXcAAAAAABOk/gAUXy4AEM8UAAPtzAAEEwsAA1yeAAAAAVhZWiAAAAAAAEwJVgBQAAAAVx/nbWVhcwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAo8AAAACc2lnIAAAAABDUlQgY3VydgAAAAAAAAQAAAAABQAKAA8AFAAZAB4AIwAoAC0AMgA3ADsAQABFAEoATwBUAFkAXgBjAGgAbQByAHcAfACBAIYAiwCQAJUAmgCfAKQAqQCuALIAtwC8AMEAxgDLANAA1QDbAOAA5QDrAPAA9gD7AQEBBwENARMBGQEfASUBKwEyATgBPgFFAUwBUgFZAWABZwFuAXUBfAGDAYsBkgGaAaEBqQGxAbkBwQHJAdEB2QHhAekB8gH6AgMCDAIUAh0CJgIvAjgCQQJLAlQCXQJnAnECegKEAo4CmAKiAqwCtgLBAssC1QLgAusC9QMAAwsDFgMhAy0DOANDA08DWgNmA3IDfgOKA5YDogOuA7oDxwPTA+AD7AP5BAYEEwQgBC0EOwRIBFUEYwRxBH4EjASaBKgEtgTEBNME4QTwBP4FDQUcBSsFOgVJBVgFZwV3BYYFlgWmBbUFxQXVBeUF9gYGBhYGJwY3BkgGWQZqBnsGjAadBq8GwAbRBuMG9QcHBxkHKwc9B08HYQd0B4YHmQesB78H0gflB/gICwgfCDIIRghaCG4IggiWCKoIvgjSCOcI+wkQCSUJOglPCWQJeQmPCaQJugnPCeUJ+woRCicKPQpUCmoKgQqYCq4KxQrcCvMLCwsiCzkLUQtpC4ALmAuwC8gL4Qv5DBIMKgxDDFwMdQyODKcMwAzZDPMNDQ0mDUANWg10DY4NqQ3DDd4N+A4TDi4OSQ5kDn8Omw62DtIO7g8JDyUPQQ9eD3oPlg+zD88P7BAJECYQQxBhEH4QmxC5ENcQ9RETETERTxFtEYwRqhHJEegSBxImEkUSZBKEEqMSwxLjEwMTIxNDE2MTgxOkE8UT5RQGFCcUSRRqFIsUrRTOFPAVEhU0FVYVeBWbFb0V4BYDFiYWSRZsFo8WshbWFvoXHRdBF2UXiReuF9IX9xgbGEAYZRiKGK8Y1Rj6GSAZRRlrGZEZtxndGgQaKhpRGncanhrFGuwbFBs7G2MbihuyG9ocAhwqHFIcexyjHMwc9R0eHUcdcB2ZHcMd7B4WHkAeah6UHr4e6R8THz4faR+UH78f6iAVIEEgbCCYIMQg8CEcIUghdSGhIc4h+yInIlUigiKvIt0jCiM4I2YjlCPCI/AkHyRNJHwkqyTaJQklOCVoJZclxyX3JicmVyaHJrcm6CcYJ0kneierJ9woDSg/KHEooijUKQYpOClrKZ0p0CoCKjUqaCqbKs8rAis2K2krnSvRLAUsOSxuLKIs1y0MLUEtdi2rLeEuFi5MLoIuty7uLyQvWi+RL8cv/jA1MGwwpDDbMRIxSjGCMbox8jIqMmMymzLUMw0zRjN/M7gz8TQrNGU0njTYNRM1TTWHNcI1/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0OrI67zstO2s7qjvoPCc8ZTykPOM9Ij1hPaE94D4gPmA+oD7gPyE/YT+iP+JAI0BkQKZA50EpQWpBrEHuQjBCckK1QvdDOkN9Q8BEA0RHRIpEzkUSRVVFmkXeRiJGZ0arRvBHNUd7R8BIBUhLSJFI10kdSWNJqUnwSjdKfUrESwxLU0uaS+JMKkxyTLpNAk1KTZNN3E4lTm5Ot08AT0lPk0/dUCdQcVC7UQZRUFGbUeZSMVJ8UsdTE1NfU6pT9lRCVI9U21UoVXVVwlYPVlxWqVb3V0RXklfgWC9YfVjLWRpZaVm4WgdaVlqmWvVbRVuVW+VcNVyGXNZdJ114XcleGl5sXr1fD19hX7NgBWBXYKpg/GFPYaJh9WJJYpxi8GNDY5dj62RAZJRk6WU9ZZJl52Y9ZpJm6Gc9Z5Nn6Wg/aJZo7GlDaZpp8WpIap9q92tPa6dr/2xXbK9tCG1gbbluEm5rbsRvHm94b9FwK3CGcOBxOnGVcfByS3KmcwFzXXO4dBR0cHTMdSh1hXXhdj52m3b4d1Z3s3gReG54zHkqeYl553pGeqV7BHtje8J8IXyBfOF9QX2hfgF+Yn7CfyN/hH/lgEeAqIEKgWuBzYIwgpKC9INXg7qEHYSAhOOFR4Wrhg6GcobXhzuHn4gEiGmIzokziZmJ/opkisqLMIuWi/yMY4zKjTGNmI3/jmaOzo82j56QBpBukNaRP5GokhGSepLjk02TtpQglIqU9JVflcmWNJaflwqXdZfgmEyYuJkkmZCZ/JpomtWbQpuvnByciZz3nWSd0p5Anq6fHZ+Ln/qgaaDYoUehtqImopajBqN2o+akVqTHpTilqaYapoum/adup+CoUqjEqTepqaocqo+rAqt1q+msXKzQrUStuK4trqGvFq+LsACwdbDqsWCx1rJLssKzOLOutCW0nLUTtYq2AbZ5tvC3aLfguFm40blKucK6O7q1uy67p7whvJu9Fb2Pvgq+hL7/v3q/9cBwwOzBZ8Hjwl/C28NYw9TEUcTOxUvFyMZGxsPHQce/yD3IvMk6ybnKOMq3yzbLtsw1zLXNNc21zjbOts83z7jQOdC60TzRvtI/0sHTRNPG1EnUy9VO1dHWVdbY11zX4Nhk2OjZbNnx2nba+9uA3AXcit0Q3ZbeHN6i3ynfr+A24L3hROHM4lPi2+Nj4+vkc+T85YTmDeaW5x/nqegy6LzpRunQ6lvq5etw6/vshu0R7ZzuKO6070DvzPBY8OXxcvH/8ozzGfOn9DT0wvVQ9d72bfb794r4Gfio+Tj5x/pX+uf7d/wH/Jj9Kf26/kv+3P9t//9WUDggGgAAAFABAJ0BKgIAAQABQCYlnAAEAAAA/vYNwAAA);"> <img class="absolute z-0 top-0 left-0 lazyload bg-teal text-white object-cover h-full w-full" style="object-position:50.41% 72.21%;-o-object-position:0.5041% 0.7221%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140436/ProRail40_FreightlinerSD114_3_3fdb37f1552a22cff4841c4f3d4103a7.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140436/ProRail40_FreightlinerSD114_3_f28ad93cac80f2c770f1f102e7e5dadf.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140436/ProRail40_FreightlinerSD114_3_876dd1d7e1054fec9077bedb392c8527.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140436/ProRail40_FreightlinerSD114_3_5c2581ed070b61faa1e505f9b43b125f.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140436/ProRail40_FreightlinerSD114_3_9625dd1604ef4f9c504d159aab1b7958.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140436/ProRail40_FreightlinerSD114_3_3fdb37f1552a22cff4841c4f3d4103a7.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/140436/ProRail40_FreightlinerSD114_3_876dd1d7e1054fec9077bedb392c8527.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"> Side-mount </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 ProRail® side-mounted CNG fuel systems can be installed on both sides of the frame rail on refuse trucks.</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/refuse/refuse-side-mount-fuel-system"> Read more <span class="text-aquagreen ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </div> </article> </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"> <div class="flex justify-between text-teal"> <h2 class=" text-ml font-semibold lg:text-lg lg:leading-tight"> Case studies </h2> <a href="https://hexagonagility.com/resources/customer-success-stories" class="flex items-center cursor-pointer group"> <span class=" text-sm md:text-base group-hover:underline"> See all </span> <span class="ml-2 text-sm transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </a> </div> </div> <div class="col-span-full md:col-span-6 "> <a href="https://hexagonagility.com/cases/how-actual-waste-manages-to-power-waste-managements-fleet-of-cost-effective-environmentally-friendly-cng-trucks" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> How actual waste power Waste Management's fleet of CNG trucks </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,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);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_7c5bbd1ca848522893671f2a3ce041f7.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_311e743c9962ed4745f632ffdd9df5fd.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_ae8e38c1afcf1c7915be34f64eef5a0e.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_3cf598b9570b4887ebb1c2b1fbc69a36.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_a352a195e3a11b46b86f5b8b8f2b29ff.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_7c5bbd1ca848522893671f2a3ce041f7.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/127791/CaseStudy_WM_0_0_ae8e38c1afcf1c7915be34f64eef5a0e.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 "> <a href="https://hexagonagility.com/cases/how-athens-services-is-using-cng-to-drive-a-zero-waste-future" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> How Athens Services is using CNG to drive a zero-waste future </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRjAAAABXRUJQVlA4ICQAAACQAQCdASoCAAEAAUAmJQBOl0AAcwAA/lMfbsXbqt67xaSkAAA=);"> <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/140575/CaseStudyAthens_05b945a2a56a1ac87178315dd8b0a8bd.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140575/CaseStudyAthens_68670b771c3d0b57100418eef0b4ec14.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140575/CaseStudyAthens_88c0f1f17725bcf201819784c82c6359.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140575/CaseStudyAthens_542f792700364239a2f48dc7a5aeb0e7.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140575/CaseStudyAthens_05efad6bc70ee7287ee03d79da287519.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/140575/CaseStudyAthens_05b945a2a56a1ac87178315dd8b0a8bd.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/140575/CaseStudyAthens_88c0f1f17725bcf201819784c82c6359.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> </div> </section> <section class="block block--textIcons 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="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"> Selection of our key customers </h2> <div class=" text-ml font-semibold lg:text-lg lg:leading-tight text-teal"> <p>We enable our customers to reduce emissions and costs</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:27.118644067797%; background-image:url(data:image/webp;base64,UklGRlYAAABXRUJQVlA4WAoAAAAQAAAAAQAAAAAAQUxQSAMAAAAAfn8AVlA4ICwAAADQAQCdASoCAAEAAUAmJaACdLoB+AADsAD+7c7f/kpr/G3LV/8guWF1xGAAAA==);"> <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/138202/MCNEILUS_1d32d5cce16a7bcfee5c95036f969b7f.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138202/MCNEILUS_cb6b6aec7ffeb02c0b42aa78140e5ae3.webp 88w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138202/MCNEILUS_52c3ffff88e41457fefc6d20b1731e77.webp 177w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138202/MCNEILUS_1d32d5cce16a7bcfee5c95036f969b7f.webp 354w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138202/MCNEILUS_52c3ffff88e41457fefc6d20b1731e77.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:65.217391304348%; background-image:url(data:image/webp;base64,UklGRlIAAABXRUJQVlA4WAoAAAAQAAAAAQAAAAAAQUxQSAMAAAAAgYEAVlA4ICgAAABwAQCdASoCAAEAAUAmJaACdAFAAAD8yv/kGP9DX+CvAHri5shvAAAA);"> <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/138201/WASTE_MANAGEMENT_da96fc9e63e60ad914d772a295c63798.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138201/WASTE_MANAGEMENT_c31207cae0bb45b0d66311853f760d7b.webp 57w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138201/WASTE_MANAGEMENT_e772c38b27f12a71ddcfc89710d32ec7.webp 115w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138201/WASTE_MANAGEMENT_da96fc9e63e60ad914d772a295c63798.webp 230w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138201/WASTE_MANAGEMENT_e772c38b27f12a71ddcfc89710d32ec7.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:48.387096774194%; background-image:url(data:image/webp;base64,UklGRlAAAABXRUJQVlA4WAoAAAAQAAAAAQAAAAAAQUxQSAMAAAAAODgAVlA4ICYAAACQAQCdASoCAAEAAUAmJZACdLoAA5gA/tLtbrjHaq/8Buvi2XwAAA==);"> <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/138200/WASTE_CONNECTIONS_2ba45c78926a4bf1ec07d84a8678d303.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138200/WASTE_CONNECTIONS_75c813462bacf93c0a3bcf0aa38f12b6.webp 77w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138200/WASTE_CONNECTIONS_39d1bc468f3a1cee396381a834cb2216.webp 155w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138200/WASTE_CONNECTIONS_2ba45c78926a4bf1ec07d84a8678d303.webp 310w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138200/WASTE_CONNECTIONS_39d1bc468f3a1cee396381a834cb2216.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:25%; background-image:url(data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAQAAAAAAQUxQSAMAAAAAYWEAVlA4ICAAAAAwAQCdASoCAAEAAUAmJQAAgAAA/vl9l/+onsI775gAAA==);"> <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/138199/REPUBLIC_SERVICES_550c03e51a618783d0f0e907e4cb7512.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138199/REPUBLIC_SERVICES_fce48069e44d3372231056a8aa4b5aeb.webp 100w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138199/REPUBLIC_SERVICES_0c31a4bb6664be711c0c2e75370f4b59.webp 200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138199/REPUBLIC_SERVICES_550c03e51a618783d0f0e907e4cb7512.webp 400w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/138199/REPUBLIC_SERVICES_0c31a4bb6664be711c0c2e75370f4b59.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </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:19:09+01:00","dateModified":"2023-11-01T12:33:33+01:00","datePublished":"2022-11-23T14:19: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":"Refuse","image":{"@type":"ImageObject","url":"https://s3.eu-central-1.amazonaws.com/hexagonassets/_1200x630_crop_center-center_82_none/RefuseHero.jpg?mtime=1670329357"},"inLanguage":"en","mainEntityOfPage":"https://hexagonagility.com/solutions/refuse","name":"Refuse","publisher":{"@id":"#creator"},"url":"https://hexagonagility.com/solutions/refuse"},{"@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/refuse","name":"Refuse","position":3}],"name":"Breadcrumbs"}]}</script></body> </html>

CINXE.COM

Hexagon Agility | Refuse