{"id":11,"date":"2026-02-05T10:38:18","date_gmt":"2026-02-05T08:38:18","guid":{"rendered":"http:\/\/169.239.86.8:1080\/?page_id=11"},"modified":"2026-02-15T12:20:07","modified_gmt":"2026-02-15T10:20:07","slug":"about-us","status":"publish","type":"page","link":"https:\/\/fuelmate-rsa.com\/?page_id=11","title":{"rendered":"About Fuelmate"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ea084a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"2ea084a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4a7d97 elementor-widget elementor-widget-html\" data-id=\"d4a7d97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nFUELMATE \u2013 ABOUT FUELMATE HERO\nELEMENTOR-PROOF FULL-WIDTH FIX\n========================= -->\n\n<style>\n\/* =========================\nFULL-WIDTH BREAKOUT\n========================= *\/\n.fm-about-hero {\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw); \/* BREAK OUT OF ELEMENTOR *\/\n  padding: 120px 0;\n  background: linear-gradient(\n    135deg,\n    #0A3DAF 0%,\n    #062A6E 100%\n  );\n  overflow: hidden;\n}\n\n\/* =========================\nPATTERN OVERLAY\n========================= *\/\n.fm-about-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; \/* light transparent *\/\n  z-index: 0;\n}\n\n\/* =========================\nCONTENT CONTAINER (TRUE LEFT EDGE)\n========================= *\/\n.fm-about-hero-inner {\n  position: relative;\n  z-index: 1;\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 0 40px; \/* controlled, intentional padding *\/\n  text-align: left;\n}\n\n\/* =========================\nBREADCRUMB\n========================= *\/\n.fm-breadcrumb {\n  font-size: 14px;\n  margin-bottom: 16px;\n}\n\n.fm-breadcrumb a {\n  color: #FFC700;\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.fm-breadcrumb span {\n  color: rgba(255,255,255,0.8);\n  margin: 0 8px;\n}\n\n\/* =========================\nHEADING\n========================= *\/\n.fm-about-hero h1 {\n  font-size: 56px;\n  font-weight: 700;\n  color: #ffffff;\n  margin: 0;\n  letter-spacing: 0.4px;\n}\n\n\/* =========================\nRESPONSIVE\n========================= *\/\n@media (max-width: 1024px) {\n  .fm-about-hero {\n    padding: 100px 0;\n  }\n\n  .fm-about-hero-inner {\n    padding: 0 32px;\n  }\n\n  .fm-about-hero h1 {\n    font-size: 46px;\n  }\n}\n\n@media (max-width: 768px) {\n  .fm-about-hero {\n    padding: 80px 0;\n  }\n\n  .fm-about-hero-inner {\n    padding: 0 24px;\n  }\n\n  .fm-about-hero h1 {\n    font-size: 38px;\n  }\n}\n<\/style>\n\n<section class=\"fm-about-hero\">\n  <div class=\"fm-about-hero-inner\">\n\n    <div class=\"fm-breadcrumb\">\n      <a href=\"https:\/\/fuelmate-rsa.com\/\">Home<\/a>\n      <span>\u2192<\/span>\n      <span>About Fuelmate<\/span>\n    <\/div>\n\n    <h1>About Fuelmate<\/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-6a52068 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"6a52068\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5df408a elementor-widget elementor-widget-html\" data-id=\"5df408a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nFUELMATE \u2013 ABOUT + MISSION\/VISION (2-UP) + WHY CHOOSE US (FULL WIDTH)\n\u2705 Mission + Vision next to each other (desktop)\n\u2705 Why Choose Us UNDER them (full width)\n\u2705 Readability improved: stronger overlays + clearer type + larger padding\n\u2705 Icons + background images kept\n\u2705 Buttons:\n   - Contact Us -> https:\/\/fuelmate-rsa.com\/?page_id=15\n   - Sign Up    -> https:\/\/fuelmate-rsa.com\/?page_id=403\nColours locked: #062A6E | #0A3DAF | #FFC700\n========================= -->\n\n<style>\n  :root{\n    --fm-navy:#062A6E;\n    --fm-blue:#0A3DAF;\n    --fm-yellow:#FFC700;\n    --fm-ink: rgba(6,42,110,.90);\n    --fm-soft: rgba(6,42,110,.14);\n    --fm-shadow: 0 26px 70px rgba(6,42,110,.12);\n    --fm-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n  }\n\n  \/* =======================\n     ABOUT HERO\n  ======================= *\/\n  .fm-aboutS{\n    width:100%;\n    background:#ffffff;\n    font-family:var(--fm-font);\n    padding:110px 40px;\n    overflow:hidden;\n  }\n  .fm-aboutS *{ box-sizing:border-box; }\n\n  .fm-aboutS-inner{\n    max-width:1400px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap:72px;\n    align-items:center;\n  }\n\n  .fm-aboutS-card{\n    border:1px solid rgba(6,42,110,.16);\n    border-radius:26px;\n    background:linear-gradient(180deg, rgba(6,42,110,.10), rgba(10,61,175,.06));\n    box-shadow:var(--fm-shadow);\n    padding:42px 42px 36px;\n    position:relative;\n    overflow:hidden;\n  }\n  .fm-aboutS-card::before{\n    content:\"\";\n    position:absolute;\n    top:-160px; left:-160px;\n    width:340px; height:340px;\n    border-radius:50%;\n    background:radial-gradient(circle, rgba(255,199,0,.22), rgba(255,199,0,0) 70%);\n    pointer-events:none;\n  }\n  .fm-aboutS-card::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n      radial-gradient(520px 320px at 84% 14%, rgba(10,61,175,.12), transparent 62%),\n      radial-gradient(520px 320px at 20% 86%, rgba(255,199,0,.10), transparent 64%);\n    pointer-events:none;\n    opacity:.55;\n  }\n\n  .fm-aboutS-top{ position:relative; z-index:2; margin-bottom:14px; }\n  .fm-aboutS-badge{\n    display:inline-flex; align-items:center; gap:10px;\n    padding:8px 12px; border-radius:999px;\n    border:1px solid rgba(10,61,175,.18);\n    background:rgba(255,255,255,.55);\n    color:var(--fm-blue);\n    font-size:12px; font-weight:950;\n    letter-spacing:1.1px; text-transform:uppercase;\n    white-space:nowrap;\n    backdrop-filter: blur(6px);\n  }\n  .fm-aboutS-badge i{\n    width:9px;height:9px;border-radius:999px;\n    background:linear-gradient(90deg,var(--fm-yellow), var(--fm-blue));\n    display:inline-block;\n  }\n\n  .fm-aboutS-title{\n    position:relative; z-index:2;\n    margin:0 0 10px 0;\n    font-size:52px; line-height:1.05;\n    font-weight:950;\n    color:var(--fm-navy);\n    letter-spacing:.2px;\n    text-shadow:0 1px 0 rgba(255,255,255,.35);\n  }\n  .fm-aboutS-sub{\n    position:relative; z-index:2;\n    margin:0 0 18px 0;\n    font-size:17px;\n    font-weight:750;\n    color:var(--fm-blue);\n  }\n  .fm-aboutS-p{\n    position:relative; z-index:2;\n    margin:0 0 16px 0;\n    font-size:16.2px;\n    line-height:1.75;\n    color:var(--fm-ink);\n    max-width:760px;\n  }\n\n  .fm-aboutS-list{\n    position:relative; z-index:2;\n    margin:18px 0 0;\n    padding:0;\n    list-style:none;\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap:10px 16px;\n  }\n  .fm-aboutS-list li{\n    position:relative;\n    padding-left:18px;\n    font-size:13.8px;\n    line-height:1.55;\n    color:rgba(6,42,110,.88);\n    font-weight:800;\n  }\n  .fm-aboutS-list li::before{\n    content:\"\";\n    position:absolute;\n    left:0; top:9px;\n    width:8px; height:8px;\n    border-radius:3px;\n    background:linear-gradient(90deg,var(--fm-yellow), var(--fm-blue));\n  }\n\n  .fm-aboutS-cta{\n    position:relative; z-index:2;\n    margin-top:22px;\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n    align-items:center;\n  }\n  .fm-aboutS-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding:15px 28px;\n    border-radius:999px;\n    text-decoration:none;\n    font-size:12.6px;\n    font-weight:950;\n    letter-spacing:.45px;\n    text-transform:uppercase;\n    transition:all .35s ease;\n    white-space:nowrap;\n    line-height:1;\n  }\n  .fm-aboutS-btn.primary,\n  .fm-aboutS-btn.secondary{\n    color:#000;\n    background:linear-gradient(90deg,var(--fm-yellow), #ffd84d);\n    border:1px solid rgba(255,199,0,.55);\n    box-shadow:0 14px 32px rgba(255,199,0,.36);\n  }\n  .fm-aboutS-btn.primary:hover,\n  .fm-aboutS-btn.secondary:hover{\n    color:#fff;\n    background:linear-gradient(90deg,var(--fm-blue), var(--fm-navy));\n    border-color: rgba(6,42,110,.22);\n    box-shadow:0 18px 42px rgba(6,42,110,.32);\n    transform:translateY(-1px);\n  }\n\n  \/* RIGHT STACK *\/\n  .fm-aboutS-visual{\n    width:100%;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n  }\n  .fm-stack{\n    width:100%;\n    max-width:600px;\n    position:relative;\n    padding:18px;\n  }\n  .fm-stack::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    border-radius:28px;\n    background:\n      radial-gradient(560px 320px at 18% 16%, rgba(255,199,0,.16), rgba(255,199,0,0) 62%),\n      radial-gradient(560px 340px at 82% 84%, rgba(10,61,175,.11), rgba(10,61,175,0) 60%),\n      linear-gradient(180deg, rgba(10,61,175,.03), rgba(10,61,175,.01));\n    border:1px solid rgba(6,42,110,.10);\n    box-shadow:0 34px 90px rgba(6,42,110,.12);\n    z-index:0;\n  }\n  .fm-frame{\n    position:relative;\n    z-index:2;\n    border-radius:24px;\n    overflow:hidden;\n    border:1px solid rgba(6,42,110,.12);\n    box-shadow:0 26px 70px rgba(6,42,110,.18);\n    background:#eef3ff;\n    aspect-ratio: 16 \/ 10;\n  }\n  .fm-frame.secondary{\n    position:absolute;\n    right:14px;\n    bottom:12px;\n    width:62%;\n    aspect-ratio: 16 \/ 11;\n    border-radius:20px;\n    z-index:3;\n    box-shadow:0 18px 55px rgba(6,42,110,.16);\n    transform: rotate(0.25deg);\n  }\n  .fm-frame img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    transform:scale(1.02);\n    transition:opacity .55s ease, transform .55s ease, filter .55s ease;\n    will-change: opacity, transform;\n  }\n  .fm-frame::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n      linear-gradient(180deg, rgba(6,42,110,.10), rgba(6,42,110,0) 40%),\n      linear-gradient(0deg, rgba(6,42,110,.18), rgba(6,42,110,0) 52%);\n    pointer-events:none;\n  }\n  .fm-rail{\n    position:relative;\n    z-index:4;\n    margin-top:14px;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:10px;\n  }\n  .fm-chip{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:10px 14px;\n    border-radius:999px;\n    background:rgba(255,255,255,.86);\n    border:1px solid rgba(6,42,110,.12);\n    box-shadow:0 18px 40px rgba(6,42,110,.10);\n    color:var(--fm-navy);\n    font-size:12px;\n    font-weight:950;\n    letter-spacing:.35px;\n    text-transform:uppercase;\n    backdrop-filter: blur(6px);\n    white-space:nowrap;\n  }\n  .fm-chip i{\n    width:9px;height:9px;border-radius:999px;\n    background:linear-gradient(90deg,var(--fm-yellow), var(--fm-blue));\n    display:inline-block;\n  }\n  .fm-cap{\n    font-size:13px;\n    font-weight:800;\n    color:rgba(6,42,110,.70);\n    line-height:1.3;\n    text-align:right;\n  }\n\n  .fm-stack.is-flipping .fm-frame img{\n    opacity:0;\n    transform:scale(1.01) translateY(6px);\n    filter:saturate(.98) contrast(.98);\n  }\n\n  \/* =======================\n     MISSION \/ VISION \/ WHY CHOOSE US LAYOUT\n  ======================= *\/\n  .fm-mvv{\n    width:100%;\n    background:#ffffff;\n    font-family:var(--fm-font);\n    padding:0 40px 110px;\n  }\n  .fm-mvv *{ box-sizing:border-box; }\n\n  .fm-mvv-inner{\n    max-width:1400px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap:18px;\n  }\n\n  \/* full-width row for Why Choose Us *\/\n  .fm-mvv-wide{ grid-column: 1 \/ -1; }\n\n  .fm-mvv-card{\n    position:relative;\n    border-radius:26px;\n    overflow:hidden;\n    border:1px solid rgba(6,42,110,.14);\n    box-shadow:0 22px 65px rgba(6,42,110,.10);\n    min-height:340px;\n    display:flex;\n    flex-direction:column;\n    justify-content:flex-end;\n    background:#0b0f1f;\n  }\n  .fm-mvv-card.fm-mvv-wide{ min-height:320px; }\n\n  .fm-mvv-bg{\n    position:absolute;\n    inset:0;\n    background-size:cover;\n    background-position:center;\n    transform:scale(1.02);\n    filter:saturate(1.02) contrast(1.02);\n  }\n\n  \/* \u2705 stronger overlay for readability *\/\n  .fm-mvv-card::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n      linear-gradient(180deg,\n        rgba(6,42,110,.45) 0%,\n        rgba(6,42,110,.45) 35%,\n        rgba(6,42,110,.94) 100%\n      ),\n      radial-gradient(620px 360px at 16% 20%, rgba(255,199,0,.20), rgba(255,199,0,0) 60%);\n    pointer-events:none;\n  }\n\n  .fm-mvv-content{\n    position:relative;\n    z-index:2;\n    padding:24px 24px 22px;\n    color:#fff;\n  }\n\n  .fm-mvv-top{\n    display:flex;\n    align-items:center;\n    gap:12px;\n    margin-bottom:10px;\n  }\n\n  .fm-mvv-ic{\n    width:52px;\n    height:52px;\n    border-radius:18px;\n    display:grid;\n    place-items:center;\n    background:linear-gradient(135deg, rgba(255,199,0,.98), #ffe27a);\n    border:1px solid rgba(255,199,0,.35);\n    box-shadow:0 16px 32px rgba(255,199,0,.22);\n    flex:0 0 auto;\n  }\n  .fm-mvv-ic svg{ width:24px; height:24px; fill:var(--fm-navy); }\n\n  .fm-mvv-title{\n    margin:0;\n    font-size:16px;\n    font-weight:950;\n    letter-spacing:.10em;\n    text-transform:uppercase;\n  }\n\n  .fm-mvv-text{\n    margin:10px 0 0 0;\n    font-size:15.4px;\n    line-height:1.8;\n    color:rgba(255,255,255,.94);\n    font-weight:700;\n    max-width:900px;\n  }\n\n  \/* Why Choose Us bullets (2-column on desktop) *\/\n  .fm-mvv-bullets{\n    margin:14px 0 0 0;\n    padding:0;\n    list-style:none;\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap:10px 16px;\n    max-width:980px;\n  }\n  .fm-mvv-bullets li{\n    position:relative;\n    padding-left:26px;\n    font-size:14.6px;\n    line-height:1.55;\n    font-weight:850;\n    color:rgba(255,255,255,.94);\n  }\n  .fm-mvv-bullets li::before{\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:7px;\n    width:14px;\n    height:14px;\n    border-radius:6px;\n    background:linear-gradient(135deg, rgba(255,199,0,.95), rgba(10,61,175,.18));\n    border:1px solid rgba(255,199,0,.35);\n    box-shadow:0 10px 20px rgba(0,0,0,.10);\n  }\n  .fm-mvv-bullets li::after{\n    content:\"\";\n    position:absolute;\n    left:4px;\n    top:11px;\n    width:6px;\n    height:3px;\n    border-left:2px solid #062A6E;\n    border-bottom:2px solid #062A6E;\n    transform:rotate(-45deg);\n  }\n\n  .fm-mvv-chip{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    margin-top:14px;\n    padding:10px 12px;\n    border-radius:999px;\n    background:rgba(255,255,255,.14);\n    border:1px solid rgba(255,255,255,.24);\n    backdrop-filter: blur(8px);\n    font-size:11px;\n    font-weight:950;\n    letter-spacing:.10em;\n    text-transform:uppercase;\n    color:#fff;\n    white-space:nowrap;\n  }\n  .fm-mvv-chip i{\n    width:9px;height:9px;border-radius:999px;\n    background:linear-gradient(90deg, var(--fm-yellow), #ffe27a);\n    display:inline-block;\n  }\n\n  \/* responsive *\/\n  @media (max-width:1024px){\n    .fm-aboutS-inner{ grid-template-columns:1fr; gap:46px; }\n    .fm-aboutS-title{ font-size:44px; }\n    .fm-aboutS-list{ grid-template-columns:1fr; }\n    .fm-aboutS-visual{ justify-content:flex-start; }\n    .fm-stack{ max-width:680px; }\n\n    .fm-mvv{ padding:0 24px 90px; }\n    .fm-mvv-inner{ grid-template-columns:1fr; }\n    .fm-mvv-wide{ grid-column:auto; }\n    .fm-mvv-card{ min-height:320px; }\n    .fm-mvv-bullets{ grid-template-columns:1fr; }\n  }\n\n  @media (max-width:768px){\n    .fm-aboutS{ padding:80px 24px; }\n    .fm-aboutS-card{ padding:32px 22px 26px; border-radius:22px; }\n    .fm-aboutS-title{ font-size:36px; }\n    .fm-frame.secondary{\n      position:relative;\n      right:auto;\n      bottom:auto;\n      width:100%;\n      margin-top:12px;\n      transform:none;\n      border-radius:22px;\n    }\n    .fm-rail{ flex-direction:column; align-items:flex-start; }\n    .fm-cap{ text-align:left; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .fm-frame img, .fm-aboutS-btn{ transition:none !important; }\n  }\n<\/style>\n\n<!-- =======================\nABOUT HERO\n======================= -->\n<section class=\"fm-aboutS\" aria-label=\"About Fuelmate SA\">\n  <div class=\"fm-aboutS-inner\">\n\n    <!-- LEFT -->\n    <div class=\"fm-aboutS-card\">\n      <div class=\"fm-aboutS-top\">\n        <span class=\"fm-aboutS-badge\"><i><\/i> About Fuelmate SA<\/span>\n      <\/div>\n\n      <h1 class=\"fm-aboutS-title\">Fuelling the Globe,<br>Powering Progress.<\/h1>\n      <div class=\"fm-aboutS-sub\">An integrated fuel, energy, and mobility solutions group.<\/div>\n\n      <p class=\"fm-aboutS-p\">\n        Fuelmate SA (Pty) Ltd operates across the fuel and mobility value chain \u2014 from global fuel trading\n        and importation to commercial supply, automotive fitment, fleet technology, merchant networks,\n        and value-added operational services.\n      <\/p>\n\n      <p class=\"fm-aboutS-p\">\n        Through strategic partnerships, a growing national footprint, and reliable operational delivery,\n        we help businesses keep vehicles moving, fleets protected, and fuel supply consistent.\n      <\/p>\n\n      <ul class=\"fm-aboutS-list\" aria-label=\"Core capabilities\">\n        <li>Global trading and import supply<\/li>\n        <li>Commercial fuel distribution<\/li>\n        <li>Fleet tech and operational control<\/li>\n        <li>Merchant partner networks<\/li>\n        <li>Emergency support and responders<\/li>\n        <li>Value-added safety solutions<\/li>\n      <\/ul>\n\n      <div class=\"fm-aboutS-cta\">\n        <a class=\"fm-aboutS-btn primary\" href=\"https:\/\/fuelmate-rsa.com\/?page_id=15\">Contact Us<\/a>\n        <a class=\"fm-aboutS-btn secondary\" href=\"https:\/\/fuelmate-rsa.com\/?page_id=403\">Sign Up<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"fm-aboutS-visual\">\n      <div class=\"fm-stack\" data-fm-stack=\"true\">\n        <div class=\"fm-frame\">\n          <img data-fm-main\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 trade network\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n\n        <div class=\"fm-frame secondary\" aria-hidden=\"false\">\n          <img data-fm-sub\n            src=\"https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/g20-g-twenty-flag-country-international-group-meet-2026-01-08-06-24-10-utc-scaled.jpg\"\n            alt=\"International partnerships and operations\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n\n        <div class=\"fm-rail\">\n          <div class=\"fm-chip\" data-fm-chip><i><\/i> Global Network<\/div>\n          <div class=\"fm-cap\" data-fm-cap>Partnerships, compliance, and supply assurance.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- =======================\nMISSION + VISION (2-UP) \/ WHY CHOOSE US (FULL WIDTH)\n======================= -->\n<section class=\"fm-mvv\" aria-label=\"Mission Vision Why Choose Us\">\n  <div class=\"fm-mvv-inner\">\n\n    <!-- MISSION -->\n    <article class=\"fm-mvv-card\">\n      <div class=\"fm-mvv-bg\" style=\"background-image:url('https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/crude-oil-storage-tank-terminal-port-oil-terminal-2026-01-06-11-08-39-utc-1-scaled.jpg');\"><\/div>\n      <div class=\"fm-mvv-content\">\n        <div class=\"fm-mvv-top\">\n          <div class=\"fm-mvv-ic\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8zm0-14a6 6 0 1 0 6 6 6 6 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z\"\/><\/svg>\n          <\/div>\n          <h3 class=\"fm-mvv-title\">Mission<\/h3>\n        <\/div>\n        <p class=\"fm-mvv-text\">\n          To deliver integrated, reliable, and future-focused mobility and fuel solutions that simplify operations,\n          reduce costs, and support sustainable growth for every customer we serve.\n        <\/p>\n        <span class=\"fm-mvv-chip\"><i><\/i> Reliability \u2022 Efficiency<\/span>\n      <\/div>\n    <\/article>\n\n    <!-- VISION -->\n    <article class=\"fm-mvv-card\">\n      <div class=\"fm-mvv-bg\" style=\"background-image:url('https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/aerial-view-lpg-tanker-ship-at-oil-and-gas-termina-2026-02-03-22-57-59-utc-scaled.jpg');\"><\/div>\n      <div class=\"fm-mvv-content\">\n        <div class=\"fm-mvv-top\">\n          <div class=\"fm-mvv-ic\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7zm0 12c-3 0-5-2.2-5-5s2-5 5-5 5 2.2 5 5-2 5-5 5zm0-8a3 3 0 1 0 3 3 3 3 0 0 0-3-3z\"\/><\/svg>\n          <\/div>\n          <h3 class=\"fm-mvv-title\">Vision<\/h3>\n        <\/div>\n        <p class=\"fm-mvv-text\">\n          To become Africa\u2019s most trusted and innovative fuel and mobility solutions provider \u2014 empowering industries,\n          communities, and businesses through energy security, technology, and service excellence.\n        <\/p>\n        <span class=\"fm-mvv-chip\"><i><\/i> Innovation \u2022 Trust<\/span>\n      <\/div>\n    <\/article>\n\n    <!-- WHY CHOOSE US (FULL WIDTH) -->\n    <article class=\"fm-mvv-card fm-mvv-wide\">\n      <div class=\"fm-mvv-bg\" style=\"background-image:url('https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/tank-trailer-semi-truck-on-a-highway-2026-01-09-08-13-07-utc-1-scaled.jpeg');\"><\/div>\n      <div class=\"fm-mvv-content\">\n        <div class=\"fm-mvv-top\">\n          <div class=\"fm-mvv-ic\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.2 6.8.7-5.1 4.4 1.6 6.7L12 16.9 5.8 20l1.6-6.7L2.3 8.9l6.8-.7L12 2z\"\/><\/svg>\n          <\/div>\n          <h3 class=\"fm-mvv-title\">Why Choose Us<\/h3>\n        <\/div>\n\n        <ul class=\"fm-mvv-bullets\" aria-label=\"Why Choose Us points\">\n          <li>Reliable national and cross-border supply<\/li>\n          <li>Global-grade procurement and importation<\/li>\n          <li>Full-service fuel, fleet, and mobility ecosystem<\/li>\n          <li>Technology-enabled efficiency and safety<\/li>\n          <li>Strong national merchant network<\/li>\n          <li>Customer-first, value-driven solutions<\/li>\n        <\/ul>\n\n        <span class=\"fm-mvv-chip\"><i><\/i> End-to-end capability<\/span>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  const wrap = document.querySelector('.fm-aboutS [data-fm-stack=\"true\"]');\n  if(!wrap) return;\n\n  const main = wrap.querySelector('[data-fm-main]');\n  const sub  = wrap.querySelector('[data-fm-sub]');\n  const chip = wrap.querySelector('[data-fm-chip]');\n  const cap  = wrap.querySelector('[data-fm-cap]');\n  if(!main || !sub || !chip || !cap) return;\n\n  const slides = [\n    {\n      main: '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      sub:  'https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/g20-g-twenty-flag-country-international-group-meet-2026-01-08-06-24-10-utc-scaled.jpg',\n      chip: 'Global Network',\n      cap:  'Partnerships, compliance, and supply assurance.'\n    },\n    {\n      main: 'https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/g20-g-twenty-flag-country-international-group-meet-2026-01-08-06-24-10-utc-scaled.jpg',\n      sub:  '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      chip: 'Technology + Service',\n      cap:  'Efficiency, safety, and visibility across operations.'\n    }\n  ];\n\n  let idx = 0;\n\n  function swap(){\n    wrap.classList.add('is-flipping');\n    setTimeout(() => {\n      idx = (idx + 1) % slides.length;\n      main.src = slides[idx].main;\n      sub.src  = slides[idx].sub;\n      chip.innerHTML = '<i><\/i> ' + slides[idx].chip;\n      cap.textContent = slides[idx].cap;\n      requestAnimationFrame(() => wrap.classList.remove('is-flipping'));\n    }, 280);\n  }\n\n  setInterval(swap, 4500);\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>Home \u2192 About Fuelmate About Fuelmate About Fuelmate SA Fuelling the Globe,Powering Progress. An integrated fuel, energy, and mobility solutions group. Fuelmate SA (Pty) Ltd operates across the fuel and mobility value chain \u2014 from global fuel trading and importation to commercial supply, automotive fitment, fleet technology, merchant networks, and value-added operational services. Through strategic partnerships, a growing national footprint, and reliable operational delivery, we help businesses keep vehicles moving, fleets protected, and fuel supply consistent. Global trading and import supply Commercial fuel distribution Fleet tech and operational control Merchant partner networks Emergency support and responders Value-added safety solutions Contact Us Sign Up Global Network Partnerships, compliance, and supply assurance. Mission To deliver integrated, reliable, and future-focused mobility and fuel solutions that simplify operations, reduce costs, and support sustainable growth for every customer we serve. Reliability \u2022 Efficiency Vision To become Africa\u2019s most trusted and innovative fuel and mobility solutions provider \u2014 empowering industries, communities, and businesses through energy security, technology, and service excellence. Innovation \u2022 Trust Why Choose Us Reliable national and cross-border supply Global-grade procurement and importation Full-service fuel, fleet, and mobility ecosystem Technology-enabled efficiency and safety Strong national merchant network Customer-first, value-driven solutions End-to-end capability<\/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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/11","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=11"}],"version-history":[{"count":119,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":876,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/876"}],"wp:attachment":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}