{"id":45,"date":"2026-02-06T09:18:57","date_gmt":"2026-02-06T07:18:57","guid":{"rendered":"http:\/\/169.239.86.8:1080\/?page_id=45"},"modified":"2026-02-15T11:36:37","modified_gmt":"2026-02-15T09:36:37","slug":"africa-fuel","status":"publish","type":"page","link":"https:\/\/fuelmate-rsa.com\/?page_id=45","title":{"rendered":"Africa Fuel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45\" class=\"elementor elementor-45\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b63c37e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"b63c37e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3468b2 elementor-widget elementor-widget-html\" data-id=\"f3468b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nFUELMATE \u2013 AFRICA FUEL HEADING SECTION\nGradient blue background\nLight, small, repeating pattern overlay\nCreative breadcrumb buttons (Home \u2194 Africa Fuel)\nColours locked:\nDark Blue: #062A6E\nBlue: #0A3DAF\nYellow: #FFC700\n========================= -->\n\n<style>\n\/* AFRICA FUEL HEADER SECTION *\/\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        Africa Fuel\n      <\/span>\n    <\/div>\n\n    <!-- HEADING -->\n    <h1>Africa Fuel<\/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-3e262ee e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"3e262ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54dbad1 elementor-widget elementor-widget-html\" data-id=\"54dbad1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nFUELMATE \u2013 AFRICA FUEL SUPPLY (SPLIT LAYOUT)\n\u2705 RIGHT white block is FILLED by the image (edge-to-edge)\n\u2705 \u201cLive Operations Footage\u201d stays on top\n\u2705 No black background anywhere\n\u2705 CTA link: https:\/\/fuelmate-rsa.com\/?page_id=15\n========================= -->\n\n<style>\n  :root{\n    --fm-navy:#062A6E;\n    --fm-blue:#0A3DAF;\n    --fm-yellow:#FFC700;\n    --fm-border: rgba(6,42,110,0.12);\n    --fm-shadow: 0 18px 40px rgba(6,42,110,0.12);\n    --fm-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n  }\n\n  .fm-africa-split{\n    width:100%;\n    background:#ffffff;\n    font-family:var(--fm-font);\n  }\n\n  .fm-africa-wrap{\n    max-width:1400px;\n    margin:0 auto;\n    padding:80px 40px;\n    display:grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap:34px;\n    align-items:stretch;\n  }\n\n  \/* LEFT *\/\n  .fm-africa-left{ background:#ffffff; }\n\n  .fm-africa-left h1{\n    margin:0 0 14px 0;\n    font-size:44px;\n    line-height:1.12;\n    letter-spacing:.3px;\n    font-weight:900;\n    color:var(--fm-navy);\n  }\n\n  .fm-africa-left .fm-africa-sub{\n    margin:0 0 26px 0;\n    font-size:16.5px;\n    line-height:1.7;\n    color:rgba(6,42,110,0.78);\n    max-width:760px;\n  }\n\n  .fm-africa-grid{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap:16px;\n    margin-top:18px;\n  }\n\n  .fm-africa-card{\n    background:linear-gradient(135deg, var(--fm-navy), var(--fm-blue));\n    border-radius:18px;\n    padding:18px 18px 16px;\n    box-shadow:var(--fm-shadow);\n    border:1px solid rgba(255,255,255,0.10);\n    display:flex;\n    gap:14px;\n    align-items:flex-start;\n  }\n\n  .fm-africa-ic{\n    width:44px;\n    height:44px;\n    border-radius:14px;\n    background:rgba(255,255,255,0.14);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    flex:0 0 auto;\n    border:1px solid rgba(255,255,255,0.16);\n  }\n  .fm-africa-ic svg{ width:22px; height:22px; fill:#ffffff; }\n\n  .fm-africa-card h3{\n    margin:0 0 6px 0;\n    font-size:15px;\n    font-weight:900;\n    letter-spacing:.2px;\n    color:#ffffff;\n  }\n  .fm-africa-card p{\n    margin:0;\n    font-size:13.6px;\n    line-height:1.55;\n    color:rgba(255,255,255,0.90);\n  }\n\n  .fm-africa-cta{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    margin-top:22px;\n    padding:14px 26px;\n    border-radius:999px;\n    background:linear-gradient(90deg,var(--fm-yellow), #ffe27a);\n    color:var(--fm-navy);\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:.6px;\n    text-decoration:none;\n    text-transform:uppercase;\n    transition:transform .2s ease, filter .2s ease;\n  }\n  .fm-africa-cta:hover{ transform:translateY(-2px); filter:brightness(1.02); }\n\n  \/* RIGHT: WHITE BLOCK *\/\n  .fm-africa-right{\n    background:#ffffff;\n    border:1px solid var(--fm-border);\n    border-radius:22px;\n    overflow:hidden;\n    box-shadow:var(--fm-shadow);\n    display:flex;\n    flex-direction:column;\n    min-height:560px; \/* helps keep the block tall *\/\n  }\n\n  .fm-africa-video-head{\n    padding:18px 18px 14px;\n    border-bottom:1px solid rgba(6,42,110,0.08);\n    background:#ffffff;\n    flex:0 0 auto;\n  }\n  .fm-africa-video-head .tag{\n    display:inline-block;\n    padding:6px 10px;\n    border-radius:999px;\n    background:rgba(6,42,110,0.06);\n    color:var(--fm-navy);\n    font-size:11.5px;\n    font-weight:800;\n    letter-spacing:.2px;\n  }\n\n  \/* \u2705 FILL AREA: image becomes the \u201ccontent\u201d that fills the block *\/\n  .fm-africa-fill{\n    position:relative;\n    flex:1 1 auto;\n    background:#ffffff;\n    overflow:hidden;\n  }\n\n  .fm-africa-fill img{\n    position:absolute;\n    inset:0;\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n  }\n\n  \/* Optional: subtle overlay for premium look (very light) *\/\n  .fm-africa-fill::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n      radial-gradient(700px 360px at 18% 18%, rgba(255,199,0,0.10), rgba(255,199,0,0) 62%),\n      linear-gradient(180deg, rgba(6,42,110,0.06), rgba(6,42,110,0.02));\n    pointer-events:none;\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width:1024px){\n    .fm-africa-wrap{\n      grid-template-columns: 1fr;\n      gap:22px;\n      padding:64px 24px;\n    }\n    .fm-africa-left h1{ font-size:38px; }\n    .fm-africa-right{ min-height:420px; }\n  }\n\n  @media (max-width:640px){\n    .fm-africa-grid{ grid-template-columns: 1fr; }\n    .fm-africa-left h1{ font-size:34px; }\n    .fm-africa-right{ min-height:360px; }\n  }\n<\/style>\n\n<section class=\"fm-africa-split\" aria-label=\"Africa Fuel Supply\">\n  <div class=\"fm-africa-wrap\">\n\n    <!-- LEFT -->\n    <div class=\"fm-africa-left\">\n      <h1>Africa Fuel Supply<\/h1>\n      <p class=\"fm-africa-sub\">\n        Reliable cross-border supply, port delivery solutions, and wholesale distribution support across Africa.\n      <\/p>\n\n      <div class=\"fm-africa-grid\">\n\n        <article class=\"fm-africa-card\">\n          <div class=\"fm-africa-ic\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M20 21H4v-2h16v2zm-1.7-5.2-6.8-2.4V3h2v8.9l5.5 2L18.3 15.8zM3 16l8.5-3V5H7V3h6v10l8.2 2.9-.7 2-7.5-2.6L3.7 18l-.7-2z\"\/><\/svg>\n          <\/div>\n          <div>\n            <h3>CIF Delivery<\/h3>\n            <p>Cost, Insurance and Freight delivery into safe fuel-accommodating ports across Africa.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"fm-africa-card\">\n          <div class=\"fm-africa-ic\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M7 3a4 4 0 0 1 4 4c0 2.2-1.8 4-4 4S3 9.2 3 7a4 4 0 0 1 4-4zm0 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm10 4a4 4 0 0 1 4 4c0 2.2-1.8 4-4 4s-4-1.8-4-4a4 4 0 0 1 4-4zm0 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM7 11c6 0 4 6 10 6v2c-7 0-5-6-10-6v-2z\"\/><\/svg>\n          <\/div>\n          <div>\n            <h3>Cross Border Supply<\/h3>\n            <p>Supply into neighbouring countries using pipelines and approved storage facilities.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"fm-africa-card\">\n          <div class=\"fm-africa-ic\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2 2 7l10 5 10-5-10-5zm0 8L2 5v2l10 5 10-5V5l-10 5zm0 4L2 9v2l10 5 10-5V9l-10 5zm0 4L2 13v2l10 5 10-5v-2l-10 5z\"\/><\/svg>\n          <\/div>\n          <div>\n            <h3>Wholesale Distribution<\/h3>\n            <p>Buying syndicates help smaller resellers access pricing, storage and credit support.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"fm-africa-card\">\n          <div class=\"fm-africa-ic\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 6h11v9h1.5l2-3H21v6h-1a2.5 2.5 0 0 1-5 0H10a2.5 2.5 0 0 1-5 0H3V6zm2 2v8h.3a2.5 2.5 0 0 1 4.4 0H14V8H5zm12.7 8H19v-2h-2.3l-1 2zM7.5 19a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm10 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z\"\/><\/svg>\n          <\/div>\n          <div>\n            <h3>Distribution & Logistics<\/h3>\n            <p>End-to-end logistics enabling independent retailers to compete and scale.<\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n      <a class=\"fm-africa-cta\" href=\"https:\/\/fuelmate-rsa.com\/?page_id=15\">Contact Us<\/a>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"fm-africa-right\">\n      <div class=\"fm-africa-video-head\">\n        <span class=\"tag\">Live Operations Footage<\/span>\n      <\/div>\n\n      <!-- \u2705 FILLS the entire white block area under the header -->\n      <div class=\"fm-africa-fill\" aria-label=\"Africa supply visual fill\">\n        <img\n          src=\"https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/hand-using-virtual-screen-with-digital-earth-glob-2026-01-11-08-35-06-utc-scaled.jpg\"\n          alt=\"Digital global fuel supply network\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-726992f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"726992f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f851b1 elementor-widget elementor-widget-html\" data-id=\"3f851b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"width:100%; height:120px; background:#ffffff;\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-946ad3d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"946ad3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edcc502 elementor-widget elementor-widget-html\" data-id=\"edcc502\" 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2190 Home Africa Fuel Africa Fuel Africa Fuel Supply Reliable cross-border supply, port delivery solutions, and wholesale distribution support across Africa. CIF Delivery Cost, Insurance and Freight delivery into safe fuel-accommodating ports across Africa. Cross Border Supply Supply into neighbouring countries using pipelines and approved storage facilities. Wholesale Distribution Buying syndicates help smaller resellers access pricing, storage and credit support. Distribution &#038; Logistics End-to-end logistics enabling independent retailers to compete and scale. Contact Us Live Operations Footage 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-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/45","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=45"}],"version-history":[{"count":28,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":830,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions\/830"}],"wp:attachment":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}