{"id":798,"date":"2026-05-31T05:54:56","date_gmt":"2026-05-31T05:54:56","guid":{"rendered":"https:\/\/mutualafricapay.com\/zw\/?page_id=798"},"modified":"2026-05-31T05:54:56","modified_gmt":"2026-05-31T05:54:56","slug":"people","status":"publish","type":"page","link":"https:\/\/mutualafricapay.com\/sz\/people\/","title":{"rendered":"People"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"798\" class=\"elementor elementor-798\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c8b157 e-con e-atomic-element e-flexbox-base e-7d15fd9 \" data-id=\"5c8b157\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5c8b157\">\n    \t\t<div class=\"elementor-element elementor-element-6eb6387 elementor-widget elementor-widget-html\" data-id=\"6eb6387\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=5.0\">\r\n<title>People &amp; Growth \u2014 Mutual Africa Pay Zimbabwe<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Space Grotesk', sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; }\r\n.sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; }\r\n.bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }\r\n.bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; }\r\n.bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); }\r\n.bg-glow { position: absolute; border-radius: 50%; }\r\n.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; }\r\n.edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; }\r\n.etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; }\r\n@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} }\r\n@keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }\r\n@keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-13px)} }\r\n@keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }\r\n@keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} }\r\n@keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n.btn-green { display: inline-flex; align-items: center; gap: 8px; background: #2E9E44; color: #FFFFFF; padding: 13px 28px; border-radius: 7px; font-size: .92rem; font-weight: 600; text-decoration: none; transition: background 150ms, transform 150ms, box-shadow 150ms; }\r\n@media(hover:hover)and(pointer:fine){ .btn-green:hover { background: #38B850; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(46,158,68,.35); } }\r\n.btn-green:active { transform: scale(0.97) !important; }\r\n.btn-ghost { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #FFFFFF; padding: 13px 28px; border-radius: 7px; font-size: .92rem; font-weight: 500; text-decoration: none; border: 1px solid rgba(255,255,255,0.15); transition: border-color 150ms, background 150ms, transform 150ms; }\r\n@media(hover:hover)and(pointer:fine){ .btn-ghost:hover { border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.05); transform: translateY(-1px); } }\r\n.btn-ghost:active { transform: scale(0.97) !important; }\r\n#s-hero { background: #07091A; min-height: 58vh; display: flex; align-items: center; }\r\n.hero-inner { position: relative; z-index: 2; max-width: 800px; animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.hero-cat { display: inline-flex; align-items: center; gap: 10px; background: rgba(46,158,68,0.1); border: 1px solid rgba(46,158,68,0.25); border-radius: 6px; padding: 8px 16px; margin-bottom: 28px; }\r\n.hero-cat-ico { font-size: 1.1rem; }\r\n.hero-cat-lbl { font-size: 0.78rem; font-weight: 600; color: #2E9E44; letter-spacing: 0.06em; text-transform: uppercase; }\r\n.hero-inner h1 { font-size: clamp(2.6rem,5.5vw,4.8rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1.05; color: #FFFFFF; margin-bottom: 24px; }\r\n.hero-inner h1 span { color: #2E9E44; }\r\n.hero-inner p { font-size: 1.05rem; font-weight: 400; color: #FFFFFF; line-height: 1.74; max-width: 620px; margin-bottom: 40px; }\r\n.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 56px; }\r\n.hero-pills { display: flex; flex-wrap: wrap; gap: 8px; }\r\n.pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04); font-size: 0.78rem; font-weight: 500; color: #FFFFFF; }\r\n.pill-dot { width: 5px; height: 5px; border-radius: 50%; background: #2E9E44; flex-shrink: 0; }\r\n#s-overview { background: #060810; }\r\n.overview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; position: relative; z-index: 2; animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.overview-left h2 { font-size: clamp(1.9rem,3vw,2.8rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.1; color: #FFFFFF; margin-bottom: 20px; }\r\n.overview-left p { font-size: 0.975rem; color: #FFFFFF; line-height: 1.74; margin-bottom: 16px; }\r\n.overview-right { display: flex; flex-direction: column; gap: 3px; }\r\n.ov-item { display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; background: linear-gradient(145deg,#0D1033,#090C22); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; transition: border-color 160ms, background 160ms; }\r\n@media(hover:hover)and(pointer:fine){ .ov-item:hover { border-color: rgba(46,158,68,0.35); background: linear-gradient(145deg,#111440,#0d1035); } }\r\n.ov-chk { width: 20px; height: 20px; border-radius: 50%; background: rgba(46,158,68,0.12); border: 1px solid rgba(46,158,68,0.32); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }\r\n.ov-chk svg { width: 9px; height: 9px; }\r\n.ov-item span { font-size: 0.9rem; font-weight: 500; color: #FFFFFF; line-height: 1.4; }\r\n#s-features { background: #07091A; }\r\n.feat-header { margin-bottom: 48px; position: relative; z-index: 2; animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.feat-header h2 { font-size: clamp(1.8rem,3vw,2.6rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.1; color: #FFFFFF; margin-bottom: 14px; }\r\n.feat-header p { font-size: 0.97rem; color: #FFFFFF; line-height: 1.7; max-width: 580px; }\r\n.fgrid3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; position: relative; z-index: 2; perspective: 1200px; }\r\n.fcard { background: linear-gradient(160deg,#0D1033,#090C22); border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; padding: 28px 24px 36px; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; transition: border-color 160ms cubic-bezier(0.23,1,0.32,1), box-shadow 240ms cubic-bezier(0.23,1,0.32,1); }\r\n.fcard.f1 { animation: fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both, float1 6s 0.5s ease-in-out infinite; }\r\n.fcard.f2 { animation: fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both, float2 7s 0.8s ease-in-out infinite; }\r\n.fcard.f3 { animation: fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both, float3 5.5s 0.3s ease-in-out infinite; }\r\n.fcard.f4 { animation: fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both, float4 8s 1s ease-in-out infinite; }\r\n.fcard.f5 { animation: fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both, float1 6.5s 0.6s ease-in-out infinite; }\r\n.fcard.f6 { animation: fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both, float2 7.5s 1.2s ease-in-out infinite; }\r\n.fcard.f7 { animation: fadeUp 0.5s 0.27s cubic-bezier(0.23,1,0.32,1) both, float3 5s 0.4s ease-in-out infinite; }\r\n.fcard.f8 { animation: fadeUp 0.5s 0.31s cubic-bezier(0.23,1,0.32,1) both, float4 6.8s 0.9s ease-in-out infinite; }\r\n.fcard::before { content:''; position:absolute; top:0; left:15%; right:15%; height:1px; background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent); opacity:0; transition:opacity 200ms; }\r\n.fcard::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%); opacity:0; transition:opacity 250ms; pointer-events:none; }\r\n@media(hover:hover)and(pointer:fine){ .fcard:hover { border-color:rgba(46,158,68,0.42); box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07); } .fcard:hover::before,.fcard:hover::after{opacity:1} .fcard:hover .farrow{opacity:1;transform:translate(0,0)} }\r\n.fcard:active { transform: scale(0.98) !important; }\r\n.fcard-ico { font-size: 1.6rem; margin-bottom: 16px; line-height: 1; position: relative; z-index: 1; }\r\n.fcard-title { font-size: 1rem; font-weight: 600; color: #FFFFFF; margin-bottom: 10px; line-height: 1.3; position: relative; z-index: 1; }\r\n.fcard-body { font-size: 0.835rem; font-weight: 400; color: #FFFFFF; line-height: 1.68; position: relative; z-index: 1; }\r\n.farrow { position:absolute; bottom:20px; right:20px; width:26px; height:26px; border-radius:50%; border:1px solid rgba(46,158,68,.38); display:flex; align-items:center; justify-content:center; opacity:0; transform:translate(-4px,4px); transition:opacity 180ms,transform 200ms cubic-bezier(0.23,1,0.32,1); z-index:1; }\r\n#s-why { background: #060810; }\r\n.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; position: relative; z-index: 2; }\r\n.why-card { padding: 36px 32px; background: linear-gradient(145deg,#0D1033,#090C22); border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; transition: border-color 160ms, box-shadow 220ms; }\r\n.why-card:nth-child(1){animation-delay:.04s} .why-card:nth-child(2){animation-delay:.09s} .why-card:nth-child(3){animation-delay:.14s} .why-card:nth-child(4){animation-delay:.19s}\r\n@media(hover:hover)and(pointer:fine){ .why-card:hover { border-color: rgba(46,158,68,0.35); box-shadow: 0 14px 36px rgba(0,0,0,.4); } }\r\n.why-n { font-size: 3.5rem; font-weight: 700; letter-spacing: -0.05em; line-height: .9; color: #2E9E44; opacity: 0.18; margin-bottom: 16px; }\r\n.why-card h3 { font-size: 1.05rem; font-weight: 600; color: #FFFFFF; margin-bottom: 10px; }\r\n.why-card p { font-size: 0.875rem; color: #FFFFFF; line-height: 1.72; }\r\n#s-cta { background: #07091A; }\r\n.cta-box { position:relative; z-index:2; background:linear-gradient(145deg,#0D1140,#090C2E); border:1px solid rgba(46,158,68,0.28); border-radius:20px; padding:clamp(48px,8vw,88px) clamp(28px,8vw,80px); text-align:center; overflow:hidden; animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.cta-box::before { content:''; position:absolute; top:-1px; left:12%; right:12%; height:1px; background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent); }\r\n.cta-box::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%); pointer-events:none; }\r\n.cta-box h2 { font-size:clamp(1.8rem,3.5vw,2.8rem); font-weight:700; letter-spacing:-0.025em; line-height:1.08; color:#FFFFFF; margin-bottom:16px; position:relative; z-index:1; }\r\n.cta-box p { font-size:.97rem; color:#FFFFFF; max-width:460px; margin:0 auto 40px; line-height:1.7; position:relative; z-index:1; }\r\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; position:relative; z-index:1; }\r\n@media(max-width:900px){ .fgrid3{grid-template-columns:1fr 1fr} .overview-grid{grid-template-columns:1fr;gap:40px} .why-grid{grid-template-columns:1fr 1fr} }\r\n@media(max-width:480px){ .fgrid3{grid-template-columns:1fr 1fr} .why-grid{grid-template-columns:1fr 1fr} .sec{padding:64px 20px} }\r\n@media(prefers-reduced-motion:reduce){ .fcard{animation:fadeUp 0.01ms both !important} *{animation-duration:0.01ms !important} }\r\n\r\n#s-payroll { background: #060810; }\r\n.payroll-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.payroll-left h2 { font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;letter-spacing:-0.025em;line-height:1.1;color:#FFFFFF;margin-bottom:20px; }\r\n.payroll-left p { font-size:0.975rem;color:#FFFFFF;line-height:1.74;margin-bottom:16px; }\r\n.payroll-items { display:flex;flex-direction:column;gap:3px; }\r\n.payroll-item { display:flex;align-items:flex-start;gap:16px;padding:20px 22px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:10px;transition:border-color 160ms,background 160ms; }\r\n@media(hover:hover)and(pointer:fine){.payroll-item:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035);}}\r\n.payroll-item-ico { font-size:1.2rem;flex-shrink:0;margin-top:2px; }\r\n.payroll-item h3 { font-size:0.93rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; }\r\n.payroll-item p { font-size:0.835rem;color:#FFFFFF;line-height:1.6; }\r\n.fgrid-3col { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:2;perspective:1200px; }\r\n.fcard-large { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:36px 30px 44px;position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1),transform 240ms cubic-bezier(0.23,1,0.32,1); }\r\n.fcard-large.f1 { animation:fadeUp 0.5s 0.04s cubic-bezier(0.23,1,0.32,1) both, float1 6s 0.5s ease-in-out infinite; }\r\n.fcard-large.f2 { animation:fadeUp 0.5s 0.1s cubic-bezier(0.23,1,0.32,1) both, float2 7s 0.9s ease-in-out infinite; }\r\n.fcard-large.f3 { animation:fadeUp 0.5s 0.16s cubic-bezier(0.23,1,0.32,1) both, float3 5.5s 0.3s ease-in-out infinite; }\r\n.fcard-large::before { content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.5),transparent);opacity:0;transition:opacity 200ms; }\r\n.fcard-large::after { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.09),transparent 55%);opacity:0;transition:opacity 250ms;pointer-events:none; }\r\n@media(hover:hover)and(pointer:fine){ .fcard-large:hover{border-color:rgba(46,158,68,0.45);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 36px rgba(46,158,68,.08);transform:translateY(-5px);} .fcard-large:hover::before,.fcard-large:hover::after{opacity:1;} }\r\n.fcard-large:active{transform:scale(0.98)!important;}\r\n.fcard-large-ico { font-size:2rem;margin-bottom:20px;line-height:1;position:relative;z-index:1; }\r\n.fcard-large-title { font-size:1.2rem;font-weight:700;color:#FFFFFF;margin-bottom:14px;line-height:1.2;position:relative;z-index:1; }\r\n.fcard-large-body { font-size:0.875rem;font-weight:400;color:#FFFFFF;line-height:1.74;margin-bottom:24px;position:relative;z-index:1; }\r\n.fcard-bullets { display:flex;flex-direction:column;gap:10px;position:relative;z-index:1; }\r\n.fbullet { display:flex;align-items:flex-start;gap:10px; }\r\n.fbullet-dot { width:18px;height:18px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }\r\n.fbullet-dot svg { width:8px;height:8px; }\r\n.fbullet span { font-size:0.845rem;color:#FFFFFF;line-height:1.5; }\r\n@media(max-width:900px){ .fgrid-3col{grid-template-columns:1fr 1fr} .payroll-grid{grid-template-columns:1fr;gap:40px} }\r\n@media(max-width:480px){ .fgrid-3col{grid-template-columns:1fr 1fr} .fcard-large{padding:28px 22px 36px} }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"sec\" id=\"s-hero\">\r\n  <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-100px;left:50%;transform:translateX(-50%);width:900px;height:480px;background:radial-gradient(ellipse,rgba(46,158,68,0.1) 0%,transparent 65%)\"><\/div><\/div>\r\n  <div class=\"hero-inner\">\r\n    <div class=\"hero-cat\"><span class=\"hero-cat-ico\">\ud83d\udc65<\/span><span class=\"hero-cat-lbl\">People &amp; Growth<\/span><\/div>\r\n    <h1>Workforce management<br>and <span>business intelligence<\/span><\/h1>\r\n    <p>Mutual Africa Pay brings payroll processing, client communication, and AI-powered cash flow intelligence together in one platform \u2014 giving growing Zimbabwean businesses the people tools and financial insight they need to scale with confidence.<\/p>\r\n    <div class=\"hero-actions\">\r\n      <a href=\"https:\/\/mutualafricapay.com\/zw\/pricing\" class=\"btn-green\">Get Started <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n      <a href=\"https:\/\/mutualafricapay.com\/zw\/contact\" class=\"btn-ghost\">Contact Sales<\/a>\r\n    <\/div>\r\n    <div class=\"hero-pills\">\r\n      <span class=\"pill\"><span class=\"pill-dot\"><\/span>Payroll Processing<\/span>\r\n      <span class=\"pill\"><span class=\"pill-dot\"><\/span>ZIMRA Compliance<\/span>\r\n      <span class=\"pill\"><span class=\"pill-dot\"><\/span>Email Marketing<\/span>\r\n      <span class=\"pill\"><span class=\"pill-dot\"><\/span>Cash Flow Intelligence<\/span>\r\n      <span class=\"pill\"><span class=\"pill-dot\"><\/span>AI Forecasting<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"sec\" id=\"s-overview\">\r\n  <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:480px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n  <div class=\"overview-grid\">\r\n    <div class=\"overview-left\">\r\n      <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Overview<\/span><\/div>\r\n      <h2>Growing Zimbabwean businesses need efficient workforce management and intelligent insight<\/h2>\r\n      <p>Mutual Africa Pay's People &amp; Growth module supports Zimbabwean organizations through integrated payroll processing, client communication capabilities, and AI-powered cash flow forecasting \u2014 tools designed to strengthen Zimbabwean business productivity, reduce administrative burden, and improve forward-looking decision-making.<\/p>\r\n      <p>All three capabilities are connected to the same financial and operational data in Mutual Africa Pay \u2014 so payroll costs flow directly into your P&amp;L, Zimbabwean client lists drive marketing, and cash flow forecasts are based on real invoice and payment data.<\/p>\r\n    <\/div>\r\n    <div class=\"overview-right\">\r\n      <div class=\"ov-item\"><div class=\"ov-chk\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>End-to-end payroll with ZIMRA statutory deductions and payslip generation<\/span><\/div>\r\n      <div class=\"ov-item\"><div class=\"ov-chk\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Weekly, biweekly, and monthly pay run support<\/span><\/div>\r\n      <div class=\"ov-item\"><div class=\"ov-chk\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Zimbabwean client email marketing built into the same platform<\/span><\/div>\r\n      <div class=\"ov-item\"><div class=\"ov-chk\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>AI-powered cash flow forecasting based on live Zimbabwean financial data<\/span><\/div>\r\n      <div class=\"ov-item\"><div class=\"ov-chk\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Payroll costs automatically posted to P&amp;L and balance sheet<\/span><\/div>\r\n      <div class=\"ov-item\"><div class=\"ov-chk\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Know your ZWL\/USD cash position weeks ahead \u2014 not after the fact<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"sec\" id=\"s-features\">\r\n  <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-60px;left:-80px;width:480px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n  <div class=\"feat-header\">\r\n    <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Features<\/span><\/div>\r\n    <h2>Three capabilities. One connected Zimbabwean platform.<\/h2>\r\n    <p>Payroll, marketing, and intelligence \u2014 built into Mutual Africa Pay so your Zimbabwean people costs, client relationships, and financial forecasts are always aligned.<\/p>\r\n  <\/div>\r\n  <div class=\"fgrid-3col\">\r\n    <a href=\"https:\/\/mutualafricapay.com\/zw\/people\/payroll-processing\/\" class=\"fcard-large f1\">\r\n      <div class=\"fcard-large-ico\">\ud83d\udcb0<\/div>\r\n      <div class=\"fcard-large-title\">Payroll Processing<\/div>\r\n      <p class=\"fcard-large-body\">End-to-end payroll processing built for Zimbabwean businesses. Mutual Africa Pay handles ZIMRA tax calculations, statutory deductions, payslip generation, and bank transfer initiation \u2014 so pay day runs smoothly every time in Zimbabwe.<\/p>\r\n      <div class=\"fcard-bullets\">\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>ZIMRA statutory deductions automated<\/span><\/div>\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Payslip generation and distribution<\/span><\/div>\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Bank transfer initiation per pay run<\/span><\/div>\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Weekly, biweekly, and monthly cycles<\/span><\/div>\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Payroll costs posted directly to P&amp;L<\/span><\/div>\r\n      <\/div>\r\n    <\/a>\r\n    <a href=\"https:\/\/mutualafricapay.com\/zw\/people\/email-marketing\/\" class=\"fcard-large f2\">\r\n      <div class=\"fcard-large-ico\">\ud83d\udce7<\/div>\r\n      <div class=\"fcard-large-title\">Email Marketing<\/div>\r\n      <p class=\"fcard-large-body\">Built-in email campaigns for Zimbabwean client communications, announcements, promotions, and statement delivery \u2014 using the Zimbabwean client list already inside Mutual Africa Pay. No third-party marketing tool required.<\/p>\r\n      <div class=\"fcard-bullets\">\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Zimbabwean client list already in Mutual Africa Pay \u2014 no import needed<\/span><\/div>\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Send statements, announcements, and campaigns<\/span><\/div>\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Segment by client type, spend, or activity<\/span><\/div>\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>No separate subscription or platform required<\/span><\/div>\r\n      <\/div>\r\n    <\/a>\r\n    <a href=\"https:\/\/mutualafricapay.com\/zw\/people\/cash-flow-intelligence\/\" class=\"fcard-large f3\">\r\n      <div class=\"fcard-large-ico\">\ud83e\udde0<\/div>\r\n      <div class=\"fcard-large-title\">Cash Flow Intelligence<\/div>\r\n      <p class=\"fcard-large-body\">AI-powered cash flow forecasting that draws on Zimbabwean invoice due dates, recurring expenses, historical payment patterns, and current account balances to give Zimbabwean business owners a forward-looking view of their ZWL\/USD cash position.<\/p>\r\n      <div class=\"fcard-bullets\">\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Forecasts based on real Zimbabwean invoice and payment data<\/span><\/div>\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Recurring Zimbabwean expenses factored into projections<\/span><\/div>\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Cash shortfall alerts before problems arise<\/span><\/div>\r\n        <div class=\"fbullet\"><div class=\"fbullet-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Know your Zimbabwe cash position weeks ahead, not after the fact<\/span><\/div>\r\n      <\/div>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"sec\" id=\"s-payroll\">\r\n  <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:460px;height:380px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n  <div class=\"payroll-grid\">\r\n    <div class=\"payroll-left\">\r\n      <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Payroll in Detail<\/span><\/div>\r\n      <h2>Pay your Zimbabwe team correctly, every time, without the administrative burden<\/h2>\r\n      <p>Payroll is one of the most compliance-sensitive processes in any Zimbabwean business. Mutual Africa Pay's payroll module handles every step \u2014 from calculating ZIMRA statutory deductions to generating payslips and initiating bank transfers \u2014 so Zimbabwean business owners can focus on running their business, not on payroll administration.<\/p>\r\n    <\/div>\r\n    <div class=\"payroll-items\">\r\n      <div class=\"payroll-item\"><span class=\"payroll-item-ico\">\ud83e\uddee<\/span><div><h3>Automated ZIMRA statutory calculations<\/h3><p>ZIMRA and other statutory deductions calculated automatically for every Zimbabwean employee on every pay run \u2014 no manual tax tables or spreadsheet calculations required.<\/p><\/div><\/div>\r\n      <div class=\"payroll-item\"><span class=\"payroll-item-ico\">\ud83d\udcc4<\/span><div><h3>Payslip generation and delivery<\/h3><p>Professional payslips generated automatically for every Zimbabwean employee per pay run and delivered directly \u2014 reducing administrative time and improving payroll transparency.<\/p><\/div><\/div>\r\n      <div class=\"payroll-item\"><span class=\"payroll-item-ico\">\ud83c\udfe6<\/span><div><h3>Bank transfer initiation<\/h3><p>Salary payments initiated directly from Mutual Africa Pay after payroll is approved \u2014 eliminating the need to manually enter payment details in your Zimbabwe banking system.<\/p><\/div><\/div>\r\n      <div class=\"payroll-item\"><span class=\"payroll-item-ico\">\ud83d\udcca<\/span><div><h3>Payroll posted to Zimbabwean accounts automatically<\/h3><p>Every payroll run creates the correct accounting entries in your books \u2014 payroll costs appear in your P&amp;L, liabilities update, and your Zimbabwean financial records stay accurate without manual journal entries.<\/p><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"sec\" id=\"s-why\">\r\n  <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.06) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n  <div style=\"margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both\">\r\n    <div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Why It Matters<\/span><\/div>\r\n    <h2 style=\"font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;letter-spacing:-0.025em;line-height:1.1;color:#FFFFFF\">People and growth tools that eliminate the biggest operational bottlenecks for Zimbabwean businesses<\/h2>\r\n  <\/div>\r\n  <div class=\"why-grid\">\r\n    <div class=\"why-card\"><div class=\"why-n\">01<\/div><h3>Payroll compliance without the complexity<\/h3><p>ZIMRA payroll compliance is non-negotiable but frequently mismanaged in growing Zimbabwean businesses. Mutual Africa Pay handles every calculation, every deduction, and every filing requirement \u2014 so compliance is automatic, not a monthly stress event.<\/p><\/div>\r\n    <div class=\"why-card\"><div class=\"why-n\">02<\/div><h3>Market to Zimbabwean clients without switching platforms<\/h3><p>Your Zimbabwean client relationships already live in Mutual Africa Pay. Email marketing built into the same platform means you can communicate with Zimbabwe clients, send statements, and run campaigns without exporting data to a separate tool.<\/p><\/div>\r\n    <div class=\"why-card\"><div class=\"why-n\">03<\/div><h3>Make decisions based on what is coming, not what has passed<\/h3><p>Most Zimbabwean business financial reports are backward-looking. Cash flow intelligence gives Zimbabwean business owners a forward view \u2014 so decisions about spending, hiring, and investment are based on where the Zimbabwe business is going, not where it has been.<\/p><\/div>\r\n    <div class=\"why-card\"><div class=\"why-n\">04<\/div><h3>Everything connected to the same Zimbabwean financial record<\/h3><p>Payroll costs, marketing activity, and cash flow projections all connect to the same financial data in Mutual Africa Pay \u2014 giving Zimbabwean business owners a complete, integrated picture of their Zimbabwe business performance and outlook.<\/p><\/div>\r\n  <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cta\">\r\n  <div class=\"bg\">\r\n    <div class=\"bg-dots\"><\/div>\r\n    <div class=\"bg-glow\" style=\"top:0;left:50%;transform:translateX(-50%);width:700px;height:300px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div>\r\n  <\/div>\r\n  <div class=\"cta-box\">\r\n    <div class=\"eyebrow\" style=\"justify-content:center;margin-bottom:20px\"><span class=\"edot\"><\/span><span class=\"etxt\">Get Started<\/span><\/div>\r\n    <h2>Pay your Zimbabwean team. Grow your Zimbabwe business.<\/h2>\r\n    <p>View our pricing plans or speak to our team about payroll, marketing, and cash flow intelligence for your Zimbabwean business.<\/p>\r\n    <div class=\"cta-btns\">\r\n      <a href=\"https:\/\/mutualafricapay.com\/zw\/pricing\" class=\"btn-green\">View Pricing <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n      <a href=\"https:\/\/mutualafricapay.com\/zw\/contact\" class=\"btn-ghost\">Contact Sales<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>People &amp; Growth \u2014 Mutual Africa Pay Zimbabwe *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: &#8216;Space Grotesk&#8217;, sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; } .sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; } .bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; } .bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); } .bg-glow { position: absolute; border-radius: 50%; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; } .edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; } .etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} } @keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} } @keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-13px)} } @keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} } @keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} } @keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } .btn-green { display: inline-flex; align-items: center; gap: 8px; background: #2E9E44; color: #FFFFFF; padding: 13px 28px; border-radius: 7px; font-size: .92rem; font-weight: 600; text-decoration: none; transition: background 150ms, transform 150ms, box-shadow 150ms; } @media(hover:hover)and(pointer:fine){ .btn-green:hover { background: #38B850; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(46,158,68,.35); } } .btn-green:active { transform: scale(0.97) !important; } .btn-ghost { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #FFFFFF; padding: 13px 28px; border-radius: 7px; font-size: .92rem; font-weight: 500; text-decoration: none; border: 1px solid rgba(255,255,255,0.15); transition: border-color 150ms, background 150ms, transform 150ms; } @media(hover:hover)and(pointer:fine){ .btn-ghost:hover { border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.05); transform: translateY(-1px); } } .btn-ghost:active { transform: scale(0.97) !important; } #s-hero { background: #07091A; min-height: 58vh; display: flex; align-items: center; } .hero-inner { position: relative; z-index: 2; max-width: 800px; animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .hero-cat { display: inline-flex; align-items: center; gap: 10px; background: rgba(46,158,68,0.1); border: 1px solid rgba(46,158,68,0.25); border-radius: 6px; padding: 8px 16px; margin-bottom: 28px; } .hero-cat-ico { font-size: 1.1rem; } .hero-cat-lbl { font-size: 0.78rem; font-weight: 600; color: #2E9E44; letter-spacing: 0.06em; text-transform: uppercase; } .hero-inner h1 { font-size: clamp(2.6rem,5.5vw,4.8rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1.05; color: #FFFFFF; margin-bottom: 24px; } .hero-inner h1 span { color: #2E9E44; } .hero-inner p { font-size: 1.05rem; font-weight: 400; color: #FFFFFF; line-height: 1.74; max-width: 620px; margin-bottom: 40px; } .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 56px; } .hero-pills { display: flex; flex-wrap: wrap; gap: 8px; } .pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04); font-size: 0.78rem; font-weight: 500; color: #FFFFFF; } .pill-dot { width: 5px; height: 5px; border-radius: 50%; background: #2E9E44; flex-shrink: 0; } #s-overview { background: #060810; } .overview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; position: relative; z-index: 2; animation: fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .overview-left h2 { font-size: clamp(1.9rem,3vw,2.8rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.1; color: #FFFFFF; margin-bottom: 20px; } .overview-left p { font-size: 0.975rem; color: #FFFFFF; line-height: 1.74; margin-bottom: 16px; } .overview-right { display: flex; flex-direction: column; gap: 3px; } .ov-item { display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; background: linear-gradient(145deg,#0D1033,#090C22); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; transition: border-color 160ms, background 160ms; } @media(hover:hover)and(pointer:fine){ .ov-item:hover { border-color: rgba(46,158,68,0.35); background: linear-gradient(145deg,#111440,#0d1035); } } .ov-chk { width: 20px; height: 20px; border-radius: 50%; background: rgba(46,158,68,0.12); border: 1px solid rgba(46,158,68,0.32); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .ov-chk svg { width: 9px; height: 9px; } .ov-item span { font-size: 0.9rem; font-weight: 500; color: #FFFFFF; line-height: 1.4; } #s-features { background: #07091A; } .feat-header { margin-bottom: 48px; position: relative; z-index: 2; animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .feat-header h2 { font-size: clamp(1.8rem,3vw,2.6rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.1; color: #FFFFFF; margin-bottom: 14px; } .feat-header p { font-size: 0.97rem; color: #FFFFFF; line-height: 1.7; max-width: 580px; } .fgrid3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; position: relative; z-index: 2; perspective: 1200px; } .fcard { background: linear-gradient(160deg,#0D1033,#090C22); border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; padding: 28px 24px 36px; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; transition: border-color 160ms cubic-bezier(0.23,1,0.32,1), box-shadow 240ms cubic-bezier(0.23,1,0.32,1); } .fcard.f1 { animation: fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both, float1 6s 0.5s ease-in-out infinite; } .fcard.f2 { animation: fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both, float2 7s 0.8s ease-in-out infinite; } .fcard.f3 { animation: fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both, float3 5.5s 0.3s ease-in-out infinite; } .fcard.f4 { animation: fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both, float4 8s 1s ease-in-out infinite; } .fcard.f5 { animation: fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both, float1 6.5s 0.6s ease-in-out infinite; } .fcard.f6 { animation: fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both, float2 7.5s 1.2s ease-in-out infinite; } .fcard.f7 { animation: fadeUp 0.5s 0.27s cubic-bezier(0.23,1,0.32,1) both, float3 5s 0.4s ease-in-out infinite; } .fcard.f8 { animation: fadeUp 0.5s 0.31s cubic-bezier(0.23,1,0.32,1) both, float4 6.8s 0.9s ease-in-out infinite; } .fcard::before { content:&#8221;; position:absolute; top:0; left:15%; right:15%; height:1px; background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent); opacity:0; transition:opacity 200ms; } .fcard::after { content:&#8221;; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%); opacity:0; transition:opacity 250ms; pointer-events:none; } @media(hover:hover)and(pointer:fine){ .fcard:hover { border-color:rgba(46,158,68,0.42); box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07); } .fcard:hover::before,.fcard:hover::after{opacity:1} .fcard:hover .farrow{opacity:1;transform:translate(0,0)} } .fcard:active { transform: scale(0.98) !important; } .fcard-ico { font-size: 1.6rem; margin-bottom: 16px; line-height: 1; position: relative; z-index: 1; } .fcard-title { font-size: 1rem; font-weight: 600; color: #FFFFFF; margin-bottom: 10px; line-height: 1.3; position: relative; z-index: 1; } .fcard-body { font-size: 0.835rem; font-weight: 400; color: #FFFFFF; line-height: 1.68; position: relative; z-index: 1; } .farrow { position:absolute; bottom:20px; right:20px; width:26px; height:26px; border-radius:50%; border:1px solid rgba(46,158,68,.38); display:flex; align-items:center; justify-content:center; opacity:0; transform:translate(-4px,4px); transition:opacity 180ms,transform 200ms cubic-bezier(0.23,1,0.32,1); z-index:1; } #s-why { background: #060810; } .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; position: relative; z-index: 2; } .why-card { padding: 36px 32px; background: linear-gradient(145deg,#0D1033,#090C22); border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; animation: fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; transition: border-color 160ms, box-shadow 220ms; } .why-card:nth-child(1){animation-delay:.04s} .why-card:nth-child(2){animation-delay:.09s} .why-card:nth-child(3){animation-delay:.14s} .why-card:nth-child(4){animation-delay:.19s} @media(hover:hover)and(pointer:fine){ .why-card:hover { border-color: rgba(46,158,68,0.35); box-shadow: 0 14px 36px rgba(0,0,0,.4); } } .why-n { font-size: 3.5rem; font-weight: 700; letter-spacing: -0.05em; line-height: .9; color: #2E9E44; opacity: 0.18;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-798","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/pages\/798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/comments?post=798"}],"version-history":[{"count":0,"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/pages\/798\/revisions"}],"wp:attachment":[{"href":"https:\/\/mutualafricapay.com\/sz\/wp-json\/wp\/v2\/media?parent=798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}