{"id":5652,"date":"2021-10-18T13:51:43","date_gmt":"2021-10-18T13:51:43","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-construction\/?page_id=5652"},"modified":"2026-09-29T08:39:41","modified_gmt":"2026-09-29T08:39:41","slug":"home","status":"publish","type":"page","link":"https:\/\/mblsmart.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5652\" class=\"elementor elementor-5652\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-21c1b37 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"21c1b37\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-85bae84\" data-id=\"85bae84\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-2d392b3 elementor-widget elementor-widget-html\" data-id=\"2d392b3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     MBL Smart Solutions \u2013 10 Years animated banner\n     Paste everything below into an Elementor \"HTML\" widget.\n     All styles are scoped under .mbl10 so they won't affect the rest of the site.\n     ============================================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes&amp;family=Montserrat:wght@500;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n.mbl10{\n  --orange:#F26522; --orange-dk:#D94E10; --gold-1:#FFF1B8; --gold-2:#F4C542;\n  --gold-3:#C9901E; --gold-4:#8A5A12; --ink:#1F2937; --bar:#2B2F36;\n  position:relative; display:block; width:100%; max-width:1200px; margin:0 auto;\n  font-family:'Montserrat',system-ui,sans-serif; color:var(--ink); box-sizing:border-box;\n}\n.mbl10 *,.mbl10 *::before,.mbl10 *::after{box-sizing:border-box;margin:0;padding:0}\n\/* lock fonts so the theme's heading\/paragraph styles can't override them *\/\n.mbl10 .card,.mbl10 .card *{font-family:'Montserrat',system-ui,sans-serif!important;text-transform:none;font-style:normal}\n.mbl10 .card .script,.mbl10 .card .script *,.mbl10 .card .ptb,.mbl10 .card .ptb *{font-family:'Great Vibes',cursive!important}\n.mbl10 .card #mblLcd{font-family:'Courier New',monospace!important}\n.mbl10 .card :where(h2,p,b,span,em){margin:0;padding:0;border:0;background:none;text-shadow:none;letter-spacing:normal}\n.mbl10 .card .h1{line-height:1.02!important;letter-spacing:-.05cqw!important}\n.mbl10 .card .svc b{text-transform:uppercase}\n.mbl10 .sizer{display:block;width:1200px;max-width:calc(100vw - 48px);height:0}\n.mbl10 .stage{container-type:inline-size;width:100%}\n.mbl10 .card{position:relative;aspect-ratio:1200\/560;border-radius:2.4cqw;overflow:hidden;\n  background:#fff;box-shadow:0 1.5cqw 4cqw rgba(60,40,10,.18)}\n.mbl10.play .card{animation:m-in .6s ease-out forwards}\n\n\/* ---------- left scene ---------- *\/\n.mbl10 .scene{position:absolute;left:0;top:0;width:44%;height:78%;overflow:hidden;\n  -webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}\n.mbl10 .sky{position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,#fff 24%,#FFE2B0 42%,#FDB35A 62%,#F58A3A 78%,#6B5B7B 100%)}\n.mbl10 .sun{position:absolute;left:52%;width:14cqw;height:14cqw;border-radius:50%;top:66%;\n  background:radial-gradient(circle,#FFF8D6 0%,#FFD670 30%,rgba(255,170,60,.55) 55%,transparent 72%);transform:translate(-50%,-50%)}\n.mbl10.play .sun{animation:m-rise 2.2s cubic-bezier(.2,.7,.2,1) forwards, m-pulse 4s 2.2s ease-in-out infinite}\n.mbl10 .skyline{position:absolute;left:0;bottom:0;width:100%;height:auto}\n.mbl10 .meter{position:absolute;left:30%;bottom:5%;width:9.5cqw;height:auto;filter:drop-shadow(0 .6cqw 1cqw rgba(0,0,0,.35))}\n.mbl10.play .meter{animation:m-slideR .8s .5s ease-out forwards}\n\n.mbl10 .logo{position:absolute;left:4%;top:5%;width:22%;z-index:3}\n.mbl10.play .logo{animation:m-down .7s .25s ease-out forwards}\n.mbl10 .logo img{width:100%;display:block}\n.mbl10 .logo .txt{display:none;font-weight:900;font-size:6cqw;letter-spacing:-.2cqw;color:var(--orange);line-height:.9}\n.mbl10 .logo .txt small{display:block;font-size:1.9cqw;font-weight:600;color:var(--ink);letter-spacing:0}\n.mbl10 .tag{font-size:1cqw;font-weight:700;color:var(--ink);letter-spacing:.08cqw;margin-top:.5cqw;white-space:nowrap}\n\n\/* ---------- centre: the 10 ---------- *\/\n.mbl10 .ten{position:absolute;left:30%;top:6%;width:34%;height:74%;display:flex;flex-direction:column;align-items:center;justify-content:center}\n.mbl10 .num{position:relative;display:flex;align-items:center;line-height:.8}\n.mbl10.play .num{animation:m-pop 1s .6s cubic-bezier(.3,1.6,.5,1) forwards}\n.mbl10 .num .one,.mbl10 .num .zero{font-weight:900;font-size:26cqw;letter-spacing:-1.5cqw;\n  background:linear-gradient(160deg,var(--gold-1) 5%,var(--gold-2) 30%,var(--gold-3) 55%,var(--gold-2) 72%,var(--gold-4) 100%);\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n  filter:drop-shadow(.4cqw .6cqw 0 rgba(120,75,10,.45)) drop-shadow(0 1cqw 1.5cqw rgba(0,0,0,.2))}\n.mbl10 .num .zero{position:relative}\n.mbl10 .disc{position:absolute;left:50%;top:50%;width:9.5cqw;height:9.5cqw;transform:translate(-44%,-50%);border-radius:50%;\n  background:radial-gradient(circle at 35% 30%,#4A4F58,#16181C 70%);border:.35cqw solid #E7B94A;\n  display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;letter-spacing:0;line-height:1.1;box-shadow:inset 0 0 1.2cqw rgba(0,0,0,.6)}\n.mbl10 .disc b{font-weight:900;font-size:2.8cqw;color:var(--orange);letter-spacing:-.1cqw;line-height:1}\n.mbl10 .disc span{font-size:.95cqw;font-weight:600;letter-spacing:0;white-space:nowrap}\n.mbl10 .shine{position:absolute;inset:0;pointer-events:none;overflow:hidden;\n  -webkit-mask:linear-gradient(#000,#000);mask:linear-gradient(#000,#000)}\n.mbl10 .shine::after{content:\"\";position:absolute;top:-20%;left:-60%;width:30%;height:140%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg)}\n.mbl10.play .shine::after{animation:m-shine 5s 1.8s ease-in-out infinite}\n\n.mbl10 .ribbon{position:relative;margin-top:-3.2cqw;width:24cqw;height:5.4cqw}\n.mbl10.play .ribbon{animation:m-unfurl .9s 1.2s cubic-bezier(.2,.8,.2,1) forwards}\n.mbl10 .ribbon svg{width:100%;height:100%;display:block}\n\n\/* ---------- right copy ---------- *\/\n.mbl10 .copy{position:absolute;right:3.5%;top:20%;width:34%;text-align:center}\n.mbl10.play .copy > *{animation:m-up .7s ease-out forwards}\n.mbl10.play .copy > :nth-child(1){animation-delay:1.3s}\n.mbl10.play .copy > :nth-child(2){animation-delay:1.5s}\n.mbl10.play .copy > :nth-child(3){animation-delay:1.7s}\n.mbl10.play .copy > :nth-child(4){animation-delay:1.9s}\n.mbl10 .h1{font-weight:900;font-size:3.3cqw;line-height:1.02;color:var(--orange);letter-spacing:-.05cqw}\n.mbl10 .script{font-family:'Great Vibes',cursive;font-size:4.6cqw;white-space:nowrap;line-height:1.1;color:var(--ink);margin-top:.4cqw}\n.mbl10 .script em{font-style:normal;background:linear-gradient(180deg,var(--gold-2),var(--gold-4));-webkit-background-clip:text;background-clip:text;color:transparent}\n.mbl10 .h2{font-weight:800;font-size:1.55cqw;line-height:1.3;color:var(--ink);letter-spacing:.05cqw;margin-top:.6cqw}\n.mbl10 .body{font-size:1.15cqw;line-height:1.5;font-weight:500;color:#4B5563;margin:.9cqw auto 0;max-width:28cqw}\n\n\/* ---------- seal ---------- *\/\n.mbl10 .seal{position:absolute;right:-1.4cqw;top:-1.4cqw;width:11cqw;height:11cqw}\n.mbl10.play .seal{animation:m-seal .9s 2s cubic-bezier(.3,1.5,.5,1) forwards}\n.mbl10 .seal svg{width:100%;height:100%;display:block}\n.mbl10.play .seal .ring{transform-origin:50% 50%;animation:m-spin 18s linear infinite}\n\n\/* ---------- script accent + service bar ---------- *\/\n.mbl10 .ptb{position:absolute;left:3.5%;bottom:24%;font-family:'Great Vibes',cursive;color:#fff;font-size:2.3cqw;line-height:1;\n  text-shadow:0 .2cqw .6cqw rgba(0,0,0,.45)}\n.mbl10.play .ptb{animation:m-up .8s 1.6s ease-out forwards}\n.mbl10 .ptb span:nth-child(2){margin-left:4cqw}\n.mbl10 .ptb span:nth-child(3){margin-left:8cqw}\n\n.mbl10 .bar{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,#3A3F47,var(--bar));\n  display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 3cqw;\n  clip-path:polygon(0 18%,34% 18%,38% 0,100% 0,100% 100%,0 100%)}\n.mbl10 .svc{display:flex;align-items:center;gap:1.2cqw;padding:0 1.5cqw;color:#fff}\n.mbl10 .svc + .svc{border-left:1px solid rgba(255,255,255,.18)}\n.mbl10.play .svc{animation:m-up .6s ease-out forwards}\n.mbl10.play .svc:nth-child(1){animation-delay:2.1s}\n.mbl10.play .svc:nth-child(2){animation-delay:2.25s}\n.mbl10.play .svc:nth-child(3){animation-delay:2.4s}\n.mbl10.play .svc:nth-child(4){animation-delay:2.55s}\n.mbl10 .ico{flex:none;width:5.2cqw;height:5.2cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FF8A45,var(--orange-dk));\n  display:grid;place-items:center;box-shadow:0 0 0 .35cqw rgba(242,101,34,.25)}\n.mbl10 .ico svg{width:55%;height:55%}\n.mbl10 .svc b{font-weight:800;font-size:1.35cqw;line-height:1.15;text-transform:uppercase}\n\n.mbl10 canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}\n\n\n\/* ---------- 3D balloons ---------- *\/\n.mbl10 .ten,.mbl10 .copy{z-index:2}\n.mbl10 .bar{z-index:3}\n.mbl10 .balloons{position:absolute;inset:0;pointer-events:none;z-index:1}\n.mbl10 .balloons.front{z-index:4}\n.mbl10 .bl{position:absolute;left:var(--x);top:var(--y);width:calc(var(--s) * 1cqw);\n  transform:translate3d(calc(var(--px,0) * var(--d) * 1cqw),calc(var(--py,0) * var(--d) * 1cqw),0);transition:transform .8s cubic-bezier(.2,.7,.2,1)}\n.mbl10 .bl.far{filter:blur(.12cqw) saturate(.85);opacity:.85}\n.mbl10.armed .bl .rise{opacity:0;transform:translateY(60cqw) scale(.7)}\n.mbl10.play .bl .rise{animation:m-rise-b 2.4s var(--dl) cubic-bezier(.15,.7,.25,1) forwards}\n.mbl10 .bl .bob{animation:m-bob var(--bt) ease-in-out infinite alternate;transform-origin:50% 100%}\n.mbl10 .bl svg{width:100%;height:auto;display:block;overflow:visible;\n  filter:drop-shadow(-.4cqw 1.2cqw 1.2cqw rgba(60,30,0,.22))}\n.mbl10 .bl .str{transform-origin:50px 116px;animation:m-sway calc(var(--bt) * .8) ease-in-out infinite alternate}\n@keyframes m-rise-b{to{opacity:1;transform:none}}\n@keyframes m-bob{0%{transform:translateY(0) rotate(-4deg)}100%{transform:translateY(-1.6cqw) rotate(4deg)}}\n@keyframes m-sway{0%{transform:rotate(-7deg)}100%{transform:rotate(7deg)}}\n@container (max-width:700px){\n  .mbl10 .bl{left:var(--mx,-50%);top:var(--my,0);width:calc(var(--s) * 1.9cqw)}\n  .mbl10 .bl:not([style*=\"--mx\"]){display:none}\n}\n\n\n\/* hidden start states \u2013 only applied once the script is running (so the editor preview always shows the banner) *\/\n.mbl10.armed .card,.mbl10.armed .meter,.mbl10.armed .logo,.mbl10.armed .ptb{opacity:0}\n.mbl10.armed .num{opacity:0;transform:translateY(4cqw) scale(.6)}\n.mbl10.armed .ribbon{clip-path:inset(0 50% 0 50%)}\n.mbl10.armed .copy > *{opacity:0;transform:translateY(1.2cqw)}\n.mbl10.armed .seal{opacity:0;transform:scale(.3) rotate(-40deg)}\n.mbl10.armed .svc{opacity:0;transform:translateY(2cqw)}\n.mbl10.armed .sun{top:78%}\n\n\/* ---------- keyframes ---------- *\/\n@keyframes m-in{to{opacity:1}}\n@keyframes m-rise{from{top:95%;opacity:.3}to{top:66%;opacity:1}}\n@keyframes m-pulse{50%{transform:translate(-50%,-50%) scale(1.12)}}\n@keyframes m-slideR{from{opacity:0;transform:translateX(-3cqw)}to{opacity:1;transform:none}}\n@keyframes m-down{from{opacity:0;transform:translateY(-2cqw)}to{opacity:1;transform:none}}\n@keyframes m-pop{to{opacity:1;transform:none}}\n@keyframes m-shine{0%{left:-60%}35%,100%{left:130%}}\n@keyframes m-unfurl{to{clip-path:inset(0 0 0 0)}}\n@keyframes m-up{to{opacity:1;transform:none}}\n@keyframes m-seal{to{opacity:1;transform:none}}\n@keyframes m-spin{to{transform:rotate(360deg)}}\n\n\/* ---------- phones \/ narrow columns ---------- *\/\n@container (max-width:700px){\n  .mbl10 .card{aspect-ratio:auto;border-radius:5cqw;display:flex;flex-direction:column;padding-bottom:4cqw}\n  .mbl10 .scene{position:relative;width:100%;height:62cqw;-webkit-mask-image:none;mask-image:none}\n  .mbl10 .logo{width:44%;top:6%}\n  .mbl10 .tag{font-size:2.2cqw}\n  .mbl10 .meter{width:17cqw;left:auto;right:8%;bottom:6%}\n  .mbl10 .ptb{display:none}\n  .mbl10 .ten{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:-8cqw;z-index:2}\n  .mbl10 .num .one,.mbl10 .num .zero{font-size:52cqw;letter-spacing:-3cqw}\n  .mbl10 .disc{width:19cqw;height:19cqw;border-width:.8cqw}\n  .mbl10 .disc b{font-size:5.6cqw}.mbl10 .disc span{font-size:2cqw}\n  .mbl10 .ribbon{width:50cqw;height:11cqw;margin-top:-6cqw}\n  .mbl10 .copy{position:relative;right:auto;top:auto;width:100%;padding:4cqw 6cqw 0}\n  .mbl10 .h1{font-size:8cqw}.mbl10 .script{font-size:11cqw}.mbl10 .h2{font-size:3.4cqw}\n  .mbl10 .body{font-size:3.4cqw;max-width:none}\n  .mbl10 .seal{width:24cqw;height:24cqw;right:-2cqw;top:-2cqw}\n  .mbl10 .bar{position:relative;height:auto;margin:5cqw 4cqw 0;border-radius:4cqw;clip-path:none;grid-template-columns:1fr 1fr;padding:3cqw;gap:3cqw 0}\n  .mbl10 .svc{padding:0 2cqw;gap:2.5cqw}\n  .mbl10 .svc + .svc{border-left:0}\n  .mbl10 .ico{width:12cqw;height:12cqw}\n  .mbl10 .svc b{font-size:3.2cqw}\n}\n\n@media (prefers-reduced-motion:reduce){\n  .mbl10 .bl{transition:none}\n  .mbl10 *,.mbl10 .card{animation:none!important;opacity:1!important;transform:none!important;clip-path:none}\n  .mbl10 .sun{top:66%;transform:translate(-50%,-50%)!important}\n  .mbl10 .disc{transform:translate(-44%,-50%)!important}\n  .mbl10 .bar{clip-path:polygon(0 18%,34% 18%,38% 0,100% 0,100% 100%,0 100%)}\n  .mbl10 .shine::after{display:none}\n}\n<\/style>\n\n<section class=\"mbl10\" aria-label=\"MBL Smart Solutions celebrates 10 years\">\n <span class=\"sizer\" aria-hidden=\"true\"><\/span>\n <div class=\"stage\">\n <div class=\"card\">\n\n  <!-- Left: sunrise over the city with a smart meter -->\n  <div class=\"scene\" aria-hidden=\"true\">\n   <div class=\"sky\"><\/div>\n   <div class=\"sun\"><\/div>\n   <svg class=\"skyline\" viewBox=\"0 0 520 200\" preserveAspectRatio=\"xMidYMax slice\">\n    <path fill=\"#8B6A73\" opacity=\".55\" d=\"M0 120 Q80 70 170 105 T340 95 T520 110 V200 H0Z\"\/>\n    <path fill=\"#4E3F52\" d=\"M0 200V150h18v-22h14v22h10v-40h22v40h8v-28h16v28h12v-55h9v-10h8v10h9v55h10v-34h20v34h10v-18h14v18h8v-48h26v48h10v-30h12v-12h6v12h12v30h14v-22h18v22h10v-62h8v-8h10v8h8v62h12v-26h20v26h14v-40h16v40h10v-20h24v20h12v-32h18v32h10V200Z\"\/>\n    <path fill=\"#2E2533\" d=\"M0 200v-26h40v10h30v-16h36v22h50v-12h60v14h40v-20h50v18h40v-10h70v14h40v-8h64V200Z\"\/>\n   <\/svg>\n   <svg class=\"meter\" viewBox=\"0 0 120 170\">\n    <defs><linearGradient id=\"mblMet\" x1=\"0\" x2=\"1\"><stop offset=\"0\" stop-color=\"#EEF1F4\"\/><stop offset=\".6\" stop-color=\"#C9CFD6\"\/><stop offset=\"1\" stop-color=\"#9AA3AD\"\/><\/linearGradient><\/defs>\n    <rect x=\"6\" y=\"6\" width=\"108\" height=\"158\" rx=\"12\" fill=\"url(#mblMet)\" stroke=\"#7D8792\" stroke-width=\"2\"\/>\n    <rect x=\"18\" y=\"22\" width=\"84\" height=\"38\" rx=\"5\" fill=\"#1B2A22\"\/>\n    <text id=\"mblLcd\" x=\"60\" y=\"49\" text-anchor=\"middle\" font-family=\"Courier New,monospace\" font-weight=\"700\" font-size=\"22\" fill=\"#7CFFB2\">2026<\/text>\n    <text x=\"96\" y=\"57\" text-anchor=\"end\" font-family=\"Montserrat,sans-serif\" font-size=\"6\" fill=\"#7CFFB2\" opacity=\".8\">kWh<\/text>\n    <g fill=\"#5E6873\"><circle cx=\"34\" cy=\"82\" r=\"6\"\/><circle cx=\"60\" cy=\"82\" r=\"6\"\/><circle cx=\"86\" cy=\"82\" r=\"6\"\/>\n     <circle cx=\"34\" cy=\"102\" r=\"6\"\/><circle cx=\"60\" cy=\"102\" r=\"6\"\/><circle cx=\"86\" cy=\"102\" r=\"6\"\/>\n     <circle cx=\"34\" cy=\"122\" r=\"6\"\/><circle cx=\"60\" cy=\"122\" r=\"6\"\/><circle cx=\"86\" cy=\"122\" r=\"6\"\/><\/g>\n    <circle cx=\"24\" cy=\"148\" r=\"3.5\" fill=\"#F26522\"><animate attributeName=\"opacity\" values=\"1;.2;1\" dur=\"1.2s\" repeatCount=\"indefinite\"\/><\/circle>\n    <rect x=\"40\" y=\"143\" width=\"62\" height=\"10\" rx=\"2\" fill=\"#A7B0B9\"\/>\n   <\/svg>\n  <\/div>\n\n  <div class=\"logo\">\n   <img decoding=\"async\" src=\"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/05\/mbllogo.png\" alt=\"MBL Smart Solutions\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='block'\">\n   <div class=\"txt\">MBL<small>smart solutions<\/small><\/div>\n   <p class=\"tag\">SMARTER TECHNOLOGY. BRIGHTER COMMUNITIES.<\/p>\n  <\/div>\n\n  <p class=\"ptb\" aria-hidden=\"true\"><span>People<\/span><br><span>Technology<\/span><br><span>Better Tomorrow<\/span><\/p>\n\n  <!-- Centre: gold 10 with ribbon -->\n  <div class=\"ten\" aria-hidden=\"true\">\n   <div class=\"num\">\n    <span class=\"one\">1<\/span><span class=\"zero\">0<span class=\"disc\"><b>MBL<\/b><span>smart solutions<\/span><\/span><\/span>\n    <span class=\"shine\"><\/span>\n   <\/div>\n   <div class=\"ribbon\">\n    <svg viewBox=\"0 0 240 54\">\n     <defs><linearGradient id=\"mblRib\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#FFE9A0\"\/><stop offset=\".45\" stop-color=\"#E4AE3A\"\/><stop offset=\"1\" stop-color=\"#9C6814\"\/><\/linearGradient><\/defs>\n     <path d=\"M4 14 L30 14 L30 48 L4 48 L14 31Z\" fill=\"#A87418\"\/>\n     <path d=\"M236 14 L210 14 L210 48 L236 48 L226 31Z\" fill=\"#A87418\"\/>\n     <path d=\"M22 6 Q120 -4 218 6 L218 42 Q120 32 22 42Z\" fill=\"url(#mblRib)\" stroke=\"#8A5A12\" stroke-width=\"1\"\/>\n     <text x=\"120\" y=\"31\" text-anchor=\"middle\" font-family=\"Montserrat,sans-serif\" font-weight=\"900\" font-size=\"20\" letter-spacing=\"4\" fill=\"#3A2A0A\">YEARS<\/text>\n    <\/svg>\n   <\/div>\n  <\/div>\n\n  <!-- Right: message -->\n  <div class=\"copy\">\n   <h2 class=\"h1\">SMART VENDING<br>FOR ALL<\/h2>\n   <p class=\"script\">Celebrating <em>10<\/em> years<\/p>\n   <p class=\"h2\">OF INNOVATION, PARTNERSHIP<br>AND IMPACT<\/p>\n   <p class=\"body\">From smart metering to digital solutions, we've grown together with our clients, communities and partners for the past 10 years \u2014 and we're just getting started!<\/p>\n  <\/div>\n\n  <!-- Seal -->\n  <div class=\"seal\" aria-hidden=\"true\">\n   <svg viewBox=\"0 0 200 200\">\n    <defs><radialGradient id=\"mblSeal\" cx=\"38%\" cy=\"32%\" r=\"75%\"><stop offset=\"0\" stop-color=\"#FFF4C4\"\/><stop offset=\".45\" stop-color=\"#EDBE4E\"\/><stop offset=\"1\" stop-color=\"#9C6814\"\/><\/radialGradient><\/defs>\n    <circle cx=\"100\" cy=\"100\" r=\"92\" fill=\"url(#mblSeal)\"\/>\n    <circle class=\"ring\" cx=\"100\" cy=\"100\" r=\"80\" fill=\"none\" stroke=\"#8A5A12\" stroke-width=\"2\" stroke-dasharray=\"3 6\"\/>\n    <circle cx=\"100\" cy=\"100\" r=\"70\" fill=\"none\" stroke=\"#FFF1B8\" stroke-width=\"1.5\" opacity=\".7\"\/>\n    <text x=\"100\" y=\"112\" text-anchor=\"middle\" font-family=\"Montserrat,sans-serif\" font-weight=\"900\" font-size=\"62\" fill=\"#1F2937\">10<\/text>\n    <text x=\"100\" y=\"138\" text-anchor=\"middle\" font-family=\"Montserrat,sans-serif\" font-weight=\"600\" font-size=\"15\" letter-spacing=\"4\" fill=\"#1F2937\">YEARS<\/text>\n   <\/svg>\n  <\/div>\n\n  <!-- Services -->\n  <div class=\"bar\">\n   <div class=\"svc\"><span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2.5\" width=\"14\" height=\"19\" rx=\"2\"\/><rect x=\"8\" y=\"5.5\" width=\"8\" height=\"4\" rx=\".5\"\/><path d=\"M8.5 13h1M11.5 13h1M14.5 13h1M8.5 16h1M11.5 16h1M14.5 16h1\"\/><\/svg><\/span><b>Prepaid<br>vending system<\/b><\/div>\n   <div class=\"svc\"><span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 13l4-4 3 1 3-3 3 1\"\/><path d=\"M7 14l3 3c.6.6 1.4.6 2 0l6-6-3-3\"\/><circle cx=\"17\" cy=\"5\" r=\"2.5\"\/><path d=\"M17 3.8v2.4\"\/><\/svg><\/span><b>Debt<br>collection<\/b><\/div>\n   <div class=\"svc\"><span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2.5\"\/><path d=\"M8 8a5.5 5.5 0 0 0 0 8M16 8a5.5 5.5 0 0 1 0 8M5 5a10 10 0 0 0 0 14M19 5a10 10 0 0 1 0 14\"\/><\/svg><\/span><b>AMR<br>system<\/b><\/div>\n   <div class=\"svc\"><span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"3.5\" width=\"13\" height=\"17\" rx=\"1.5\"\/><path d=\"M7.5 8h6M7.5 11.5h4\"\/><circle cx=\"16\" cy=\"16\" r=\"3.5\"\/><path d=\"M18.5 18.5 21 21\"\/><\/svg><\/span><b>Meter<br>audit<\/b><\/div>\n  <\/div>\n\n  <div class=\"balloons back\" aria-hidden=\"true\"><\/div>\n  <div class=\"balloons front\" aria-hidden=\"true\"><\/div>\n\n  <canvas aria-hidden=\"true\"><\/canvas>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n  var root=document.querySelector('.mbl10:not([data-mbl-init])');\n  if(!root) return; root.setAttribute('data-mbl-init','1');\n  var reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if(!reduce) root.classList.add('armed');\n  var lcd=root.querySelector('#mblLcd'), canvas=root.querySelector('canvas'), ctx=canvas.getContext('2d');\n  var started=false, pieces=[], W=0, H=0, dpr=Math.min(window.devicePixelRatio||1,2);\n  var colors=['#F4C542','#E4AE3A','#FFE9A0','#F26522','#C9901E','#ffffff'];\n\n  function size(){var r=canvas.getBoundingClientRect();W=r.width;H=r.height;canvas.width=W*dpr;canvas.height=H*dpr;ctx.setTransform(dpr,0,0,dpr,0,0);}\n  function piece(burst){\n    return {x:burst?W*0.47+(Math.random()-.5)*W*.2:Math.random()*W, y:burst?H*.35:-10,\n      vx:burst?(Math.random()-.5)*9:(Math.random()-.5)*.6, vy:burst?-Math.random()*8-2:Math.random()*1+.6,\n      w:Math.random()*6+4, h:Math.random()*10+5, r:Math.random()*6.28, vr:(Math.random()-.5)*.25,\n      c:colors[Math.random()*colors.length|0], life:1};\n  }\n  function tick(){\n    ctx.clearRect(0,0,W,H);\n    if(pieces.length<45 && Math.random()<.35) pieces.push(piece(false));\n    for(var i=pieces.length-1;i>=0;i--){\n      var p=pieces[i]; p.vy+=0.08; p.vy=Math.min(p.vy,2.2); p.vx*=.985; p.x+=p.vx; p.y+=p.vy; p.r+=p.vr;\n      if(p.y>H+20){pieces.splice(i,1);continue;}\n      ctx.save();ctx.translate(p.x,p.y);ctx.rotate(p.r);ctx.scale(1,Math.cos(p.r*2));\n      ctx.fillStyle=p.c;ctx.globalAlpha=.9;ctx.fillRect(-p.w\/2,-p.h\/2,p.w,p.h);ctx.restore();\n    }\n    requestAnimationFrame(tick);\n  }\n  function countYears(){\n    if(reduce){lcd.textContent='2026';return;}\n    var y=2016; lcd.textContent=y; var t=setInterval(function(){y++;lcd.textContent=y;if(y>=2026)clearInterval(t);},160);\n  }\n\n  \/* ---- 3D balloons ---- *\/\n  var PAL={\n    gold:['#FFF7D1','#F6CF63','#D39A27','#7A4C0C'],\n    orange:['#FFD2B3','#FF7A33','#E0540F','#7E2604'],\n    pearl:['#FFFFFF','#F4F5F8','#CDD2DA','#7F8894'],\n    ink:['#9AA1AB','#4A5059','#262A30','#0C0E11']\n  };\n  \/\/  x,y = desktop position   mx,my = phone position (omit = hidden on phones)\n  \/\/  s = size, d = depth (parallax), layer: back\/front, far = soft focus\n  var LIST=[\n    {c:'gold',  x:'25%',y:'-4%', s:7.5,d:.6,dl:.9, bt:3.8,far:1},\n    {c:'orange',x:'24.5%',y:'27%', s:8.5,  d:1.2,dl:1.1,bt:4.4,mx:'2%', my:'27%'},\n    {c:'pearl', x:'35%',y:'-10%',s:6.5,d:.5,dl:1.3,bt:5.2,far:1},\n    {c:'gold',  x:'59%',y:'-6%', s:9.5,d:1.4,dl:1.0,bt:4.0,mx:'76%',my:'24%'},\n    {c:'ink',   x:'66%',y:'-14%',s:6,  d:.5,dl:1.5,bt:5.6,far:1},\n    {c:'orange',x:'95%',y:'30%', s:7,  d:2.2,dl:1.7,bt:4.6,front:1},\n    {c:'pearl', x:'-1%',y:'-6%', s:6.5,d:2,  dl:1.9,bt:4.9,front:1,mx:'82%',my:'40%'},\n    {c:'gold',  x:'45%',y:'54%', s:5.5,d:.4,dl:1.4,bt:5.0,far:1}\n  ];\n  function balloon(o,i){\n    var p=PAL[o.c], id='mblB'+i;\n    return '<div class=\"bl'+(o.far?' far':'')+'\" style=\"--x:'+o.x+';--y:'+o.y+';--s:'+o.s+';--d:'+o.d+';--dl:'+o.dl+'s;--bt:'+o.bt+'s'+\n      (o.mx?';--mx:'+o.mx+';--my:'+o.my:'')+'\"><div class=\"rise\"><div class=\"bob\" style=\"animation-delay:-'+(i*0.7)+'s\">'+\n      '<svg viewBox=\"0 0 100 170\"><defs>'+\n      '<radialGradient id=\"'+id+'b\" cx=\"36%\" cy=\"30%\" r=\"78%\" fx=\"30%\" fy=\"24%\">'+\n        '<stop offset=\"0\" stop-color=\"'+p[0]+'\"\/><stop offset=\".28\" stop-color=\"'+p[1]+'\"\/><stop offset=\".7\" stop-color=\"'+p[2]+'\"\/><stop offset=\"1\" stop-color=\"'+p[3]+'\"\/><\/radialGradient>'+\n      '<radialGradient id=\"'+id+'h\" cx=\"50%\" cy=\"50%\" r=\"50%\"><stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".95\"\/><stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\"0\"\/><\/radialGradient>'+\n      '<linearGradient id=\"'+id+'r\" x1=\"0\" x2=\"1\"><stop offset=\".6\" stop-color=\"#fff\" stop-opacity=\"0\"\/><stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".35\"\/><\/linearGradient>'+\n      '<\/defs>'+\n      '<path class=\"str\" d=\"M50 116 C 44 128, 58 138, 50 150 S 46 164, 52 172\" fill=\"none\" stroke=\"'+(o.c==='ink'?'#6B7280':'#B8892E')+'\" stroke-width=\"1.1\"\/>'+\n      '<path d=\"M50 4 C22 4 6 26 6 52 C6 82 30 104 46 110 L43 117 L57 117 L54 110 C70 104 94 82 94 52 C94 26 78 4 50 4Z\" fill=\"url(#'+id+'b)\"\/>'+\n      '<path d=\"M50 4 C22 4 6 26 6 52 C6 82 30 104 46 110 L54 110 C70 104 94 82 94 52 C94 26 78 4 50 4Z\" fill=\"url(#'+id+'r)\"\/>'+\n      '<ellipse cx=\"32\" cy=\"32\" rx=\"11\" ry=\"18\" transform=\"rotate(-28 32 32)\" fill=\"url(#'+id+'h)\"\/>'+\n      '<ellipse cx=\"28\" cy=\"27\" rx=\"3.2\" ry=\"5.5\" transform=\"rotate(-28 28 27)\" fill=\"#fff\" opacity=\".9\"\/>'+\n      '<path d=\"M74 84 C80 76 84 66 85 56\" fill=\"none\" stroke=\"#fff\" stroke-opacity=\".28\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>'+\n      '<path d=\"M43 117 L57 117 L55 112 L45 112Z\" fill=\"'+p[2]+'\"\/>'+\n      '<\/svg><\/div><\/div><\/div>';\n  }\n  var back=root.querySelector('.balloons.back'), front=root.querySelector('.balloons.front'), b='',f='';\n  LIST.forEach(function(o,i){ if(o.front) f+=balloon(o,i); else b+=balloon(o,i); });\n  back.innerHTML=b; front.innerHTML=f;\n  if(!reduce && window.matchMedia('(pointer:fine)').matches){\n    root.addEventListener('mousemove',function(e){\n      var r=root.getBoundingClientRect();\n      root.style.setProperty('--px',((e.clientX-r.left)\/r.width-.5).toFixed(3));\n      root.style.setProperty('--py',((e.clientY-r.top)\/r.height-.5).toFixed(3));\n    });\n    root.addEventListener('mouseleave',function(){root.style.setProperty('--px',0);root.style.setProperty('--py',0);});\n  }\n  function start(){\n    if(started) return; started=true; if(!reduce) lcd.textContent='2016'; root.classList.add('play');\n    setTimeout(countYears,900);\n    if(reduce) return;\n    size(); window.addEventListener('resize',size);\n    setTimeout(function(){for(var i=0;i<110;i++)pieces.push(piece(true));},850);\n    tick();\n  }\n  if('IntersectionObserver' in window){\n    var io=new IntersectionObserver(function(e){if(e[0].isIntersecting){start();io.disconnect();}},{threshold:.3});\n    io.observe(root);\n  } else start();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2277bc elementor-widget elementor-widget-ct_slider\" data-id=\"a2277bc\" data-element_type=\"widget\" data-widget_type=\"ct_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct--slider-wrap1\">\r\n    <div class=\"ct--slider-number\">\r\n        <div class=\"ct-carousel-inner\">\r\n            <div class=\"ct-slick-carousel\" data-arrows=\"true\" data-dots=\"false\" data-pauseOnHover=\"\" data-autoplay=\"true\" data-autoplaySpeed=\"9000\" data-infinite=\"true\" data-speed=\"500\" data-colxs=\"1\" data-colsm=\"1\" data-colmd=\"1\" data-collg=\"1\" data-colxl=\"1\" data-dir=\"false\" data-slidesToScroll=\"1\" data-fade=\"true\">\r\n                                    <div class=\"slick-slide\">\r\n                        <div class=\"count-number\">\r\n                            <span>01<\/span>\r\n                            \/03                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"slick-slide\">\r\n                        <div class=\"count-number\">\r\n                            <span>02<\/span>\r\n                            \/03                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"slick-slide\">\r\n                        <div class=\"count-number\">\r\n                            <span>03<\/span>\r\n                            \/03                        <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"ct--slider ct--slider1 ct-slick-slider\">\r\n        <div class=\"ct-carousel-inner\">\r\n            <div class=\"ct-slick-carousel\" data-arrows=\"true\" data-dots=\"false\" data-pauseOnHover=\"\" data-autoplay=\"true\" data-autoplaySpeed=\"9000\" data-infinite=\"true\" data-speed=\"500\" data-colxs=\"1\" data-colsm=\"1\" data-colmd=\"1\" data-collg=\"1\" data-colxl=\"1\" data-dir=\"false\" data-slidesToScroll=\"1\" data-fade=\"true\">\r\n                                    <div class=\"slick-slide\">\r\n                        <div class=\"item--inner\">\r\n                            <div class=\"item--meta img-active\">\r\n                                <div class=\"item--textoutline el-empty ct-slider-fadeInRight\">Smart Solutions<\/div>\r\n                                <div class=\"item--meta-inner ct-slider-fadeInUp\">\r\n                                    <h3 class=\"item--title el-empty\"><cite>MBL,<\/cite> We build new technology\n<\/h3>\r\n                                    <div class=\"item--desc el-empty\">Have an idea? don't where to start! we are here to turn your idea into reality in vending technologies.\nMeet Experts<\/div>\r\n                                                                            <div class=\"item--button\"><a class=\"btn btn-effect2\" href=\"https:\/\/mblsmart.co.za\/index.php\/about-us\/\">About Us<\/a><\/div>\r\n                                                                    <\/div>\r\n                                                                    <div class=\"ct-nav-carousel\">\r\n                                        <div class=\"nav-prev\"><i class=\"flaticonv2-right-arrow\"><\/i><\/div>\r\n                                        <div class=\"nav-next\"><i class=\"flaticonv2-right-arrow\"><\/i><\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                                                            <div class=\"item--image\">\r\n                                    <div class=\"image-animation-zoom bg-image\" style=\"background-image: url(https:\/\/demo.casethemes.net\/consultio-construction\/wp-content\/uploads\/2021\/10\/h4-slider1.jpg);\"><\/div>\r\n                                <\/div>\r\n                                                   <\/div>\r\n                    <\/div>\r\n                                    <div class=\"slick-slide\">\r\n                        <div class=\"item--inner\">\r\n                            <div class=\"item--meta img-active\">\r\n                                <div class=\"item--textoutline el-empty ct-slider-fadeInRight\">Quality Vending<\/div>\r\n                                <div class=\"item--meta-inner ct-slider-fadeInUp\">\r\n                                    <h3 class=\"item--title el-empty\"><cite>High<\/cite> Quality design\n<\/h3>\r\n                                    <div class=\"item--desc el-empty\">What we do is really getting to know you, your business and your business needs. Vending Technologies is our area of expertise\n<\/div>\r\n                                                                            <div class=\"item--button\"><a class=\"btn btn-effect2\" href=\"https:\/\/mblsmart.co.za\/index.php\/about-us\/\">About Us<\/a><\/div>\r\n                                                                    <\/div>\r\n                                                                    <div class=\"ct-nav-carousel\">\r\n                                        <div class=\"nav-prev\"><i class=\"flaticonv2-right-arrow\"><\/i><\/div>\r\n                                        <div class=\"nav-next\"><i class=\"flaticonv2-right-arrow\"><\/i><\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                                                            <div class=\"item--image\">\r\n                                    <div class=\"image-animation-zoom bg-image\" style=\"background-image: url(https:\/\/mblsmart.co.za\/wp-content\/uploads\/2021\/11\/h4-portfolio9.jpg);\"><\/div>\r\n                                <\/div>\r\n                                                   <\/div>\r\n                    <\/div>\r\n                                    <div class=\"slick-slide\">\r\n                        <div class=\"item--inner\">\r\n                            <div class=\"item--meta img-active\">\r\n                                <div class=\"item--textoutline el-empty ct-slider-fadeInRight\">Over 20 years<\/div>\r\n                                <div class=\"item--meta-inner ct-slider-fadeInUp\">\r\n                                    <h3 class=\"item--title el-empty\"><cite>Innovate<\/cite> \n  Grow and Save<\/h3>\r\n                                    <div class=\"item--desc el-empty\">With over 20 years of experience helping businesses to find comprehensive solutions in Vending Technologies and energy saving.<\/div>\r\n                                                                            <div class=\"item--button\"><a class=\"btn btn-effect2\" href=\"https:\/\/mblsmart.co.za\/index.php\/about-us\/\">About Us<\/a><\/div>\r\n                                                                    <\/div>\r\n                                                                    <div class=\"ct-nav-carousel\">\r\n                                        <div class=\"nav-prev\"><i class=\"flaticonv2-right-arrow\"><\/i><\/div>\r\n                                        <div class=\"nav-next\"><i class=\"flaticonv2-right-arrow\"><\/i><\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                                                            <div class=\"item--image\">\r\n                                    <div class=\"image-animation-zoom bg-image\" style=\"background-image: url(https:\/\/mblsmart.co.za\/wp-content\/uploads\/2019\/11\/theme-04.jpg);\"><\/div>\r\n                                <\/div>\r\n                                                   <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca1f7cf elementor-section-stretched elementor-section-content-bottom elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"ca1f7cf\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-extended \">\n                    <div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f3a61a5\" data-id=\"f3a61a5\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-88ed8ef elementor-widget elementor-widget-spacer\" data-id=\"88ed8ef\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a586ec elementor-widget elementor-widget-ct_particle_animate\" data-id=\"1a586ec\" data-element_type=\"widget\" data-widget_type=\"ct_particle_animate.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"ct-particle-animate  hide-md\">\r\n\t\t\t\t    <div id=\"ct_particle_animate-1a586ec0\" class=\"shape-top-bottom  ct-type-img \"  data-wow-delay=\"ms\" >\r\n\t\t    \t<div class=\"ct-inline-css\"  data-css=\"\r\n\t\t            .ct-particle-animate #ct_particle_animate-1a586ec0 {\r\n\t\t                left: -260px;\r\n\t\t                top: 425px;\r\n\t\t            }\">\r\n\t\t        <\/div>\r\n\t\t    \t<img fetchpriority=\"high\" decoding=\"async\" width=\"162\" height=\"344\" src=\"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2021\/10\/h4-shape2.png\" class=\"attachment-full\" alt=\"\" \/>\t\t\r\n\t\t    <\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f032979 elementor-widget elementor-widget-ct_heading\" data-id=\"f032979\" data-element_type=\"widget\" data-widget_type=\"ct_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_heading-f032979\" class=\"ct-heading h-align- sub-style1 ct-heading-left item-st-default\">\r\n\t<div class=\"ct-item--inner\">\r\n        <div class=\"ct-inline-css\"  data-css=\"\r\n            \">\r\n        <\/div>\r\n            \t\t<div class=\"item--sub-title style1 hide-line\">\r\n                                                ABOUT US                                                            <\/div>\r\n    \t        <h3 class=\"item--title st-default case-animate-time\" data-wow-delay=\"ms\">\r\n                        <span class=\"sp-main\">\r\n                \r\n                <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">Prepaid<\/span><\/span> <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">vending<\/span><\/span> <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">and<\/span><\/span> <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">large<\/span><\/span> <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">power<\/span><\/span> <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">users<\/span><\/span> <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">management<\/span><\/span>\r\n                \r\n                            <\/span>\r\n                    <\/h3>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29445da elementor-widget elementor-widget-ct_text_editor\" data-id=\"29445da\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-29445da\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tMBL specializes in prepaid vending and large power users management as part of its core business. We provide energy-saving solutions to businesses and municipalities which encourages better management of energy usages.\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                <div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-183c23a\" data-id=\"183c23a\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-3763754 elementor-widget elementor-widget-ct_particle_animate\" data-id=\"3763754\" data-element_type=\"widget\" data-widget_type=\"ct_particle_animate.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"ct-particle-animate  hide-md\">\r\n\t\t\t\t    <div id=\"ct_particle_animate-37637540\" class=\"shape-right-left  ct-type-img \"  data-wow-delay=\"ms\" >\r\n\t\t    \t<div class=\"ct-inline-css\"  data-css=\"\r\n\t\t            .ct-particle-animate #ct_particle_animate-37637540 {\r\n\t\t                left: 65%;\r\n\t\t                top: -158px;\r\n\t\t            }\">\r\n\t\t        <\/div>\r\n\t\t    \t<img decoding=\"async\" width=\"117\" height=\"55\" src=\"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2021\/10\/h4-shape1.png\" class=\"attachment-full\" alt=\"\" \/>\t\t\r\n\t\t    <\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8af9c7a elementor-widget elementor-widget-spacer\" data-id=\"8af9c7a\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3440715 ct-counter-layout2 elementor-widget elementor-widget-ct_counter\" data-id=\"3440715\" data-element_type=\"widget\" data-widget_type=\"ct_counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct-counter ct-counter-layout2 style1 \" data-wow-delay=\"ms\">\r\n    <div class=\"ct-counter-inner\">\r\n                <div class=\"ct-counter-holder\">\r\n            <div class=\"ct-counter-number color-active\">\r\n                <span class=\"ct-counter-number-prefix\"><\/span>\r\n                <span class=\"ct-counter-number-value\" data-duration=\"2000\" data-to-value=\"50\" data-delimiter=\"\">1<\/span>\r\n                <span class=\"ct-counter-number-suffix\">K<\/span>\r\n            <\/div>\r\n                            <div class=\"ct-counter-title\">Smart Meter Installations<\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1093ddb ct-counter-layout2 elementor-widget elementor-widget-ct_counter\" data-id=\"1093ddb\" data-element_type=\"widget\" data-widget_type=\"ct_counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct-counter ct-counter-layout2 style1 \" data-wow-delay=\"ms\">\r\n    <div class=\"ct-counter-inner\">\r\n                <div class=\"ct-counter-holder\">\r\n            <div class=\"ct-counter-number color-active\">\r\n                <span class=\"ct-counter-number-prefix\"><\/span>\r\n                <span class=\"ct-counter-number-value\" data-duration=\"2000\" data-to-value=\"30\" data-delimiter=\"\"><\/span>\r\n                <span class=\"ct-counter-number-suffix\"><\/span>\r\n            <\/div>\r\n                            <div class=\"ct-counter-title\">Craft and staff employees<\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b1709d ct-counter-layout2 elementor-widget elementor-widget-ct_counter\" data-id=\"8b1709d\" data-element_type=\"widget\" data-widget_type=\"ct_counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct-counter ct-counter-layout2 style1 \" data-wow-delay=\"ms\">\r\n    <div class=\"ct-counter-inner\">\r\n                <div class=\"ct-counter-holder\">\r\n            <div class=\"ct-counter-number color-active\">\r\n                <span class=\"ct-counter-number-prefix\"><\/span>\r\n                <span class=\"ct-counter-number-value\" data-duration=\"2000\" data-to-value=\"17\" data-delimiter=\"\">1<\/span>\r\n                <span class=\"ct-counter-number-suffix\">+<\/span>\r\n            <\/div>\r\n                            <div class=\"ct-counter-title\">Awards Winner<\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-1a195e6 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"1a195e6\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-extended \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-87dc289\" data-id=\"87dc289\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-ab785e8 elementor-widget elementor-widget-ct_heading\" data-id=\"ab785e8\" data-element_type=\"widget\" data-widget_type=\"ct_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_heading-ab785e8\" class=\"ct-heading h-align-center sub-style1 ct-heading-left item-st-line-center\">\r\n\t<div class=\"ct-item--inner\">\r\n        <div class=\"ct-inline-css\"  data-css=\"\r\n            \">\r\n        <\/div>\r\n            \t\t<div class=\"item--sub-title style1 hide-line\">\r\n                                                Smart Solutions                                                            <\/div>\r\n    \t        <h3 class=\"item--title st-line-center case-animate-time\" data-wow-delay=\"ms\">\r\n                        <span class=\"sp-main\">\r\n                \r\n                <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">Services<\/span><\/span> <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">we<\/span><\/span> <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">offer<\/span><\/span>\r\n                \r\n                            <\/span>\r\n                    <\/h3>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t        <section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5449f0b elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"5449f0b\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-extended \">\n                    <div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-f173f16\" data-id=\"f173f16\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-860e760 elementor-widget elementor-widget-ct_title\" data-id=\"860e760\" data-element_type=\"widget\" data-widget_type=\"ct_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct-title1 style4\">\r\n    <h3>\r\n    \t\t        <span>Prepaid Vending System<\/span>\r\n\t        <i><\/i>\r\n\t        <\/h3>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b266f94 elementor-widget elementor-widget-ct_text_editor\" data-id=\"b266f94\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-b266f94\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tWe provide prepaid vending solutions that give your customers the reliability, stability, and scalability they need\u2014making transactions simple and stress-free.\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b5d3a0 elementor-widget elementor-widget-ct_title\" data-id=\"0b5d3a0\" data-element_type=\"widget\" data-widget_type=\"ct_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct-title1 style4\">\r\n    <h3>\r\n    \t\t        <span>Debt Collection<\/span>\r\n\t        <i><\/i>\r\n\t        <\/h3>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-532ca45 elementor-widget elementor-widget-ct_text_editor\" data-id=\"532ca45\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-532ca45\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tWe adhere to all the necessary legal and ethical standards governing debt collection practices. Our commitment to professionalism means that both our clients and debtors can trust us\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                <div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-e3c9ab2\" data-id=\"e3c9ab2\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-923466f elementor-widget elementor-widget-ct_title\" data-id=\"923466f\" data-element_type=\"widget\" data-widget_type=\"ct_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct-title1 style4\">\r\n    <h3>\r\n    \t\t        <span>Meter Audit<\/span>\r\n\t        <i><\/i>\r\n\t        <\/h3>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d431c30 elementor-widget elementor-widget-ct_text_editor\" data-id=\"d431c30\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-d431c30\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tBy providing consumers with insights into their energy usage patterns, smart meters can encourage more efficient energy consumption behaviors\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3974a39 elementor-widget elementor-widget-ct_title\" data-id=\"3974a39\" data-element_type=\"widget\" data-widget_type=\"ct_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct-title1 style4\">\r\n    <h3>\r\n    \t\t        <span>Credit Control<\/span>\r\n\t        <i><\/i>\r\n\t        <\/h3>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7163f4 elementor-widget elementor-widget-ct_text_editor\" data-id=\"f7163f4\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-f7163f4\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tEstablishing a sound financial management system that aims to create a positive reciprocal relationship between persons liable for payments towards our customers\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                <div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-c75be31\" data-id=\"c75be31\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-8b3c176 elementor-widget elementor-widget-ct_title\" data-id=\"8b3c176\" data-element_type=\"widget\" data-widget_type=\"ct_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct-title1 style4\">\r\n    <h3>\r\n    \t\t        <span>Smart Meter Installation<\/span>\r\n\t        <i><\/i>\r\n\t        <\/h3>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fb8875 elementor-widget elementor-widget-ct_text_editor\" data-id=\"3fb8875\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-3fb8875\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tOur Smart Meters deliver accurate, real-time information on energy consumption, empowering consumers to monitor and manage their usage more effectively. \t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3abf2fb elementor-widget elementor-widget-ct_title\" data-id=\"3abf2fb\" data-element_type=\"widget\" data-widget_type=\"ct_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct-title1 style4\">\r\n    <h3>\r\n    \t\t        <span>24\/7 Support<\/span>\r\n\t        <i><\/i>\r\n\t        <\/h3>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94e019d elementor-widget elementor-widget-ct_text_editor\" data-id=\"94e019d\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-94e019d\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tWhether it&#8217;s a question about your prepaid vending machine, help with your smart meter, or support with credit control, our dedicated team is here for you around the clock\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<div class=\"elementor-element elementor-element-6d91fa2 elementor-widget elementor-widget-ct_particle_animate\" data-id=\"6d91fa2\" data-element_type=\"widget\" data-widget_type=\"ct_particle_animate.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"ct-particle-animate  hide-md\">\r\n\t\t\t\t    <div id=\"ct_particle_animate-6d91fa20\" class=\"shape-top-bottom  ct-type-img \"  data-wow-delay=\"ms\" >\r\n\t\t    \t<div class=\"ct-inline-css\"  data-css=\"\r\n\t\t            .ct-particle-animate #ct_particle_animate-6d91fa20 {\r\n\t\t                left: -375px;\r\n\t\t                top: -90px;\r\n\t\t            }\">\r\n\t\t        <\/div>\r\n\t\t    \t<img decoding=\"async\" width=\"277\" height=\"590\" src=\"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2021\/11\/h4-shape5.png\" class=\"attachment-full\" alt=\"\" \/>\t\t\r\n\t\t    <\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-ecc0ae7 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"ecc0ae7\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d2a5233\" data-id=\"d2a5233\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap\">\n                    \n                    <\/div>\n        <\/div>\n                <div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2830842 col-offset-right\" data-id=\"2830842\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    <div class=\"elementor-background-overlay\"><\/div>\n                    \n        \t\t<div class=\"elementor-element elementor-element-f69393a elementor-widget elementor-widget-spacer\" data-id=\"f69393a\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b150724 color-gradient-from elementor-widget elementor-widget-ct_text_editor\" data-id=\"b150724\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-b150724\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tLike What We Offer\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85ec5d8 elementor-widget elementor-widget-ct_heading\" data-id=\"85ec5d8\" data-element_type=\"widget\" data-widget_type=\"ct_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_heading-85ec5d8\" class=\"ct-heading h-align- sub-style1 ct-heading-left item-st-default\">\r\n\t<div class=\"ct-item--inner\">\r\n        <div class=\"ct-inline-css\"  data-css=\"\r\n            \">\r\n        <\/div>\r\n                <h3 class=\"item--title st-default case-animate-time\" data-wow-delay=\"ms\">\r\n                        <span class=\"sp-main\">\r\n                \r\n                DO BUSINESS<br \/>\nWITH US!\r\n                \r\n                            <\/span>\r\n                    <\/h3>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1807de elementor-widget elementor-widget-ct_text_editor\" data-id=\"c1807de\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-c1807de\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tIn order to acquire our services please kindly send us your inquiry of interest. We shall revert back\nimmediately.\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b45003 elementor-align-left elementor-widget elementor-widget-ct_button\" data-id=\"5b45003\" data-element_type=\"widget\" data-widget_type=\"ct_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_button-5b45003\" class=\"ct-button-wrapper ct-button-layout1 icon-right btn--inline \">\r\n    <div class=\"ct-inline-css\"  data-css=\"\r\n        \">\r\n    <\/div>\r\n            <span class=\"ct-icon-active\"><\/span>\r\n        <a href=\"https:\/\/mblsmart.co.za\/index.php\/contact\/\" class=\"btn btn-default icon-active btn-inline-block  \" data-wow-delay=\"ms\">\r\n                            <span class=\"ct-button-icon ct-align-icon-right\">\r\n                <i aria-hidden=\"true\" class=\"fas fa-angle-right\"><\/i>            <\/span>\r\n                <span class=\"ct-button-text\">Contact us<\/span>\r\n    <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c57772b elementor-widget elementor-widget-spacer\" data-id=\"c57772b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-51374aec elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"51374aec\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-extended \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7b2ac42f\" data-id=\"7b2ac42f\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-f55597c elementor-widget elementor-widget-ct_heading\" data-id=\"f55597c\" data-element_type=\"widget\" data-widget_type=\"ct_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_heading-f55597c\" class=\"ct-heading h-align-center sub-style1 ct-heading-left item-st-default\">\r\n\t<div class=\"ct-item--inner\">\r\n        <div class=\"ct-inline-css\"  data-css=\"\r\n            \">\r\n        <\/div>\r\n            \t\t<div class=\"item--sub-title style1 hide-line\">\r\n                                                Contact                                                            <\/div>\r\n    \t        <h3 class=\"item--title st-default case-animate-time\" data-wow-delay=\"ms\">\r\n                        <span class=\"sp-main\">\r\n                \r\n                <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">Questions?<\/span><\/span> <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">Talk<\/span><\/span> <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">with<\/span><\/span> <span class=\"slide-in-container\"><span class=\"d-inline-block wow case-fade-in-up\">us!<\/span><\/span>\r\n                \r\n                            <\/span>\r\n                    <\/h3>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t        <section class=\"elementor-section elementor-inner-section elementor-element elementor-element-654289c4 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"654289c4\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-extended \">\n                    <div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5dd0c8b1\" data-id=\"5dd0c8b1\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-4944965a elementor-widget elementor-widget-ct_text_editor\" data-id=\"4944965a\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-4944965a\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tOpen Hours: \t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f42be0 elementor-widget elementor-widget-ct_text_editor\" data-id=\"5f42be0\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-5f42be0\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tMon &#8211; Sat: 8 am &#8211; 5 pm,<br \/>\nSunday: CLOSED\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16efe637 elementor-widget elementor-widget-ct_icon\" data-id=\"16efe637\" data-element_type=\"widget\" data-widget_type=\"ct_icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"ct-icon1 style3 \" data-wow-delay=\"ms\">\r\n                                    <a href=\"#\">\r\n                    <i aria-hidden=\"true\" class=\"fab fa-facebook-f\"><\/i>                                    <\/a>\r\n                                                <a href=\"#\">\r\n                    <i aria-hidden=\"true\" class=\"fab fa-twitter\"><\/i>                                    <\/a>\r\n                                                <a href=\"#\">\r\n                    <i aria-hidden=\"true\" class=\"material zmdi zmdi-instagram\"><\/i>                                    <\/a>\r\n                        <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                <div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-71a60be0\" data-id=\"71a60be0\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-c08b809 elementor-widget elementor-widget-ct_text_editor\" data-id=\"c08b809\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-c08b809\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tLEAVE YOUR MESSAGE\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bc9eed7 elementor-widget elementor-widget-ct_ctf7\" data-id=\"5bc9eed7\" data-element_type=\"widget\" data-widget_type=\"ct_ctf7.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"ct-contact-form-layout1 style16 \">\r\n                <div class=\"ct-contact-form-inner\">\r\n        \t            <div class=\"ct-contact-form\">\r\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f5149-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"5149\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/5652#wpcf7-f5149-o1\" method=\"post\" class=\"wpcf7-form init cf7mls-no-scroll cf7mls-auto-return-first-step cf7mls-no-moving-animation\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"5149\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f5149-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"input-filled\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Type your message...\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n<\/div>\n<div class=\"input-filled\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your name*\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"input-filled\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your mail*\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"input-filled\">\n\t<p><button type=\"submit\" class=\"wpcf7-submit btn btn-block\">Send message<\/button>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n            <\/div>\r\n        <\/div>\r\n            <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-756c3715 elementor-widget elementor-widget-ct_text_editor\" data-id=\"756c3715\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-756c3715\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-item--inner\">\n\t\t<div class=\"ct-inline-css\"  data-css=\"\n\t        \t\t\t\">\n\n\t    <\/div>\n\t\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t\tWe usually respond in less than 30 minutes.\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                    <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        <div class=\"elementor-element elementor-element-52e233a e-flex e-con-boxed e-con e-parent\" data-id=\"52e233a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b35c8f elementor-widget elementor-widget-html\" data-id=\"9b35c8f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     MBL Smart Solutions \u2013 10 Years animated banner\n     Paste everything below into an Elementor \"HTML\" widget.\n     All styles are scoped under .mbl10 so they won't affect the rest of the site.\n     ============================================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes&family=Montserrat:wght@500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n.mbl10{\n  --orange:#F26522; --orange-dk:#D94E10; --gold-1:#FFF1B8; --gold-2:#F4C542;\n  --gold-3:#C9901E; --gold-4:#8A5A12; --ink:#1F2937; --bar:#2B2F36;\n  container-type:inline-size; position:relative; max-width:1200px; margin:0 auto;\n  font-family:'Montserrat',system-ui,sans-serif; color:var(--ink); box-sizing:border-box;\n}\n.mbl10 *,.mbl10 *::before,.mbl10 *::after{box-sizing:border-box;margin:0;padding:0}\n.mbl10 .card{position:relative;aspect-ratio:1200\/560;border-radius:2.4cqw;overflow:hidden;\n  background:#fff;box-shadow:0 1.5cqw 4cqw rgba(60,40,10,.18);opacity:0}\n.mbl10.play .card{animation:m-in .6s ease-out forwards}\n\n\/* ---------- left scene ---------- *\/\n.mbl10 .scene{position:absolute;left:0;top:0;width:44%;height:78%;overflow:hidden;\n  -webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}\n.mbl10 .sky{position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,#fff 24%,#FFE2B0 42%,#FDB35A 62%,#F58A3A 78%,#6B5B7B 100%)}\n.mbl10 .sun{position:absolute;left:52%;top:78%;width:14cqw;height:14cqw;border-radius:50%;\n  background:radial-gradient(circle,#FFF8D6 0%,#FFD670 30%,rgba(255,170,60,.55) 55%,transparent 72%);transform:translate(-50%,-50%)}\n.mbl10.play .sun{animation:m-rise 2.2s cubic-bezier(.2,.7,.2,1) forwards, m-pulse 4s 2.2s ease-in-out infinite}\n.mbl10 .skyline{position:absolute;left:0;bottom:0;width:100%;height:auto}\n.mbl10 .meter{position:absolute;left:30%;bottom:5%;width:9.5cqw;height:auto;filter:drop-shadow(0 .6cqw 1cqw rgba(0,0,0,.35));opacity:0}\n.mbl10.play .meter{animation:m-slideR .8s .5s ease-out forwards}\n\n.mbl10 .logo{position:absolute;left:4%;top:5%;width:22%;opacity:0;z-index:3}\n.mbl10.play .logo{animation:m-down .7s .25s ease-out forwards}\n.mbl10 .logo img{width:100%;display:block}\n.mbl10 .logo .txt{display:none;font-weight:900;font-size:6cqw;letter-spacing:-.2cqw;color:var(--orange);line-height:.9}\n.mbl10 .logo .txt small{display:block;font-size:1.9cqw;font-weight:600;color:var(--ink);letter-spacing:0}\n.mbl10 .tag{font-size:1cqw;font-weight:700;color:var(--ink);letter-spacing:.08cqw;margin-top:.5cqw;white-space:nowrap}\n\n\/* ---------- centre: the 10 ---------- *\/\n.mbl10 .ten{position:absolute;left:30%;top:6%;width:34%;height:74%;display:flex;flex-direction:column;align-items:center;justify-content:center}\n.mbl10 .num{position:relative;display:flex;align-items:center;line-height:.8;opacity:0;transform:translateY(4cqw) scale(.6)}\n.mbl10.play .num{animation:m-pop 1s .6s cubic-bezier(.3,1.6,.5,1) forwards}\n.mbl10 .num .one,.mbl10 .num .zero{font-weight:900;font-size:26cqw;letter-spacing:-1.5cqw;\n  background:linear-gradient(160deg,var(--gold-1) 5%,var(--gold-2) 30%,var(--gold-3) 55%,var(--gold-2) 72%,var(--gold-4) 100%);\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n  filter:drop-shadow(.4cqw .6cqw 0 rgba(120,75,10,.45)) drop-shadow(0 1cqw 1.5cqw rgba(0,0,0,.2))}\n.mbl10 .num .zero{position:relative}\n.mbl10 .disc{position:absolute;left:50%;top:50%;width:9.5cqw;height:9.5cqw;transform:translate(-44%,-50%);border-radius:50%;\n  background:radial-gradient(circle at 35% 30%,#4A4F58,#16181C 70%);border:.35cqw solid #E7B94A;\n  display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;letter-spacing:0;line-height:1.1;box-shadow:inset 0 0 1.2cqw rgba(0,0,0,.6)}\n.mbl10 .disc b{font-weight:900;font-size:2.8cqw;color:var(--orange);letter-spacing:-.1cqw;line-height:1}\n.mbl10 .disc span{font-size:.95cqw;font-weight:600;letter-spacing:0;white-space:nowrap}\n.mbl10 .shine{position:absolute;inset:0;pointer-events:none;overflow:hidden;\n  -webkit-mask:linear-gradient(#000,#000);mask:linear-gradient(#000,#000)}\n.mbl10 .shine::after{content:\"\";position:absolute;top:-20%;left:-60%;width:30%;height:140%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg)}\n.mbl10.play .shine::after{animation:m-shine 5s 1.8s ease-in-out infinite}\n\n.mbl10 .ribbon{position:relative;margin-top:-3.2cqw;width:24cqw;height:5.4cqw;clip-path:inset(0 50% 0 50%)}\n.mbl10.play .ribbon{animation:m-unfurl .9s 1.2s cubic-bezier(.2,.8,.2,1) forwards}\n.mbl10 .ribbon svg{width:100%;height:100%;display:block}\n\n\/* ---------- right copy ---------- *\/\n.mbl10 .copy{position:absolute;right:3.5%;top:20%;width:34%;text-align:center}\n.mbl10 .copy > *{opacity:0;transform:translateY(1.2cqw)}\n.mbl10.play .copy > *{animation:m-up .7s ease-out forwards}\n.mbl10.play .copy > :nth-child(1){animation-delay:1.3s}\n.mbl10.play .copy > :nth-child(2){animation-delay:1.5s}\n.mbl10.play .copy > :nth-child(3){animation-delay:1.7s}\n.mbl10.play .copy > :nth-child(4){animation-delay:1.9s}\n.mbl10 .h1{font-weight:900;font-size:3.3cqw;line-height:1.02;color:var(--orange);letter-spacing:-.05cqw}\n.mbl10 .script{font-family:'Great Vibes',cursive;font-size:4.6cqw;white-space:nowrap;line-height:1.1;color:var(--ink);margin-top:.4cqw}\n.mbl10 .script em{font-style:normal;background:linear-gradient(180deg,var(--gold-2),var(--gold-4));-webkit-background-clip:text;background-clip:text;color:transparent}\n.mbl10 .h2{font-weight:800;font-size:1.55cqw;line-height:1.3;color:var(--ink);letter-spacing:.05cqw;margin-top:.6cqw}\n.mbl10 .body{font-size:1.15cqw;line-height:1.5;font-weight:500;color:#4B5563;margin:.9cqw auto 0;max-width:28cqw}\n\n\/* ---------- seal ---------- *\/\n.mbl10 .seal{position:absolute;right:-1.4cqw;top:-1.4cqw;width:11cqw;height:11cqw;opacity:0;transform:scale(.3) rotate(-40deg)}\n.mbl10.play .seal{animation:m-seal .9s 2s cubic-bezier(.3,1.5,.5,1) forwards}\n.mbl10 .seal svg{width:100%;height:100%;display:block}\n.mbl10.play .seal .ring{transform-origin:50% 50%;animation:m-spin 18s linear infinite}\n\n\/* ---------- script accent + service bar ---------- *\/\n.mbl10 .ptb{position:absolute;left:3.5%;bottom:24%;font-family:'Great Vibes',cursive;color:#fff;font-size:2.3cqw;line-height:1;\n  text-shadow:0 .2cqw .6cqw rgba(0,0,0,.45);opacity:0}\n.mbl10.play .ptb{animation:m-up .8s 1.6s ease-out forwards}\n.mbl10 .ptb span:nth-child(2){margin-left:4cqw}\n.mbl10 .ptb span:nth-child(3){margin-left:8cqw}\n\n.mbl10 .bar{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,#3A3F47,var(--bar));\n  display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 3cqw;\n  clip-path:polygon(0 18%,34% 18%,38% 0,100% 0,100% 100%,0 100%)}\n.mbl10 .svc{display:flex;align-items:center;gap:1.2cqw;padding:0 1.5cqw;color:#fff;opacity:0;transform:translateY(2cqw)}\n.mbl10 .svc + .svc{border-left:1px solid rgba(255,255,255,.18)}\n.mbl10.play .svc{animation:m-up .6s ease-out forwards}\n.mbl10.play .svc:nth-child(1){animation-delay:2.1s}\n.mbl10.play .svc:nth-child(2){animation-delay:2.25s}\n.mbl10.play .svc:nth-child(3){animation-delay:2.4s}\n.mbl10.play .svc:nth-child(4){animation-delay:2.55s}\n.mbl10 .ico{flex:none;width:5.2cqw;height:5.2cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FF8A45,var(--orange-dk));\n  display:grid;place-items:center;box-shadow:0 0 0 .35cqw rgba(242,101,34,.25)}\n.mbl10 .ico svg{width:55%;height:55%}\n.mbl10 .svc b{font-weight:800;font-size:1.35cqw;line-height:1.15;text-transform:uppercase}\n\n.mbl10 canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}\n\n\n\/* ---------- 3D balloons ---------- *\/\n.mbl10 .ten,.mbl10 .copy{z-index:2}\n.mbl10 .bar{z-index:3}\n.mbl10 .balloons{position:absolute;inset:0;pointer-events:none;z-index:1}\n.mbl10 .balloons.front{z-index:4}\n.mbl10 .bl{position:absolute;left:var(--x);top:var(--y);width:calc(var(--s) * 1cqw);\n  transform:translate3d(calc(var(--px,0) * var(--d) * 1cqw),calc(var(--py,0) * var(--d) * 1cqw),0);transition:transform .8s cubic-bezier(.2,.7,.2,1)}\n.mbl10 .bl.far{filter:blur(.12cqw) saturate(.85);opacity:.85}\n.mbl10 .bl .rise{opacity:0;transform:translateY(60cqw) scale(.7)}\n.mbl10.play .bl .rise{animation:m-rise-b 2.4s var(--dl) cubic-bezier(.15,.7,.25,1) forwards}\n.mbl10 .bl .bob{animation:m-bob var(--bt) ease-in-out infinite alternate;transform-origin:50% 100%}\n.mbl10 .bl svg{width:100%;height:auto;display:block;overflow:visible;\n  filter:drop-shadow(-.4cqw 1.2cqw 1.2cqw rgba(60,30,0,.22))}\n.mbl10 .bl .str{transform-origin:50px 116px;animation:m-sway calc(var(--bt) * .8) ease-in-out infinite alternate}\n@keyframes m-rise-b{to{opacity:1;transform:none}}\n@keyframes m-bob{0%{transform:translateY(0) rotate(-4deg)}100%{transform:translateY(-1.6cqw) rotate(4deg)}}\n@keyframes m-sway{0%{transform:rotate(-7deg)}100%{transform:rotate(7deg)}}\n@container (max-width:700px){\n  .mbl10 .bl{left:var(--mx,-50%);top:var(--my,0);width:calc(var(--s) * 1.9cqw)}\n  .mbl10 .bl:not([style*=\"--mx\"]){display:none}\n}\n\n\/* ---------- keyframes ---------- *\/\n@keyframes m-in{to{opacity:1}}\n@keyframes m-rise{from{top:95%;opacity:.3}to{top:66%;opacity:1}}\n@keyframes m-pulse{50%{transform:translate(-50%,-50%) scale(1.12)}}\n@keyframes m-slideR{from{opacity:0;transform:translateX(-3cqw)}to{opacity:1;transform:none}}\n@keyframes m-down{from{opacity:0;transform:translateY(-2cqw)}to{opacity:1;transform:none}}\n@keyframes m-pop{to{opacity:1;transform:none}}\n@keyframes m-shine{0%{left:-60%}35%,100%{left:130%}}\n@keyframes m-unfurl{to{clip-path:inset(0 0 0 0)}}\n@keyframes m-up{to{opacity:1;transform:none}}\n@keyframes m-seal{to{opacity:1;transform:none}}\n@keyframes m-spin{to{transform:rotate(360deg)}}\n\n\/* ---------- phones \/ narrow columns ---------- *\/\n@container (max-width:700px){\n  .mbl10 .card{aspect-ratio:auto;border-radius:5cqw;display:flex;flex-direction:column;padding-bottom:4cqw}\n  .mbl10 .scene{position:relative;width:100%;height:62cqw;-webkit-mask-image:none;mask-image:none}\n  .mbl10 .logo{width:44%;top:6%}\n  .mbl10 .tag{font-size:2.2cqw}\n  .mbl10 .meter{width:17cqw;left:auto;right:8%;bottom:6%}\n  .mbl10 .ptb{display:none}\n  .mbl10 .ten{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:-8cqw;z-index:2}\n  .mbl10 .num .one,.mbl10 .num .zero{font-size:52cqw;letter-spacing:-3cqw}\n  .mbl10 .disc{width:19cqw;height:19cqw;border-width:.8cqw}\n  .mbl10 .disc b{font-size:5.6cqw}.mbl10 .disc span{font-size:2cqw}\n  .mbl10 .ribbon{width:50cqw;height:11cqw;margin-top:-6cqw}\n  .mbl10 .copy{position:relative;right:auto;top:auto;width:100%;padding:4cqw 6cqw 0}\n  .mbl10 .h1{font-size:8cqw}.mbl10 .script{font-size:11cqw}.mbl10 .h2{font-size:3.4cqw}\n  .mbl10 .body{font-size:3.4cqw;max-width:none}\n  .mbl10 .seal{width:24cqw;height:24cqw;right:-2cqw;top:-2cqw}\n  .mbl10 .bar{position:relative;height:auto;margin:5cqw 4cqw 0;border-radius:4cqw;clip-path:none;grid-template-columns:1fr 1fr;padding:3cqw;gap:3cqw 0}\n  .mbl10 .svc{padding:0 2cqw;gap:2.5cqw}\n  .mbl10 .svc + .svc{border-left:0}\n  .mbl10 .ico{width:12cqw;height:12cqw}\n  .mbl10 .svc b{font-size:3.2cqw}\n}\n\n@media (prefers-reduced-motion:reduce){\n  .mbl10 .bl{transition:none}\n  .mbl10 *,.mbl10 .card{animation:none!important;opacity:1!important;transform:none!important;clip-path:none}\n  .mbl10 .sun{top:66%;transform:translate(-50%,-50%)!important}\n  .mbl10 .disc{transform:translate(-44%,-50%)!important}\n  .mbl10 .bar{clip-path:polygon(0 18%,34% 18%,38% 0,100% 0,100% 100%,0 100%)}\n  .mbl10 .shine::after{display:none}\n}\n<\/style>\n\n<section class=\"mbl10\" aria-label=\"MBL Smart Solutions celebrates 10 years\">\n <div class=\"card\">\n\n  <!-- Left: sunrise over the city with a smart meter -->\n  <div class=\"scene\" aria-hidden=\"true\">\n   <div class=\"sky\"><\/div>\n   <div class=\"sun\"><\/div>\n   <svg class=\"skyline\" viewBox=\"0 0 520 200\" preserveAspectRatio=\"xMidYMax slice\">\n    <path fill=\"#8B6A73\" opacity=\".55\" d=\"M0 120 Q80 70 170 105 T340 95 T520 110 V200 H0Z\"\/>\n    <path fill=\"#4E3F52\" d=\"M0 200V150h18v-22h14v22h10v-40h22v40h8v-28h16v28h12v-55h9v-10h8v10h9v55h10v-34h20v34h10v-18h14v18h8v-48h26v48h10v-30h12v-12h6v12h12v30h14v-22h18v22h10v-62h8v-8h10v8h8v62h12v-26h20v26h14v-40h16v40h10v-20h24v20h12v-32h18v32h10V200Z\"\/>\n    <path fill=\"#2E2533\" d=\"M0 200v-26h40v10h30v-16h36v22h50v-12h60v14h40v-20h50v18h40v-10h70v14h40v-8h64V200Z\"\/>\n   <\/svg>\n   <svg class=\"meter\" viewBox=\"0 0 120 170\">\n    <defs><linearGradient id=\"mblMet\" x1=\"0\" x2=\"1\"><stop offset=\"0\" stop-color=\"#EEF1F4\"\/><stop offset=\".6\" stop-color=\"#C9CFD6\"\/><stop offset=\"1\" stop-color=\"#9AA3AD\"\/><\/linearGradient><\/defs>\n    <rect x=\"6\" y=\"6\" width=\"108\" height=\"158\" rx=\"12\" fill=\"url(#mblMet)\" stroke=\"#7D8792\" stroke-width=\"2\"\/>\n    <rect x=\"18\" y=\"22\" width=\"84\" height=\"38\" rx=\"5\" fill=\"#1B2A22\"\/>\n    <text id=\"mblLcd\" x=\"60\" y=\"49\" text-anchor=\"middle\" font-family=\"Courier New,monospace\" font-weight=\"700\" font-size=\"22\" fill=\"#7CFFB2\">2016<\/text>\n    <text x=\"96\" y=\"57\" text-anchor=\"end\" font-family=\"Montserrat,sans-serif\" font-size=\"6\" fill=\"#7CFFB2\" opacity=\".8\">kWh<\/text>\n    <g fill=\"#5E6873\"><circle cx=\"34\" cy=\"82\" r=\"6\"\/><circle cx=\"60\" cy=\"82\" r=\"6\"\/><circle cx=\"86\" cy=\"82\" r=\"6\"\/>\n     <circle cx=\"34\" cy=\"102\" r=\"6\"\/><circle cx=\"60\" cy=\"102\" r=\"6\"\/><circle cx=\"86\" cy=\"102\" r=\"6\"\/>\n     <circle cx=\"34\" cy=\"122\" r=\"6\"\/><circle cx=\"60\" cy=\"122\" r=\"6\"\/><circle cx=\"86\" cy=\"122\" r=\"6\"\/><\/g>\n    <circle cx=\"24\" cy=\"148\" r=\"3.5\" fill=\"#F26522\"><animate attributeName=\"opacity\" values=\"1;.2;1\" dur=\"1.2s\" repeatCount=\"indefinite\"\/><\/circle>\n    <rect x=\"40\" y=\"143\" width=\"62\" height=\"10\" rx=\"2\" fill=\"#A7B0B9\"\/>\n   <\/svg>\n  <\/div>\n\n  <div class=\"logo\">\n   <img decoding=\"async\" src=\"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/05\/mbllogo.png\" alt=\"MBL Smart Solutions\"\n        onerror=\"this.style.display='none';this.nextElementSibling.style.display='block'\">\n   <div class=\"txt\">MBL<small>smart solutions<\/small><\/div>\n   <p class=\"tag\">SMARTER TECHNOLOGY. BRIGHTER COMMUNITIES.<\/p>\n  <\/div>\n\n  <p class=\"ptb\" aria-hidden=\"true\"><span>People<\/span><br><span>Technology<\/span><br><span>Better Tomorrow<\/span><\/p>\n\n  <!-- Centre: gold 10 with ribbon -->\n  <div class=\"ten\" aria-hidden=\"true\">\n   <div class=\"num\">\n    <span class=\"one\">1<\/span><span class=\"zero\">0<span class=\"disc\"><b>MBL<\/b><span>smart solutions<\/span><\/span><\/span>\n    <span class=\"shine\"><\/span>\n   <\/div>\n   <div class=\"ribbon\">\n    <svg viewBox=\"0 0 240 54\">\n     <defs><linearGradient id=\"mblRib\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#FFE9A0\"\/><stop offset=\".45\" stop-color=\"#E4AE3A\"\/><stop offset=\"1\" stop-color=\"#9C6814\"\/><\/linearGradient><\/defs>\n     <path d=\"M4 14 L30 14 L30 48 L4 48 L14 31Z\" fill=\"#A87418\"\/>\n     <path d=\"M236 14 L210 14 L210 48 L236 48 L226 31Z\" fill=\"#A87418\"\/>\n     <path d=\"M22 6 Q120 -4 218 6 L218 42 Q120 32 22 42Z\" fill=\"url(#mblRib)\" stroke=\"#8A5A12\" stroke-width=\"1\"\/>\n     <text x=\"120\" y=\"31\" text-anchor=\"middle\" font-family=\"Montserrat,sans-serif\" font-weight=\"900\" font-size=\"20\" letter-spacing=\"4\" fill=\"#3A2A0A\">YEARS<\/text>\n    <\/svg>\n   <\/div>\n  <\/div>\n\n  <!-- Right: message -->\n  <div class=\"copy\">\n   <h2 class=\"h1\">SMART METERING<br>FOR ALL<\/h2>\n   <p class=\"script\">Celebrating <em>10<\/em> years<\/p>\n   <p class=\"h2\">OF INNOVATION, PARTNERSHIP<br>AND IMPACT<\/p>\n   <p class=\"body\">From smart metering to digital solutions, we've grown together with our clients, communities and partners for the past 10 years \u2014 and we're just getting started!<\/p>\n  <\/div>\n\n  <!-- Seal -->\n  <div class=\"seal\" aria-hidden=\"true\">\n   <svg viewBox=\"0 0 200 200\">\n    <defs><radialGradient id=\"mblSeal\" cx=\"38%\" cy=\"32%\" r=\"75%\"><stop offset=\"0\" stop-color=\"#FFF4C4\"\/><stop offset=\".45\" stop-color=\"#EDBE4E\"\/><stop offset=\"1\" stop-color=\"#9C6814\"\/><\/radialGradient><\/defs>\n    <circle cx=\"100\" cy=\"100\" r=\"92\" fill=\"url(#mblSeal)\"\/>\n    <circle class=\"ring\" cx=\"100\" cy=\"100\" r=\"80\" fill=\"none\" stroke=\"#8A5A12\" stroke-width=\"2\" stroke-dasharray=\"3 6\"\/>\n    <circle cx=\"100\" cy=\"100\" r=\"70\" fill=\"none\" stroke=\"#FFF1B8\" stroke-width=\"1.5\" opacity=\".7\"\/>\n    <text x=\"100\" y=\"112\" text-anchor=\"middle\" font-family=\"Montserrat,sans-serif\" font-weight=\"900\" font-size=\"62\" fill=\"#1F2937\">10<\/text>\n    <text x=\"100\" y=\"138\" text-anchor=\"middle\" font-family=\"Montserrat,sans-serif\" font-weight=\"600\" font-size=\"15\" letter-spacing=\"4\" fill=\"#1F2937\">YEARS<\/text>\n   <\/svg>\n  <\/div>\n\n  <!-- Services -->\n  <div class=\"bar\">\n   <div class=\"svc\"><span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2.5\" width=\"14\" height=\"19\" rx=\"2\"\/><rect x=\"8\" y=\"5.5\" width=\"8\" height=\"4\" rx=\".5\"\/><path d=\"M8.5 13h1M11.5 13h1M14.5 13h1M8.5 16h1M11.5 16h1M14.5 16h1\"\/><\/svg><\/span><b>Prepaid<br>vending system<\/b><\/div>\n   <div class=\"svc\"><span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 13l4-4 3 1 3-3 3 1\"\/><path d=\"M7 14l3 3c.6.6 1.4.6 2 0l6-6-3-3\"\/><circle cx=\"17\" cy=\"5\" r=\"2.5\"\/><path d=\"M17 3.8v2.4\"\/><\/svg><\/span><b>Debt<br>collection<\/b><\/div>\n   <div class=\"svc\"><span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2.5\"\/><path d=\"M8 8a5.5 5.5 0 0 0 0 8M16 8a5.5 5.5 0 0 1 0 8M5 5a10 10 0 0 0 0 14M19 5a10 10 0 0 1 0 14\"\/><\/svg><\/span><b>AMR<br>system<\/b><\/div>\n   <div class=\"svc\"><span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"3.5\" width=\"13\" height=\"17\" rx=\"1.5\"\/><path d=\"M7.5 8h6M7.5 11.5h4\"\/><circle cx=\"16\" cy=\"16\" r=\"3.5\"\/><path d=\"M18.5 18.5 21 21\"\/><\/svg><\/span><b>Meter<br>audit<\/b><\/div>\n  <\/div>\n\n  <div class=\"balloons back\" aria-hidden=\"true\"><\/div>\n  <div class=\"balloons front\" aria-hidden=\"true\"><\/div>\n\n  <canvas aria-hidden=\"true\"><\/canvas>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n  var root=document.currentScript.previousElementSibling;\n  while(root && !(root.classList && root.classList.contains('mbl10'))) root=root.previousElementSibling;\n  if(!root) return;\n  var reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var lcd=root.querySelector('#mblLcd'), canvas=root.querySelector('canvas'), ctx=canvas.getContext('2d');\n  var started=false, pieces=[], W=0, H=0, dpr=Math.min(window.devicePixelRatio||1,2);\n  var colors=['#F4C542','#E4AE3A','#FFE9A0','#F26522','#C9901E','#ffffff'];\n\n  function size(){var r=canvas.getBoundingClientRect();W=r.width;H=r.height;canvas.width=W*dpr;canvas.height=H*dpr;ctx.setTransform(dpr,0,0,dpr,0,0);}\n  function piece(burst){\n    return {x:burst?W*0.47+(Math.random()-.5)*W*.2:Math.random()*W, y:burst?H*.35:-10,\n      vx:burst?(Math.random()-.5)*9:(Math.random()-.5)*.6, vy:burst?-Math.random()*8-2:Math.random()*1+.6,\n      w:Math.random()*6+4, h:Math.random()*10+5, r:Math.random()*6.28, vr:(Math.random()-.5)*.25,\n      c:colors[Math.random()*colors.length|0], life:1};\n  }\n  function tick(){\n    ctx.clearRect(0,0,W,H);\n    if(pieces.length<45 && Math.random()<.35) pieces.push(piece(false));\n    for(var i=pieces.length-1;i>=0;i--){\n      var p=pieces[i]; p.vy+=0.08; p.vy=Math.min(p.vy,2.2); p.vx*=.985; p.x+=p.vx; p.y+=p.vy; p.r+=p.vr;\n      if(p.y>H+20){pieces.splice(i,1);continue;}\n      ctx.save();ctx.translate(p.x,p.y);ctx.rotate(p.r);ctx.scale(1,Math.cos(p.r*2));\n      ctx.fillStyle=p.c;ctx.globalAlpha=.9;ctx.fillRect(-p.w\/2,-p.h\/2,p.w,p.h);ctx.restore();\n    }\n    requestAnimationFrame(tick);\n  }\n  function countYears(){\n    if(reduce){lcd.textContent='2026';return;}\n    var y=2016; var t=setInterval(function(){y++;lcd.textContent=y;if(y>=2026)clearInterval(t);},160);\n  }\n\n  \/* ---- 3D balloons ---- *\/\n  var PAL={\n    gold:['#FFF7D1','#F6CF63','#D39A27','#7A4C0C'],\n    orange:['#FFD2B3','#FF7A33','#E0540F','#7E2604'],\n    pearl:['#FFFFFF','#F4F5F8','#CDD2DA','#7F8894'],\n    ink:['#9AA1AB','#4A5059','#262A30','#0C0E11']\n  };\n  \/\/  x,y = desktop position   mx,my = phone position (omit = hidden on phones)\n  \/\/  s = size, d = depth (parallax), layer: back\/front, far = soft focus\n  var LIST=[\n    {c:'gold',  x:'25%',y:'-4%', s:7.5,d:.6,dl:.9, bt:3.8,far:1},\n    {c:'orange',x:'24.5%',y:'27%', s:8.5,  d:1.2,dl:1.1,bt:4.4,mx:'2%', my:'27%'},\n    {c:'pearl', x:'35%',y:'-10%',s:6.5,d:.5,dl:1.3,bt:5.2,far:1},\n    {c:'gold',  x:'59%',y:'-6%', s:9.5,d:1.4,dl:1.0,bt:4.0,mx:'76%',my:'24%'},\n    {c:'ink',   x:'66%',y:'-14%',s:6,  d:.5,dl:1.5,bt:5.6,far:1},\n    {c:'orange',x:'95%',y:'30%', s:7,  d:2.2,dl:1.7,bt:4.6,front:1},\n    {c:'pearl', x:'-1%',y:'-6%', s:6.5,d:2,  dl:1.9,bt:4.9,front:1,mx:'82%',my:'40%'},\n    {c:'gold',  x:'45%',y:'54%', s:5.5,d:.4,dl:1.4,bt:5.0,far:1}\n  ];\n  function balloon(o,i){\n    var p=PAL[o.c], id='mblB'+i;\n    return '<div class=\"bl'+(o.far?' far':'')+'\" style=\"--x:'+o.x+';--y:'+o.y+';--s:'+o.s+';--d:'+o.d+';--dl:'+o.dl+'s;--bt:'+o.bt+'s'+\n      (o.mx?';--mx:'+o.mx+';--my:'+o.my:'')+'\"><div class=\"rise\"><div class=\"bob\" style=\"animation-delay:-'+(i*0.7)+'s\">'+\n      '<svg viewBox=\"0 0 100 170\"><defs>'+\n      '<radialGradient id=\"'+id+'b\" cx=\"36%\" cy=\"30%\" r=\"78%\" fx=\"30%\" fy=\"24%\">'+\n        '<stop offset=\"0\" stop-color=\"'+p[0]+'\"\/><stop offset=\".28\" stop-color=\"'+p[1]+'\"\/><stop offset=\".7\" stop-color=\"'+p[2]+'\"\/><stop offset=\"1\" stop-color=\"'+p[3]+'\"\/><\/radialGradient>'+\n      '<radialGradient id=\"'+id+'h\" cx=\"50%\" cy=\"50%\" r=\"50%\"><stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".95\"\/><stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\"0\"\/><\/radialGradient>'+\n      '<linearGradient id=\"'+id+'r\" x1=\"0\" x2=\"1\"><stop offset=\".6\" stop-color=\"#fff\" stop-opacity=\"0\"\/><stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".35\"\/><\/linearGradient>'+\n      '<\/defs>'+\n      '<path class=\"str\" d=\"M50 116 C 44 128, 58 138, 50 150 S 46 164, 52 172\" fill=\"none\" stroke=\"'+(o.c==='ink'?'#6B7280':'#B8892E')+'\" stroke-width=\"1.1\"\/>'+\n      '<path d=\"M50 4 C22 4 6 26 6 52 C6 82 30 104 46 110 L43 117 L57 117 L54 110 C70 104 94 82 94 52 C94 26 78 4 50 4Z\" fill=\"url(#'+id+'b)\"\/>'+\n      '<path d=\"M50 4 C22 4 6 26 6 52 C6 82 30 104 46 110 L54 110 C70 104 94 82 94 52 C94 26 78 4 50 4Z\" fill=\"url(#'+id+'r)\"\/>'+\n      '<ellipse cx=\"32\" cy=\"32\" rx=\"11\" ry=\"18\" transform=\"rotate(-28 32 32)\" fill=\"url(#'+id+'h)\"\/>'+\n      '<ellipse cx=\"28\" cy=\"27\" rx=\"3.2\" ry=\"5.5\" transform=\"rotate(-28 28 27)\" fill=\"#fff\" opacity=\".9\"\/>'+\n      '<path d=\"M74 84 C80 76 84 66 85 56\" fill=\"none\" stroke=\"#fff\" stroke-opacity=\".28\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>'+\n      '<path d=\"M43 117 L57 117 L55 112 L45 112Z\" fill=\"'+p[2]+'\"\/>'+\n      '<\/svg><\/div><\/div><\/div>';\n  }\n  var back=root.querySelector('.balloons.back'), front=root.querySelector('.balloons.front'), b='',f='';\n  LIST.forEach(function(o,i){ if(o.front) f+=balloon(o,i); else b+=balloon(o,i); });\n  back.innerHTML=b; front.innerHTML=f;\n  if(!reduce && window.matchMedia('(pointer:fine)').matches){\n    root.addEventListener('mousemove',function(e){\n      var r=root.getBoundingClientRect();\n      root.style.setProperty('--px',((e.clientX-r.left)\/r.width-.5).toFixed(3));\n      root.style.setProperty('--py',((e.clientY-r.top)\/r.height-.5).toFixed(3));\n    });\n    root.addEventListener('mouseleave',function(){root.style.setProperty('--px',0);root.style.setProperty('--py',0);});\n  }\n  function start(){\n    if(started) return; started=true; root.classList.add('play');\n    setTimeout(countYears,900);\n    if(reduce) return;\n    size(); window.addEventListener('resize',size);\n    setTimeout(function(){for(var i=0;i<110;i++)pieces.push(piece(true));},850);\n    tick();\n  }\n  if('IntersectionObserver' in window){\n    var io=new IntersectionObserver(function(e){if(e[0].isIntersecting){start();io.disconnect();}},{threshold:.3});\n    io.observe(root);\n  } else start();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\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>2026 kWh MBLsmart solutions SMARTER TECHNOLOGY. BRIGHTER COMMUNITIES. PeopleTechnologyBetter Tomorrow 10MBLsmart solutions YEARS SMART VENDINGFOR ALL Celebrating 10 years OF INNOVATION, PARTNERSHIPAND IMPACT From smart metering to digital solutions, we&#8217;ve grown together with our clients, communities and partners for the past 10 years \u2014 and we&#8217;re just getting started! 10 YEARS Prepaidvending system Debtcollection AMRsystem [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":8471,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5652","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Welcome to MBL Smart Solutions<\/title>\n<meta name=\"description\" content=\"MBL specializes in prepaid vending and large power users management as part of its core business. We provide energy-saving solutions\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mblsmart.co.za\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Welcome to MBL Smart Solutions\" \/>\n<meta property=\"og:description\" content=\"MBL specializes in prepaid vending and large power users management as part of its core business. We provide energy-saving solutions\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mblsmart.co.za\/\" \/>\n<meta property=\"og:site_name\" content=\"MBL\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-29T08:39:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mblsmart.co.za\/\",\"url\":\"https:\/\/mblsmart.co.za\/\",\"name\":\"Welcome to MBL Smart Solutions\",\"isPartOf\":{\"@id\":\"https:\/\/mblsmart.co.za\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mblsmart.co.za\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mblsmart.co.za\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-1.png\",\"datePublished\":\"2021-10-18T13:51:43+00:00\",\"dateModified\":\"2026-09-29T08:39:41+00:00\",\"description\":\"MBL specializes in prepaid vending and large power users management as part of its core business. We provide energy-saving solutions\",\"breadcrumb\":{\"@id\":\"https:\/\/mblsmart.co.za\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mblsmart.co.za\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mblsmart.co.za\/#primaryimage\",\"url\":\"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-1.png\",\"contentUrl\":\"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-1.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mblsmart.co.za\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mblsmart.co.za\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mblsmart.co.za\/#website\",\"url\":\"https:\/\/mblsmart.co.za\/\",\"name\":\"MBL Smart Solutions\",\"description\":\"Smart Solutions\",\"publisher\":{\"@id\":\"https:\/\/mblsmart.co.za\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mblsmart.co.za\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mblsmart.co.za\/#organization\",\"name\":\"MBL\",\"url\":\"https:\/\/mblsmart.co.za\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mblsmart.co.za\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-logo.png\",\"contentUrl\":\"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-logo.png\",\"width\":1200,\"height\":675,\"caption\":\"MBL\"},\"image\":{\"@id\":\"https:\/\/mblsmart.co.za\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Welcome to MBL Smart Solutions","description":"MBL specializes in prepaid vending and large power users management as part of its core business. We provide energy-saving solutions","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mblsmart.co.za\/","og_locale":"en_US","og_type":"article","og_title":"Welcome to MBL Smart Solutions","og_description":"MBL specializes in prepaid vending and large power users management as part of its core business. We provide energy-saving solutions","og_url":"https:\/\/mblsmart.co.za\/","og_site_name":"MBL","article_modified_time":"2026-09-29T08:39:41+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mblsmart.co.za\/","url":"https:\/\/mblsmart.co.za\/","name":"Welcome to MBL Smart Solutions","isPartOf":{"@id":"https:\/\/mblsmart.co.za\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mblsmart.co.za\/#primaryimage"},"image":{"@id":"https:\/\/mblsmart.co.za\/#primaryimage"},"thumbnailUrl":"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-1.png","datePublished":"2021-10-18T13:51:43+00:00","dateModified":"2026-09-29T08:39:41+00:00","description":"MBL specializes in prepaid vending and large power users management as part of its core business. We provide energy-saving solutions","breadcrumb":{"@id":"https:\/\/mblsmart.co.za\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mblsmart.co.za\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mblsmart.co.za\/#primaryimage","url":"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-1.png","contentUrl":"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-1.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/mblsmart.co.za\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mblsmart.co.za\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/mblsmart.co.za\/#website","url":"https:\/\/mblsmart.co.za\/","name":"MBL Smart Solutions","description":"Smart Solutions","publisher":{"@id":"https:\/\/mblsmart.co.za\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mblsmart.co.za\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mblsmart.co.za\/#organization","name":"MBL","url":"https:\/\/mblsmart.co.za\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mblsmart.co.za\/#\/schema\/logo\/image\/","url":"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-logo.png","contentUrl":"https:\/\/mblsmart.co.za\/wp-content\/uploads\/2025\/07\/social-media-logo.png","width":1200,"height":675,"caption":"MBL"},"image":{"@id":"https:\/\/mblsmart.co.za\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/mblsmart.co.za\/index.php\/wp-json\/wp\/v2\/pages\/5652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mblsmart.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mblsmart.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mblsmart.co.za\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mblsmart.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=5652"}],"version-history":[{"count":88,"href":"https:\/\/mblsmart.co.za\/index.php\/wp-json\/wp\/v2\/pages\/5652\/revisions"}],"predecessor-version":[{"id":8634,"href":"https:\/\/mblsmart.co.za\/index.php\/wp-json\/wp\/v2\/pages\/5652\/revisions\/8634"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mblsmart.co.za\/index.php\/wp-json\/wp\/v2\/media\/8471"}],"wp:attachment":[{"href":"https:\/\/mblsmart.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=5652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}