{"id":10,"date":"2023-05-09T22:24:36","date_gmt":"2023-05-09T22:24:36","guid":{"rendered":"https:\/\/4refuel.test\/?page_id=10"},"modified":"2025-08-19T09:59:46","modified_gmt":"2025-08-19T16:59:46","slug":"home-page","status":"publish","type":"page","link":"https:\/\/4refuel.com\/","title":{"rendered":"Home Page"},"content":{"rendered":"<section\n    class=\"relative splide\"\n            x-data\n        x-init=\"\n            new window.Splide($el, {\n                type: 'fade'\n            }).mount();\n        \"\n    >\n    <div \n        class=\"splide__track lg:!overflow-visible\"\n    >\n        <ul \n            class=\"list-none splide__list\"\n        >\n            \n<li class=\"splide__slide\">\n    <div class=\"container md:flex items-center md:min-h-[32rem] landscape:h-[80vh] pt-10 pb-20\">\n        <figure class=\"\">\n            <div class=\"absolute z-0 bottom-0 lg:bottom-auto lg:top-1\/2 lg:-translate-y-1\/2 left-1\/4 w-full opacity-20\">\n                <img decoding=\"async\" class=\"aspect-[3\/2] mask-brushed mask-contain w-full object-cover object-center\" src=\"https:\/\/4refuel.com\/wp-content\/smush-webp\/2025\/06\/4RE6708-19.png.webp\" alt=\"\" \/>\n            <\/div>\n            <figcaption class=\"relative z-10\">\n                <h5 class=\"text-sm lg:text-2xl font-bold text-purple\">\n                    Delivering Reliable &amp; Sustainable Solutions\n                <\/h5>\n                <h3 class=\"mt-3 text-3xl lg:text-7xl font-semibold leading-none uppercase\">\n                    LEADER IN <br>MOBILE on-site<br>REFUELLING\n                <\/h3>\n                <a \n    class=\"inline-block py-2 lg:py-5 px-4 lg:px-8 lg:text-2xl\/none bg-purple hover:bg-blue text-white rounded transition-colors uppercase font-bold mt-16\" href=\"https:\/\/4refuel.com\/services\/mobile-on-site-refueling\/\" target=\"_self\"\n>\n    LEARN MORE\n<\/a>            <\/figcaption>\n        <\/figure>\n    <\/div>\n<\/li>\n\n        <\/ul>\n                    <div class=\"absolute bottom-10 left-1\/2 -translate-x-1\/2 z-20 container flex gap-10 items-center\">\n                <ul class=\"gap-2 !justify-start !p-0 [&_button]:border lg:[&_button]:border-[0.125rem] [&_button]:border-gray-200 hover:[&_button]:border-purple [&_button]:rounded-full [&_button]:w-3 [&_button]:aspect-square lg:[&_button]:w-5 [&_.is-active]:bg-purple [&_.is-active]:border-purple [&_button]:transition-colors splide__pagination only:[&>li]:hidden\"><\/ul>\n                <div class=\"flex gap-2 splide__arrows\">\n                    <button class=\"w-3 aspect-[3\/2] lg:w-4 rotate-90 text-purple splide__arrow splide__arrow--prev disabled:opacity-0 transition-opacity hover:transition hover:scale-125\">\n                        <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n                    <\/button>\n                    <button class=\"w-3 aspect-[3\/2] lg:w-4 -rotate-90 text-purple splide__arrow splide__arrow--next disabled:opacity-0 transition-opacity hover:transition hover:scale-125\">\n                        <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n<div \n    class=\"relative -z-10 w-full h-auto overflow-visible aspect-[--aspect-ratio] mt-[--mt] mb-[--mb]\"\n    style=\"\n        --aspect-ratio: 4 \/ 1;\n        --rotate: 0deg;\n        --translate: -0%;\n        --mt: -4vw;\n        --mb: -8vw;\n    \"\n>\n    <svg \n        class='w-full h-auto object-cover overflow-visible origin-left scale-x-[0.7] lg:scale-x-[0.8]'\n        viewBox=\"0 0 1440 357\" \n        fill=\"none\"\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    >\n        <path \n            d=\"M0 267.69L709.693 140.91C794.472 126.99 822.8 52.3 869.927 30.95C870.734 30.59 871.499 30.18 872.251 29.77C897.503 16.12 927.376 7.38 958.903 4.7C975.228 3.31 991.989 3.54 1008.81 5.55L1448.92 43C1456.16 43.4 1463.38 44.06 1470.59 44.73C1519.15 49.23 1589.59 48.08 1633.73 40L1663.99 34.46L2225 -83\"\n            stroke=\"url(#paint0_linear_1095_5485)\"\n            stroke-width=\"4\"\n            stroke-miterlimit=\"10\"\n            class=\"origin-center scale-x-[1.15] scale-y-[1.15] translate-x-[--translate] rotate-[--rotate]\"\n        \/>\n\n                    <path\n                d=\"M0 297.21L709.693 170.43C794.472 156.51 822.8 81.8195 869.927 60.4695C870.734 60.1095 871.499 59.6995 872.251 59.2895C897.503 45.6395 927.376 36.8995 958.903 34.2195C975.228 32.8295 991.989 33.0595 1008.81 35.0695L1448.92 72.5195C1456.16 72.9195 1463.38 73.5795 1470.59 74.2495C1519.15 78.7495 1589.59 77.5995 1633.73 69.5195L1663.99 63.9795L2225 -53.4805\"\n                stroke=\"url(#paint1_linear_1095_5485)\"\n                stroke-width=\"4\"\n                stroke-miterlimit=\"10\"\n                class=\"origin-center scale-x-[1.15] scale-y-[1.15] translate-x-[--translate] rotate-[--rotate]\"\n            \/>\n        \n                    <path\n                d=\"M0 327.21L709.693 200.43C794.472 186.51 822.8 111.82 869.927 90.4695C870.734 90.1095 871.499 89.6995 872.251 89.2895C897.503 75.6395 927.376 66.8995 958.903 64.2195C975.228 62.8295 991.989 63.0595 1008.81 65.0695L1448.92 102.52C1456.16 102.92 1463.38 103.58 1470.59 104.25C1519.15 108.75 1589.59 107.6 1633.73 99.5195L1663.99 93.9795L2225 -23.4805\"\n                stroke=\"url(#paint2_linear_1095_5485)\"\n                stroke-width=\"4\"\n                stroke-miterlimit=\"10\"\n                class=\"origin-center scale-x-[1.15] scale-y-[1.15] translate-x-[--translate] rotate-[--rotate]\"\n            \/>\n        \n                    <path\n                d=\"M0 357.21L709.693 230.43C794.472 216.51 822.8 141.82 869.927 120.47C870.734 120.11 871.499 119.7 872.251 119.29C897.503 105.64 927.376 96.8995 958.903 94.2195C975.228 92.8295 991.989 93.0595 1008.81 95.0695L1448.92 132.52C1456.16 132.92 1463.38 133.58 1470.59 134.25C1519.15 138.75 1589.59 137.6 1633.73 129.52L1663.99 123.98L2225 6.51953\"\n                stroke=\"url(#paint3_linear_1095_5485)\"\n                stroke-width=\"4\"\n                stroke-miterlimit=\"10\"\n                class=\"origin-center scale-x-[1.15] scale-y-[1.15] translate-x-[--translate] rotate-[--rotate]\"\n            \/>\n                <defs>\n            <linearGradient id=\"paint0_linear_1095_5485\" x1=\"-14.3273\" y1=\"263.265\" x2=\"2210.34\" y2=\"-90.8039\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"paint1_linear_1095_5485\" x1=\"-14.3273\" y1=\"292.784\" x2=\"2210.34\" y2=\"-61.2844\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"paint2_linear_1095_5485\" x1=\"-14.3273\" y1=\"322.784\" x2=\"2210.34\" y2=\"-31.2844\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"paint3_linear_1095_5485\" x1=\"-14.3273\" y1=\"352.784\" x2=\"2210.34\" y2=\"-1.28441\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n        <\/defs>\n    <\/svg>\n<\/div>\n\n<div class=\"wp-block-floating-links-text\">\n    <section class=\"wp-block-floating-links-text group\/column\"\n    id=\"\"\n>\n    <div class=\"flex flex-col md:flex-row gap-10 lg:gap-24 2xl:gap-32 container max-md:[&_.is-content]:order-1 max-md:[&_.is-media]:order-2\">\n<div \n    class=\"wp-block-content flex-1 is-content group-[&:not(.is-position-top)]\/column:self-center\"\n    >\n    <div class=\"prose lg:prose-lg font-semibold prose-strong:font-bold lg:gap-24\">\n<header class=\"not-prose\">\n       <h3 class=\"text-3xl lg:text-6xl font-semibold leading-none fr:leading-[1.15] sp:leading-[1.15] uppercase\">ENERGY DELIVERY<\/h3>\n<\/header>\n\n\n<p>4Refuel is North America's leading mobile on-site refuelling company offering direct-to-equipment energy delivery services. With over 25 years of experience, we save companies time and money by lowering refuelling costs and increasing productivity. <\/p>\n\n\n<div class=\"not-prose my-5\">\n  <a \n    class=\"inline-block py-2 lg:py-5 px-4 lg:px-8 lg:text-2xl\/none bg-purple hover:bg-blue text-white rounded transition-colors uppercase font-bold\" href=\"https:\/\/4refuel.com\/energy-delivery\/\" target=\"\"\n>\n    <span>Learn More<\/span>\n<\/a><\/div>\n\n<\/div>\n<\/div>\n\n\n<div class=\"wp-block-media-column is-media flex-1 flex flex-col gap-12\">\n    \n<div \n    x-data=\"{\n        active: null\n    }\"\n    x-id=\"['floating-links']\" \n    class=\" relative [perspective:1000px] grid grid-cols-2 gap-6 lg:gap-12\"\n>\n    \n<div\n    x-data=\"{\n        id: 10820,\n        get open() {\n            return this.active === this.id\n        },\n        set open(value) {\n            this.active = value ? this.id : null\n        },\n    }\"\n    x-init=\"\n        $watch('open', (value, old) => {\n            if (old == value) return;\n\n            if (value) {\n                $el.classList.add('z-50')\n                $refs.container.classList.remove('animate-floating-link-close')\n                $refs.container.classList.add('animate-floating-link-open')\n\n                setTimeout(() => {\n                    $refs.backside.classList.add('max-md:group-even\/card:!right-[-100%]', 'max-md:group-first\/card:!left-[-100%]')\n                    $refs.backside.scroll(0,0)\n                }, 300 )\n                \n                $focus.within($refs.backside).first();\n            } else {\n                $refs.backside.classList.remove('max-md:group-even\/card:!right-[-100%]', 'max-md:group-first\/card:!left-[-100%]')\n\n                setTimeout(() => {\n                    $el.classList.remove('z-50')\n\n                    $refs.container.classList.remove('animate-floating-link-open')\n                    $refs.container.classList.add('animate-floating-link-close')\n                }, 150 )\n\n                \n                $focus.within($refs.front).first();\n            }\n    })\n   \"\n    class=\"relative first-letter:w-full aspect-[9\/20] group\/card first:translate-y-6 lg:first:translate-y-12 max-md:group-first\/card:!left-[-100%]\"\n    x-id=\"['card']\"\n>\n    <div x-ref=\"container\" class=\"relative w-full h-full grid grid-cols-1 grid-rows-1 [transform-style:preserve-3d] rounded-lg shadow-[0_0_35px] shadow-blue-dark\/40\">\n        <div \n            x-ref=\"front\"\n            class=\"relative z-10 [backface-visibility:hidden] col-start-1 col-end-2 row-start-1 row-end-2 [transform:rotateX(0deg)]\"\n        >\n            <button\n                class=\"relative flex lg:justify-end w-full h-full px-4 py-3 lg:px-5 lg:py-6 rounded-lg overflow-hidden group\/flip [&>div]:!static\"\n                @click=\"open = true\"\n                :aria-controls=\"$id('card')\"\n                :aria-hidden=\"open\"\n            >\n                <img decoding=\"async\" class=\"absolute inset-x-0 inset-y-0 -z-10 w-full !h-full object-cover group-hover\/flip:scale-125 transition-transform duration-1000\" aria-hidden=\"true\" src=\"https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/06\/4RE4197.jpg.webp\">\n                <span\n                    class=\"flex-1 lg:flex-initial flex gap-4 items-center justify-between lg:justify-end self-end font-title font-bold text-white uppercase lg:text-2xl transition-opacity\"\n                    :class=\"(active != null) && 'opacity-0'\"\n                >\n                    <span>Products<\/span>\n                    <span class=\"absolute top-4 right-4 flex justify-center items-center w-8 h-8 p-2 bg-white text-purple group-hover\/flip:bg-purple group-hover\/flip:text-white transition-colors -rotate-90 rounded-full\">\n                        <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n                    <\/span>\n                <\/span>\n            <\/button>\n        <\/div>\n        <div\n            x-ref=\"backside\"\n            :id=\"$id('card')\"\n            class=\"absolute inset-y-0 left-0 right-0 z-0 flex flex-col h-full overflow-hidden p-4 lg:px-8 lg:pt-16 lg:pb-8 [transform:rotateY(-180deg)_rotateX(0deg)] [transform-style:preserve-3d] rounded-lg bg-white transition-all opacity-0 max-lg:overflow-y-auto\"\n            :class=\"{\n                'opacity-0': ! open\n            }\"\n            :aria-hidden=\"! open\"\n        >\n            <div class=\"flex-1 max-md:min-w-[60vw] w-full bg-white\">\n                <h3 class=\"text-lg font-bold\">Products<\/h3>\n                <p class=\"mt-10 text-lg leading-tight\">\n                    At 4Refuel, we offer a wide range of advanced energy products including traditional fuels and biofuels. We prioritize diversity in our product assortment to meet your unique energy needs.<br>\n                <\/p>\n            <\/div>\n            <div \n                class=\"flex-shrink-0 flex gap-2 justify-end mt-4 text-white opacity-0 md:opacity-100\"\n                :class=\"{\n                    'opacity-0 !delay-0': ! open,\n                    'transition-opacity opacity-100 delay-[450ms]': open,\n                }\"\n            >\n                <a href=\"\/products\" class=\"flex justify-end items-center gap-4 group\/more\">\n                    <span class=\"font-title font-bold text-xl uppercase text-purple\">learn more<\/span>\n                    <span class=\"flex justify-center items-center w-8 h-8 p-2 bg-purple group-hover\/more:bg-blue transition-colors -rotate-90 rounded-full\">\n                        <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n                    <\/span>\n                <\/a>\n                <button class=\"absolute top-4 right-4 flex justify-center items-center w-4 h-4 text-black\/25 hover:text-black\/100 transition-colors\" @click=\"open = false\">\n                    <span class=\"sr-only\">close description<\/span>\n                    <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 19 18\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M2.06066 1L18 16.9393M16.9393 1L1 16.9393\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n<\/svg>                    <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div\n    x-data=\"{\n        id: 10953,\n        get open() {\n            return this.active === this.id\n        },\n        set open(value) {\n            this.active = value ? this.id : null\n        },\n    }\"\n    x-init=\"\n        $watch('open', (value, old) => {\n            if (old == value) return;\n\n            if (value) {\n                $el.classList.add('z-50')\n                $refs.container.classList.remove('animate-floating-link-close')\n                $refs.container.classList.add('animate-floating-link-open')\n\n                setTimeout(() => {\n                    $refs.backside.classList.add('max-md:group-even\/card:!right-[-100%]', 'max-md:group-first\/card:!left-[-100%]')\n                    $refs.backside.scroll(0,0)\n                }, 300 )\n                \n                $focus.within($refs.backside).first();\n            } else {\n                $refs.backside.classList.remove('max-md:group-even\/card:!right-[-100%]', 'max-md:group-first\/card:!left-[-100%]')\n\n                setTimeout(() => {\n                    $el.classList.remove('z-50')\n\n                    $refs.container.classList.remove('animate-floating-link-open')\n                    $refs.container.classList.add('animate-floating-link-close')\n                }, 150 )\n\n                \n                $focus.within($refs.front).first();\n            }\n    })\n   \"\n    class=\"relative first-letter:w-full aspect-[9\/20] group\/card first:translate-y-6 lg:first:translate-y-12 max-md:group-first\/card:!left-[-100%]\"\n    x-id=\"['card']\"\n>\n    <div x-ref=\"container\" class=\"relative w-full h-full grid grid-cols-1 grid-rows-1 [transform-style:preserve-3d] rounded-lg shadow-[0_0_35px] shadow-blue-dark\/40\">\n        <div \n            x-ref=\"front\"\n            class=\"relative z-10 [backface-visibility:hidden] col-start-1 col-end-2 row-start-1 row-end-2 [transform:rotateX(0deg)]\"\n        >\n            <button\n                class=\"relative flex lg:justify-end w-full h-full px-4 py-3 lg:px-5 lg:py-6 rounded-lg overflow-hidden group\/flip [&>div]:!static\"\n                @click=\"open = true\"\n                :aria-controls=\"$id('card')\"\n                :aria-hidden=\"open\"\n            >\n                <img decoding=\"async\" class=\"absolute inset-x-0 inset-y-0 -z-10 w-full !h-full object-cover group-hover\/flip:scale-125 transition-transform duration-1000\" aria-hidden=\"true\" src=\"https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/06\/4RE6548.jpg.webp\">\n                <span\n                    class=\"flex-1 lg:flex-initial flex gap-4 items-center justify-between lg:justify-end self-end font-title font-bold text-white uppercase lg:text-2xl transition-opacity\"\n                    :class=\"(active != null) && 'opacity-0'\"\n                >\n                    <span>Services<\/span>\n                    <span class=\"absolute top-4 right-4 flex justify-center items-center w-8 h-8 p-2 bg-white text-purple group-hover\/flip:bg-purple group-hover\/flip:text-white transition-colors -rotate-90 rounded-full\">\n                        <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n                    <\/span>\n                <\/span>\n            <\/button>\n        <\/div>\n        <div\n            x-ref=\"backside\"\n            :id=\"$id('card')\"\n            class=\"absolute inset-y-0 left-0 right-0 z-0 flex flex-col h-full overflow-hidden p-4 lg:px-8 lg:pt-16 lg:pb-8 [transform:rotateY(-180deg)_rotateX(0deg)] [transform-style:preserve-3d] rounded-lg bg-white transition-all opacity-0 max-lg:overflow-y-auto\"\n            :class=\"{\n                'opacity-0': ! open\n            }\"\n            :aria-hidden=\"! open\"\n        >\n            <div class=\"flex-1 max-md:min-w-[60vw] w-full bg-white\">\n                <h3 class=\"text-lg font-bold\">Services<\/h3>\n                <p class=\"mt-10 text-lg leading-tight\">\n                    We deliver fuel and alternative energy products\u00a0<strong>24\/7\/365\u00a0<\/strong><br>directly to your vehicles or equipment safely wherever and whenever you need it.\n                <\/p>\n            <\/div>\n            <div \n                class=\"flex-shrink-0 flex gap-2 justify-end mt-4 text-white opacity-0 md:opacity-100\"\n                :class=\"{\n                    'opacity-0 !delay-0': ! open,\n                    'transition-opacity opacity-100 delay-[450ms]': open,\n                }\"\n            >\n                <a href=\"\/services\" class=\"flex justify-end items-center gap-4 group\/more\">\n                    <span class=\"font-title font-bold text-xl uppercase text-purple\">learn more<\/span>\n                    <span class=\"flex justify-center items-center w-8 h-8 p-2 bg-purple group-hover\/more:bg-blue transition-colors -rotate-90 rounded-full\">\n                        <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n                    <\/span>\n                <\/a>\n                <button class=\"absolute top-4 right-4 flex justify-center items-center w-4 h-4 text-black\/25 hover:text-black\/100 transition-colors\" @click=\"open = false\">\n                    <span class=\"sr-only\">close description<\/span>\n                    <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 19 18\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M2.06066 1L18 16.9393M16.9393 1L1 16.9393\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n<\/svg>                    <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    <div :id=\"$id('floating-links')\"><\/div>\n<\/div>\n\n\n<\/div>\n\n<\/div>\n<\/section>\n<\/div>\n\n\n<div \n    class=\"relative -z-10 w-full h-auto overflow-visible aspect-[--aspect-ratio] mt-[--mt] mb-[--mb]\"\n    style=\"\n        --aspect-ratio: 16 \/ 3;\n        --rotate: 6deg;\n        --translate: -0%;\n        --mt: -4vw;\n        --mb: 0vw;\n    \"\n>\n    <svg \n        class='w-full h-auto object-cover overflow-visible origin-left scale-x-[0.7] lg:scale-x-[0.8]'\n        viewBox=\"0 0 1440 357\" \n        fill=\"none\"\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    >\n        <path \n            d=\"M0 267.69L709.693 140.91C794.472 126.99 822.8 52.3 869.927 30.95C870.734 30.59 871.499 30.18 872.251 29.77C897.503 16.12 927.376 7.38 958.903 4.7C975.228 3.31 991.989 3.54 1008.81 5.55L1448.92 43C1456.16 43.4 1463.38 44.06 1470.59 44.73C1519.15 49.23 1589.59 48.08 1633.73 40L1663.99 34.46L2225 -83\"\n            stroke=\"url(#paint0_linear_1095_5485)\"\n            stroke-width=\"4\"\n            stroke-miterlimit=\"10\"\n            class=\"origin-center scale-x-[1.15] scale-y-[1.15] translate-x-[--translate] rotate-[--rotate]\"\n        \/>\n\n        \n        \n                <defs>\n            <linearGradient id=\"paint0_linear_1095_5485\" x1=\"-14.3273\" y1=\"263.265\" x2=\"2210.34\" y2=\"-90.8039\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"paint1_linear_1095_5485\" x1=\"-14.3273\" y1=\"292.784\" x2=\"2210.34\" y2=\"-61.2844\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"paint2_linear_1095_5485\" x1=\"-14.3273\" y1=\"322.784\" x2=\"2210.34\" y2=\"-31.2844\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"paint3_linear_1095_5485\" x1=\"-14.3273\" y1=\"352.784\" x2=\"2210.34\" y2=\"-1.28441\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n        <\/defs>\n    <\/svg>\n<\/div>\n\n<div \n    class=\"relative z-10 bg-[--bg] group\/section pb-10 z-30 -mt-16 lg:-mt-16 xl:-mt-32 rounded-[3rem] pt-40 pb-40\"\n    style=\"\n        --bg: var(--wp--preset--color--white);\n    \"\n>\n            <h2 class=\"mb-8 lg:mb-20 w-min text-3xl lg:text-6xl font-semibold leading-none uppercase lg:w-auto text-center mx-auto\"\n        >\n            Industries we Serve\n        <\/h2>\n        <div class=\"flex flex-col gap-8 md:gap-12 lg:gap-20\">\n<section \n    x-data=\"simpleCarousel\"\n    class=\"wp-block-icon-buckets\"\n>\n    <div\n        class=\"container overflow-x-auto snap-x snap-mandatory scroll-smooth scroll-pl-8\"\n        x-ref=\"slider\"\n    >\n        <ul \n            x-ref=\"container\"\n            tabindex=\"0\"\n            role=\"listbox\"\n            aria-labelledby=\"carousel-content-label\"\n            class=\"relative grid lg:flex flex-wrap lg:justify-center grid-flow-col auto-cols-fr gap-4 items-stretch place-items-stretch pb-6\n                w-max lg:w-full lg:before:block lg:before:w-full lg:before:flex-none lg:before:h-px lg:before:-my-4 lg:before:order-[--break-here]\"\n            style=\"--break-here: 4\"\n        >\n            \n<li \n    x-data=\"{\n        get order() {\n            let count = 0;\n                            let elem = this.$el;\n            \n            while(elem = elem.previousElementSibling) {\n                count++;\n            }\n\n            return count;\n        }\n    }\"\n            x-init=\"$el.style.setProperty('order', order)\"\n        x-bind=\"disableNextAndPreviousButtons\"\n    class=\"lg:w-[calc(100%\/6-1rem)] lg:min-w-[200px] flex flex-col lg:aspect-[4\/5] after:absolute after:inset-x-0 after:inset-y-0 after:bg-gradient-to-r after:from-green-lime after:via-blue-light after:to-purple-light clip-full clip-rounded-xl snap-start snap-always overflow-hidden\"\n>\n    <a\n        class=\"\n            relative z-10 flex-1 flex flex-col gap-6 justify-end items-center pt-10 pb-5 px-4 group\/bucket'\n            after:absolute after:z-10 after:inset-x-0 after:inset-y-0 after:bg-gradient-to-tr after:from-transparent after:from-25% after:to-65% after:to-white\/20 after:transform hover:after:scale-[200%] after:transition-transform after:origin-top-right after:duration-1000\n        \"\n        href=\"https:\/\/4refuel.com\/industry\/transportation\/\"\n        x-bind=\"focusableWhenVisible\"\n        target=\"\"\n    >\n        <figure class=\"flex-1 flex items-center justify-center w-full p-2\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"lg:w-4\/5 aspect-square object-contain\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/transportation-1.svg\">\n        <\/figure>\n        <span class=\"font-bold text-sm text-white uppercase tracking-wide text-center leading-none\">transportation<\/span>\n        <div\n            class=\"absolute top-3 right-3 w-7 h-7 p-2 bg-purple group-hover\/bucket:bg-blue text-white rounded-full -rotate-90 transition-colors\"\n        >\n            <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n        <\/div>\n    <\/a>\n<\/li>\n\n\n<li \n    x-data=\"{\n        get order() {\n            let count = 0;\n                            let elem = this.$el;\n            \n            while(elem = elem.previousElementSibling) {\n                count++;\n            }\n\n            return count;\n        }\n    }\"\n            x-init=\"$el.style.setProperty('order', order)\"\n        x-bind=\"disableNextAndPreviousButtons\"\n    class=\"lg:w-[calc(100%\/6-1rem)] lg:min-w-[200px] flex flex-col lg:aspect-[4\/5] after:absolute after:inset-x-0 after:inset-y-0 after:bg-gradient-to-r after:from-green-lime after:via-blue-light after:to-purple-light clip-full clip-rounded-xl snap-start snap-always overflow-hidden\"\n>\n    <a\n        class=\"\n            relative z-10 flex-1 flex flex-col gap-6 justify-end items-center pt-10 pb-5 px-4 group\/bucket'\n            after:absolute after:z-10 after:inset-x-0 after:inset-y-0 after:bg-gradient-to-tr after:from-transparent after:from-25% after:to-65% after:to-white\/20 after:transform hover:after:scale-[200%] after:transition-transform after:origin-top-right after:duration-1000\n        \"\n        href=\"https:\/\/4refuel.com\/industry\/construction\/\"\n        x-bind=\"focusableWhenVisible\"\n        target=\"\"\n    >\n        <figure class=\"flex-1 flex items-center justify-center w-full p-2\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"lg:w-4\/5 aspect-square object-contain\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/construction-1.svg\">\n        <\/figure>\n        <span class=\"font-bold text-sm text-white uppercase tracking-wide text-center leading-none\">Construction<\/span>\n        <div\n            class=\"absolute top-3 right-3 w-7 h-7 p-2 bg-purple group-hover\/bucket:bg-blue text-white rounded-full -rotate-90 transition-colors\"\n        >\n            <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n        <\/div>\n    <\/a>\n<\/li>\n\n\n<li \n    x-data=\"{\n        get order() {\n            let count = 0;\n                            let elem = this.$el;\n            \n            while(elem = elem.previousElementSibling) {\n                count++;\n            }\n\n            return count;\n        }\n    }\"\n            x-init=\"$el.style.setProperty('order', order)\"\n        x-bind=\"disableNextAndPreviousButtons\"\n    class=\"lg:w-[calc(100%\/6-1rem)] lg:min-w-[200px] flex flex-col lg:aspect-[4\/5] after:absolute after:inset-x-0 after:inset-y-0 after:bg-gradient-to-r after:from-green-lime after:via-blue-light after:to-purple-light clip-full clip-rounded-xl snap-start snap-always overflow-hidden\"\n>\n    <a\n        class=\"\n            relative z-10 flex-1 flex flex-col gap-6 justify-end items-center pt-10 pb-5 px-4 group\/bucket'\n            after:absolute after:z-10 after:inset-x-0 after:inset-y-0 after:bg-gradient-to-tr after:from-transparent after:from-25% after:to-65% after:to-white\/20 after:transform hover:after:scale-[200%] after:transition-transform after:origin-top-right after:duration-1000\n        \"\n        href=\"https:\/\/4refuel.com\/industry\/rail\/\"\n        x-bind=\"focusableWhenVisible\"\n        target=\"\"\n    >\n        <figure class=\"flex-1 flex items-center justify-center w-full p-2\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"lg:w-4\/5 aspect-square object-contain\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/rail-1.svg\">\n        <\/figure>\n        <span class=\"font-bold text-sm text-white uppercase tracking-wide text-center leading-none\">Rail<\/span>\n        <div\n            class=\"absolute top-3 right-3 w-7 h-7 p-2 bg-purple group-hover\/bucket:bg-blue text-white rounded-full -rotate-90 transition-colors\"\n        >\n            <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n        <\/div>\n    <\/a>\n<\/li>\n\n\n<li \n    x-data=\"{\n        get order() {\n            let count = 0;\n                            let elem = this.$el;\n            \n            while(elem = elem.previousElementSibling) {\n                count++;\n            }\n\n            return count;\n        }\n    }\"\n            x-init=\"$el.style.setProperty('order', order)\"\n        x-bind=\"disableNextAndPreviousButtons\"\n    class=\"lg:w-[calc(100%\/6-1rem)] lg:min-w-[200px] flex flex-col lg:aspect-[4\/5] after:absolute after:inset-x-0 after:inset-y-0 after:bg-gradient-to-r after:from-green-lime after:via-blue-light after:to-purple-light clip-full clip-rounded-xl snap-start snap-always overflow-hidden\"\n>\n    <a\n        class=\"\n            relative z-10 flex-1 flex flex-col gap-6 justify-end items-center pt-10 pb-5 px-4 group\/bucket'\n            after:absolute after:z-10 after:inset-x-0 after:inset-y-0 after:bg-gradient-to-tr after:from-transparent after:from-25% after:to-65% after:to-white\/20 after:transform hover:after:scale-[200%] after:transition-transform after:origin-top-right after:duration-1000\n        \"\n        href=\"https:\/\/4refuel.com\/industry\/power-generation\/\"\n        x-bind=\"focusableWhenVisible\"\n        target=\"\"\n    >\n        <figure class=\"flex-1 flex items-center justify-center w-full p-2\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"lg:w-4\/5 aspect-square object-contain\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/generation-1.svg\">\n        <\/figure>\n        <span class=\"font-bold text-sm text-white uppercase tracking-wide text-center leading-none\">Power Generation<\/span>\n        <div\n            class=\"absolute top-3 right-3 w-7 h-7 p-2 bg-purple group-hover\/bucket:bg-blue text-white rounded-full -rotate-90 transition-colors\"\n        >\n            <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n        <\/div>\n    <\/a>\n<\/li>\n\n\n<li \n    x-data=\"{\n        get order() {\n            let count = 0;\n                            let elem = this.$el;\n            \n            while(elem = elem.previousElementSibling) {\n                count++;\n            }\n\n            return count;\n        }\n    }\"\n            x-init=\"$el.style.setProperty('order', order)\"\n        x-bind=\"disableNextAndPreviousButtons\"\n    class=\"lg:w-[calc(100%\/6-1rem)] lg:min-w-[200px] flex flex-col lg:aspect-[4\/5] after:absolute after:inset-x-0 after:inset-y-0 after:bg-gradient-to-r after:from-green-lime after:via-blue-light after:to-purple-light clip-full clip-rounded-xl snap-start snap-always overflow-hidden\"\n>\n    <a\n        class=\"\n            relative z-10 flex-1 flex flex-col gap-6 justify-end items-center pt-10 pb-5 px-4 group\/bucket'\n            after:absolute after:z-10 after:inset-x-0 after:inset-y-0 after:bg-gradient-to-tr after:from-transparent after:from-25% after:to-65% after:to-white\/20 after:transform hover:after:scale-[200%] after:transition-transform after:origin-top-right after:duration-1000\n        \"\n        href=\"https:\/\/4refuel.com\/industry\/marine\/\"\n        x-bind=\"focusableWhenVisible\"\n        target=\"\"\n    >\n        <figure class=\"flex-1 flex items-center justify-center w-full p-2\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"lg:w-4\/5 aspect-square object-contain\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/marine-1.svg\">\n        <\/figure>\n        <span class=\"font-bold text-sm text-white uppercase tracking-wide text-center leading-none\">Marine<\/span>\n        <div\n            class=\"absolute top-3 right-3 w-7 h-7 p-2 bg-purple group-hover\/bucket:bg-blue text-white rounded-full -rotate-90 transition-colors\"\n        >\n            <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n        <\/div>\n    <\/a>\n<\/li>\n\n\n<li \n    x-data=\"{\n        get order() {\n            let count = 0;\n                            let elem = this.$el;\n            \n            while(elem = elem.previousElementSibling) {\n                count++;\n            }\n\n            return count;\n        }\n    }\"\n            x-init=\"$el.style.setProperty('order', order)\"\n        x-bind=\"disableNextAndPreviousButtons\"\n    class=\"lg:w-[calc(100%\/6-1rem)] lg:min-w-[200px] flex flex-col lg:aspect-[4\/5] after:absolute after:inset-x-0 after:inset-y-0 after:bg-gradient-to-r after:from-green-lime after:via-blue-light after:to-purple-light clip-full clip-rounded-xl snap-start snap-always overflow-hidden\"\n>\n    <a\n        class=\"\n            relative z-10 flex-1 flex flex-col gap-6 justify-end items-center pt-10 pb-5 px-4 group\/bucket'\n            after:absolute after:z-10 after:inset-x-0 after:inset-y-0 after:bg-gradient-to-tr after:from-transparent after:from-25% after:to-65% after:to-white\/20 after:transform hover:after:scale-[200%] after:transition-transform after:origin-top-right after:duration-1000\n        \"\n        href=\"https:\/\/4refuel.com\/industry\/mining\/\"\n        x-bind=\"focusableWhenVisible\"\n        target=\"\"\n    >\n        <figure class=\"flex-1 flex items-center justify-center w-full p-2\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"lg:w-4\/5 aspect-square object-contain\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/mining-1.svg\">\n        <\/figure>\n        <span class=\"font-bold text-sm text-white uppercase tracking-wide text-center leading-none\">Mining<\/span>\n        <div\n            class=\"absolute top-3 right-3 w-7 h-7 p-2 bg-purple group-hover\/bucket:bg-blue text-white rounded-full -rotate-90 transition-colors\"\n        >\n            <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n        <\/div>\n    <\/a>\n<\/li>\n\n\n<li \n    x-data=\"{\n        get order() {\n            let count = 0;\n                            let elem = this.$el;\n            \n            while(elem = elem.previousElementSibling) {\n                count++;\n            }\n\n            return count;\n        }\n    }\"\n            x-init=\"$el.style.setProperty('order', order)\"\n        x-bind=\"disableNextAndPreviousButtons\"\n    class=\"lg:w-[calc(100%\/6-1rem)] lg:min-w-[200px] flex flex-col lg:aspect-[4\/5] after:absolute after:inset-x-0 after:inset-y-0 after:bg-gradient-to-r after:from-green-lime after:via-blue-light after:to-purple-light clip-full clip-rounded-xl snap-start snap-always overflow-hidden\"\n>\n    <a\n        class=\"\n            relative z-10 flex-1 flex flex-col gap-6 justify-end items-center pt-10 pb-5 px-4 group\/bucket'\n            after:absolute after:z-10 after:inset-x-0 after:inset-y-0 after:bg-gradient-to-tr after:from-transparent after:from-25% after:to-65% after:to-white\/20 after:transform hover:after:scale-[200%] after:transition-transform after:origin-top-right after:duration-1000\n        \"\n        href=\"https:\/\/4refuel.com\/industry\/oil-gas\/\"\n        x-bind=\"focusableWhenVisible\"\n        target=\"\"\n    >\n        <figure class=\"flex-1 flex items-center justify-center w-full p-2\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"lg:w-4\/5 aspect-square object-contain\" src=\"https:\/\/4refuel.com\/wp-content\/uploads\/2023\/05\/oilgas-1.svg\">\n        <\/figure>\n        <span class=\"font-bold text-sm text-white uppercase tracking-wide text-center leading-none\">Oil &amp; Gas<\/span>\n        <div\n            class=\"absolute top-3 right-3 w-7 h-7 p-2 bg-purple group-hover\/bucket:bg-blue text-white rounded-full -rotate-90 transition-colors\"\n        >\n            <svg \n    class=\"w-full h-full object-center\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n        <\/div>\n    <\/a>\n<\/li>\n\n\n        <\/ul>\n    <\/div>\n    <div class=\"container flex justify-center gap-2 lg:hidden\">\n        <button \n            x-on:click=\"prev\" \n            class=\"w-9 h-9 p-[0.625rem] bg-purple text-white rotate-90 rounded-full disabled:opacity-40 transition-opacity\"\n            x-bind:aria-disabled=\"atBeginning\"\n            x-bind:tabindex=\"atBeginning ? -1 : 0\"\n            x-bind:class=\"atBeginning && 'opacity-40 cursor-not-allowed'\"\n        >\n            <svg \n    class=\"w-full h-full object-center [&_path]:![stroke-linecap:square]\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n        <\/button>\n        <button\n            x-on:click=\"next\"\n            class=\"w-9 h-9 p-[0.625rem] bg-purple text-white rounded-full -rotate-90 transition-opacity\"\n            x-bind:tabindex=\"atEnd ? -1 : 0\"\n            x-bind:class=\"atEnd && 'opacity-40 cursor-not-allowed'\"\n            x-bind:aria-disabled=\"atEnd\"\n        >\n            <svg \n    class=\"w-full h-full object-center [&_path]:![stroke-linecap:square]\"\n    viewBox=\"0 0 11 6\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"M10 1L6.19294 4.72138C5.81289 5.09287 5.19039 5.09287 4.80706 4.72138L1 1\" class=\"stroke-current\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"\/>\n<\/svg>\n        <\/button>\n    <\/div>\n<\/section>\n\n<\/div>\n<\/div>\n\n\n<div \n    class=\"relative -z-10 w-full h-auto overflow-visible aspect-[--aspect-ratio] mt-[--mt] mb-[--mb]\"\n    style=\"\n        --aspect-ratio: 16 \/ 3;\n        --rotate: 6deg;\n        --translate: -0%;\n        --mt: 0vw;\n        --mb: -12vw;\n    \"\n>\n    <svg \n        class='w-full h-auto object-cover overflow-visible origin-left scale-x-[0.7] lg:scale-x-[0.8]'\n        viewBox=\"0 0 1440 357\" \n        fill=\"none\"\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    >\n        <path \n            d=\"M0 267.69L709.693 140.91C794.472 126.99 822.8 52.3 869.927 30.95C870.734 30.59 871.499 30.18 872.251 29.77C897.503 16.12 927.376 7.38 958.903 4.7C975.228 3.31 991.989 3.54 1008.81 5.55L1448.92 43C1456.16 43.4 1463.38 44.06 1470.59 44.73C1519.15 49.23 1589.59 48.08 1633.73 40L1663.99 34.46L2225 -83\"\n            stroke=\"url(#paint0_linear_1095_5485)\"\n            stroke-width=\"4\"\n            stroke-miterlimit=\"10\"\n            class=\"origin-center scale-x-[1.15] scale-y-[1.15] translate-x-[--translate] rotate-[--rotate]\"\n        \/>\n\n        \n        \n                <defs>\n            <linearGradient id=\"paint0_linear_1095_5485\" x1=\"-14.3273\" y1=\"263.265\" x2=\"2210.34\" y2=\"-90.8039\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"paint1_linear_1095_5485\" x1=\"-14.3273\" y1=\"292.784\" x2=\"2210.34\" y2=\"-61.2844\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"paint2_linear_1095_5485\" x1=\"-14.3273\" y1=\"322.784\" x2=\"2210.34\" y2=\"-31.2844\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"paint3_linear_1095_5485\" x1=\"-14.3273\" y1=\"352.784\" x2=\"2210.34\" y2=\"-1.28441\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#FBED23\"\/>\n            <stop offset=\"0.12\" stop-color=\"#C6DB3D\"\/>\n            <stop offset=\"0.23\" stop-color=\"#9CCD51\"\/>\n            <stop offset=\"0.31\" stop-color=\"#82C55E\"\/>\n            <stop offset=\"0.36\" stop-color=\"#79C263\"\/>\n            <stop offset=\"0.48\" stop-color=\"#62A789\"\/>\n            <stop offset=\"0.61\" stop-color=\"#4B8AB1\"\/>\n            <stop offset=\"0.68\" stop-color=\"#4380C1\"\/>\n            <stop offset=\"0.93\" stop-color=\"#5F59A6\"\/>\n            <stop offset=\"1\" stop-color=\"#684E9F\"\/>\n            <\/linearGradient>\n        <\/defs>\n    <\/svg>\n<\/div>\n\n<section class=\"wp-block-image-text group\/column\"\n    id=\"\"\n>\n    <div class=\"flex flex-col md:flex-row gap-10 lg:gap-24 2xl:gap-32 container md:[&_.is-content]:py-14 max-md:[&_.is-content]:order-2 max-md:[&_.is-media]:order-1 md:items-stretch\">\n<div class=\"wp-block-media-column is-media flex-1 flex flex-col gap-12\">\n    \n<figure \n    class=\"wp-block-image w-full rounded-xl overflow-hidden aspect-square lg:aspect-[3\/4]\"\n    style=\"--focus: center center;\"\n>\n    <img \n        class=\"w-full !h-full object-cover object-[--focus]\"\n        src=\"https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/05\/hanson-lu-HIathOCFdFg-unsplash-1-500x667.jpg.webp\"\n        loading=\"lazy\"\n        decoding=\"async\"\n                    srcset=\"\n                https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/05\/hanson-lu-HIathOCFdFg-unsplash-1-500x667.jpg.webp 300w,\n                https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/05\/hanson-lu-HIathOCFdFg-unsplash-1-767x1024.jpg.webp 500w\n            \"\n            sizes=\"(min-width: 768px) 50vw, 100vw\"\n            >\n<\/figure>\n\n\n<\/div>\n\n\n<div \n    class=\"wp-block-content flex-1 is-content group-[&:not(.is-position-top)]\/column:self-center\"\n    >\n    <div class=\"prose lg:prose-lg font-semibold prose-strong:font-bold lg:gap-24\">\n<header class=\"not-prose\">\n            <h2 class=\"text-lg lg:text-2xl font-bold text-purple group-[]\/product:text-accent group-[]\/black-text:!text-purple mb-3\">\n            Sustainability\n        <\/h2>\n       <h3 class=\"text-3xl lg:text-6xl font-semibold leading-none fr:leading-[1.15] sp:leading-[1.15] uppercase\">SUSTAINABLE fuels &amp; decarbonization<\/h3>\n<\/header>\n\n\n<p>At 4Refuel, we are committed to helping our customers navigate the energy transition and partner with them to achieve their Environmental Social Governance (ESG), and Sustainability Goals. <\/p>\n\n\n\n<p>As companies seek lower carbon alternatives, 4Refuel delivers drop-in-ready  fuel choices to support decarbonization efforts.<\/p>\n\n\n\n<p>We are an agile energy logistics company that supports businesses to save on fuel costs while advancing decarbonization strategies.<\/p>\n\n\n<div class=\"not-prose my-5\">\n  <a \n    class=\"inline-block py-2 lg:py-5 px-4 lg:px-8 lg:text-2xl\/none bg-purple hover:bg-blue text-white rounded transition-colors uppercase font-bold\" href=\"https:\/\/4refuel.com\/sustainability\/\" target=\"\"\n>\n    <span>Learn More<\/span>\n<\/a><\/div>\n\n<\/div>\n<\/div>\n\n<\/div>\n<\/section>\n\n\n<section class=\"wp-block-image-text is-position-top group\/column\"\n    id=\"\"\n>\n    <div class=\"flex flex-col md:flex-row gap-10 lg:gap-24 2xl:gap-32 container md:[&_.is-content]:py-14 max-md:[&_.is-content]:order-2 max-md:[&_.is-media]:order-1 md:items-start\">\n<div \n    class=\"wp-block-content flex-1 is-content group-[&:not(.is-position-top)]\/column:self-center\"\n    >\n    <div class=\"prose lg:prose-lg font-semibold prose-strong:font-bold lg:gap-24\">\n<header class=\"not-prose\">\n            <h2 class=\"text-lg lg:text-2xl font-bold text-purple group-[]\/product:text-accent group-[]\/black-text:!text-purple mb-3\">\n            Technology\n        <\/h2>\n       <h3 class=\"text-3xl lg:text-6xl font-semibold leading-none fr:leading-[1.15] sp:leading-[1.15] uppercase\">Fuel Management Technology<\/h3>\n<\/header>\n\n\n<p>As a 4Refuel customer, you can access the energy industry's leading fuel management system, Fuel Management Online (FMO). FMO enables full visibility into fuel purchasing, consumption, and greenhouse gas emissions reporting. <\/p>\n\n\n\n<p>Comprehensive analytics allow companies to properly forecast their energy requirements and minimize overages within their fuel supply and handling processes. <\/p>\n\n\n\n<p>FMO enables unparalleled access to data about your energy economy performance metrics to keep every piece of equipment or fleet asset in your view. <\/p>\n\n\n<div class=\"not-prose my-5\">\n  <a \n    class=\"inline-block py-2 lg:py-5 px-4 lg:px-8 lg:text-2xl\/none bg-purple hover:bg-blue text-white rounded transition-colors uppercase font-bold\" href=\"https:\/\/4refuel.com\/technology\/\" target=\"\"\n>\n    <span>Learn More<\/span>\n<\/a><\/div>\n\n<\/div>\n<\/div>\n\n\n<div class=\"wp-block-media-column is-media flex-1 flex flex-col gap-12\">\n    \n<figure \n    class=\"wp-block-image w-full rounded-xl overflow-hidden aspect-square lg:aspect-[3\/4]\"\n    style=\"--focus: center center;\"\n>\n    <img \n        class=\"w-full !h-full object-cover object-[--focus]\"\n        src=\"https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/06\/4RE4742-500x333.jpg.webp\"\n        loading=\"lazy\"\n        decoding=\"async\"\n                    srcset=\"\n                https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/06\/4RE4742-500x333.jpg.webp 300w,\n                https:\/\/4refuel.com\/wp-content\/smush-webp\/2023\/06\/4RE4742-1024x682.jpg.webp 500w\n            \"\n            sizes=\"(min-width: 768px) 50vw, 100vw\"\n            >\n<\/figure>\n\n\n<\/div>\n\n<\/div>\n<\/section>\n\n\n<div \n    class=\"relative z-10 bg-[--bg] group\/section pb-10\"\n    style=\"\n        --bg: var(--wp--preset--color--transparent);\n    \"\n>\n        <div class=\"flex flex-col gap-8 md:gap-12 lg:gap-20\">\n<aside \n    class=\" container\"\n    style=\"\n        --bg: var(--wp--preset--color--);\n        --image-position: 39% 47%;\n    \"\n>\n    <div\n        class=\"relative w-full \\lg:aspect-[1080\/390] grid grid-rows-6 md:grid-rows-1 grid-cols-3 rounded-xl overflow-hidden md:shadow-2xl md:shadow-blue-dark\/30\"\n    >\n                    <div class=\"col-start-1 col-end-4 row-start-1 row-end-5 md:absolute inset-x-0 inset-y-0\">\n                <img decoding=\"async\" \n                    class=\"w-full h-full object-cover object-[--image-position]\"\n                    src=\"https:\/\/4refuel.com\/wp-content\/smush-webp\/2025\/07\/CTA_home-page_option-2_no-strapline.png.webp\"\n                    alt=\"\"\n                \/>\n            <\/div>\n                        <div class=\"relative z-10 col-start-1 col-end-4 row-start-1 row-end-7 md:row-end-2 md:py-8 xl:py-14 md:pl-16 text-white mask-cta-2 md:mask-cta mask-exclude md:mask-exclude mask-h-auto mask-w-full mask-top before:block md:before:hidden before:w-full before:aspect-[1\/0.9] bg-gradient-7 md:bg-gradient-6\"\n        >\n            <div class=\"xl:min-h-[20rem] row-start-3 row-end-6 md:w-2\/5 md:max-w-sm px-6 py-6 md:p-0\">\n                <header\n                    class=\"\"\n                >\n                    <h1 class=\"font-bold text-2xl lg:text-3xl leading-tight\">Save on Fuel Costs<\/h1>\n                <\/header>\n                <div class=\"mt-2 flex-1 prose prose-invert lg:prose-lg xl:prose-xl group\/no-accent\">\n                    \n\n<p>Estimate your potential fuel cost savings by using the Fuel Savings Calculator.<\/p>\n\n\n<div class=\"not-prose my-5\">\n  <a \n    class=\"inline-block py-2 lg:py-5 px-4 lg:px-8 lg:text-2xl\/none bg-purple hover:bg-blue text-white rounded transition-colors uppercase font-bold\" href=\"https:\/\/4refuel.com\/fuel-savings-calculator\/\" target=\"\"\n>\n    <span>Start Now<\/span>\n<\/a><\/div>\n\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/aside>\n<\/div>\n<\/div>\n\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\/10#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'>Comments<\/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='diMWyCXU0rBikTcGMp2KTTdse9AG+K1eVaiXNdQD6dNS1z6PffHhl2jkCDezDOaeTju8TZMAHdrtFVM4I4SKjuPRLaPDoWDmWzfzhWuSmRPVUZs=' \/>\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=\"23\"\/><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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10","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>4Refuel | Total Fuel Management<\/title>\n<meta name=\"description\" content=\"With over 25 years of experience, 4Refuel is North America\u2019s largest mobile onsite 24\/7\/365 refueling and fuel management technology company.\" \/>\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\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4Refuel | Total Fuel Management\" \/>\n<meta property=\"og:description\" content=\"With over 25 years of experience, 4Refuel is North America\u2019s largest mobile onsite 24\/7\/365 refueling and fuel management technology company.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/4refuel.com\/\" \/>\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-19T16:59:46+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\\\/\",\"url\":\"https:\\\/\\\/4refuel.com\\\/\",\"name\":\"4Refuel | Total Fuel Management\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/4refuel.com\\\/#website\"},\"datePublished\":\"2023-05-09T22:24:36+00:00\",\"dateModified\":\"2025-08-19T16:59:46+00:00\",\"description\":\"With over 25 years of experience, 4Refuel is North America\u2019s largest mobile onsite 24\\\/7\\\/365 refueling and fuel management technology company.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/4refuel.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/4refuel.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/4refuel.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/4refuel.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home Page\"}]},{\"@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":"4Refuel | Total Fuel Management","description":"With over 25 years of experience, 4Refuel is North America\u2019s largest mobile onsite 24\/7\/365 refueling and fuel management technology company.","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\/","og_locale":"en_US","og_type":"article","og_title":"4Refuel | Total Fuel Management","og_description":"With over 25 years of experience, 4Refuel is North America\u2019s largest mobile onsite 24\/7\/365 refueling and fuel management technology company.","og_url":"https:\/\/4refuel.com\/","og_site_name":"4Refuel","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100064101903046","article_modified_time":"2025-08-19T16:59:46+00:00","twitter_card":"summary_large_image","twitter_site":"@4Refuel","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/4refuel.com\/","url":"https:\/\/4refuel.com\/","name":"4Refuel | Total Fuel Management","isPartOf":{"@id":"https:\/\/4refuel.com\/#website"},"datePublished":"2023-05-09T22:24:36+00:00","dateModified":"2025-08-19T16:59:46+00:00","description":"With over 25 years of experience, 4Refuel is North America\u2019s largest mobile onsite 24\/7\/365 refueling and fuel management technology company.","breadcrumb":{"@id":"https:\/\/4refuel.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/4refuel.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/4refuel.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/4refuel.com\/"},{"@type":"ListItem","position":2,"name":"Home Page"}]},{"@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\/10","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4refuel.com\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":0,"href":"https:\/\/4refuel.com\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"wp:attachment":[{"href":"https:\/\/4refuel.com\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}