{"id":9,"date":"2026-02-05T10:38:04","date_gmt":"2026-02-05T08:38:04","guid":{"rendered":"http:\/\/169.239.86.8:1080\/?page_id=9"},"modified":"2026-02-13T15:35:48","modified_gmt":"2026-02-13T13:35:48","slug":"home","status":"publish","type":"page","link":"https:\/\/www.test.zuluspeed.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f4531 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"d7f4531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-889298b elementor-widget elementor-widget-html\" data-id=\"889298b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nFUELMATE \u2013 HOME HERO (CREATIVE) [LEFT-ALIGNED FIX]\n\u2705 Content is LEFT aligned (not centered)\n\u2705 Content sits closer to the left side\n\u2705 Still keeps max-width container so it doesn\u2019t stretch too wide on big screens\n\u2705 NEW: 2 background videos crossfade every 4 seconds\nColours locked:\nDark Blue: #062A6E\nBlue: #0A3DAF\nYellow: #FFC700\n\u2705 UPDATED: BOTH CTA BUTTONS YELLOW (same style)\n========================= -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital@1&display=swap');\n\n\/* HERO WRAPPER *\/\n.fm-hero{\n  position:relative;\n  height:90vh;\n  min-height:650px;\n  overflow:hidden;\n  display:flex;\n  align-items:center;\n  color:#ffffff;\n}\n\n\/* VIDEO BACKGROUND (2 layers) *\/\n.fm-hero .fm-vbg{\n  position:absolute;\n  inset:0;\n  z-index:1;\n}\n.fm-hero .fm-vbg video{\n  position:absolute;\n  top:50%;\n  left:50%;\n  min-width:100%;\n  min-height:100%;\n  transform:translate(-50%, -50%);\n  object-fit:cover;\n  opacity:0;\n  transition:opacity 1.1s ease;\n  will-change: opacity;\n}\n.fm-hero .fm-vbg video.is-active{ opacity:1; }\n\n\/* LEFT \u2192 RIGHT GRADIENT OVERLAY *\/\n.fm-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(\n    90deg,\n    rgba(6, 42, 110, 0.92) 0%,\n    rgba(6, 42, 110, 0.78) 35%,\n    rgba(6, 42, 110, 0.45) 60%,\n    rgba(6, 42, 110, 0.15) 80%,\n    rgba(6, 42, 110, 0.05) 100%\n  );\n  z-index:2;\n}\n\n\/* CONTENT (LEFT ALIGNED + NOT \u201cIN THE MIDDLE\u201d) *\/\n.fm-hero-content{\n  position:relative;\n  z-index:3;\n  max-width:1400px;\n  width:100%;\n  margin:0;\n  padding:0 40px;\n  display:flex;\n  justify-content:flex-start;\n}\n\n\/* INNER WRAP so text stays neat and left *\/\n.fm-hero-inner{\n  max-width:820px;\n  text-align:left;\n}\n\n\/* SCRIPT EYEBROW *\/\n.fm-hero-eyebrow{\n  font-family:'Playfair Display', serif;\n  font-style:italic;\n  font-size:28px;\n  color:#FFC700;\n  margin-bottom:22px;\n  letter-spacing:0.5px;\n}\n\n\/* MAIN HEADING *\/\n.fm-hero h1{\n  font-size:58px;\n  line-height:1.08;\n  font-weight:700;\n  margin:0 0 26px 0;\n}\n\n\/* SUB HEADING *\/\n.fm-hero p{\n  font-size:18.5px;\n  line-height:1.65;\n  opacity:0.96;\n  margin:0 0 44px 0;\n}\n\n\/* CTA GROUP *\/\n.fm-hero-cta{\n  display:flex;\n  gap:20px;\n  flex-wrap:wrap;\n  justify-content:flex-start;\n}\n\n\/* \u2705 BOTH CTA BUTTONS \u2013 YELLOW (same style) *\/\n.fm-hero-cta .primary,\n.fm-hero-cta .secondary{\n  background:#FFC700;\n  color:#062A6E;\n  padding:15px 34px;\n  border-radius:999px;\n  font-weight:600;\n  font-size:14.5px;\n  text-decoration:none;\n  box-shadow:0 12px 32px rgba(255,199,0,0.45);\n  transition:all .35s ease;\n  border:0;\n  backdrop-filter:none;\n}\n.fm-hero-cta .primary:hover,\n.fm-hero-cta .secondary:hover{\n  background:#ffffff;\n  transform:translateY(-2px);\n  box-shadow:0 18px 40px rgba(255,255,255,0.4);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width:1024px){\n  .fm-hero h1{ font-size:46px; }\n  .fm-hero-eyebrow{ font-size:24px; }\n}\n\n@media (max-width:768px){\n  .fm-hero{ height:85vh; }\n  .fm-hero-content{ padding:0 24px; }\n  .fm-hero h1{ font-size:36px; }\n  .fm-hero p{ font-size:16.5px; }\n  .fm-hero-inner{ max-width:560px; }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .fm-hero .fm-vbg video{ transition:none !important; }\n}\n<\/style>\n\n<section class=\"fm-hero\" data-fm-hero=\"true\">\n\n  <!-- VIDEO (CROSSFADE 2 SOURCES) -->\n  <div class=\"fm-vbg\" aria-hidden=\"true\">\n    <video class=\"fm-v1 is-active\" muted playsinline preload=\"auto\">\n      <source src=\"https:\/\/www.test.zuluspeed.co.za\/wp-content\/uploads\/2026\/02\/0_Industrial_Complex_Oil_Refinery_3840x2160.mov\" type=\"video\/mp4\">\n    <\/video>\n\n    <video class=\"fm-v2\" muted playsinline preload=\"auto\">\n      <source src=\"https:\/\/www.test.zuluspeed.co.za\/wp-content\/uploads\/2026\/02\/0_Industrial_Storage_3840x2020.mp4\" type=\"video\/mp4\">\n    <\/video>\n  <\/div>\n\n  <!-- CONTENT -->\n  <div class=\"fm-hero-content\">\n    <div class=\"fm-hero-inner\">\n      <div class=\"fm-hero-eyebrow\">Intelligent Fuel Solutions<\/div>\n\n      <h1>\n        Holistic Fuel Solutions<br>\n        for High-Performance Operations\n      <\/h1>\n\n      <p>\n        Fuelmate delivers intelligent fuel supply, monitoring, and control\n        solutions that reduce losses, improve efficiency, and give businesses\n        complete visibility over their fuel operations.\n      <\/p>\n\n      <div class=\"fm-hero-cta\">\n        <a href=\"http:\/\/169.239.86.8:1080\/?page_id=13\" class=\"primary\">Contact Us<\/a>\n        <a href=\"http:\/\/169.239.86.8:1080\/?page_id=13\" class=\"secondary\">Our Group Divisions<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(() => {\n  const hero = document.querySelector('[data-fm-hero=\"true\"]');\n  if(!hero) return;\n\n  const v1 = hero.querySelector('.fm-v1');\n  const v2 = hero.querySelector('.fm-v2');\n  if(!v1 || !v2) return;\n\n  const DURATION = 4000;      \/\/ each video stays visible 4s\n  const FADE_MS  = 1100;      \/\/ matches CSS transition opacity 1.1s\n\n  [v1, v2].forEach(v => {\n    v.muted = true;\n    v.playsInline = true;\n    v.loop = false;\n    v.preload = \"auto\";\n  });\n\n  let active = v1;\n  let next = v2;\n  let timer = null;\n\n  function safePlay(v){\n    const p = v.play();\n    if(p && typeof p.catch === \"function\") p.catch(()=>{});\n  }\n\n  function swap(){\n    try{ next.currentTime = 0; }catch(e){}\n    safePlay(next);\n\n    active.classList.remove('is-active');\n    next.classList.add('is-active');\n\n    const old = active;\n    setTimeout(() => { try{ old.pause(); }catch(e){} }, FADE_MS + 80);\n\n    active = next;\n    next = (active === v1) ? v2 : v1;\n  }\n\n  safePlay(v1);\n  timer = setInterval(swap, DURATION);\n\n  document.addEventListener('visibilitychange', () => {\n    if(document.visibilityState === 'visible'){\n      safePlay(active);\n    }\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc04ad0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"fc04ad0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ef42ea elementor-widget elementor-widget-html\" data-id=\"1ef42ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nABOUT FUELMATE \u2013 CLEAN SPLIT SECTION (TEXT BLOCK + IMAGE)\n\u2705 Text sits in premium block for visibility\n\u2705 Image added on right side (blank side)\n\u2705 Image: no frame \/ no shadow \/ no bg styling from CSS\nColours locked: #062A6E | #0A3DAF | #FFC700\n========================= -->\n\n<style>\n:root{\n  --fm-navy:#062A6E;\n  --fm-blue:#0A3DAF;\n  --fm-yellow:#FFC700;\n}\n\n\/* SECTION *\/\n.fm-about-split{\n  max-width:1400px;\n  margin:80px auto;\n  padding:0 40px;\n  display:grid;\n  grid-template-columns:1.1fr 0.9fr;\n  align-items:center;\n  gap:60px;\n}\n\n\/* LEFT TEXT BLOCK (visibility boost) *\/\n.fm-about-text{\n  position:relative;\n  padding:34px 34px;\n  border-radius:22px;\n  background:linear-gradient(180deg, rgba(6,42,110,.06), rgba(10,61,175,.03));\n  border:1px solid rgba(6,42,110,.12);\n}\n\n\/* subtle glow behind block *\/\n.fm-about-text::before{\n  content:\"\";\n  position:absolute;\n  inset:-18px;\n  border-radius:28px;\n  background:\n    radial-gradient(520px 260px at 18% 18%, rgba(255,199,0,.14), transparent 60%),\n    radial-gradient(520px 260px at 88% 78%, rgba(10,61,175,.10), transparent 60%);\n  pointer-events:none;\n  z-index:-1;\n}\n\n.fm-about-text h2{\n  font-size:40px;\n  font-weight:800;\n  color:var(--fm-navy);\n  margin:0 0 6px;\n  letter-spacing:.2px;\n}\n\n.fm-about-text h3{\n  display:inline-block;\n  font-size:20px;\n  font-weight:650;\n  color:var(--fm-blue);\n  margin:0 0 18px;\n  position:relative;\n  padding-bottom:8px;\n}\n\n\/* YELLOW ACCENT UNDERLINE *\/\n.fm-about-text h3::after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:0;\n  width:55%;\n  height:3px;\n  background:linear-gradient(90deg, var(--fm-yellow), rgba(255,199,0,.35));\n  border-radius:2px;\n}\n\n.fm-about-text p{\n  font-size:16.7px;\n  line-height:1.75;\n  color:var(--fm-navy);\n  opacity:0.98;\n  margin:0;\n}\n\n\/* left accent rail *\/\n.fm-about-text .fm-rail{\n  position:absolute;\n  left:18px;\n  top:22px;\n  bottom:22px;\n  width:4px;\n  border-radius:999px;\n  background:linear-gradient(180deg, rgba(255,199,0,.95), rgba(10,61,175,.55));\n  opacity:.9;\n}\n\n\/* RIGHT IMAGE *\/\n.fm-about-image{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n}\n\n\/* CLEAN IMAGE \u2014 NO FRAME \/ NO SHADOW \/ NO BG *\/\n.fm-about-image img{\n  width:100%;\n  max-width:560px;\n  height:auto;\n  display:block;\n  background:transparent !important;\n  border:0 !important;\n  outline:0 !important;\n  box-shadow:none !important;\n  filter:none !important;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width:1024px){\n  .fm-about-split{ gap:40px; }\n  .fm-about-text{ padding:30px 26px; }\n  .fm-about-text h2{ font-size:34px; }\n  .fm-about-text h3{ font-size:19px; }\n  .fm-about-text .fm-rail{ left:14px; }\n}\n\n@media (max-width:768px){\n  .fm-about-split{\n    grid-template-columns:1fr;\n    margin:60px auto;\n    padding:0 24px;\n  }\n  .fm-about-image{ margin-top:28px; }\n  .fm-about-image img{ max-width:520px; }\n  .fm-about-text{ border-radius:20px; }\n}\n<\/style>\n\n<section class=\"fm-about-split\" aria-label=\"About Fuelmate split section\">\n\n  <!-- LEFT TEXT -->\n  <div class=\"fm-about-text\">\n    <span class=\"fm-rail\" aria-hidden=\"true\"><\/span>\n\n    <h2>About Fuelmate<\/h2>\n    <h3>Fuel Intelligence. Total Control.<\/h3>\n\n    <p>\n      Fuelmate is a fully integrated South African fuel, energy, and mobility\n      solutions company operating across the fuel value chain \u2014 from supply and\n      distribution to fleet technology and value-added services. Built to solve\n      Africa\u2019s need for reliable, cost-efficient energy, Fuelmate delivers\n      dependable fuel and mobility solutions through strong partnerships,\n      national reach, and intelligent systems, all under one trusted brand.\n    <\/p>\n  <\/div>\n\n  <!-- RIGHT IMAGE -->\n  <div class=\"fm-about-image\">\n    <img decoding=\"async\"\n      src=\"http:\/\/169.239.86.8:1080\/wp-content\/uploads\/2026\/02\/Shiny-Fuelmate-tanker-truck-in-focus.png\"\n      alt=\"Fuelmate Tanker Truck\"\n      loading=\"lazy\"\n    >\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3c80cb e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"a3c80cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffd31d3 elementor-widget elementor-widget-html\" data-id=\"ffd31d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nFUELMATE \u2013 FULL WIDTH CTA STRIP\nSlim section breaker + CTA\nColours locked:\nDark Blue: #062A6E\nBlue: #0A3DAF\nYellow: #FFC700\n========================= -->\n\n<style>\n\/* FULL WIDTH CTA SECTION *\/\n.fm-cta-strip {\n  width: 100%;\n  padding: 36px 40px; \/* \ud83d\udc48 slim vertical padding *\/\n  background: linear-gradient(\n    90deg,\n    rgba(6,42,110,0.95) 0%,\n    rgba(10,61,175,0.95) 100%\n  );\n}\n\n\/* INNER CONTAINER *\/\n.fm-cta-strip-inner {\n  max-width: 1400px;\n  margin: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n}\n\n\/* TEXT *\/\n.fm-cta-strip-text h3 {\n  font-size: 26px;\n  font-weight: 600;\n  color: #ffffff;\n  margin-bottom: 6px;\n}\n\n.fm-cta-strip-text p {\n  font-size: 15.5px;\n  color: rgba(255,255,255,0.9);\n  line-height: 1.5;\n  max-width: 520px;\n}\n\n\/* BUTTONS *\/\n.fm-cta-strip-actions {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n\/* PRIMARY CTA *\/\n.fm-cta-strip-primary {\n  background: #FFC700;\n  color: #062A6E;\n  padding: 12px 26px;\n  border-radius: 999px;\n  font-weight: 600;\n  font-size: 14px;\n  text-decoration: none;\n  box-shadow: 0 8px 22px rgba(255,199,0,0.45);\n  transition: all 0.3s ease;\n}\n\n.fm-cta-strip-primary:hover {\n  background: #ffffff;\n  transform: translateY(-1px);\n  box-shadow: 0 14px 32px rgba(255,255,255,0.35);\n}\n\n\/* SECONDARY CTA *\/\n.fm-cta-strip-secondary {\n  border: 1.5px solid rgba(255,255,255,0.55);\n  color: #ffffff;\n  padding: 12px 26px;\n  border-radius: 999px;\n  font-weight: 500;\n  font-size: 14px;\n  text-decoration: none;\n  transition: all 0.3s ease;\n}\n\n.fm-cta-strip-secondary:hover {\n  border-color: #FFC700;\n  color: #FFC700;\n  background: rgba(255,255,255,0.06);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 1024px) {\n  .fm-cta-strip-text h3 {\n    font-size: 22px;\n  }\n}\n\n@media (max-width: 768px) {\n  .fm-cta-strip {\n    padding: 30px 24px;\n  }\n\n  .fm-cta-strip-inner {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 20px;\n  }\n\n  .fm-cta-strip-actions {\n    width: 100%;\n  }\n}\n<\/style>\n\n<section class=\"fm-cta-strip\">\n\n  <div class=\"fm-cta-strip-inner\">\n\n    <!-- TEXT -->\n    <div class=\"fm-cta-strip-text\">\n      <h3>Ready to Take Control of Your Fuel Operations?<\/h3>\n      <p>\n        Partner with Fuelmate for transparent, intelligent fuel management\n        solutions built for performance and scale.\n      <\/p>\n    <\/div>\n\n    <!-- ACTIONS -->\n    <div class=\"fm-cta-strip-actions\">\n      <a href=\"http:\/\/169.239.86.8:1080\/?page_id=13\" class=\"fm-cta-strip-primary\">\n        Contact Us\n      <\/a>\n      <a href=\"http:\/\/169.239.86.8:1080\/?page_id=13\" class=\"fm-cta-strip-secondary\">\n        Our Group Divisions\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10c3ddb e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"10c3ddb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0929463 elementor-widget elementor-widget-html\" data-id=\"0929463\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nFUELMATE \u2013 DIVISION BLOCKS (VIEW MORE BUTTON FIXED)\n\u2705 Button stays visible (not inside collapsing desc)\n\u2705 Spacing stays perfect\n\u2705 Text stays on screen\n========================= -->\n\n<style>\n.fm-blocks {\n  width: 100%;\n  padding: 140px 40px;\n  background: linear-gradient(\n    180deg,\n    rgba(10,61,175,0.04) 0%,\n    rgba(10,61,175,0.02) 100%\n  );\n}\n\n.fm-blocks-inner {\n  max-width: 1400px;\n  margin: auto;\n}\n\n\/* MAIN GRID *\/\n.fm-block-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 28px;\n}\n\n\/* FULL-WIDTH ROW FOR LAST TWO *\/\n.fm-block-row-centered {\n  grid-column: 1 \/ -1;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 28px;\n  max-width: 940px;\n  margin: 0 auto;\n}\n\n\/* CARD *\/\n.fm-block {\n  position: relative;\n  height: 360px;\n  border-radius: 22px;\n  overflow: hidden;\n}\n\n.fm-block img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.fm-block::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    180deg,\n    rgba(6,42,110,0.25) 0%,\n    rgba(6,42,110,0.6) 60%,\n    rgba(6,42,110,0.95) 100%\n  );\n  z-index: 1;\n}\n\n.fm-block-content {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: 26px;\n  color: #ffffff;\n}\n\n\/* Title *\/\n.fm-block-content h3 {\n  font-size: 22px;\n  font-weight: 600;\n  margin: 0 0 10px 0;\n}\n\n\/* Desc (collapses on desktop, visible on hover) *\/\n.fm-block-desc {\n  font-size: 14.5px;\n  line-height: 1.6;\n  opacity: 0;\n  max-height: 0;\n  overflow: hidden;\n  transition: all 0.45s ease;\n}\n\n\/* Button (ALWAYS visible, spacing stable) *\/\n.fm-view-more {\n  margin-top: 14px;\n  align-self: flex-start;\n  padding: 9px 18px;\n  font-size: 12.5px;\n  font-weight: 700;\n  letter-spacing: .3px;\n  color: #062A6E;\n  text-decoration: none;\n  border-radius: 999px;\n  background: linear-gradient(90deg,#FFC700,#FFD84D);\n  transition: all .35s ease;\n}\n.fm-view-more:hover {\n  color: #ffffff;\n  background: linear-gradient(90deg,#0A3DAF,#062A6E);\n}\n\n\/* Desktop hover *\/\n@media (hover: hover) {\n  .fm-block:hover .fm-block-desc {\n    opacity: 1;\n    max-height: 320px;\n  }\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .fm-block-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .fm-blocks {\n    padding: 90px 24px;\n  }\n\n  .fm-block-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .fm-block {\n    height: auto;\n  }\n\n  .fm-block img {\n    height: 240px;\n  }\n\n  .fm-block-desc {\n    opacity: 1;\n    max-height: none;\n    margin-top: 8px;\n  }\n\n  .fm-block-content {\n    position: relative;\n    background: linear-gradient(\n      180deg,\n      rgba(6,42,110,0.9),\n      rgba(6,42,110,0.95)\n    );\n  }\n}\n<\/style>\n\n<section class=\"fm-blocks\">\n  <div class=\"fm-blocks-inner\">\n    <div class=\"fm-block-grid\">\n\n      <!-- GLOBAL ENERGY TRADING -->\n      <div class=\"fm-block\">\n        <img decoding=\"async\" src=\"http:\/\/169.239.86.8:1080\/wp-content\/uploads\/2026\/02\/21.jpg\">\n        <div class=\"fm-block-content\">\n          <h3>Global Energy Trading<\/h3>\n          <div class=\"fm-block-desc\">\n            Fuelmate operates within high-level global fuel trading environments, structuring secure, compliant and scalable\n            transactions across international ports and strategic supply routes.\n          <\/div>\n          <a class=\"fm-view-more\" href=\"http:\/\/169.239.86.8:1080\/?page_id=513\">View More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- AFRICA FUEL -->\n      <div class=\"fm-block\">\n        <img decoding=\"async\" src=\"http:\/\/169.239.86.8:1080\/wp-content\/uploads\/2026\/02\/a-row-of-handguns-its-hang-on-stand-2026-01-07-01-20-00-utc-scaled.jpg\">\n        <div class=\"fm-block-content\">\n          <h3>Africa Fuel<\/h3>\n          <div class=\"fm-block-desc\">\n            Imports of fuel CIF to any safe African port | Cross-border supply from RSA |\n            Wholesale & credit to resellers in RSA | Distribution to retailers.\n          <\/div>\n          <a class=\"fm-view-more\" href=\"http:\/\/169.239.86.8:1080\/?page_id=45\">View More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- MOTORMATE -->\n      <div class=\"fm-block\">\n        <img decoding=\"async\" src=\"http:\/\/169.239.86.8:1080\/wp-content\/uploads\/2026\/02\/vehicles-motion-blur-on-curve-bridge-approach-2026-01-07-06-52-16-utc-scaled.jpg\">\n        <div class=\"fm-block-content\">\n          <h3>MotorMate<\/h3>\n          <div class=\"fm-block-desc\">\n            Auto fitment centres | Inspection centres | Licence renewals |\n            24\/7 breakdown & roadside assist | EMS alerts | MotoAngels responders.\n          <\/div>\n          <a class=\"fm-view-more\" href=\"http:\/\/169.239.86.8:1080\/?page_id=47\">View More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- MOTOFLEET (\u2705 IMAGE UPDATED) -->\n      <div class=\"fm-block\">\n        <img decoding=\"async\" src=\"http:\/\/169.239.86.8:1080\/wp-content\/uploads\/2026\/02\/row-new-cars-port-scaled.jpg\">\n        <div class=\"fm-block-content\">\n          <h3>MotoFleet<\/h3>\n          <div class=\"fm-block-desc\">\n            Vehicle tracking | Fleet maintenance | Service scheduling |\n            Fuel, oil & toll cards managed by MotoFleet.\n          <\/div>\n          <a class=\"fm-view-more\" href=\"http:\/\/169.239.86.8:1080\/?page_id=49\">View More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- MOTOCARD -->\n      <div class=\"fm-block\">\n        <img decoding=\"async\" src=\"http:\/\/169.239.86.8:1080\/wp-content\/uploads\/2026\/02\/cropped-view-of-woman-giving-credit-card-to-worker-2026-01-06-00-03-53-utc-scaled.jpg\">\n        <div class=\"fm-block-content\">\n          <h3>MotoCard<\/h3>\n          <div class=\"fm-block-desc\">\n            A secure fuel-and-spend card solution giving businesses controlled purchasing, real-time reporting, limits, and nationwide acceptance for drivers daily budget management.\n          <\/div>\n          <a class=\"fm-view-more\" href=\"http:\/\/169.239.86.8:1080\/?page_id=529\">View More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- MOTORSERVE (\u2705 IMAGE UPDATED) -->\n      <div class=\"fm-block\">\n        <img decoding=\"async\" src=\"http:\/\/169.239.86.8:1080\/wp-content\/uploads\/2026\/02\/auto-mechanic-uses-tire-balancing-machine-turning-tire-scaled.jpg\">\n        <div class=\"fm-block-content\">\n          <h3>MotoServe \u2013 Merchant Partners<\/h3>\n          <div class=\"fm-block-desc\">\n            Auto fitment | Service centres | Motor spares | Fuel stations |\n            Auto glass & valet partners nationwide.\n          <\/div>\n          <a class=\"fm-view-more\" href=\"http:\/\/169.239.86.8:1080\/?page_id=51\">View More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- FRANCHISE FUEL STATIONS (UPDATED IMAGE) -->\n      <div class=\"fm-block\">\n        <img decoding=\"async\" src=\"http:\/\/169.239.86.8:1080\/wp-content\/uploads\/2026\/02\/modern-gas-station-illustration-clean-lines-greyscale-scaled.jpg\">\n        <div class=\"fm-block-content\">\n          <h3>Franchise Fuel Stations<\/h3>\n          <div class=\"fm-block-desc\">\n            Franchise fuel stations across SADEC |\n            Convenience stores | Fast foods | 300-location target.\n          <\/div>\n          <a class=\"fm-view-more\" href=\"http:\/\/169.239.86.8:1080\/?page_id=55\">View More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- FUEL TRUCK DEPOTS -->\n      <div class=\"fm-block\">\n        <img decoding=\"async\" src=\"http:\/\/169.239.86.8:1080\/wp-content\/uploads\/2026\/02\/the-pipeline-2026-01-09-06-39-49-utc-scaled.jpg\">\n        <div class=\"fm-block-content\">\n          <h3>Fuel Truck Depots<\/h3>\n          <div class=\"fm-block-desc\">\n            Corporate petro ports | Driver rest stops |\n            Secure overnight facilities | Highway placed.\n          <\/div>\n          <a class=\"fm-view-more\" href=\"http:\/\/169.239.86.8:1080\/?page_id=57\">View More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- VALUE ADDED PRODUCT BENEFITS -->\n      <div class=\"fm-block\">\n        <img decoding=\"async\" src=\"http:\/\/169.239.86.8:1080\/wp-content\/uploads\/2026\/02\/close-up-of-hand-using-tablet-at-desktop-with-abst-2026-01-11-08-36-59-utc-scaled.jpg\">\n        <div class=\"fm-block-content\">\n          <h3>Value Added Product Benefits<\/h3>\n          <div class=\"fm-block-desc\">\n            Fuel anti-theft devices | Driver communication systems |\n            Vehicle camera & safety solutions.\n          <\/div>\n          <a class=\"fm-view-more\" href=\"http:\/\/169.239.86.8:1080\/?page_id=296\">View More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- AGRICULTURAL SECTOR SUPPLY -->\n      <div class=\"fm-block\">\n        <img decoding=\"async\" src=\"http:\/\/169.239.86.8:1080\/wp-content\/uploads\/2026\/02\/vehicles-for-all-your-agricultural-needs-2026-01-09-11-36-59-utc-scaled.jpg\">\n        <div class=\"fm-block-content\">\n          <h3>FuelMate Target Market<\/h3>\n          <div class=\"fm-block-desc\">\n            Above-ground tanks | Guaranteed fuel delivery |\n            Agri fuel trailers & cooperative supply.\n          <\/div>\n          <a class=\"fm-view-more\" href=\"http:\/\/169.239.86.8:1080\/?page_id=298\">View More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d13f76 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"0d13f76\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e9853a elementor-widget elementor-widget-html\" data-id=\"3e9853a\" 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>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Intelligent Fuel Solutions Holistic Fuel Solutions for High-Performance Operations Fuelmate delivers intelligent fuel supply, monitoring, and control solutions that reduce losses, improve efficiency, and give businesses complete visibility over their fuel operations. Contact Us Our Group Divisions About Fuelmate Fuel Intelligence. Total Control. Fuelmate is a fully integrated South African fuel, energy, and mobility solutions company operating across the fuel value chain \u2014 from supply and distribution to fleet technology and value-added services. Built to solve Africa\u2019s need for reliable, cost-efficient energy, Fuelmate delivers dependable fuel and mobility solutions through strong partnerships, national reach, and intelligent systems, all under one trusted brand. Ready to Take Control of Your Fuel Operations? Partner with Fuelmate for transparent, intelligent fuel management solutions built for performance and scale. Contact Us Our Group Divisions Global Energy Trading Fuelmate operates within high-level global fuel trading environments, structuring secure, compliant and scalable transactions across international ports and strategic supply routes. View More \u2192 Africa Fuel Imports of fuel CIF to any safe African port | Cross-border supply from RSA | Wholesale &#038; credit to resellers in RSA | Distribution to retailers. View More \u2192 MotorMate Auto fitment centres | Inspection centres | Licence renewals | 24\/7 breakdown &#038; roadside assist | EMS alerts | MotoAngels responders. View More \u2192 MotoFleet Vehicle tracking | Fleet maintenance | Service scheduling | Fuel, oil &#038; toll cards managed by MotoFleet. View More \u2192 MotoCard A secure fuel-and-spend card solution giving businesses controlled purchasing, real-time reporting, limits, and nationwide acceptance for drivers daily budget management. View More \u2192 MotoServe \u2013 Merchant Partners Auto fitment | Service centres | Motor spares | Fuel stations | Auto glass &#038; valet partners nationwide. View More \u2192 Franchise Fuel Stations Franchise fuel stations across SADEC | Convenience stores | Fast foods | 300-location target. View More \u2192 Fuel Truck Depots Corporate petro ports | Driver rest stops | Secure overnight facilities | Highway placed. View More \u2192 Value Added Product Benefits Fuel anti-theft devices | Driver communication systems | Vehicle camera &#038; safety solutions. View More \u2192 FuelMate Target Market Above-ground tanks | Guaranteed fuel delivery | Agri fuel trailers &#038; cooperative supply. View More \u2192 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<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.test.zuluspeed.co.za\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.test.zuluspeed.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.test.zuluspeed.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.test.zuluspeed.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.test.zuluspeed.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":109,"href":"https:\/\/www.test.zuluspeed.co.za\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":739,"href":"https:\/\/www.test.zuluspeed.co.za\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/739"}],"wp:attachment":[{"href":"https:\/\/www.test.zuluspeed.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}