{"id":529,"date":"2026-02-12T22:19:14","date_gmt":"2026-02-12T20:19:14","guid":{"rendered":"http:\/\/169.239.86.8:1080\/?page_id=529"},"modified":"2026-02-13T16:53:15","modified_gmt":"2026-02-13T14:53:15","slug":"motocard","status":"publish","type":"page","link":"https:\/\/fuelmate-rsa.com\/?page_id=529","title":{"rendered":"MotoCard"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"529\" class=\"elementor elementor-529\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67b915e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"67b915e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-331bf96 elementor-widget elementor-widget-html\" data-id=\"331bf96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nFUELMATE \u2013 MOTOFLEET  HEADING SECTION\nGradient blue background\nLight, small, repeating pattern overlay\nCreative breadcrumb buttons (Home \u2194 Motofleet)\nColours locked:\nDark Blue: #062A6E\nBlue: #0A3DAF\nYellow: #FFC700\n========================= -->\n\n<style>\n\/* MOTOFLEET HEADER SECTION *\/\n.fm-motofleet-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-motofleet-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-motofleet-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-motofleet-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-motofleet-hero {\n    padding: 100px 32px;\n  }\n\n  .fm-motofleet-hero h1 {\n    font-size: 46px;\n  }\n}\n\n@media (max-width: 768px) {\n  .fm-motofleet-hero {\n    padding: 80px 24px;\n  }\n\n  .fm-motofleet-hero h1 {\n    font-size: 38px;\n  }\n}\n<\/style>\n\n<section class=\"fm-motofleet-hero\">\n  <div class=\"fm-motofleet-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        Motocard\n      <\/span>\n    <\/div>\n\n    <!-- HEADING -->\n    <h1>Motocard<\/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-c2ebe5c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c2ebe5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a2797a elementor-widget elementor-widget-html\" data-id=\"3a2797a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===============================\nFUELMATE \u2013 CARDS SECTION (AS PER SCREENSHOT)\n\u2705 Left: heading + sub + paragraph + pill list\n\u2705 Right: card image with floating mini-icons\n\u2705 Soft premium background + top gradient line\n\u2705 Sign Up button = YELLOW (UPDATED)\n=============================== -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&display=swap');\n\n:root{\n  --brand-blue:#0b3c7a;\n  --brand-yellow:#f2c200;\n  --text-dark:#1a1a1a;\n  --muted: rgba(11,60,122,0.72);\n  --soft-bg:#f6f8fb;\n  --border: rgba(11,60,122,0.12);\n  --shadow: 0 26px 70px rgba(0,0,0,0.08);\n}\n\n\/* SECTION WRAP *\/\n.fmCardsS{\n  font-family:'Inter', Arial, sans-serif;\n  padding: 34px 18px;\n  background: #ffffff;\n}\n\n.fmCardsS-card{\n  max-width: 1500px;\n  margin: 0 auto;\n  position: relative;\n  border-radius: 28px;\n  border: 1px solid rgba(11,60,122,0.14);\n  overflow: hidden;\n  box-shadow: 0 28px 80px rgba(0,0,0,0.08);\n  background:\n    radial-gradient(900px 520px at 14% 8%, rgba(242,194,0,0.16), transparent 54%),\n    radial-gradient(900px 520px at 86% 18%, rgba(11,60,122,0.10), transparent 56%),\n    radial-gradient(900px 520px at 70% 80%, rgba(11,60,122,0.07), transparent 56%),\n    #ffffff;\n}\n\n.fmCardsS-card::before{\n  content:\"\";\n  position:absolute;\n  top:0; left:0; right:0;\n  height:6px;\n  background: linear-gradient(90deg, rgba(11,60,122,.85), rgba(242,194,0,.95));\n  z-index: 2;\n}\n\n.fmCardsS-grid{\n  position: relative;\n  z-index: 3;\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 34px;\n  padding: 44px 44px 46px;\n  align-items: center;\n}\n\n.fmCardsS-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding: 10px 14px;\n  border-radius: 999px;\n  border: 1px solid rgba(11,60,122,0.16);\n  background: rgba(255,255,255,0.72);\n  font-weight: 900;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  color: var(--brand-blue);\n  width: fit-content;\n  margin-bottom: 14px;\n}\n.fmCardsS-kicker i{\n  width:9px;height:9px;border-radius:999px;\n  background: linear-gradient(90deg,var(--brand-yellow), var(--brand-blue));\n  display:inline-block;\n}\n\n.fmCardsS-title{\n  margin: 0 0 8px 0;\n  font-size: 46px;\n  line-height: 1.08;\n  font-weight: 950;\n  color: var(--brand-blue);\n}\n.fmCardsS-sub{\n  margin: 0 0 18px 0;\n  font-size: 14px;\n  font-weight: 900;\n  color: var(--brand-yellow);\n  letter-spacing: 1.2px;\n  text-transform: uppercase;\n}\n.fmCardsS-p{\n  margin: 0 0 22px 0;\n  font-size: 16px;\n  line-height: 1.75;\n  color: var(--muted);\n  max-width: 820px;\n}\n\n.fmCardsS-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap: 12px 14px;\n}\n\n.fmCardsS-tag{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding: 12px 14px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.92);\n  border: 1px solid rgba(11,60,122,0.14);\n  box-shadow: 0 10px 20px rgba(0,0,0,0.04);\n  font-size: 14px;\n  font-weight: 700;\n  color: #222;\n  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;\n}\n.fmCardsS-tag::before{\n  content:\"\";\n  width:9px;height:9px;border-radius:999px;\n  background: linear-gradient(90deg, var(--brand-yellow), var(--brand-blue));\n  flex:0 0 auto;\n}\n.fmCardsS-tag:hover{\n  transform: translateY(-2px);\n  border-color: rgba(11,60,122,0.28);\n  box-shadow: 0 14px 26px rgba(0,0,0,0.06);\n}\n\n.fmCardsS-media{\n  position: relative;\n  border-radius: 22px;\n  overflow: hidden;\n  border: 1px solid rgba(0,0,0,0.06);\n  background: linear-gradient(180deg, #ffffff 0%, var(--soft-bg) 100%);\n  min-height: 340px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding: 18px;\n}\n\n.fmCardsS-media img{\n  width: 100%;\n  height: 100%;\n  max-height: 320px;\n  object-fit: contain;\n  transform: scale(1.02);\n}\n\n.fmCardsS-float{\n  position:absolute;\n  width: 54px;\n  height: 54px;\n  border-radius: 18px;\n  background: #fff;\n  border: 1px solid rgba(0,0,0,0.10);\n  box-shadow: 0 18px 36px rgba(0,0,0,0.10);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  pointer-events:none;\n  animation: fmFloat 3.8s ease-in-out infinite;\n}\n.fmCardsS-float svg{ width: 24px; height: 24px; fill: var(--brand-blue); }\n\n.fmCardsS-f1{ top:14px; left:14px; animation-delay:0s; }\n.fmCardsS-f2{ top:14px; right:14px; animation-delay:.7s; }\n.fmCardsS-f3{ bottom:16px; left:16px; animation-delay:1.1s; }\n.fmCardsS-f4{ bottom:16px; right:16px; animation-delay:1.6s; }\n\n@keyframes fmFloat{\n  0%,100%{ transform: translateY(0); }\n  50%{ transform: translateY(-8px); }\n}\n\n.fmCardsS-signup{\n  position:absolute;\n  right: 26px;\n  bottom: 20px;\n  z-index: 5;\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding: 12px 18px;\n  border-radius: 999px;\n  text-decoration:none;\n  font-weight: 900;\n  font-size: 13px;\n  color: var(--brand-blue) !important;\n  background: linear-gradient(90deg, var(--brand-yellow), #ffe27a);\n  border:1px solid rgba(242,194,0,.35);\n  box-shadow: 0 18px 40px rgba(242,194,0,0.28);\n}\n.fmCardsS-signup i{\n  width:10px;height:10px;border-radius:999px;\n  background: var(--brand-blue);\n  display:inline-block;\n}\n\n@media (max-width: 980px){\n  .fmCardsS-grid{ grid-template-columns:1fr; padding: 34px 22px 40px; }\n  .fmCardsS-title{ font-size: 38px; }\n  .fmCardsS-media{ min-height: 260px; }\n  .fmCardsS-signup{ position: static; margin: 18px 22px 22px; width: fit-content; }\n}\n@media (prefers-reduced-motion: reduce){\n  .fmCardsS-float{ animation:none; }\n}\n<\/style>\n\n<section class=\"fmCardsS\">\n  <div class=\"fmCardsS-card\">\n\n    <div class=\"fmCardsS-grid\">\n\n      <div>\n        <div class=\"fmCardsS-kicker\"><i><\/i> Cards<\/div>\n\n        <h2 class=\"fmCardsS-title\">Fuelmate Cards<\/h2>\n        <div class=\"fmCardsS-sub\">STRICTLY MANAGED BY MOTOFLEET<\/div>\n\n        <p class=\"fmCardsS-p\">\n          A controlled card system for fuel, toll, and maintenance\u2014managed and monitored to protect spending,\n          improve accountability, and support fleet compliance.\n        <\/p>\n\n        <div class=\"fmCardsS-tags\">\n          <span class=\"fmCardsS-tag\">Fuel, Oil & Toll Cards (SANRAL Accepted)<\/span>\n          <span class=\"fmCardsS-tag\">Postpaid & Prepaid Options Available<\/span>\n          <span class=\"fmCardsS-tag\">Available to Corporate Clients<\/span>\n          <span class=\"fmCardsS-tag\">Approved End-User Access<\/span>\n          <span class=\"fmCardsS-tag\">Accepted at All Motormate Stores (Credit Pending)<\/span>\n          <span class=\"fmCardsS-tag\">Accepted at All Fuelmate Service Stations<\/span>\n          <span class=\"fmCardsS-tag\">Nationwide Merchant Partner Acceptance<\/span>\n          <span class=\"fmCardsS-tag\">Upgradeable to Full Maintenance Cards<\/span>\n          <span class=\"fmCardsS-tag\">24\/7 Call Centre Support<\/span>\n          <span class=\"fmCardsS-tag\">24\/7 Emergency Toll-Free Line<\/span>\n          <span class=\"fmCardsS-tag\">National Footprint Coverage<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"fmCardsS-media\">\n        <img decoding=\"async\" src=\"https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/as.png\" alt=\"Fuelmate Cards\">\n\n        <span class=\"fmCardsS-float fmCardsS-f1\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2H3V6zm0 5h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7zm3 5h6v2H6v-2z\"\/><\/svg><\/span>\n        <span class=\"fmCardsS-float fmCardsS-f2\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2a8 8 0 0 0-8 8v7a3 3 0 0 0 3 3h2v-8H6v-2a6 6 0 0 1 12 0v2h-3v8h2a3 3 0 0 0 3-3v-7a8 8 0 0 0-8-8z\"\/><\/svg><\/span>\n        <span class=\"fmCardsS-float fmCardsS-f3\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 1 3 5v6c0 5 3.8 9.7 9 11 5.2-1.3 9-6 9-11V5l-9-4zm0 4 6 2.6V11c0 3.5-2.2 6.7-6 8-3.8-1.3-6-4.5-6-8V7.6L12 5z\"\/><\/svg><\/span>\n        <span class=\"fmCardsS-float fmCardsS-f4\"><svg viewBox=\"0 0 24 24\"><path d=\"M16 3H6a2 2 0 0 0-2 2v16h12V5a2 2 0 0 0-2-2zm0 18H6V5h10v16zm4-10v9a1 1 0 0 1-2 0v-9h-1V7h1l-2-2 1.4-1.4L21 7v4h-1z\"\/><\/svg><\/span>\n      <\/div>\n\n    <\/div>\n\n    <a class=\"fmCardsS-signup\" href=\"https:\/\/fuelmate-rsa.com\/?page_id=403\">\n      <i><\/i> Sign Up\n    <\/a>\n\n  <\/div>\n<\/section>\n\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 Motocard Motocard Cards Fuelmate Cards STRICTLY MANAGED BY MOTOFLEET A controlled card system for fuel, toll, and maintenance\u2014managed and monitored to protect spending, improve accountability, and support fleet compliance. Fuel, Oil &#038; Toll Cards (SANRAL Accepted) Postpaid &#038; Prepaid Options Available Available to Corporate Clients Approved End-User Access Accepted at All Motormate Stores (Credit Pending) Accepted at All Fuelmate Service Stations Nationwide Merchant Partner Acceptance Upgradeable to Full Maintenance Cards 24\/7 Call Centre Support 24\/7 Emergency Toll-Free Line National Footprint Coverage 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-529","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/529","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=529"}],"version-history":[{"count":34,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/529\/revisions"}],"predecessor-version":[{"id":806,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/529\/revisions\/806"}],"wp:attachment":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}