{"id":185,"date":"2026-02-06T13:48:24","date_gmt":"2026-02-06T11:48:24","guid":{"rendered":"http:\/\/169.239.86.8:1080\/?page_id=185"},"modified":"2026-02-15T11:53:02","modified_gmt":"2026-02-15T09:53:02","slug":"value-added-product-benefits","status":"publish","type":"page","link":"https:\/\/fuelmate-rsa.com\/?page_id=185","title":{"rendered":"Value Added Product Benefits"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"185\" class=\"elementor elementor-185\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a45a7f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"8a45a7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6f69b9 elementor-widget elementor-widget-html\" data-id=\"e6f69b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nFUELMATE \u2013 VALUE ADDED PRODUCTS BENEFITS HEADING SECTION\nGradient blue background\nLight, small, repeating pattern overlay\nCreative breadcrumb buttons (Home \u2194 Value Added Products Benefits)\nColours locked:\nDark Blue: #062A6E\nBlue: #0A3DAF\nYellow: #FFC700\n========================= -->\n\n<style>\n\/* VALUE ADDED PRODUCTS BENEFITS HEADER SECTION *\/\n.fm-value-added-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-value-added-hero::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: url(\"http:\/\/169.239.86.8:1080\/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-value-added-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-value-added-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-value-added-hero {\n    padding: 100px 32px;\n  }\n\n  .fm-value-added-hero h1 {\n    font-size: 46px;\n  }\n}\n\n@media (max-width: 768px) {\n  .fm-value-added-hero {\n    padding: 80px 24px;\n  }\n\n  .fm-value-added-hero h1 {\n    font-size: 38px;\n  }\n}\n<\/style>\n\n<section class=\"fm-value-added-hero\">\n  <div class=\"fm-value-added-hero-inner\">\n\n    <!-- ACTION BUTTONS -->\n    <div class=\"fm-hero-actions\">\n      <a href=\"http:\/\/169.239.86.8:1080\/\" class=\"fm-hero-btn home\">\n        \u2190 Home\n      <\/a>\n      <span class=\"fm-hero-btn current\">\n        Value Added Products Benefits\n      <\/span>\n    <\/div>\n\n    <!-- HEADING -->\n    <h1>Value Added Products Benefits<\/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-21859da e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"21859da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d12262 elementor-widget elementor-widget-html\" data-id=\"1d12262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nFUELMATE \u2013 VALUE ADDED PRODUCTS (CREATIVE PAGE SECTION)\n\u2705 FULL IMAGE (NO CROP) on the right\n\u2705 Elementor-safe (scoped to #fm-vap)\n\u2705 Left: headline + description + product grid\n\u2705 Right: image + 3 floating icons\n\u2705 Buttons: Contact Us + Sign Up\nLinks:\n- Contact Us: https:\/\/fuelmate-rsa.com\/?page_id=15\n- Sign Up:    https:\/\/fuelmate-rsa.com\/?page_id=403\n========================================================= -->\n\n<style>\n  #fm-vap{\n    --blue:#0b3c7a;\n    --yellow:#f2c200;\n    --ink:#121318;\n    --muted:rgba(11,60,122,.74);\n    --line:rgba(11,60,122,.14);\n    --shadow:0 26px 70px rgba(16,19,24,.10);\n    --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n\n    font-family:var(--font);\n    color:var(--ink);\n    background:\n      radial-gradient(900px 520px at 12% 18%, rgba(242,194,0,0.14), rgba(242,194,0,0) 62%),\n      radial-gradient(900px 520px at 86% 78%, rgba(11,60,122,0.10), rgba(11,60,122,0) 62%),\n      linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);\n    padding:110px 40px;\n    position:relative;\n    overflow:hidden;\n  }\n  #fm-vap, #fm-vap *{ box-sizing:border-box; }\n\n  \/* subtle dot-field texture *\/\n  #fm-vap::before{\n    content:\"\";\n    position:absolute;\n    inset:-25%;\n    background:\n      radial-gradient(circle at 18% 22%, rgba(11,60,122,.06) 0 2px, transparent 3px),\n      radial-gradient(circle at 62% 55%, rgba(242,194,0,.06) 0 2px, transparent 3px),\n      radial-gradient(circle at 86% 28%, rgba(11,60,122,.05) 0 2px, transparent 3px);\n    background-size: 52px 52px, 64px 64px, 56px 56px;\n    transform:rotate(-8deg);\n    pointer-events:none;\n    opacity:.9;\n  }\n\n  #fm-vap .vap-wrap{\n    max-width:1320px;\n    margin:0 auto;\n    position:relative;\n    z-index:2;\n    display:grid;\n    grid-template-columns: 1.06fr 0.94fr;\n    gap:60px;\n    align-items:start;\n  }\n\n  \/* LEFT *\/\n  #fm-vap .vap-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:9px 12px;\n    border-radius:999px;\n    border:1px solid rgba(11,60,122,0.14);\n    background:rgba(11,60,122,0.03);\n    color:var(--blue);\n    font-size:12px;\n    font-weight:950;\n    letter-spacing:1.1px;\n    text-transform:uppercase;\n    margin:0 0 14px 0;\n  }\n  #fm-vap .vap-kicker i{\n    width:9px;height:9px;border-radius:999px;\n    background:linear-gradient(90deg, var(--yellow), var(--blue));\n    display:inline-block;\n  }\n\n  #fm-vap .vap-title{\n    margin:0 0 12px 0;\n    font-size:52px;\n    line-height:1.04;\n    font-weight:950;\n    letter-spacing:-.02em;\n    color:var(--ink);\n  }\n  #fm-vap .vap-title span{\n    background:linear-gradient(90deg, var(--blue), #1b66c7);\n    -webkit-background-clip:text;\n    background-clip:text;\n    color:transparent;\n  }\n\n  #fm-vap .vap-lead{\n    margin:0 0 18px 0;\n    font-size:16.7px;\n    line-height:1.75;\n    color:var(--muted);\n    max-width:820px;\n    font-weight:650;\n  }\n\n  \/* Product grid *\/\n  #fm-vap .vap-grid{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap:12px;\n    margin-top:14px;\n  }\n\n  #fm-vap .vap-item{\n    position:relative;\n    border:1px solid rgba(16,19,24,.10);\n    border-radius:18px;\n    background:rgba(255,255,255,0.80);\n    backdrop-filter: blur(10px);\n    padding:14px 14px 14px 44px;\n    box-shadow:0 14px 38px rgba(16,19,24,.06);\n    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;\n    min-height:60px;\n  }\n  #fm-vap .vap-item:hover{\n    transform:translateY(-2px);\n    border-color:rgba(11,60,122,.22);\n    box-shadow:0 18px 52px rgba(16,19,24,.09);\n  }\n\n  \/* tick badge *\/\n  #fm-vap .vap-item::before{\n    content:\"\";\n    position:absolute;\n    left:14px;\n    top:14px;\n    width:20px;\n    height:20px;\n    border-radius:8px;\n    background:linear-gradient(135deg, rgba(242,194,0,.80), rgba(11,60,122,.10));\n    border:1px solid rgba(11,60,122,.12);\n  }\n  #fm-vap .vap-item::after{\n    content:\"\";\n    position:absolute;\n    left:20px;\n    top:22px;\n    width:7px;\n    height:4px;\n    border-left:2px solid var(--blue);\n    border-bottom:2px solid var(--blue);\n    transform:rotate(-45deg);\n  }\n\n  #fm-vap .vap-item span{\n    display:block;\n    font-size:13.2px;\n    line-height:1.35;\n    font-weight:900;\n    letter-spacing:.2px;\n    color:rgba(18,19,24,.86);\n    text-transform:uppercase;\n  }\n\n  \/* CTA *\/\n  #fm-vap .vap-ctaRow{\n    display:flex;\n    gap:12px;\n    flex-wrap:wrap;\n    margin-top:18px;\n  }\n  #fm-vap .vap-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n    padding:14px 18px;\n    border-radius:999px;\n    text-decoration:none;\n    font-size:11.5px;\n    font-weight:950;\n    letter-spacing:.55px;\n    text-transform:uppercase;\n    line-height:1;\n    white-space:nowrap;\n    transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;\n  }\n  #fm-vap .vap-btn svg{ width:16px; height:16px; fill:currentColor; }\n\n  #fm-vap .vap-btn.primary,\n  #fm-vap .vap-btn.secondary{\n    color:var(--blue);\n    background:linear-gradient(90deg, var(--yellow), #ffe27a);\n    border:1px solid rgba(242,194,0,0.40);\n    box-shadow:0 18px 44px rgba(242,194,0,0.22);\n  }\n  #fm-vap .vap-btn:hover{\n    transform:translateY(-1px);\n    filter:brightness(1.02);\n    box-shadow:0 22px 56px rgba(242,194,0,0.28);\n  }\n\n  \/* RIGHT: image card *\/\n  #fm-vap .vap-right{\n    position:relative;\n    display:flex;\n    align-items:flex-start;\n    justify-content:flex-end;\n    min-height:540px;\n  }\n\n  #fm-vap .vap-card{\n    width:100%;\n    max-width:560px;\n    border-radius:26px;\n    border:1px solid rgba(16,19,24,.10);\n    background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,248,252,.86));\n    box-shadow:var(--shadow);\n    overflow:hidden;\n    position:relative;\n  }\n\n  \/* top ribbon *\/\n  #fm-vap .vap-card::before{\n    content:\"\";\n    position:absolute;\n    top:0; left:0; right:0;\n    height:8px;\n    background:linear-gradient(90deg, var(--blue), var(--yellow));\n    z-index:2;\n  }\n\n  \/* \u2705 FULL IMAGE (NO CROP) *\/\n  #fm-vap .vap-media{\n    position:relative;\n    width:100%;\n    padding:30px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background:linear-gradient(180deg,#ffffff,#f6f8fc);\n  }\n\n  #fm-vap .vap-media img{\n    width:100%;\n    height:auto;\n    max-height:520px;\n    object-fit:contain;\n    display:block;\n    background:transparent !important;\n    border:0 !important;\n    box-shadow:none !important;\n    outline:0 !important;\n  }\n\n  \/* floating icons *\/\n  #fm-vap .vap-float{\n    position:absolute;\n    width:54px;\n    height:54px;\n    border-radius:18px;\n    background:rgba(255,255,255,0.78);\n    border:1px solid rgba(11,60,122,0.12);\n    backdrop-filter: blur(10px);\n    box-shadow:0 22px 55px rgba(11,60,122,0.10);\n    display:grid;\n    place-items:center;\n    animation: vapFloat 3.8s ease-in-out infinite;\n    pointer-events:none;\n    z-index:3;\n  }\n  #fm-vap .vap-float svg{ width:24px; height:24px; fill:var(--blue); }\n\n  #fm-vap .vap-f1{ top:18px; left:18px; animation-delay:0s; }\n  #fm-vap .vap-f2{ top:52px; right:18px; animation-delay:.7s; }\n  #fm-vap .vap-f3{ bottom:18px; left:36px; animation-delay:1.2s; }\n\n  @keyframes vapFloat{\n    0%,100%{ transform:translateY(0); }\n    50%{ transform:translateY(-10px); }\n  }\n\n  \/* responsive *\/\n  @media (max-width:1024px){\n    #fm-vap{ padding:80px 24px; }\n    #fm-vap .vap-wrap{ grid-template-columns:1fr; gap:34px; }\n    #fm-vap .vap-title{ font-size:40px; }\n    #fm-vap .vap-right{ justify-content:flex-start; min-height:auto; }\n    #fm-vap .vap-media img{ max-height:420px; }\n  }\n  @media (max-width:720px){\n    #fm-vap .vap-grid{ grid-template-columns:1fr; }\n    #fm-vap .vap-media{ padding:18px; }\n    #fm-vap .vap-media img{ max-height:340px; }\n  }\n  @media (prefers-reduced-motion: reduce){\n    #fm-vap .vap-float{ animation:none; }\n    #fm-vap .vap-btn{ transition:none; }\n  }\n<\/style>\n\n<section id=\"fm-vap\" aria-label=\"Value Added Products\">\n  <div class=\"vap-wrap\">\n\n    <!-- LEFT -->\n    <div class=\"vap-left\">\n      <div class=\"vap-kicker\"><i><\/i> Solutions Portfolio<\/div>\n\n      <h1 class=\"vap-title\"><span>Value Added<\/span> Products<\/h1>\n\n      <p class=\"vap-lead\">\n        Equip your fleet with safety, visibility, control, and response-ready solutions\u2014built to protect\n        drivers, cargo, fuel, and uptime across real-world operations.\n      <\/p>\n\n      <div class=\"vap-grid\" aria-label=\"Value Added Products list\">\n        <div class=\"vap-item\"><span>Vehicle Tracking Devices<\/span><\/div>\n        <div class=\"vap-item\"><span>Vehicle Camera &amp; Safety Solutions<\/span><\/div>\n        <div class=\"vap-item\"><span>Fuel Management Systems<\/span><\/div>\n        <div class=\"vap-item\"><span>24\/7 Service Agent Call Centre<\/span><\/div>\n        <div class=\"vap-item\"><span>Fuel Anti-Theft Device Sales &amp; Installations<\/span><\/div>\n        <div class=\"vap-item\"><span>Vehicle Inspection Solutions<\/span><\/div>\n        <div class=\"vap-item\"><span>Assessment Safety Checks<\/span><\/div>\n        <div class=\"vap-item\"><span>Above Ground Tank Sales &amp; Leasing Options<\/span><\/div>\n        <div class=\"vap-item\"><span>Safe Communication Options<\/span><\/div>\n        <div class=\"vap-item\"><span>Armed Escort Solutions for Precious Cargo<\/span><\/div>\n        <div class=\"vap-item\"><span>Accident Scene Safety Responders<\/span><\/div>\n        <div class=\"vap-item\"><span>Driver Training Programmes<\/span><\/div>\n        <div class=\"vap-item\"><span>Fuel Trailer Sales &amp; Leasing Options<\/span><\/div>\n      <\/div>\n\n      <div class=\"vap-ctaRow\" aria-label=\"Value Added actions\">\n        <a class=\"vap-btn primary\" href=\"https:\/\/fuelmate-rsa.com\/?page_id=15\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 8V7l-3 2-2-3H3v12h18V10l-3 2 3-4zM5 8h9v2H5V8zm0 4h12v2H5v-2z\"\/><\/svg>\n          Contact Us\n        <\/a>\n        <a class=\"vap-btn secondary\" href=\"https:\/\/fuelmate-rsa.com\/?page_id=403\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-4.4 0-8 2.2-8 5v3h16v-3c0-2.8-3.6-5-8-5z\"\/><\/svg>\n          Sign Up\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"vap-right\" aria-label=\"Value Added visual\">\n      <!-- Floating Icons -->\n      <span class=\"vap-float vap-f1\" aria-hidden=\"true\" title=\"Fleet\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2 3 7l9 5 9-5-9-5zm0 8L3 5v6l9 5 9-5V5l-9 5zm0 8-9-5v2l9 5 9-5v-2l-9 5z\"\/><\/svg>\n      <\/span>\n\n      <span class=\"vap-float vap-f2\" aria-hidden=\"true\" title=\"Safety Camera\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M9 6 10.5 4h3L15 6h3a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3zm3 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4z\"\/><\/svg>\n      <\/span>\n\n      <span class=\"vap-float vap-f3\" aria-hidden=\"true\" title=\"Support\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 3a8 8 0 0 0-8 8v4a3 3 0 0 0 3 3h1v-7H7a1 1 0 0 0-1 1v3a6 6 0 1 1 12 0v-3a1 1 0 0 0-1-1h-1v7h1a3 3 0 0 0 3-3v-4a8 8 0 0 0-8-8z\"\/><\/svg>\n      <\/span>\n\n      <div class=\"vap-card\">\n        <div class=\"vap-media\">\n          <img\n            src=\"https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-Feb-10-2026-10_31_12-PM.png\"\n            alt=\"Value Added Products\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\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 Value Added Products Benefits Value Added Products Benefits Solutions Portfolio Value Added Products Equip your fleet with safety, visibility, control, and response-ready solutions\u2014built to protect drivers, cargo, fuel, and uptime across real-world operations. Vehicle Tracking Devices Vehicle Camera &amp; Safety Solutions Fuel Management Systems 24\/7 Service Agent Call Centre Fuel Anti-Theft Device Sales &amp; Installations Vehicle Inspection Solutions Assessment Safety Checks Above Ground Tank Sales &amp; Leasing Options Safe Communication Options Armed Escort Solutions for Precious Cargo Accident Scene Safety Responders Driver Training Programmes Fuel Trailer Sales &amp; Leasing Options Contact Us 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-185","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/185","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=185"}],"version-history":[{"count":7,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/185\/revisions"}],"predecessor-version":[{"id":849,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/185\/revisions\/849"}],"wp:attachment":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}