{"id":298,"date":"2026-02-10T12:06:58","date_gmt":"2026-02-10T10:06:58","guid":{"rendered":"http:\/\/169.239.86.8:1080\/?page_id=298"},"modified":"2026-02-15T12:27:21","modified_gmt":"2026-02-15T10:27:21","slug":"agriculture","status":"publish","type":"page","link":"https:\/\/fuelmate-rsa.com\/?page_id=298","title":{"rendered":"Agriculture"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"298\" class=\"elementor elementor-298\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35ae99b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"35ae99b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98913f9 elementor-widget elementor-widget-html\" data-id=\"98913f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nFUELMATE \u2013 AGRICULTURAL SECTOR OFFERINGS HEADING SECTION\n\u2705 Current breadcrumb text updated to: FuelMate Target Market\nColours locked:\nDark Blue: #062A6E\nBlue: #0A3DAF\nYellow: #FFC700\n========================= -->\n\n<style>\n\/* FuelMate Target Market *\/\n.fm-africa-fuel-hero {\n  position: relative;\n  width: 100%;\n  padding: 120px 40px;\n  background: linear-gradient(\n    135deg,\n    #0A3DAF 0%,\n    #062A6E 100%\n  );\n  overflow: hidden;\n}\n\n\/* REPEATING PATTERN OVERLAY *\/\n.fm-africa-fuel-hero::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: url(\"https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/7_Abstract_Line_Background-Converted-scaled.png\");\n  background-repeat: repeat;\n  background-size: 420px auto;\n  background-position: center;\n  opacity: 0.04;\n  z-index: 0;\n}\n\n\/* INNER CONTENT *\/\n.fm-africa-fuel-hero-inner {\n  position: relative;\n  z-index: 1;\n  max-width: 1400px;\n  margin: auto;\n}\n\n\/* BUTTON BREADCRUMBS *\/\n.fm-hero-actions {\n  display: flex;\n  gap: 14px;\n  margin-bottom: 18px;\n  flex-wrap: wrap;\n}\n\n.fm-hero-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 22px;\n  font-size: 13.5px;\n  font-weight: 600;\n  text-decoration: none;\n  border-radius: 999px;\n  letter-spacing: 0.3px;\n  transition: all 0.35s ease;\n}\n\n\/* HOME BUTTON *\/\n.fm-hero-btn.home {\n  color: #062A6E;\n  background: linear-gradient(\n    90deg,\n    rgba(255,199,0,0.85),\n    rgba(255,199,0,0.65)\n  );\n  box-shadow: 0 10px 24px rgba(255,199,0,0.35);\n}\n\n.fm-hero-btn.home:hover {\n  color: #ffffff;\n  background: linear-gradient(\n    90deg,\n    #0A3DAF,\n    #062A6E\n  );\n  box-shadow: 0 14px 32px rgba(6,42,110,0.45);\n}\n\n\/* CURRENT PAGE BUTTON *\/\n.fm-hero-btn.current {\n  color: #ffffff;\n  background: rgba(255,255,255,0.14);\n  backdrop-filter: blur(6px);\n  border: 1px solid rgba(255,255,255,0.35);\n}\n\n.fm-hero-btn.current:hover {\n  background: rgba(255,255,255,0.22);\n}\n\n\/* HEADING *\/\n.fm-africa-fuel-hero h1 {\n  font-size: 56px;\n  font-weight: 700;\n  color: #ffffff;\n  letter-spacing: 0.5px;\n  margin: 0;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 1024px) {\n  .fm-africa-fuel-hero {\n    padding: 100px 32px;\n  }\n\n  .fm-africa-fuel-hero h1 {\n    font-size: 46px;\n  }\n}\n\n@media (max-width: 768px) {\n  .fm-africa-fuel-hero {\n    padding: 80px 24px;\n  }\n\n  .fm-africa-fuel-hero h1 {\n    font-size: 38px;\n  }\n}\n<\/style>\n\n<section class=\"fm-africa-fuel-hero\">\n  <div class=\"fm-africa-fuel-hero-inner\">\n\n    <!-- ACTION BUTTONS -->\n    <div class=\"fm-hero-actions\">\n      <a href=\"https:\/\/fuelmate-rsa.com\/\" class=\"fm-hero-btn home\">\n        \u2190 Home\n      <\/a>\n      <span class=\"fm-hero-btn current\">\n        FuelMate Target Market\n      <\/span>\n    <\/div>\n\n    <!-- HEADING -->\n    <h1>FuelMate Target Market<\/h1>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e47f0d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"0e47f0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60e40d8 elementor-widget elementor-widget-html\" data-id=\"60e40d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nFUELMATE \u2013 FLOATING SIGN UP CTA (HOME PAGE)\n\u2705 UPDATED: Heading now \"Join Fuelmate in Minutes\" (removed \"Today\")\n\u2705 Subheading still 7 words\n\u2705 Button: Sign Up\n\u2705 Minimise \u2192 small pill, click to open again\n\u2705 Mobile-safe sizing (not chunky)\n========================================================= -->\n\n<style>\n:root{\n  --fm-navy:#062A6E;\n  --fm-blue:#0A3DAF;\n  --fm-yellow:#FFC700;\n  --fm-yellow2:#FFD84D;\n  --fm-border:rgba(6,42,110,.14);\n  --fm-shadow:0 22px 60px rgba(6,42,110,.18);\n  --fm-font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\n  --fm-focus: rgba(10,61,175,.22);\n  --fm-focus2: rgba(255,199,0,.28);\n}\n\n\/* ===== FLOATING WRAP ===== *\/\n.fm-fcta{\n  position:fixed;\n  right:18px;\n  bottom:18px;\n  z-index:999999;\n  font-family:var(--fm-font);\n}\n\n\/* ===== PANEL (OPEN) ===== *\/\n.fm-fcta-panel{\n  width:min(340px, calc(100vw - 36px));\n  background:#fff;\n  border:1px solid rgba(6,42,110,.16);\n  border-radius:18px;\n  box-shadow:var(--fm-shadow);\n  overflow:hidden;\n  transition:.22s ease;\n}\n\n.fm-fcta-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:12px;\n  padding:12px 12px;\n  background:linear-gradient(90deg, rgba(10,61,175,.10), rgba(255,199,0,.16));\n  border-bottom:1px solid rgba(6,42,110,.10);\n}\n\n.fm-fcta-badge{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  min-width:0;\n}\n\n.fm-fcta-ico{\n  width:36px;\n  height:36px;\n  border-radius:14px;\n  background:#fff;\n  border:1px solid rgba(6,42,110,.14);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  box-shadow:0 10px 22px rgba(6,42,110,.10);\n  flex:0 0 auto;\n}\n.fm-fcta-ico svg{ width:18px;height:18px; fill:var(--fm-blue); }\n\n.fm-fcta-titlewrap{ min-width:0; }\n\n.fm-fcta-h{\n  margin:0;\n  font-size:14px;\n  font-weight:950;\n  color:var(--fm-navy);\n  letter-spacing:.2px;\n  line-height:1.15;\n  white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipsis;\n}\n\n\/* subheading in 7 words *\/\n.fm-fcta-sub{\n  margin:2px 0 0;\n  font-size:12.5px;\n  color:rgba(6,42,110,.80);\n  line-height:1.2;\n  white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipsis;\n}\n\n\/* minimise button *\/\n.fm-fcta-min{\n  width:40px;\n  height:40px;\n  border-radius:14px;\n  border:1px solid rgba(6,42,110,.14);\n  background:#fff;\n  cursor:pointer;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--fm-navy);\n  font-weight:900;\n  transition:background .2s ease, transform .12s ease;\n  flex:0 0 auto;\n}\n.fm-fcta-min:hover{ background:rgba(10,61,175,.06); }\n.fm-fcta-min:active{ transform:scale(.99); }\n\n\/* body *\/\n.fm-fcta-body{\n  padding:12px 12px 12px;\n}\n\n.fm-fcta-copy{\n  margin:0 0 10px;\n  font-size:13px;\n  color:rgba(6,42,110,.86);\n  line-height:1.45;\n}\n\n\/* CTA button *\/\n.fm-fcta-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:100%;\n  padding:12px 14px;\n  border-radius:14px;\n  border:1px solid rgba(255,199,0,.60);\n  background:linear-gradient(90deg, var(--fm-yellow), var(--fm-yellow2));\n  color:var(--fm-navy);\n  font-weight:950;\n  letter-spacing:.35px;\n  text-transform:uppercase;\n  font-size:12px;\n  text-decoration:none;\n  box-shadow:0 14px 28px rgba(255,199,0,.20);\n  transition:transform .12s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\n}\n.fm-fcta-btn:hover{\n  color:#fff;\n  background:linear-gradient(90deg, var(--fm-blue), var(--fm-navy));\n  box-shadow:0 18px 42px rgba(6,42,110,.20);\n}\n.fm-fcta-btn:active{ transform:scale(.99); }\n\n\/* focus ring (no pink) *\/\n.fm-fcta a:focus-visible,\n.fm-fcta button:focus-visible{\n  outline:none !important;\n  box-shadow:0 0 0 3px var(--fm-focus), 0 0 0 6px var(--fm-focus2) !important;\n}\n\n\/* ===== COLLAPSED PILL ===== *\/\n.fm-fcta-pill{\n  display:none;\n  align-items:center;\n  gap:10px;\n  padding:10px 12px;\n  border-radius:999px;\n  background:linear-gradient(90deg, rgba(10,61,175,.92), rgba(6,42,110,.92));\n  border:1px solid rgba(255,255,255,.16);\n  box-shadow:0 18px 44px rgba(6,42,110,.22);\n  color:#fff;\n  cursor:pointer;\n  user-select:none;\n}\n\n.fm-fcta-pill .dot{\n  width:10px;height:10px;border-radius:999px;\n  background:linear-gradient(90deg, var(--fm-yellow), var(--fm-yellow2));\n  box-shadow:0 0 0 3px rgba(255,199,0,.22);\n}\n\n.fm-fcta-pill span{\n  font-size:12.5px;\n  font-weight:900;\n  letter-spacing:.25px;\n  white-space:nowrap;\n}\n\n\/* ===== STATE TOGGLES ===== *\/\n.fm-fcta.is-collapsed .fm-fcta-panel{ display:none; }\n.fm-fcta.is-collapsed .fm-fcta-pill{ display:flex; }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width:768px){\n  .fm-fcta{ right:12px; bottom:12px; }\n  .fm-fcta-panel{ width:min(305px, calc(100vw - 24px)); border-radius:16px; }\n  .fm-fcta-top{ padding:10px 10px; }\n  .fm-fcta-min{ width:38px;height:38px; border-radius:13px; }\n  .fm-fcta-ico{ width:34px;height:34px; border-radius:13px; }\n  .fm-fcta-body{ padding:10px 10px 10px; }\n  .fm-fcta-copy{ font-size:12.8px; }\n}\n\n\/* Optional: hide on very tiny heights *\/\n@media (max-height:520px){\n  .fm-fcta{ display:none; }\n}\n<\/style>\n\n<div class=\"fm-fcta\" id=\"fm-fcta\" aria-label=\"Floating sign up call to action\">\n  <!-- OPEN PANEL -->\n  <div class=\"fm-fcta-panel\" id=\"fm-fcta-panel\">\n    <div class=\"fm-fcta-top\">\n      <div class=\"fm-fcta-badge\">\n        <div class=\"fm-fcta-ico\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M15 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm-4 6c-4.4 0-8 2.2-8 5v1h10.5a6.3 6.3 0 0 1-.5-2.5c0-1.3.4-2.5 1.1-3.5H11zm8-1h-2V11h-2v2h-2v2h2v2h2v-2h2v-2zm-1 7H13v-1c0-2.8 3.6-5 8-5v2c-3.3 0-6 1.6-6 3v1z\"\/>\n          <\/svg>\n        <\/div>\n\n        <div class=\"fm-fcta-titlewrap\">\n          <!-- \u2705 UPDATED HEADING -->\n          <p class=\"fm-fcta-h\">Join Fuelmate in Minutes<\/p>\n\n          <!-- Subheading: 7 words -->\n          <p class=\"fm-fcta-sub\">Choose a role and sign up<\/p>\n        <\/div>\n      <\/div>\n\n      <button class=\"fm-fcta-min\" id=\"fm-fcta-min\" type=\"button\" aria-label=\"Minimise\">\u2013<\/button>\n    <\/div>\n\n    <div class=\"fm-fcta-body\">\n      <p class=\"fm-fcta-copy\">Create your account to access services, partners, and support with one simple sign up.<\/p>\n      <a class=\"fm-fcta-btn\" href=\"http:\/\/169.239.86.8:1080\/?page_id=403\">Sign Up<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- COLLAPSED PILL -->\n  <div class=\"fm-fcta-pill\" id=\"fm-fcta-pill\" role=\"button\" tabindex=\"0\" aria-label=\"Open sign up\">\n    <span class=\"dot\" aria-hidden=\"true\"><\/span>\n    <span>Sign Up<\/span>\n  <\/div>\n<\/div>\n\n<script>\n(() => {\n  const wrap = document.getElementById('fm-fcta');\n  if(!wrap) return;\n\n  const minBtn = document.getElementById('fm-fcta-min');\n  const pill   = document.getElementById('fm-fcta-pill');\n\n  const KEY = 'fm_fcta_collapsed';\n\n  function setCollapsed(on){\n    wrap.classList.toggle('is-collapsed', !!on);\n    try{ localStorage.setItem(KEY, on ? '1' : '0'); }catch(e){}\n  }\n\n  try{\n    const saved = localStorage.getItem(KEY);\n    if(saved === '1') setCollapsed(true);\n  }catch(e){}\n\n  minBtn && minBtn.addEventListener('click', () => setCollapsed(true));\n\n  function openFromPill(){ setCollapsed(false); }\n\n  pill && pill.addEventListener('click', openFromPill);\n  pill && pill.addEventListener('keydown', (e) => {\n    if(e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openFromPill(); }\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d346c6 elementor-widget elementor-widget-html\" data-id=\"0d346c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nAGRIFUEL \u2013 IMAGE-FIRST LAYOUT (LEFT AUTO CAROUSEL, NO ARROWS)\n\u2705 FULL CODE\n\u2705 Pagination (dots) REMOVED completely\n\u2705 Auto-slide only (no dots \/ no swipe \/ no hover pause)\n\u2705 Mobile carousel fixed (no weird crop\/zoom)\n\u2705 FuelMate Advantage: uses image (ag.jpg) and REMOVES icon\n\u2705 BOTH CTA BUTTONS link to: https:\/\/fuelmate-rsa.com\/?page_id=15\n========================================================= -->\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&display=swap');\n\n  .agfX{\n    font-family:'Inter', Arial, sans-serif;\n    background: radial-gradient(900px 420px at 10% 20%, rgba(242,194,0,.10), rgba(242,194,0,0) 62%),\n                radial-gradient(900px 520px at 86% 78%, rgba(11,60,122,.08), rgba(11,60,122,0) 62%),\n                linear-gradient(180deg, #ffffff, #fbfcff);\n    padding:96px 40px;\n    margin:0;\n    --ag-blue:#0b3c7a;\n    --ag-yellow:#f2c200;\n    --ag-ink:#121318;\n    --ag-muted: rgba(11,60,122,0.72);\n    --ag-line: rgba(11,60,122,0.12);\n    --ag-shadow: 0 22px 70px rgba(16,19,24,0.10);\n  }\n  .agfX *{ box-sizing:border-box; }\n\n  .agfX-wrap{\n    max-width:1320px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns: 0.96fr 1.04fr;\n    gap:60px;\n    align-items:center;\n  }\n\n  .agfX-poster{ position:relative; }\n\n  .agfX-stage{\n    border-radius:30px;\n    border:1px solid rgba(16,19,24,.10);\n    box-shadow: var(--ag-shadow);\n    background:#fff;\n    overflow:hidden;\n    position:relative;\n  }\n\n  \/* ===== AUTO CAROUSEL ===== *\/\n  .agfX-carousel{\n    position:relative;\n    width:100%;\n    height:520px;\n    overflow:hidden;\n  }\n  .agfX-slides{\n    height:100%;\n    display:flex;\n    transition:transform .55s ease;\n    will-change:transform;\n  }\n  .agfX-slide{\n    min-width:100%;\n    height:100%;\n  }\n  .agfX-slide img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    transform:scale(1.03);\n    filter:saturate(1.02) contrast(1.02);\n  }\n\n  \/* editorial gradient *\/\n  .agfX-carousel::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n      linear-gradient(180deg, rgba(18,19,24,0) 44%, rgba(18,19,24,.52) 100%),\n      radial-gradient(760px 380px at 16% 18%, rgba(242,194,0,.18), rgba(242,194,0,0) 60%);\n    pointer-events:none;\n    z-index:2;\n  }\n\n  \/* caption band *\/\n  .agfX-caption{\n    position:absolute;\n    left:16px;\n    right:16px;\n    bottom:16px;\n    z-index:3;\n    border-radius:20px;\n    padding:14px 14px;\n    display:flex;\n    align-items:flex-end;\n    justify-content:space-between;\n    gap:12px;\n    background:rgba(255,255,255,.10);\n    border:1px solid rgba(255,255,255,.22);\n    backdrop-filter: blur(8px);\n  }\n  .agfX-caption h3{\n    margin:0;\n    color:#fff;\n    font-size:16px;\n    font-weight:950;\n    letter-spacing:.2px;\n  }\n  .agfX-caption p{\n    margin:6px 0 0 0;\n    color:rgba(255,255,255,.86);\n    font-size:13px;\n    line-height:1.4;\n    font-weight:750;\n    max-width:360px;\n  }\n  .agfX-chip{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:10px 12px;\n    border-radius:999px;\n    background:rgba(255,255,255,.16);\n    border:1px solid rgba(255,255,255,.24);\n    color:#fff;\n    font-size:11px;\n    font-weight:950;\n    text-transform:uppercase;\n    letter-spacing:1px;\n    white-space:nowrap;\n  }\n  .agfX-chip i{\n    width:9px;height:9px;border-radius:999px;\n    background:linear-gradient(90deg,var(--ag-yellow), #ffe27a);\n    display:inline-block;\n  }\n\n  \/* tape *\/\n  .agfX-tape{\n    position:absolute;\n    top:14px;\n    left:18px;\n    width:74px;\n    height:18px;\n    border-radius:7px;\n    background:rgba(242,194,0,.22);\n    border:1px solid rgba(242,194,0,.26);\n    transform:rotate(-6deg);\n    z-index:4;\n    box-shadow:0 14px 26px rgba(242,194,0,.10);\n  }\n\n  \/* \u2705 dots\/pagination removed completely *\/\n  .agfX-dots{ display:none !important; }\n\n  \/* RIGHT CONTENT *\/\n  .agfX-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:8px 12px;\n    border-radius:999px;\n    border:1px solid rgba(11,60,122,0.14);\n    background:rgba(11,60,122,0.03);\n    color:var(--ag-blue);\n    font-weight:950;\n    letter-spacing:1.2px;\n    text-transform:uppercase;\n    font-size:12px;\n    margin:0 0 14px 0;\n  }\n  .agfX-kicker i{\n    width:9px;height:9px;border-radius:999px;\n    background:linear-gradient(90deg,var(--ag-yellow),var(--ag-blue));\n    display:inline-block;\n  }\n\n  .agfX-title{\n    margin:0 0 10px 0;\n    font-size:46px;\n    line-height:1.08;\n    font-weight:950;\n    color:var(--ag-ink);\n    letter-spacing:.2px;\n  }\n  .agfX-sub{\n    margin:0 0 18px 0;\n    font-size:16.8px;\n    line-height:1.7;\n    color:var(--ag-muted);\n    max-width:760px;\n    font-weight:650;\n  }\n\n  \/* FuelMate Advantage panel *\/\n  .agfX-sealpanel{\n    display:flex;\n    align-items:center;\n    gap:14px;\n    border:1px solid rgba(16,19,24,.10);\n    background:rgba(255,255,255,.86);\n    border-radius:22px;\n    padding:14px 14px;\n    box-shadow:0 18px 46px rgba(16,19,24,.06);\n    margin:14px 0 16px;\n  }\n  .agfX-sealpanel .seal{ width:76px; flex:0 0 auto; }\n  .agfX-sealpanel .seal img{\n    width:100%;\n    height:auto;\n    display:block;\n    background:transparent !important;\n    border:0 !important;\n    box-shadow:none !important;\n  }\n  .agfX-sealpanel strong{\n    display:block;\n    font-size:13px;\n    font-weight:950;\n    letter-spacing:1.1px;\n    text-transform:uppercase;\n    color:var(--ag-blue);\n    margin-bottom:4px;\n  }\n  .agfX-sealpanel span{\n    display:block;\n    font-size:13.8px;\n    font-weight:750;\n    color:rgba(16,19,24,.72);\n    line-height:1.35;\n  }\n\n  .agfX-feats{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap:10px 18px;\n    margin-top:10px;\n    padding:0;\n    list-style:none;\n  }\n  .agfX-feats li{\n    position:relative;\n    padding-left:28px;\n    font-size:14.4px;\n    line-height:1.55;\n    color:rgba(18,19,24,.78);\n    font-weight:800;\n  }\n  .agfX-feats li::before{\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:7px;\n    width:16px;\n    height:16px;\n    border-radius:6px;\n    background:linear-gradient(135deg, rgba(242,194,0,.55), rgba(11,60,122,.10));\n    border:1px solid rgba(11,60,122,.10);\n  }\n  .agfX-feats li::after{\n    content:\"\";\n    position:absolute;\n    left:5px;\n    top:11px;\n    width:6px;\n    height:3px;\n    border-left:2px solid var(--ag-blue);\n    border-bottom:2px solid var(--ag-blue);\n    transform:rotate(-45deg);\n  }\n\n  .agfX-credit{\n    margin-top:16px;\n    border:1px solid rgba(242,194,0,0.36);\n    background:linear-gradient(90deg, rgba(242,194,0,0.22), rgba(11,60,122,0.06));\n    border-radius:22px;\n    padding:14px 14px;\n    display:flex;\n    gap:12px;\n    align-items:flex-start;\n  }\n  .agfX-credit strong{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    width:42px;\n    height:42px;\n    border-radius:16px;\n    background:linear-gradient(90deg, var(--ag-yellow), #ffe27a);\n    color:var(--ag-blue);\n    font-weight:950;\n    flex:0 0 auto;\n  }\n  .agfX-credit div{\n    color:rgba(11,60,122,0.86);\n    font-size:14.4px;\n    line-height:1.55;\n    font-weight:800;\n  }\n  .agfX-credit span{\n    display:block;\n    margin-top:4px;\n    color:rgba(11,60,122,0.72);\n    font-weight:650;\n    font-size:13.4px;\n  }\n\n  .agfX-ctaRow{ margin-top:18px; display:flex; gap:12px; flex-wrap:wrap; }\n  .agfX-cta{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n    padding:14px 18px;\n    border-radius:999px;\n    text-decoration:none;\n    font-size:11.5px;\n    font-weight:950;\n    letter-spacing:.55px;\n    text-transform:uppercase;\n    line-height:1;\n    white-space:nowrap;\n    transition:transform .18s ease, filter .18s ease, border-color .18s ease;\n  }\n\n  \/* BOTH BUTTONS YELLOW *\/\n  .agfX-cta.primary,\n  .agfX-cta.secondary{\n    color:var(--ag-blue);\n    background:linear-gradient(90deg, var(--ag-yellow), #ffe27a);\n    border:1px solid rgba(242,194,0,0.35);\n    box-shadow:0 18px 40px rgba(0,0,0,0.10);\n  }\n  .agfX-cta.primary:hover,\n  .agfX-cta.secondary:hover{ transform:translateY(-1px); filter:brightness(1.02); }\n\n  .agfX-cta svg{ width:16px; height:16px; fill:var(--ag-blue); }\n\n  @media (max-width:1024px){\n    .agfX-wrap{ grid-template-columns:1fr; gap:34px; }\n    .agfX-carousel{ height:380px; }\n    .agfX-title{ font-size:36px; }\n    .agfX-feats{ grid-template-columns:1fr; }\n  }\n  @media (max-width:768px){\n    .agfX{ padding:76px 24px; }\n    .agfX-carousel{ height:320px; }\n    .agfX-slide img{ transform:none; } \/* \u2705 prevents weird mobile crop\/zoom *\/\n  }\n  @media (prefers-reduced-motion: reduce){\n    .agfX-slides{ transition:none; }\n  }\n<\/style>\n\n<section class=\"agfX\" aria-label=\"AgriFuel\">\n  <div class=\"agfX-wrap\">\n\n    <!-- LEFT: CAMPAIGN POSTER (AUTO CAROUSEL) -->\n    <div class=\"agfX-poster\">\n      <span class=\"agfX-tape\" aria-hidden=\"true\"><\/span>\n\n      <div class=\"agfX-stage\">\n        <div class=\"agfX-carousel\" id=\"agfX-carousel\" aria-label=\"Campaign carousel\">\n          <div class=\"agfX-slides\" id=\"agfX-slides\">\n\n            <div class=\"agfX-slide\">\n              <img src=\"https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/aerial-view-of-tractor-baling-hay-in-field-2026-01-11-09-41-55-utc-scaled.jpg\" alt=\"Agricultural operations\" loading=\"lazy\" decoding=\"async\">\n            <\/div>\n\n            <div class=\"agfX-slide\">\n              <img src=\"https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/part-of-a-pit-with-big-mining-truck-working-2026-01-08-00-06-10-utc-scaled.jpg\" alt=\"Mining operations\" loading=\"lazy\" decoding=\"async\">\n            <\/div>\n\n            <div class=\"agfX-slide\">\n              <img src=\"https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/businessman-with-laptop-standing-on-abstract-doubl-2026-01-11-08-36-40-utc-scaled.jpg\" alt=\"Business operations\" loading=\"lazy\" decoding=\"async\">\n            <\/div>\n\n          <\/div>\n\n          <!-- caption band -->\n          <div class=\"agfX-caption\">\n            <div>\n              <h3>Built for demand<\/h3>\n              <p>Consistent supply, storage options, and fleet-ready delivery for farms, mining and logistics.<\/p>\n            <\/div>\n            <div class=\"agfX-chip\"><i><\/i> Field-ready<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: CONTENT -->\n    <div>\n      <div class=\"agfX-kicker\"><i><\/i> Fuelmate<\/div>\n\n      <h2 class=\"agfX-title\">Reliable Fuel Supply Built for Farming, Mining &amp; Logistics<\/h2>\n\n      <p class=\"agfX-sub\">\n        FuelMate supports farming, mining and logistics operations with consistent supply, storage options, and\n        fleet-ready solutions designed for high-demand environments.\n      <\/p>\n\n      <div class=\"agfX-sealpanel\" aria-label=\"FuelMate Advantage\">\n        <div class=\"seal\">\n          <img src=\"https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/ag.jpg\" alt=\"FuelMate Advantage\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div>\n          <strong>FuelMate Advantage<\/strong>\n          <span>Supply assurance, flexible storage options, and On-Site support.<\/span>\n        <\/div>\n      <\/div>\n\n      <ul class=\"agfX-feats\" aria-label=\"AgriFuel features\">\n        <li>Above ground tank leasing options (T\u2019s &amp; C\u2019s apply)<\/li>\n        <li>Above ground tank sales<\/li>\n        <li>Direct Fuel Supply to Clients<\/li>\n        <li>Guaranteed Fuel Supply<\/li>\n        <li>Fuel trailer sales from 2000L, suitable for bakkies<\/li>\n        <li>Agri trailer sales (fire fighting trailers, medic stations, etc.)<\/li>\n        <li>Trailer Sales<\/li>\n        <li>Benefit from discounts<\/li>\n      <\/ul>\n\n      <div class=\"agfX-credit\">\n        <strong>CR<\/strong>\n        <div>\n          Fuel on credit options:\n          <span>7 Day \/ 15 Day \/ 21 Day \/ 30 Day options available.<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- \u2705 FIXED CTA LINKS -->\n      <div class=\"agfX-ctaRow\">\n        <a class=\"agfX-cta primary\" href=\"https:\/\/fuelmate-rsa.com\/?page_id=15\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 8V7l-3 2-2-3H3v12h18V10l-3 2 3-4zM5 8h9v2H5V8zm0 4h12v2H5v-2z\"\/><\/svg>\n          Contact Us\n        <\/a>\n        <a class=\"agfX-cta secondary\" href=\"https:\/\/fuelmate-rsa.com\/?page_id=15\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 14h-2v-2h2zm0-4h-2V6h2z\"\/><\/svg>\n          Learn More\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(() => {\n  const root = document.getElementById('agfX-carousel');\n  const slidesEl = document.getElementById('agfX-slides');\n  if(!root || !slidesEl) return;\n\n  const slides = Array.from(slidesEl.children);\n  let index = 0;\n  let timer = null;\n\n  function render(){\n    slidesEl.style.transform = `translateX(-${index * 100}%)`;\n  }\n\n  function next(){\n    index = (index + 1) % slides.length;\n    render();\n  }\n\n  function start(){\n    stop();\n    timer = setInterval(next, 4200);\n  }\n  function stop(){\n    if(timer) clearInterval(timer);\n    timer = null;\n  }\n\n  \/* \u2705 Auto slide only (no dots, no swipe, no hover pause) *\/\n  render();\n  start();\n\n  \/* keep it sane when tab changes *\/\n  document.addEventListener('visibilitychange', () => {\n    if(document.visibilityState === 'visible') start();\n    else stop();\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2190 Home FuelMate Target Market FuelMate Target Market Join Fuelmate in Minutes Choose a role and sign up \u2013 Create your account to access services, partners, and support with one simple sign up. Sign Up Sign Up Built for demand Consistent supply, storage options, and fleet-ready delivery for farms, mining and logistics. Field-ready Fuelmate Reliable Fuel Supply Built for Farming, Mining &amp; Logistics FuelMate supports farming, mining and logistics operations with consistent supply, storage options, and fleet-ready solutions designed for high-demand environments. FuelMate Advantage Supply assurance, flexible storage options, and On-Site support. Above ground tank leasing options (T\u2019s &amp; C\u2019s apply) Above ground tank sales Direct Fuel Supply to Clients Guaranteed Fuel Supply Fuel trailer sales from 2000L, suitable for bakkies Agri trailer sales (fire fighting trailers, medic stations, etc.) Trailer Sales Benefit from discounts CR Fuel on credit options: 7 Day \/ 15 Day \/ 21 Day \/ 30 Day options available. Contact Us Learn More<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=298"}],"version-history":[{"count":52,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/298\/revisions"}],"predecessor-version":[{"id":886,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/298\/revisions\/886"}],"wp:attachment":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}