{"id":325,"date":"2023-05-18T17:30:04","date_gmt":"2023-05-18T17:30:04","guid":{"rendered":"https:\/\/localhost:10004\/?page_id=325"},"modified":"2025-08-05T11:36:06","modified_gmt":"2025-08-05T18:36:06","slug":"products","status":"publish","type":"page","link":"https:\/\/4refuel.com\/products\/","title":{"rendered":"Products"},"content":{"rendered":"<div class=\"relative pt-28 page-header\">\n  <div class=\"relative z-30 container md:flex gap-32 items-end\">\n    <div class=\"basis-1\/4 md:max-w-min\">\n      <h1 class=\"text-3xl md:text-7xl uppercase font-semibold\">Products<\/h1>\n      <p class=\"mt-8 text-lg font-semibold\">\n        At 4Refuel we are committed to helping you navigate the energy transition. We want to help our customers meet their ESG and Sustainability goals and in doing so offer alternatives to fossil-derived diesel options to accommodate decarbonization initiatives.\n      <\/p>\n    <\/div>\n    <div class=\"flex-1 mt-6 md:mt-0\">\n      \n<div \n    class=\"-mx-8 md:mx-0 relative md:grid grid-rows-3 grid-cols-2 md:min-h-[16rem] md:even:-mt-12 md:even:-ml-20 group\/row\"\n    style=\"\n        color: black;\n        --set-image: var(--wp--preset--gradient--yellow-green);\n    \"\n  >\n    <div class=\"hidden md:block absolute z-0 h-full inset-y-0 left-0 w-[60vw] group-even\/row:w-[65vw] min-w-[800px]\">\n        <div class=\"absolute h-2\/3 bottom-0 left-0 w-full bg-set-image bg-fixed bg-[left_130%_center] bg-[length:70vw_100%] group-even\/row:bg-[length:75vw_100%] bg-no-repeat mask-triangle mask-exclude mask-h-full mask-w-auto mask-left\"><\/div>\n    <\/div>\n    <div class=\"relative z-10 flex gap-4 md:gap-16 items-center row-start-2 row-end-4 col-start-1 col-end-3 pl-10 md:pl-20 py-7 md:py-4 bg-set-image bg-[length:150%] md:bg-none\">\n      <h2 class=\"flex-none leading-none md:text-xl\/none uppercase font-bold min-w-min\">Traditional<\/h2>\n      <div class=\"flex-1 flex md:justify-center gap-4 md:gap-10 -mb-4 pb-4 md:mb-0 md:pb-0 pt-4 -mt-4 overflow-x-auto lg:overflow-x-visible\">\n        \n<a href=\"#Clear\" class=\"basis-20 shrink-0 flex flex-col gap-3 text-center items-center group\/product overflow-y-visible\">\n  <div class=\"relative group\/icon\">\n    <figure\n        class=\"w-16 aspect-square bg-current mask-icon mask-contain mask-center group-hover\/product:animate-bounce\"\n        style=\"--icon: url(https:\/\/4refuel.com\/wp-content\/uploads\/2023\/06\/CLEAR.svg)\"\n    >\n        <img decoding=\"async\" class=\"sr-only\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/06\/CLEAR.svg\" \/>\n    <\/figure>\n  <\/div>\n  <span class=\"flex-1 font-title text-sm font-bold uppercase whitespace-wrap max-w-fit\">\n    Clear Diesel\n  <\/span>\n<\/a>\n\n<a href=\"#Dyed\" class=\"basis-20 shrink-0 flex flex-col gap-3 text-center items-center group\/product overflow-y-visible\">\n  <div class=\"relative group\/icon\">\n    <figure\n        class=\"w-16 aspect-square bg-current mask-icon mask-contain mask-center group-hover\/product:animate-bounce\"\n        style=\"--icon: url(https:\/\/4refuel.com\/wp-content\/uploads\/2023\/06\/DYED.svg)\"\n    >\n        <img decoding=\"async\" class=\"sr-only\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/06\/DYED.svg\" \/>\n    <\/figure>\n  <\/div>\n  <span class=\"flex-1 font-title text-sm font-bold uppercase whitespace-wrap max-w-fit\">\n    Dyed Diesel\n  <\/span>\n<\/a>\n\n      <\/div>\n    <\/div>\n<\/div>\n\n<div \n    class=\"-mx-8 md:mx-0 relative md:grid grid-rows-3 grid-cols-2 md:min-h-[16rem] md:even:-mt-12 md:even:-ml-20 group\/row\"\n    style=\"\n        color: white;\n        --set-image: var(--wp--preset--gradient--blue-purple);\n    \"\n  >\n    <div class=\"hidden md:block absolute z-0 h-full inset-y-0 left-0 w-[60vw] group-even\/row:w-[65vw] min-w-[800px]\">\n        <div class=\"absolute h-2\/3 bottom-0 left-0 w-full bg-set-image bg-fixed bg-[left_130%_center] bg-[length:70vw_100%] group-even\/row:bg-[length:75vw_100%] bg-no-repeat mask-triangle mask-exclude mask-h-full mask-w-auto mask-left\"><\/div>\n    <\/div>\n    <div class=\"relative z-10 flex gap-4 md:gap-16 items-center row-start-2 row-end-4 col-start-1 col-end-3 pl-10 md:pl-20 py-7 md:py-4 bg-set-image bg-[length:150%] md:bg-none\">\n      <h2 class=\"flex-none leading-none md:text-xl\/none uppercase font-bold min-w-min\">Alternative<\/h2>\n      <div class=\"flex-1 flex md:justify-center gap-4 md:gap-10 -mb-4 pb-4 md:mb-0 md:pb-0 pt-4 -mt-4 overflow-x-auto lg:overflow-x-visible\">\n        \n<a href=\"#BioDiesel\" class=\"basis-20 shrink-0 flex flex-col gap-3 text-center items-center group\/product overflow-y-visible\">\n  <div class=\"relative group\/icon\">\n    <figure\n        class=\"w-16 aspect-square bg-current mask-icon mask-contain mask-center group-hover\/product:animate-bounce\"\n        style=\"--icon: url(https:\/\/4refuel.com\/wp-content\/uploads\/2023\/06\/BioDiesel.svg)\"\n    >\n        <img decoding=\"async\" class=\"sr-only\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/06\/BioDiesel.svg\" \/>\n    <\/figure>\n  <\/div>\n  <span class=\"flex-1 font-title text-sm font-bold uppercase whitespace-wrap max-w-fit\">\n    Biodiesel\n  <\/span>\n<\/a>\n\n<a href=\"#RenewableDiesel\" class=\"basis-20 shrink-0 flex flex-col gap-3 text-center items-center group\/product overflow-y-visible\">\n  <div class=\"relative group\/icon\">\n    <figure\n        class=\"w-16 aspect-square bg-current mask-icon mask-contain mask-center group-hover\/product:animate-bounce\"\n        style=\"--icon: url(https:\/\/4refuel.com\/wp-content\/uploads\/2023\/06\/RENEWABLE-DIESEL.svg)\"\n    >\n        <img decoding=\"async\" class=\"sr-only\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/06\/RENEWABLE-DIESEL.svg\" \/>\n    <\/figure>\n  <\/div>\n  <span class=\"flex-1 font-title text-sm font-bold uppercase whitespace-wrap max-w-fit\">\n    Renewable Diesel\n  <\/span>\n<\/a>\n\n      <\/div>\n    <\/div>\n<\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<aside \n    class=\"wp-block-image-text-overlay relative z-0 grid grid-cols-1 grid-rows-[auto_auto] xl:max-h-[175vh] after:absolute after:w-full after:!-top-px after:bg-no-repeat after:bg-[length:100%_auto] after:bg-top after:z-10 after:bg-overlay-lines after:aspect-[1440\/435] after:-translate-y-1\/4\"\n    id=\"TraditionalProducts\"\n>\n    <figure \n        class=\"max-md:aspect-[39\/26] relative z-10 col-start-1 col-end-2 md:col-end-3 row-start-1 row-end-2 md:row-end-3 after:hidden md:after:block after:absolute after:inset-x-0 after:inset-y-0 after:z-20  after:bg-set-dir after:from-transparent after:from-40% after:to-blue\/[--set-opacity] after:to-70%\"\n        aria-hidden=\"true\"\n        style=\"\n            --tw-gradient-dir: to right;\n            --set-opacity: 0.3;\n            --focus: center center;\n        \"\n    >\n        <img \n            class=\"w-full !h-full object-cover object-[--focus]\"\n            src=\"https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/06\/4RE6884-500x333.jpg.webp\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            srcset=\"\n                https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/06\/4RE6884-500x333.jpg.webp 300w,\n                https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/06\/4RE6884-1280x853.jpg.webp 500w,\n                https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/06\/4RE6884.jpg.webp 1280w\n            \"\n            sizes=\"100vw\"\n        >\n    <\/figure>\n    <div class=\"relative container md:flex justify-end z-30 col-start-1 col-end-2 row-start-2 md:row-start-1 row-end-3 pt-8 pb-16 md:pb-40 md:pt-44 xl:pt-80 px-8 md:drop-shadow-md\">\n        <div class=\"prose max-md:prose-headings:!text-black max-md:prose-p:!text-black lg:prose-headings:text-6xl fr:prose-headings:leading-[1.15] sp:prose-headings:leading-[1.15] text-lg:prose-lg max-w-lg lg:max-w-min\">\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-white-color has-text-color\">WHAT ARE TRADITIONAL PRODUCTS?<\/h2>\n\n\n\n<p class=\"has-white-color has-text-color\">Fuel products derived from fossils are commonly referred to as traditional fuels. These fuels are typically in a liquid or gas form and are created through the refining of crude oil into petroleum. The resulting petroleum is then used to produce various products, including gasoline and diesel. As non-renewable resources, they are finite in nature.<\/p>\n\n<\/div>\n    <\/div>\n<\/aside>\n\n\n<div \n    x-data=\"{\n        mobile: true,\n\n        calcPercentageInView() {\n            \/\/ Get the relevant measurements and positions\n            const viewportHeight = window.innerHeight;\n            const scrollTop = window.scrollY;\n            const elementOffsetTop = $el.offsetTop;\n            const elementHeight = $el.offsetHeight;\n\n            \/\/ Calculate percentage of the element that's been seen\n            const distance = scrollTop + viewportHeight - elementOffsetTop;\n            const percentage = Math.round(\n                distance \/ elementHeight * 100\n            );\n\n            \/\/ Restrict the range to between 0 and 100\n            return Math.min(100, Math.max(0, percentage));\n        },\n\n        init() {\n            const products = document.querySelectorAll('.product-intro');\n            const current = Array.from(products).indexOf($el)\n            const increment = 100 \/ products.length;\n            const translate = -40 + increment * current;\n\n            this.$refs.ribbon.style.setProperty('--translate', translate + '%')\n        }\n    }\"\n    x-on:scroll.window=\"$refs.ribbon.style.setProperty('--clip-right', 100 - (Math.min(calcPercentageInView() * ($store.header.toggleable ? 1.1 : 1), 100)) + '%')\"\n    class=\"product-intro group\/product [--flex-dir:row] [&:nth-child(even_of_.group\\\/product)]:[--flex-dir:row-reverse]\"\n    style=\"\n        --accent: rgb(251 237 35);\n        --secondary: rgb(104 78 159);\n    \"\n>\n    <div x-ref=\"ribbon\" style=\"clip-path: inset(0 var(--clip-right) 0 0)\">\n        <div\n            class=\"relative z-50 container flex justify-center h-10 md:h-16 lg:h-24 xl:h-36 -mt-[5.5rem] md:-mt-[10rem] group-[&+.group\\\/product]\/product:-mt-10 translate-x-[--translate]\"\n            aria-hidden=\"true\"\n        >\n            <div class=\"relative w-[150vw] lg:w-[125rem] h-full flex-none\">\n                <div class=\"absolute z-10 w-full h-full bg-[--accent] mask-ribbon mask-bottom scale-x-[-1] translate-x-[calc(100%-10px)]\"><\/div>\n                <div class=\"absolute w-full h-full bg-[--accent] mask-ribbon mask-bottom scale-x-[-1] translate-x-[calc(-100%+10px)]\"><\/div>\n                <div class=\"absolute w-full h-full bg-[--accent] mask-ribbon mask-bottom\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <article\n        id=\"Clear\"\n        class=\"container pt-8 md:pt-16 lg:pt-24 xl:pt-36 flex items-center flex-col-reverse md:[flex-direction:var(--flex-dir)] gap-8 md:gap-10 lg:gap-16 xl:gap-28 overflow-hidden group\/black-text\"\n    >\n        <figure class=\"max-md:block max-md:w-full order-2 flex-1 aspect-square rounded-xl overflow-hidden\">\n            <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/06\/Diesel.png.webp\" \/>\n        <\/figure>\n        <div class=\"order-1 flex-1\">\n            <header class=\"relative grid grid-flow-row md:grid-flow-col-dense auto-rows-auto auto-cols-auto justify-start gap-y-4 text-[--accent] gap-x-6 group-[]\/black-text:text-black\">\n            <h1 class=\"order-2 text-4xl\/none font-semibold uppercase\">Clear Diesel<\/h1>\n            <h2 class=\"order-1 font-bold text-base\/none text-purple\">Traditional<\/h2>\n            <figure\n                style=\"--icon: url(https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/CLEAR-1.svg)\"\n                class=\"max-md:absolute right-0 top-0 max-md:w-16 max-md:h-16 order-3 col-start-2 col-end-3 row-start-1 row-end-3 h-full aspect-square bg-[--accent] group-[]\/black-text:bg-black mask-icon mask-contain mask-center\"\n            >\n                <img decoding=\"async\" class=\"sr-only\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/CLEAR-1.svg\" \/>\n            <\/figure>\n            <\/header>\n            <div class=\"prose prose-lg prose-p:font-semibold mt-8\">\n                <p>Clear diesel is a type of traditional fuel that doesn't have any added dyes. It's classified as a fossil diesel or mineral diesel and is most commonly used in road vehicles. Diesel fuel is easier to refine from petroleum than gasoline and contains hydrocarbons. In North America, most diesel fuel consumed is ultra-low sulfur distillate\/diesel (ULSD).<\/p>\n            <\/div>\n            <footer class=\"mt-14\">\n                <a class=\"inline-block bg-[--accent] hover:bg-[--secondary] transition-colors px-10 py-5 text-white group-[]\/black-text:text-black text-xl font-bold uppercase rounded-lg\" href=\"https:\/\/4refuel.com\/product\/clear-diesel\/\">Learn More<\/a>\n            <\/footer>\n        <\/div>\n    <\/article>\n<\/div>\n\n<div \n    x-data=\"{\n        mobile: true,\n\n        calcPercentageInView() {\n            \/\/ Get the relevant measurements and positions\n            const viewportHeight = window.innerHeight;\n            const scrollTop = window.scrollY;\n            const elementOffsetTop = $el.offsetTop;\n            const elementHeight = $el.offsetHeight;\n\n            \/\/ Calculate percentage of the element that's been seen\n            const distance = scrollTop + viewportHeight - elementOffsetTop;\n            const percentage = Math.round(\n                distance \/ elementHeight * 100\n            );\n\n            \/\/ Restrict the range to between 0 and 100\n            return Math.min(100, Math.max(0, percentage));\n        },\n\n        init() {\n            const products = document.querySelectorAll('.product-intro');\n            const current = Array.from(products).indexOf($el)\n            const increment = 100 \/ products.length;\n            const translate = -40 + increment * current;\n\n            this.$refs.ribbon.style.setProperty('--translate', translate + '%')\n        }\n    }\"\n    x-on:scroll.window=\"$refs.ribbon.style.setProperty('--clip-right', 100 - (Math.min(calcPercentageInView() * ($store.header.toggleable ? 1.1 : 1), 100)) + '%')\"\n    class=\"product-intro group\/product [--flex-dir:row] [&:nth-child(even_of_.group\\\/product)]:[--flex-dir:row-reverse]\"\n    style=\"\n        --accent: rgb(54 177 83);\n        --secondary: rgb(104 78 159);\n    \"\n>\n    <div x-ref=\"ribbon\" style=\"clip-path: inset(0 var(--clip-right) 0 0)\">\n        <div\n            class=\"relative z-50 container flex justify-center h-10 md:h-16 lg:h-24 xl:h-36 -mt-[5.5rem] md:-mt-[10rem] group-[&+.group\\\/product]\/product:-mt-10 translate-x-[--translate]\"\n            aria-hidden=\"true\"\n        >\n            <div class=\"relative w-[150vw] lg:w-[125rem] h-full flex-none\">\n                <div class=\"absolute z-10 w-full h-full bg-[--accent] mask-ribbon mask-bottom scale-x-[-1] translate-x-[calc(100%-10px)]\"><\/div>\n                <div class=\"absolute w-full h-full bg-[--accent] mask-ribbon mask-bottom scale-x-[-1] translate-x-[calc(-100%+10px)]\"><\/div>\n                <div class=\"absolute w-full h-full bg-[--accent] mask-ribbon mask-bottom\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <article\n        id=\"Dyed\"\n        class=\"container pt-8 md:pt-16 lg:pt-24 xl:pt-36 flex items-center flex-col-reverse md:[flex-direction:var(--flex-dir)] gap-8 md:gap-10 lg:gap-16 xl:gap-28 overflow-hidden\"\n    >\n        <figure class=\"max-md:block max-md:w-full order-2 flex-1 aspect-square rounded-xl overflow-hidden\">\n            <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/05\/Rectangle-109.jpg.webp\" \/>\n        <\/figure>\n        <div class=\"order-1 flex-1\">\n            <header class=\"relative grid grid-flow-row md:grid-flow-col-dense auto-rows-auto auto-cols-auto justify-start gap-y-4 text-[--accent] gap-x-6 group-[]\/black-text:text-black\">\n            <h1 class=\"order-2 text-4xl\/none font-semibold uppercase\">Dyed Diesel<\/h1>\n            <h2 class=\"order-1 font-bold text-base\/none text-purple\">Traditional<\/h2>\n            <figure\n                style=\"--icon: url(https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/DYED-1.svg)\"\n                class=\"max-md:absolute right-0 top-0 max-md:w-16 max-md:h-16 order-3 col-start-2 col-end-3 row-start-1 row-end-3 h-full aspect-square bg-[--accent] group-[]\/black-text:bg-black mask-icon mask-contain mask-center\"\n            >\n                <img decoding=\"async\" class=\"sr-only\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/DYED-1.svg\" \/>\n            <\/figure>\n            <\/header>\n            <div class=\"prose prose-lg prose-p:font-semibold mt-8\">\n                <p>Dyed energy products, such as dyed diesel fuel, are used for off-road purposes and are marked with a special dye to distinguish them from taxed, on-road fuel, helping to ensure compliance with fuel tax regulations and promoting fair and sustainable use of energy resources.<\/p>\n            <\/div>\n            <footer class=\"mt-14\">\n                <a class=\"inline-block bg-[--accent] hover:bg-[--secondary] transition-colors px-10 py-5 text-white group-[]\/black-text:text-black text-xl font-bold uppercase rounded-lg\" href=\"https:\/\/4refuel.com\/product\/dyed-diesel\/\">Learn More<\/a>\n            <\/footer>\n        <\/div>\n    <\/article>\n<\/div>\n\n<aside \n    class=\"wp-block-image-text-overlay relative z-0 grid grid-cols-1 grid-rows-[auto_auto] xl:max-h-[175vh] after:absolute after:w-full after:!-top-px after:bg-no-repeat after:bg-[length:100%_auto] after:bg-top after:z-10 after:bg-overlay-lines after:aspect-[1440\/435] after:-translate-y-1\/4\"\n    id=\"AlternativeProducts\"\n>\n    <figure \n        class=\"max-md:aspect-[39\/26] relative z-10 col-start-1 col-end-2 md:col-end-3 row-start-1 row-end-2 md:row-end-3 after:hidden md:after:block after:absolute after:inset-x-0 after:inset-y-0 after:z-20  after:bg-set-dir after:from-transparent after:from-40% after:to-blue\/[--set-opacity] after:to-70%\"\n        aria-hidden=\"true\"\n        style=\"\n            --tw-gradient-dir: to right;\n            --set-opacity: 0.35;\n            --focus: right center;\n        \"\n    >\n        <img \n            class=\"w-full !h-full object-cover object-[--focus]\"\n            src=\"https:\/\/4refuel.com\/wp-content\/smush-webp\/2025\/08\/AdobeStock_377278119reversed_2-500x428.jpg.webp\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            srcset=\"\n                https:\/\/4refuel.com\/wp-content\/smush-webp\/2025\/08\/AdobeStock_377278119reversed_2-500x428.jpg.webp 300w,\n                https:\/\/4refuel.com\/wp-content\/smush-webp\/2025\/08\/AdobeStock_377278119reversed_2-1280x1097.jpg.webp 500w,\n                https:\/\/4refuel.com\/wp-content\/smush-webp\/2025\/08\/AdobeStock_377278119reversed_2-2000x1714.jpg.webp 1280w\n            \"\n            sizes=\"100vw\"\n        >\n    <\/figure>\n    <div class=\"relative container md:flex justify-end z-30 col-start-1 col-end-2 row-start-2 md:row-start-1 row-end-3 pt-8 pb-16 md:pb-40 md:pt-44 xl:pt-80 px-8 md:drop-shadow-md\">\n        <div class=\"prose max-md:prose-headings:!text-black max-md:prose-p:!text-black lg:prose-headings:text-6xl fr:prose-headings:leading-[1.15] sp:prose-headings:leading-[1.15] text-lg:prose-lg max-w-lg lg:max-w-min\">\n\n<h2 class=\"wp-block-heading has-white-color has-text-color\">WHAT ARE ALTERNATIVE<br>PRODUCTS?<\/h2>\n\n\n\n<p class=\"has-white-color has-text-color\">Alternative fuels, otherwise known as advanced fuels, are produced using renewable energy sources. They are derived from feedstocks or organic waste, rather than non-renewable fossils or petroleum. These fuels can take on liquid or gaseous forms, and are commonly used to replace carbon-intensive fuel types.&nbsp; Alternative fuel types are strategically integrated within industries like transportation and construction to reduce emissions.<\/p>\n\n<\/div>\n    <\/div>\n<\/aside>\n\n\n<div \n    x-data=\"{\n        mobile: true,\n\n        calcPercentageInView() {\n            \/\/ Get the relevant measurements and positions\n            const viewportHeight = window.innerHeight;\n            const scrollTop = window.scrollY;\n            const elementOffsetTop = $el.offsetTop;\n            const elementHeight = $el.offsetHeight;\n\n            \/\/ Calculate percentage of the element that's been seen\n            const distance = scrollTop + viewportHeight - elementOffsetTop;\n            const percentage = Math.round(\n                distance \/ elementHeight * 100\n            );\n\n            \/\/ Restrict the range to between 0 and 100\n            return Math.min(100, Math.max(0, percentage));\n        },\n\n        init() {\n            const products = document.querySelectorAll('.product-intro');\n            const current = Array.from(products).indexOf($el)\n            const increment = 100 \/ products.length;\n            const translate = -40 + increment * current;\n\n            this.$refs.ribbon.style.setProperty('--translate', translate + '%')\n        }\n    }\"\n    x-on:scroll.window=\"$refs.ribbon.style.setProperty('--clip-right', 100 - (Math.min(calcPercentageInView() * ($store.header.toggleable ? 1.1 : 1), 100)) + '%')\"\n    class=\"product-intro group\/product [--flex-dir:row] [&:nth-child(even_of_.group\\\/product)]:[--flex-dir:row-reverse]\"\n    style=\"\n        --accent: rgb(0 145 160);\n        --secondary: rgb(104 78 159);\n    \"\n>\n    <div x-ref=\"ribbon\" style=\"clip-path: inset(0 var(--clip-right) 0 0)\">\n        <div\n            class=\"relative z-50 container flex justify-center h-10 md:h-16 lg:h-24 xl:h-36 -mt-[5.5rem] md:-mt-[10rem] group-[&+.group\\\/product]\/product:-mt-10 translate-x-[--translate]\"\n            aria-hidden=\"true\"\n        >\n            <div class=\"relative w-[150vw] lg:w-[125rem] h-full flex-none\">\n                <div class=\"absolute z-10 w-full h-full bg-[--accent] mask-ribbon mask-bottom scale-x-[-1] translate-x-[calc(100%-10px)]\"><\/div>\n                <div class=\"absolute w-full h-full bg-[--accent] mask-ribbon mask-bottom scale-x-[-1] translate-x-[calc(-100%+10px)]\"><\/div>\n                <div class=\"absolute w-full h-full bg-[--accent] mask-ribbon mask-bottom\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <article\n        id=\"BioDiesel\"\n        class=\"container pt-8 md:pt-16 lg:pt-24 xl:pt-36 flex items-center flex-col-reverse md:[flex-direction:var(--flex-dir)] gap-8 md:gap-10 lg:gap-16 xl:gap-28 overflow-hidden\"\n    >\n        <figure class=\"max-md:block max-md:w-full order-2 flex-1 aspect-square rounded-xl overflow-hidden\">\n            <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/05\/Rectangle-5.jpg.webp\" \/>\n        <\/figure>\n        <div class=\"order-1 flex-1\">\n            <header class=\"relative grid grid-flow-row md:grid-flow-col-dense auto-rows-auto auto-cols-auto justify-start gap-y-4 text-[--accent] gap-x-6 group-[]\/black-text:text-black\">\n            <h1 class=\"order-2 text-4xl\/none font-semibold uppercase\">BioDiesel<\/h1>\n            <h2 class=\"order-1 font-bold text-base\/none text-purple\">Alternative Products<\/h2>\n            <figure\n                style=\"--icon: url(https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/BioDiesel-1.svg)\"\n                class=\"max-md:absolute right-0 top-0 max-md:w-16 max-md:h-16 order-3 col-start-2 col-end-3 row-start-1 row-end-3 h-full aspect-square bg-[--accent] group-[]\/black-text:bg-black mask-icon mask-contain mask-center\"\n            >\n                <img decoding=\"async\" class=\"sr-only\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/BioDiesel-1.svg\" \/>\n            <\/figure>\n            <\/header>\n            <div class=\"prose prose-lg prose-p:font-semibold mt-8\">\n                <p>Biodiesel is a renewable fuel made from plant or animal-based sources, which can be used as a cleaner and more sustainable alternative to petroleum diesel in transportation and other applications.<\/p>\n            <\/div>\n            <footer class=\"mt-14\">\n                <a class=\"inline-block bg-[--accent] hover:bg-[--secondary] transition-colors px-10 py-5 text-white group-[]\/black-text:text-black text-xl font-bold uppercase rounded-lg\" href=\"https:\/\/4refuel.com\/product\/biodiesel\/\">Learn More<\/a>\n            <\/footer>\n        <\/div>\n    <\/article>\n<\/div>\n\n<div \n    x-data=\"{\n        mobile: true,\n\n        calcPercentageInView() {\n            \/\/ Get the relevant measurements and positions\n            const viewportHeight = window.innerHeight;\n            const scrollTop = window.scrollY;\n            const elementOffsetTop = $el.offsetTop;\n            const elementHeight = $el.offsetHeight;\n\n            \/\/ Calculate percentage of the element that's been seen\n            const distance = scrollTop + viewportHeight - elementOffsetTop;\n            const percentage = Math.round(\n                distance \/ elementHeight * 100\n            );\n\n            \/\/ Restrict the range to between 0 and 100\n            return Math.min(100, Math.max(0, percentage));\n        },\n\n        init() {\n            const products = document.querySelectorAll('.product-intro');\n            const current = Array.from(products).indexOf($el)\n            const increment = 100 \/ products.length;\n            const translate = -40 + increment * current;\n\n            this.$refs.ribbon.style.setProperty('--translate', translate + '%')\n        }\n    }\"\n    x-on:scroll.window=\"$refs.ribbon.style.setProperty('--clip-right', 100 - (Math.min(calcPercentageInView() * ($store.header.toggleable ? 1.1 : 1), 100)) + '%')\"\n    class=\"product-intro group\/product [--flex-dir:row] [&:nth-child(even_of_.group\\\/product)]:[--flex-dir:row-reverse]\"\n    style=\"\n        --accent: rgb(66 127 190);\n        --secondary: rgb(104 78 159);\n    \"\n>\n    <div x-ref=\"ribbon\" style=\"clip-path: inset(0 var(--clip-right) 0 0)\">\n        <div\n            class=\"relative z-50 container flex justify-center h-10 md:h-16 lg:h-24 xl:h-36 -mt-[5.5rem] md:-mt-[10rem] group-[&+.group\\\/product]\/product:-mt-10 translate-x-[--translate]\"\n            aria-hidden=\"true\"\n        >\n            <div class=\"relative w-[150vw] lg:w-[125rem] h-full flex-none\">\n                <div class=\"absolute z-10 w-full h-full bg-[--accent] mask-ribbon mask-bottom scale-x-[-1] translate-x-[calc(100%-10px)]\"><\/div>\n                <div class=\"absolute w-full h-full bg-[--accent] mask-ribbon mask-bottom scale-x-[-1] translate-x-[calc(-100%+10px)]\"><\/div>\n                <div class=\"absolute w-full h-full bg-[--accent] mask-ribbon mask-bottom\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <article\n        id=\"RenewableDiesel\"\n        class=\"container pt-8 md:pt-16 lg:pt-24 xl:pt-36 flex items-center flex-col-reverse md:[flex-direction:var(--flex-dir)] gap-8 md:gap-10 lg:gap-16 xl:gap-28 overflow-hidden\"\n    >\n        <figure class=\"max-md:block max-md:w-full order-2 flex-1 aspect-square rounded-xl overflow-hidden\">\n            <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/06\/Feedstock-Image-01-1.svg\" \/>\n        <\/figure>\n        <div class=\"order-1 flex-1\">\n            <header class=\"relative grid grid-flow-row md:grid-flow-col-dense auto-rows-auto auto-cols-auto justify-start gap-y-4 text-[--accent] gap-x-6 group-[]\/black-text:text-black\">\n            <h1 class=\"order-2 text-4xl\/none font-semibold uppercase\">Renewable Diesel<\/h1>\n            <h2 class=\"order-1 font-bold text-base\/none text-purple\">Alternative Products<\/h2>\n            <figure\n                style=\"--icon: url(https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/RENEWABLE-DIESEL-1.svg)\"\n                class=\"max-md:absolute right-0 top-0 max-md:w-16 max-md:h-16 order-3 col-start-2 col-end-3 row-start-1 row-end-3 h-full aspect-square bg-[--accent] group-[]\/black-text:bg-black mask-icon mask-contain mask-center\"\n            >\n                <img decoding=\"async\" class=\"sr-only\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/RENEWABLE-DIESEL-1.svg\" \/>\n            <\/figure>\n            <\/header>\n            <div class=\"prose prose-lg prose-p:font-semibold mt-8\">\n                <p>Renewable diesel, often referred to as HDRD (hydrogenated-derived renewable diesel), HVO (hydrogenated vegetable oil) or HEFA (hydrotreated esters and fatty acids) is a drop-in ready renewable energy source that can be used in exchange of traditional diesel. <\/p>\n            <\/div>\n            <footer class=\"mt-14\">\n                <a class=\"inline-block bg-[--accent] hover:bg-[--secondary] transition-colors px-10 py-5 text-white group-[]\/black-text:text-black text-xl font-bold uppercase rounded-lg\" href=\"https:\/\/4refuel.com\/product\/renewable-diesel\/\">Learn More<\/a>\n            <\/footer>\n        <\/div>\n    <\/article>\n<\/div>\n\n<aside \n    class=\" relative z-0 pt-0 md:py-16 xl:pt-24 xl:pb-32 lg:aspect-auto bg-gradient-to-r from-green-light via-blue to-purple after:absolute after:inset-x-0 after:inset-y-0 after:!-top-px after:bg-footer-cta after:bg-no-repeat after:bg-[length:100%_auto] after:bg-top after:z-10 text-white\"\n    id=\"default-cta\"\n>\n    <div class=\"relative z-20 container group-[.container]\/section:max-w-none group-[.container]\/section:px-0 flex flex-col md:flex-row gap-5 md:gap-24 xl:gap-32 pb-16 pt-24 lg:pb-24 lg:pt-40\">\n        <header\n            class=\"md:max-w-xs lg:max-w-sm\"\n        >\n            <h1 class=\"font-bold text-2xl lg:text-3xl leading-tight\">Let's start by understanding your operations, needs <br>and objectives.<\/h1>\n        <\/header>\n        <div class=\"flex-1 prose prose-invert lg:prose-lg xl:prose-xl\">\n            \n\n<p>Contact us today to schedule on-site refuelling, or to speak with a fuel consultant about our solutions.<\/p>\n\n\n<div class=\"form form-block not-prose\"\n>\n            <script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_unknown gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_7' style='display:none'><style>#gform_wrapper_7[data-form-index=\"0\"].gform-theme,[data-parent-form=\"7_0\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image\/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(\"data:image\/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(\"data:image\/svg+xml,%3Csvg width='640' height='640' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style><div id='gf_7' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>&quot;<span class=\"gfield_required gfield_required_asterisk\">*<\/span>&quot; indicates required fields<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_7' id='gform_7'  action='\/wp-json\/wp\/v2\/pages\/325#gf_7' data-formid='7' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_7' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_7_30\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_30'>LinkedIn<\/label><div class='ginput_container'><input name='input_30' id='input_7_30' type='text' value='' autocomplete='new-password'\/><\/div><div class='gfield_description' id='gfield_description_7_30'>This field is for validation purposes and should be left unchanged.<\/div><\/div><div id=\"field_7_23\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_23'>First Name<\/label><div class='ginput_container ginput_container_text'><input name='input_23' id='input_7_23' type='text' value='' class='large'    placeholder='First Name'  aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_7_24\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_24'>Last Name<\/label><div class='ginput_container ginput_container_text'><input name='input_24' id='input_7_24' type='text' value='' class='large'    placeholder='Last Name'  aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_7_4\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-third field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_4'>Email<\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_4' id='input_7_4' type='email' value='' class='large'   placeholder='Email'  aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_7_9\" class=\"gfield gfield--type-phone gfield--input-type-phone gfield--width-third field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_9'>Phone Number<\/label><div class='ginput_container ginput_container_phone'><input name='input_9' id='input_7_9' type='tel' value='' class='large'  placeholder='Phone Number'  aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_7_3\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-third field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_3'>Company<\/label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_7_3' type='text' value='' class='large'    placeholder='Company'  aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_7_22\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-half field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_22'>Country<\/label><div class='ginput_container ginput_container_select'><select name='input_22' id='input_7_22' class='large gfield_select'     aria-invalid=\"false\" ><option value='' selected='selected' class='gf_placeholder'>Please select your country.<\/option><option value='Canada' >Canada<\/option><option value='United States' >United States<\/option><option value='' ><\/option><\/select><\/div><\/div><div id=\"field_7_5\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-half field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_5'>Province or State<\/label><div class='ginput_container ginput_container_select'><select name='input_5' id='input_7_5' class='large gfield_select'     aria-invalid=\"false\" ><option value='' selected='selected' class='gf_placeholder'>Please select your province or state.<\/option><option value='Alberta' >Alberta<\/option><option value='British Columbia' >British Columbia<\/option><option value='British Columbia - Vancouver Island' >British Columbia -- Vancouver Island<\/option><option value='Manitoba' >Manitoba<\/option><option value='New Brunswick' >New Brunswick<\/option><option value='Newfoundland and Labrador' >Newfoundland and Labrador<\/option><option value='Northwest Territories' >Northwest Territories<\/option><option value='Nova Scotia' >Nova Scotia<\/option><option value='Nunavut' >Nunavut<\/option><option value='Ontario' >Ontario<\/option><option value='Prince Edward Island' >Prince Edward Island<\/option><option value='Quebec' >Quebec<\/option><option value='Saskatchewan' >Saskatchewan<\/option><option value='Yukon' >Yukon<\/option><option value='Alabama' >Alabama<\/option><option value='Alaska' >Alaska<\/option><option value='American Samoa' >American Samoa<\/option><option value='Arizona' >Arizona<\/option><option value='Arkansas' >Arkansas<\/option><option value='California' >California<\/option><option value='Colorado' >Colorado<\/option><option value='Connecticut' >Connecticut<\/option><option value='Delaware' >Delaware<\/option><option value='District of Columbia' >District of Columbia<\/option><option value='Florida' >Florida<\/option><option value='Georgia' >Georgia<\/option><option value='Guam' >Guam<\/option><option value='Hawaii' >Hawaii<\/option><option value='Idaho' >Idaho<\/option><option value='Illinois' >Illinois<\/option><option value='Indiana' >Indiana<\/option><option value='Iowa' >Iowa<\/option><option value='Kansas' >Kansas<\/option><option value='Kentucky' >Kentucky<\/option><option value='Louisiana' >Louisiana<\/option><option value='Maine' >Maine<\/option><option value='Maryland' >Maryland<\/option><option value='Massachusetts' >Massachusetts<\/option><option value='Michigan' >Michigan<\/option><option value='Minnesota' >Minnesota<\/option><option value='Mississippi' >Mississippi<\/option><option value='Missouri' >Missouri<\/option><option value='Montana' >Montana<\/option><option value='Nebraska' >Nebraska<\/option><option value='Nevada' >Nevada<\/option><option value='New Hampshire' >New Hampshire<\/option><option value='New Jersey' >New Jersey<\/option><option value='New Mexico' >New Mexico<\/option><option value='New York' >New York<\/option><option value='North Carolina' >North Carolina<\/option><option value='North Dakota' >North Dakota<\/option><option value='Northern Mariana Islands' >Northern Mariana Islands<\/option><option value='Ohio' >Ohio<\/option><option value='Oklahoma' >Oklahoma<\/option><option value='Oregon' >Oregon<\/option><option value='Pennsylvania' >Pennsylvania<\/option><option value='Puerto Rico' >Puerto Rico<\/option><option value='Rhode Island' >Rhode Island<\/option><option value='South Carolina' >South Carolina<\/option><option value='South Dakota' >South Dakota<\/option><option value='Tennessee' >Tennessee<\/option><option value='Texas' >Texas<\/option><option value='Utah' >Utah<\/option><option value='U.S. Virgin Islands' >U.S. Virgin Islands<\/option><option value='Vermont' >Vermont<\/option><option value='Virginia' >Virginia<\/option><option value='Washington' >Washington<\/option><option value='West Virginia' >West Virginia<\/option><option value='Wisconsin' >Wisconsin<\/option><option value='Wyoming' >Wyoming<\/option><option value='Armed Forces Americas' >Armed Forces Americas<\/option><option value='Armed Forces Europe' >Armed Forces Europe<\/option><option value='Armed Forces Pacific' >Armed Forces Pacific<\/option><\/select><\/div><\/div><fieldset id=\"field_7_16\" class=\"gfield gfield--type-radio gfield--type-choice gfield--input-type-radio gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label' >Are you an existing 4Refuel customer?<\/legend><div class='ginput_container ginput_container_radio'><div class='gfield_radio' id='input_7_16'>\n\t\t\t<div class='gchoice gchoice_7_16_0'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_16' type='radio' value='Yes'  id='choice_7_16_0' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_7_16_0' id='label_7_16_0' class='gform-field-label gform-field-label--type-inline'>Yes<\/label>\n\t\t\t<\/div>\n\t\t\t<div class='gchoice gchoice_7_16_1'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_16' type='radio' value='No' checked='checked' id='choice_7_16_1' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_7_16_1' id='label_7_16_1' class='gform-field-label gform-field-label--type-inline'>No<\/label>\n\t\t\t<\/div><\/div><\/div><\/fieldset><div id=\"field_7_17\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-half field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_17'>What can we help you with?<\/label><div class='ginput_container ginput_container_select'><select name='input_17' id='input_7_17' class='large gfield_select'     aria-invalid=\"false\" ><option value='' selected='selected' class='gf_placeholder'>What can we help you with?<\/option><option value='Question about your Invoice' >Question about your Invoice<\/option><option value='Request a Fuel Delivery' >Request a Fuel Delivery<\/option><option value='Report a Service Issue' >Report a Service Issue<\/option><option value='Change or Cancel a Scheduled Delivery' >Change or Cancel a Scheduled Delivery<\/option><option value='Help with FMO (Fuel Management Online)' >Help with FMO (Fuel Management Online)<\/option><\/select><\/div><\/div><div id=\"field_7_18\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_18'>What can we help you with?<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_18' id='input_7_18' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='' selected='selected' class='gf_placeholder'>What can we help you with?<\/option><option value='Schedule on-site refuelling' >Schedule on-site refuelling<\/option><option value='Quote for fuel services' >Quote for fuel services<\/option><option value='Info about fuel management solutions' >Info about fuel management solutions<\/option><option value='Careers with 4Refuel' >Careers with 4Refuel<\/option><option value='Media inquiry' >Media inquiry<\/option><option value='Other inquiry' >Other inquiry<\/option><\/select><\/div><\/div><div id=\"field_7_10\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-full field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_10'>City where you need service?<\/label><div class='ginput_container ginput_container_text'><input name='input_10' id='input_7_10' type='text' value='' class='large'    placeholder='City where you need service?'  aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_7_8\" class=\"gfield gfield--type-textarea gfield--input-type-textarea field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_8'>Your Message<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_8' id='input_7_8' class='textarea large'    placeholder='Your Message'  aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_7_25\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full field_sublabel_below gfield--has-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Subscription Consent<\/legend><div class='ginput_container ginput_container_consent'><input name='input_25.1' id='input_7_25_1' type='checkbox' value='1'  aria-describedby=\"gfield_consent_description_7_25\"  aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_7_25_1' >SIGN ME UP!<\/label><input type='hidden' name='input_25.2' value='SIGN ME UP!' class='gform_hidden' \/><input type='hidden' name='input_25.3' value='3' class='gform_hidden' \/><\/div><div class='gfield_description gfield_consent_description' id='gfield_consent_description_7_25' tabindex='0'>Checking \u201cSIGN ME UP\u201d ensures you receive information and updates from 4Refuel. This includes service updates, Fuel Management Online (FMO) news and notifications, and emails about special offers. You may withdraw your consent at any time.<\/div><\/fieldset><div id=\"field_7_26\" class=\"gfield gfield--type-hidden gfield--input-type-hidden gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><input name=\"input_26\" id=\"input_7_26\" data-analytics=\"utm_source\" type=\"hidden\" class=\"gform_hidden\" aria-invalid=\"false\" value=\"\"><\/div><div id=\"field_7_27\" class=\"gfield gfield--type-hidden gfield--input-type-hidden gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><input name=\"input_27\" id=\"input_7_27\" data-analytics=\"utm_medium\" type=\"hidden\" class=\"gform_hidden\" aria-invalid=\"false\" value=\"\"><\/div><div id=\"field_7_28\" class=\"gfield gfield--type-hidden gfield--input-type-hidden gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><input name=\"input_28\" id=\"input_7_28\" data-analytics=\"utm_campaign\" type=\"hidden\" class=\"gform_hidden\" aria-invalid=\"false\" value=\"\"><\/div><div id=\"field_7_15\" class=\"gfield gfield--type-hidden gfield--input-type-hidden gfield--width-full gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><input name=\"input_15\" id=\"input_7_15\" data-lang type=\"hidden\" class=\"gform_hidden\" aria-invalid=\"false\" value=\"\"><\/div><div id=\"field_7_29\" class=\"gfield gfield--type-captcha gfield--input-type-captcha gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_7_29'>CAPTCHA<\/label><div id='input_7_29' class='ginput_container ginput_recaptcha' data-sitekey='6Le-nKwqAAAAACHncOgl9DJp3CTAQDqDtz59OXxs'  data-theme='light' data-tabindex='0'  data-badge=''><\/div><\/div><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_7' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Contact Us'  \/> <input type='hidden' name='gform_ajax' value='form_id=7&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;styles=[]&amp;hash=e980b9e5046f7d1c7e651b7260c8d57c' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_7' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_7' id='gform_theme_7' value='orbital' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_7' id='gform_style_settings_7' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_7' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='7' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='CAD' value='gYsiqH7dzXA4Pd2h2PTfjzA7V5EZVkbi5mRS8Dh\/eZBDhb40eCcL8rx8HefrQi0gtcpe5mPhTIiFtQkhFHXdDlZMcFyIzY7DezmcCE3rubQqIik=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_7' value='WyJ7XCIyNS4xXCI6XCJkOTgyNzQ3ZWNiOWQ0ZmNmMjU0ZWNlN2I5ZWUxZDVkMFwiLFwiMjUuMlwiOlwiN2Y5MmUwODExZjNhNjYzMThlZTY0NTIxZDAzYzViMzhcIixcIjI1LjNcIjpcIjEwMmRjZGFkODlkODhhNzBmN2ViNmU1ODExYWE4ZTU3XCJ9IiwiNjVhMjAxNjIwYjlkYTU1OGY4NmNmNTZiMzU5M2ZlMzIiXQ==' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_7' id='gform_target_page_number_7' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_7' id='gform_source_page_number_7' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"96\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_7' id='gform_ajax_frame_7' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 7, 'https:\/\/4refuel.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery('#gform_ajax_frame_7').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_7');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_7').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_7').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_7').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_7').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_7').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_7').val();gformInitSpinner( 7, 'https:\/\/4refuel.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [7, current_page]);window['gf_submitting_7'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_7').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_7').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [7]);window['gf_submitting_7'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_7').text());}else{jQuery('#gform_7').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"7\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_7\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_7\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_7\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 7, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n    <\/div>\n\n        <\/div>\n    <\/div>\n<\/aside>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-325","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Energy Products | 4Refuel<\/title>\n<meta name=\"description\" content=\"At 4Refuel we offer traditional gasoline and diesel plus alternatives to fossil-derived diesel options to accommodate decarbonization initiatives including CNG, RNG and Hydrogen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/4refuel.com\/products\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Energy Products | 4Refuel\" \/>\n<meta property=\"og:description\" content=\"At 4Refuel we offer traditional gasoline and diesel plus alternatives to fossil-derived diesel options to accommodate decarbonization initiatives including CNG, RNG and Hydrogen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/4refuel.com\/products\/\" \/>\n<meta property=\"og:site_name\" content=\"4Refuel\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100064101903046\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-05T18:36:06+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@4Refuel\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/4refuel.com\\\/products\\\/\",\"url\":\"https:\\\/\\\/4refuel.com\\\/products\\\/\",\"name\":\"Energy Products | 4Refuel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/4refuel.com\\\/#website\"},\"datePublished\":\"2023-05-18T17:30:04+00:00\",\"dateModified\":\"2025-08-05T18:36:06+00:00\",\"description\":\"At 4Refuel we offer traditional gasoline and diesel plus alternatives to fossil-derived diesel options to accommodate decarbonization initiatives including CNG, RNG and Hydrogen.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/4refuel.com\\\/products\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/4refuel.com\\\/products\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/4refuel.com\\\/products\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/4refuel.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Products\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/4refuel.com\\\/#website\",\"url\":\"https:\\\/\\\/4refuel.com\\\/\",\"name\":\"4Refuel\",\"description\":\"Leader in mobile on-site refuelling\",\"publisher\":{\"@id\":\"https:\\\/\\\/4refuel.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/4refuel.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/4refuel.com\\\/#organization\",\"name\":\"4Refuel LP\",\"url\":\"https:\\\/\\\/4refuel.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/4refuel.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/4refuel.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/4Refuel-1.png\",\"contentUrl\":\"https:\\\/\\\/4refuel.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/4Refuel-1.png\",\"width\":512,\"height\":512,\"caption\":\"4Refuel LP\"},\"image\":{\"@id\":\"https:\\\/\\\/4refuel.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=100064101903046\",\"https:\\\/\\\/x.com\\\/4Refuel\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/4refuel-lp\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Energy Products | 4Refuel","description":"At 4Refuel we offer traditional gasoline and diesel plus alternatives to fossil-derived diesel options to accommodate decarbonization initiatives including CNG, RNG and Hydrogen.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/4refuel.com\/products\/","og_locale":"en_US","og_type":"article","og_title":"Energy Products | 4Refuel","og_description":"At 4Refuel we offer traditional gasoline and diesel plus alternatives to fossil-derived diesel options to accommodate decarbonization initiatives including CNG, RNG and Hydrogen.","og_url":"https:\/\/4refuel.com\/products\/","og_site_name":"4Refuel","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100064101903046","article_modified_time":"2025-08-05T18:36:06+00:00","twitter_card":"summary_large_image","twitter_site":"@4Refuel","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/4refuel.com\/products\/","url":"https:\/\/4refuel.com\/products\/","name":"Energy Products | 4Refuel","isPartOf":{"@id":"https:\/\/4refuel.com\/#website"},"datePublished":"2023-05-18T17:30:04+00:00","dateModified":"2025-08-05T18:36:06+00:00","description":"At 4Refuel we offer traditional gasoline and diesel plus alternatives to fossil-derived diesel options to accommodate decarbonization initiatives including CNG, RNG and Hydrogen.","breadcrumb":{"@id":"https:\/\/4refuel.com\/products\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/4refuel.com\/products\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/4refuel.com\/products\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/4refuel.com\/"},{"@type":"ListItem","position":2,"name":"Products"}]},{"@type":"WebSite","@id":"https:\/\/4refuel.com\/#website","url":"https:\/\/4refuel.com\/","name":"4Refuel","description":"Leader in mobile on-site refuelling","publisher":{"@id":"https:\/\/4refuel.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/4refuel.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/4refuel.com\/#organization","name":"4Refuel LP","url":"https:\/\/4refuel.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/4refuel.com\/#\/schema\/logo\/image\/","url":"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/06\/4Refuel-1.png","contentUrl":"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/06\/4Refuel-1.png","width":512,"height":512,"caption":"4Refuel LP"},"image":{"@id":"https:\/\/4refuel.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=100064101903046","https:\/\/x.com\/4Refuel","https:\/\/www.linkedin.com\/company\/4refuel-lp\/"]}]}},"_links":{"self":[{"href":"https:\/\/4refuel.com\/wp-json\/wp\/v2\/pages\/325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4refuel.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4refuel.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4refuel.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/4refuel.com\/wp-json\/wp\/v2\/comments?post=325"}],"version-history":[{"count":0,"href":"https:\/\/4refuel.com\/wp-json\/wp\/v2\/pages\/325\/revisions"}],"wp:attachment":[{"href":"https:\/\/4refuel.com\/wp-json\/wp\/v2\/media?parent=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}