Payroll Processing \u2014 Mutual Africa Pay<\/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>*, *::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.h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; }\r\n.body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; }\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(-8px)} }\r\n@keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }\r\n@keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\r\n@keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n@keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }\r\n@keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} }\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; }\r\n@media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}}\r\n#s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; }\r\n.hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; }\r\n.breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; }\r\n@media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}}\r\n.breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; }\r\n.breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; }\r\n.hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; }\r\n.hero-inner h1 span { color:#2E9E44; }\r\n.hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; }\r\n.hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; }\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-cap { background:#060810; }\r\n.cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.fgrid { 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;display:block;color:inherit;text-decoration:none;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,float5 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,float6 7.5s 1.2s 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}}\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;color:#FFFFFF;line-height:1.68;position:relative;z-index:1}\r\n#s-how { background:#07091A; }\r\n.how-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.steps { display:flex;flex-direction:column;gap:3px; }\r\n.step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; }\r\n@media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}}\r\n.step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; }\r\n.step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; }\r\n.step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; }\r\n#s-use { background:#060810; }\r\n.use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; }\r\n.use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; }\r\n.use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s}\r\n@media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}}\r\n.use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; }\r\n.use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; }\r\n.use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; }\r\n#s-africa { background:#07091A; }\r\n.africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.africa-inner::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.africa-inner::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none}\r\n.africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }\r\n.africa-points { display:flex;flex-direction:column;gap:12px; }\r\n.africa-point { display:flex;align-items:flex-start;gap:12px; }\r\n.africa-point-dot { 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.africa-point-dot svg { width:9px;height:9px; }\r\n.africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; }\r\n#s-related { background:#060810; }\r\n.related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; }\r\n.related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s}\r\n@media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}}\r\n.related-card:active{transform:scale(0.98)!important}\r\n.related-ico { font-size:1.4rem;margin-bottom:12px; }\r\n.related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; }\r\n.related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; }\r\n.related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; }\r\n@media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}}\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){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-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}}<\/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:500px;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=\"breadcrumb\"><a href=\"https:\/\/mutualafricapay.com\/products\">Products<\/a><span class=\"breadcrumb-sep\">\/<\/span><a href=\"https:\/\/mutualafricapay.com\/products\/people\">People & Growth<\/a><span class=\"breadcrumb-sep\">\/<\/span><span class=\"breadcrumb-cur\">Payroll Processing<\/span><\/div>\r\n <h1>Pay your team correctly,<br><span>every time, automatically<\/span><\/h1>\r\n <p>End-to-end payroll processing with PAYE calculations, UIF deductions, payslip generation, and bank transfer initiation \u2014 built into Mutual Africa Pay so pay day runs correctly and on time, every cycle, without the administrative burden.<\/p>\r\n <div class=\"hero-actions\"><a href=\"https:\/\/mutualafricapay.com\/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><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <div class=\"hero-pills\"><span class=\"pill\"><span class=\"pill-dot\"><\/span>PAYE Calculations<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>UIF Deductions<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Payslip Generation<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Bank Transfers<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Weekly & Monthly<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>P&L Integration<\/span><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cap\">\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=\"cap-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Capabilities<\/span><\/div><h2 class=\"h2\">Six payroll capabilities that eliminate manual compliance work<\/h2><p class=\"body\" style=\"margin-top:16px;max-width:580px\">Payroll in Mutual Africa Pay handles every statutory requirement automatically \u2014 from tax calculations to payslip delivery and bank transfer initiation \u2014 so business owners focus on running their business, not on payroll administration.<\/p><\/div>\r\n <div class=\"fgrid\"><div class=\"fcard f1\"><div class=\"fcard-ico\">\ud83e\uddee<\/div><div class=\"fcard-title\">Automated PAYE Calculations<\/div><p class=\"fcard-body\">PAYE is calculated automatically for every employee on every pay run \u2014 based on their tax bracket, annual remuneration, and applicable rebates. No manual tax tables, no spreadsheet calculations, no risk of under- or over-deduction. PAYE is always correct.<\/p><\/div><div class=\"fcard f2\"><div class=\"fcard-ico\">\ud83d\udccb<\/div><div class=\"fcard-title\">UIF Deduction Management<\/div><p class=\"fcard-body\">UIF contributions calculated and deducted automatically for every qualifying employee. Both the employee and employer contributions calculated correctly based on remuneration \u2014 no manual calculation or separate tracking of statutory contribution obligations.<\/p><\/div><div class=\"fcard f3\"><div class=\"fcard-ico\">\ud83d\udcc4<\/div><div class=\"fcard-title\">Payslip Generation & Delivery<\/div><p class=\"fcard-body\">Professional payslips generated automatically for every employee on every pay run \u2014 showing gross pay, all deductions, net pay, and employer contributions. Payslips delivered directly to employees by email, reducing the administrative effort of payslip distribution to zero.<\/p><\/div><div class=\"fcard f4\"><div class=\"fcard-ico\">\ud83c\udfe6<\/div><div class=\"fcard-title\">Bank Transfer Initiation<\/div><p class=\"fcard-body\">Salary payments initiated directly from Mutual Africa Pay after payroll is approved \u2014 eliminating the need to manually create payment batches in your banking system. Employee banking details stored securely and used for each pay run automatically.<\/p><\/div><div class=\"fcard f5\"><div class=\"fcard-ico\">\ud83d\udd04<\/div><div class=\"fcard-title\">Multiple Pay Cycle Support<\/div><p class=\"fcard-body\">Configure weekly, biweekly, and monthly pay cycles per employee or per employee group. Different departments or employment types can have different pay frequencies \u2014 all managed within the same payroll system without separate processes.<\/p><\/div><div class=\"fcard f6\"><div class=\"fcard-ico\">\ud83d\udcca<\/div><div class=\"fcard-title\">Payroll Posted to Accounts<\/div><p class=\"fcard-body\">Every payroll run creates the correct accounting entries automatically \u2014 payroll costs posted to the P&L, PAYE and UIF liabilities recorded on the balance sheet, and net salaries posted as a bank outflow. Your financial records are always accurate after every pay run, with no manual journal entries required.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-how\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"bottom:-60px;left:-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=\"how-grid\">\r\n <div><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">How It Works<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">From pay run setup to salaries paid \u2014 in one process<\/h2><p class=\"body\">Payroll in Mutual Africa Pay is a connected end-to-end process \u2014 from employee setup and pay run initiation through to payslip delivery and bank transfer \u2014 all within the same system, with accounting entries posted automatically at each stage.<\/p><\/div>\r\n <div class=\"steps\"><div class=\"step\"><div class=\"step-num\">01<\/div><div><h3>Set up employee records<\/h3><p>Add employees with their details, tax numbers, banking information, employment type, and remuneration. Set up their pay cycle, leave entitlements, and any recurring deductions or allowances.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">02<\/div><div><h3>Initiate the pay run<\/h3><p>Select the pay period and confirm the employee list for that run. Mutual Africa Pay calculates PAYE, UIF, and all other deductions automatically \u2014 presenting the pay run summary for review before approval.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">03<\/div><div><h3>Review and approve<\/h3><p>Review the pay run summary \u2014 gross pay, deductions, net pay, and employer contributions per employee, plus totals. Make any necessary adjustments, then approve. Payslips are generated automatically on approval.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">04<\/div><div><h3>Payslips sent and payments initiated<\/h3><p>Payslips are emailed to all employees immediately after approval. Bank transfers are initiated directly from Mutual Africa Pay \u2014 salaries paid without logging into a separate banking system.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-use\">\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=\"use-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Use Cases<\/span><\/div><h2 class=\"h2\">How African businesses run payroll<\/h2><p class=\"body\" style=\"margin-top:14px;max-width:560px\">Payroll compliance is a legal requirement across all African markets \u2014 and one of the most administratively complex obligations for growing businesses.<\/p><\/div>\r\n <div class=\"use-grid\"><div class=\"use-card\"><div class=\"use-tag\">Growing SME<\/div><h3>A Johannesburg SME runs payroll for 25 employees monthly<\/h3><p>A professional services firm with 25 employees previously spent two days every month manually calculating PAYE, preparing payslips in a spreadsheet, and uploading payment batches to internet banking. Using Mutual Africa Pay's payroll, the entire monthly process now takes under an hour \u2014 PAYE calculated automatically, payslips generated and emailed, and bank transfers initiated from one system. The finance manager's two days are redirected to financial analysis.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Retail Business<\/div><h3>A Cape Town retailer manages weekly wages for casual staff<\/h3><p>A retail business with a mix of permanent and casual staff runs weekly wage payments for casual workers alongside monthly salaries for permanent staff. Mutual Africa Pay handles both cycles simultaneously \u2014 calculating the correct deductions for each employee type and initiating the correct payment on the correct day, without any manual separation of the two payroll processes.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Hospitality<\/div><h3>A Durban restaurant manages complex tip and commission structures<\/h3><p>A restaurant manages base salaries plus service charge distributions and commission payments for management staff. Mutual Africa Pay's flexible payroll configuration handles the variable components per employee per pay run \u2014 calculating PAYE on the total remuneration correctly and generating payslips that clearly show all pay components.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Non-Profit<\/div><h3>A Nairobi NGO manages payroll across three employment jurisdictions<\/h3><p>A regional NGO with staff in South Africa, Kenya, and Uganda uses Mutual Africa Pay to manage payroll across all three jurisdictions \u2014 applying the correct statutory deductions for each country. Multi-currency payroll processed correctly for each location, with consolidated payroll costs posted to the group P&L in the reporting currency.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-africa\">\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>\r\n <div class=\"africa-inner\">\r\n <div class=\"africa-grid\">\r\n <div style=\"position:relative;z-index:1\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Built for Africa<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">Payroll built for African employment and compliance environments<\/h2><p class=\"body\">African businesses face diverse payroll compliance requirements \u2014 from South Africa's SARS PAYE and UIF system to the tax and contribution frameworks of Kenya, Nigeria, Ghana, and across the continent. Mutual Africa Pay's payroll is built with South African compliance at its core and flexibility for other African markets.<\/p><\/div>\r\n <div class=\"africa-points\" style=\"position:relative;z-index:1\"><div class=\"africa-point\"><div class=\"africa-point-dot\"><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>SARS-compliant PAYE calculations \u2014 correct tax deductions for South African employees across all tax brackets<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><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>UIF contributions calculated correctly for both employee and employer \u2014 meeting South African statutory requirements<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><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>Bank transfer initiation for all major South African banks \u2014 eliminating the separate banking step in the payroll process<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><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>Payslips compliant with South African employment legislation \u2014 meeting the Basic Conditions of Employment Act requirements<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><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>Multi-currency payroll for businesses employing staff across multiple African countries<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><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 in financial reports \u2014 eliminating the accounting errors that occur when payroll and accounts are managed separately<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-related\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"related-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Related Features<\/span><\/div><h2 class=\"h2\">Features that work alongside payroll processing<\/h2><\/div>\r\n <div class=\"related-grid\"><a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/pl\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udcc9<\/div><div class=\"related-title\">P&L Reporting<\/div><p class=\"related-desc\">Payroll costs post to the P&L automatically after every pay run \u2014 keeping staff costs always current in your financial reports.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/compliance#roles\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udee1\ufe0f<\/div><div class=\"related-title\">Roles & Permissions<\/div><p class=\"related-desc\">Payroll access is controlled by role \u2014 ensuring only authorised team members can view, process, and approve pay runs.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/balance\" class=\"related-card\"><div class=\"related-ico\">\u2696\ufe0f<\/div><div class=\"related-title\">Balance Sheet<\/div><p class=\"related-desc\">PAYE and UIF liabilities are recorded on the balance sheet automatically after each pay run \u2014 keeping statutory obligations always visible.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cta\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><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><\/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 team correctly \u2014 every time<\/h2><p>Payroll processing is included in Mutual Africa Pay's Summit plan and above. Set up your first pay run today.<\/p>\r\n <div class=\"cta-btns\"><a href=\"https:\/\/mutualafricapay.com\/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><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\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>Payroll Processing \u2014 Mutual Africa Pay *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: ‘Space Grotesk’, 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; } .h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; } .body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; } @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(-8px)} } @keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} } @keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} } @keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} } @keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} } .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; } @media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}} #s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; } .hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; } .breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; } @media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}} .breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; } .breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; } .hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; } .hero-inner h1 span { color:#2E9E44; } .hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; } .hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; } .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-cap { background:#060810; } .cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .fgrid { 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;display:block;color:inherit;text-decoration:none;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,float5 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,float6 7.5s 1.2s ease-in-out infinite} .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} .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} @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: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;color:#FFFFFF;line-height:1.68;position:relative;z-index:1} #s-how { background:#07091A; } .how-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; } .steps { display:flex;flex-direction:column;gap:3px; } .step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; } @media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}} .step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; } .step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; } .step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; } #s-use { background:#060810; } .use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; } .use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; } .use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s} @media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}} .use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; } .use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; } .use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; } #s-africa { background:#07091A; } .africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .africa-inner::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .africa-inner::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none} .africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; } .africa-points { display:flex;flex-direction:column;gap:12px; } .africa-point { display:flex;align-items:flex-start;gap:12px; } .africa-point-dot { 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; } .africa-point-dot svg { width:9px;height:9px; } .africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; } #s-related { background:#060810; } .related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; } .related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s} @media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}} .related-card:active{transform:scale(0.98)!important} .related-ico { font-size:1.4rem;margin-bottom:12px; } .related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; } .related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; } .related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; } @media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}} #s-cta { background:#07091A; } .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 } .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)} .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} .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} .cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1} .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1} @media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}} @media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}} Products\/People & Growth\/Payroll Processing Pay your team correctly,every time, automatically End-to-end payroll processing with PAYE calculations, UIF deductions, payslip generation, and bank transfer initiation \u2014 built into Mutual Africa Pay so pay day runs correctly and on time, every cycle, without the administrative burden. Get Started Contact Sales PAYE CalculationsUIF DeductionsPayslip GenerationBank TransfersWeekly & MonthlyP&L Integration Capabilities Six payroll capabilities that eliminate manual compliance work Payroll in Mutual Africa Pay handles every statutory requirement automatically \u2014 from tax calculations to payslip delivery and bank transfer initiation \u2014 so business owners focus on running their business, not on payroll administration. \ud83e\uddeeAutomated PAYE Calculations PAYE is calculated automatically for every employee on every pay run \u2014 based on their tax bracket, annual remuneration, and applicable rebates. No manual tax tables, no spreadsheet calculations, no risk of under- or over-deduction. PAYE is always correct. \ud83d\udccbUIF Deduction Management UIF contributions calculated and deducted automatically for every qualifying employee. Both the employee and employer contributions calculated correctly based on remuneration \u2014 no manual calculation or separate tracking of statutory contribution obligations. \ud83d\udcc4Payslip Generation & Delivery Professional payslips generated automatically for every employee on every pay run \u2014 showing gross pay, all deductions, net pay, and employer contributions. Payslips delivered directly to employees by email, reducing the administrative effort of payslip distribution to zero. \ud83c\udfe6Bank Transfer Initiation Salary payments initiated directly from Mutual Africa Pay after payroll is approved \u2014 eliminating the need to manually create payment batches in your banking system. Employee banking details stored securely and used for each pay run automatically. \ud83d\udd04Multiple Pay Cycle Support Configure weekly, biweekly, and monthly pay cycles per employee or per employee group. Different departments or employment types can have different pay frequencies \u2014 all managed within the same payroll system without separate processes. \ud83d\udccaPayroll Posted to Accounts Every payroll run creates the correct accounting entries automatically \u2014 payroll costs posted to the P&L, PAYE and UIF liabilities recorded on the balance sheet, and net salaries posted as a bank outflow. Your financial records are always accurate after every pay run, with no manual journal entries required. How It Works<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1883,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2065","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/pages\/2065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/comments?post=2065"}],"version-history":[{"count":0,"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/pages\/2065\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/pages\/1883"}],"wp:attachment":[{"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/media?parent=2065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nPayroll Processing \u2014 Mutual Africa Pay<\/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>*, *::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.h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; }\r\n.body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; }\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(-8px)} }\r\n@keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }\r\n@keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\r\n@keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n@keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }\r\n@keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} }\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; }\r\n@media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}}\r\n#s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; }\r\n.hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; }\r\n.breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; }\r\n@media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}}\r\n.breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; }\r\n.breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; }\r\n.hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; }\r\n.hero-inner h1 span { color:#2E9E44; }\r\n.hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; }\r\n.hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; }\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-cap { background:#060810; }\r\n.cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.fgrid { 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;display:block;color:inherit;text-decoration:none;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,float5 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,float6 7.5s 1.2s 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}}\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;color:#FFFFFF;line-height:1.68;position:relative;z-index:1}\r\n#s-how { background:#07091A; }\r\n.how-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.steps { display:flex;flex-direction:column;gap:3px; }\r\n.step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; }\r\n@media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}}\r\n.step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; }\r\n.step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; }\r\n.step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; }\r\n#s-use { background:#060810; }\r\n.use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; }\r\n.use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; }\r\n.use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s}\r\n@media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}}\r\n.use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; }\r\n.use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; }\r\n.use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; }\r\n#s-africa { background:#07091A; }\r\n.africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.africa-inner::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.africa-inner::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none}\r\n.africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }\r\n.africa-points { display:flex;flex-direction:column;gap:12px; }\r\n.africa-point { display:flex;align-items:flex-start;gap:12px; }\r\n.africa-point-dot { 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.africa-point-dot svg { width:9px;height:9px; }\r\n.africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; }\r\n#s-related { background:#060810; }\r\n.related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; }\r\n.related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s}\r\n@media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}}\r\n.related-card:active{transform:scale(0.98)!important}\r\n.related-ico { font-size:1.4rem;margin-bottom:12px; }\r\n.related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; }\r\n.related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; }\r\n.related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; }\r\n@media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}}\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){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-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}}<\/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:500px;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=\"breadcrumb\"><a href=\"https:\/\/mutualafricapay.com\/products\">Products<\/a><span class=\"breadcrumb-sep\">\/<\/span><a href=\"https:\/\/mutualafricapay.com\/products\/people\">People & Growth<\/a><span class=\"breadcrumb-sep\">\/<\/span><span class=\"breadcrumb-cur\">Payroll Processing<\/span><\/div>\r\n <h1>Pay your team correctly,<br><span>every time, automatically<\/span><\/h1>\r\n <p>End-to-end payroll processing with PAYE calculations, UIF deductions, payslip generation, and bank transfer initiation \u2014 built into Mutual Africa Pay so pay day runs correctly and on time, every cycle, without the administrative burden.<\/p>\r\n <div class=\"hero-actions\"><a href=\"https:\/\/mutualafricapay.com\/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><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <div class=\"hero-pills\"><span class=\"pill\"><span class=\"pill-dot\"><\/span>PAYE Calculations<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>UIF Deductions<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Payslip Generation<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Bank Transfers<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Weekly & Monthly<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>P&L Integration<\/span><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cap\">\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=\"cap-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Capabilities<\/span><\/div><h2 class=\"h2\">Six payroll capabilities that eliminate manual compliance work<\/h2><p class=\"body\" style=\"margin-top:16px;max-width:580px\">Payroll in Mutual Africa Pay handles every statutory requirement automatically \u2014 from tax calculations to payslip delivery and bank transfer initiation \u2014 so business owners focus on running their business, not on payroll administration.<\/p><\/div>\r\n <div class=\"fgrid\"><div class=\"fcard f1\"><div class=\"fcard-ico\">\ud83e\uddee<\/div><div class=\"fcard-title\">Automated PAYE Calculations<\/div><p class=\"fcard-body\">PAYE is calculated automatically for every employee on every pay run \u2014 based on their tax bracket, annual remuneration, and applicable rebates. No manual tax tables, no spreadsheet calculations, no risk of under- or over-deduction. PAYE is always correct.<\/p><\/div><div class=\"fcard f2\"><div class=\"fcard-ico\">\ud83d\udccb<\/div><div class=\"fcard-title\">UIF Deduction Management<\/div><p class=\"fcard-body\">UIF contributions calculated and deducted automatically for every qualifying employee. Both the employee and employer contributions calculated correctly based on remuneration \u2014 no manual calculation or separate tracking of statutory contribution obligations.<\/p><\/div><div class=\"fcard f3\"><div class=\"fcard-ico\">\ud83d\udcc4<\/div><div class=\"fcard-title\">Payslip Generation & Delivery<\/div><p class=\"fcard-body\">Professional payslips generated automatically for every employee on every pay run \u2014 showing gross pay, all deductions, net pay, and employer contributions. Payslips delivered directly to employees by email, reducing the administrative effort of payslip distribution to zero.<\/p><\/div><div class=\"fcard f4\"><div class=\"fcard-ico\">\ud83c\udfe6<\/div><div class=\"fcard-title\">Bank Transfer Initiation<\/div><p class=\"fcard-body\">Salary payments initiated directly from Mutual Africa Pay after payroll is approved \u2014 eliminating the need to manually create payment batches in your banking system. Employee banking details stored securely and used for each pay run automatically.<\/p><\/div><div class=\"fcard f5\"><div class=\"fcard-ico\">\ud83d\udd04<\/div><div class=\"fcard-title\">Multiple Pay Cycle Support<\/div><p class=\"fcard-body\">Configure weekly, biweekly, and monthly pay cycles per employee or per employee group. Different departments or employment types can have different pay frequencies \u2014 all managed within the same payroll system without separate processes.<\/p><\/div><div class=\"fcard f6\"><div class=\"fcard-ico\">\ud83d\udcca<\/div><div class=\"fcard-title\">Payroll Posted to Accounts<\/div><p class=\"fcard-body\">Every payroll run creates the correct accounting entries automatically \u2014 payroll costs posted to the P&L, PAYE and UIF liabilities recorded on the balance sheet, and net salaries posted as a bank outflow. Your financial records are always accurate after every pay run, with no manual journal entries required.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-how\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"bottom:-60px;left:-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=\"how-grid\">\r\n <div><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">How It Works<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">From pay run setup to salaries paid \u2014 in one process<\/h2><p class=\"body\">Payroll in Mutual Africa Pay is a connected end-to-end process \u2014 from employee setup and pay run initiation through to payslip delivery and bank transfer \u2014 all within the same system, with accounting entries posted automatically at each stage.<\/p><\/div>\r\n <div class=\"steps\"><div class=\"step\"><div class=\"step-num\">01<\/div><div><h3>Set up employee records<\/h3><p>Add employees with their details, tax numbers, banking information, employment type, and remuneration. Set up their pay cycle, leave entitlements, and any recurring deductions or allowances.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">02<\/div><div><h3>Initiate the pay run<\/h3><p>Select the pay period and confirm the employee list for that run. Mutual Africa Pay calculates PAYE, UIF, and all other deductions automatically \u2014 presenting the pay run summary for review before approval.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">03<\/div><div><h3>Review and approve<\/h3><p>Review the pay run summary \u2014 gross pay, deductions, net pay, and employer contributions per employee, plus totals. Make any necessary adjustments, then approve. Payslips are generated automatically on approval.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">04<\/div><div><h3>Payslips sent and payments initiated<\/h3><p>Payslips are emailed to all employees immediately after approval. Bank transfers are initiated directly from Mutual Africa Pay \u2014 salaries paid without logging into a separate banking system.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-use\">\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=\"use-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Use Cases<\/span><\/div><h2 class=\"h2\">How African businesses run payroll<\/h2><p class=\"body\" style=\"margin-top:14px;max-width:560px\">Payroll compliance is a legal requirement across all African markets \u2014 and one of the most administratively complex obligations for growing businesses.<\/p><\/div>\r\n <div class=\"use-grid\"><div class=\"use-card\"><div class=\"use-tag\">Growing SME<\/div><h3>A Johannesburg SME runs payroll for 25 employees monthly<\/h3><p>A professional services firm with 25 employees previously spent two days every month manually calculating PAYE, preparing payslips in a spreadsheet, and uploading payment batches to internet banking. Using Mutual Africa Pay's payroll, the entire monthly process now takes under an hour \u2014 PAYE calculated automatically, payslips generated and emailed, and bank transfers initiated from one system. The finance manager's two days are redirected to financial analysis.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Retail Business<\/div><h3>A Cape Town retailer manages weekly wages for casual staff<\/h3><p>A retail business with a mix of permanent and casual staff runs weekly wage payments for casual workers alongside monthly salaries for permanent staff. Mutual Africa Pay handles both cycles simultaneously \u2014 calculating the correct deductions for each employee type and initiating the correct payment on the correct day, without any manual separation of the two payroll processes.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Hospitality<\/div><h3>A Durban restaurant manages complex tip and commission structures<\/h3><p>A restaurant manages base salaries plus service charge distributions and commission payments for management staff. Mutual Africa Pay's flexible payroll configuration handles the variable components per employee per pay run \u2014 calculating PAYE on the total remuneration correctly and generating payslips that clearly show all pay components.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Non-Profit<\/div><h3>A Nairobi NGO manages payroll across three employment jurisdictions<\/h3><p>A regional NGO with staff in South Africa, Kenya, and Uganda uses Mutual Africa Pay to manage payroll across all three jurisdictions \u2014 applying the correct statutory deductions for each country. Multi-currency payroll processed correctly for each location, with consolidated payroll costs posted to the group P&L in the reporting currency.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-africa\">\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>\r\n <div class=\"africa-inner\">\r\n <div class=\"africa-grid\">\r\n <div style=\"position:relative;z-index:1\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Built for Africa<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">Payroll built for African employment and compliance environments<\/h2><p class=\"body\">African businesses face diverse payroll compliance requirements \u2014 from South Africa's SARS PAYE and UIF system to the tax and contribution frameworks of Kenya, Nigeria, Ghana, and across the continent. Mutual Africa Pay's payroll is built with South African compliance at its core and flexibility for other African markets.<\/p><\/div>\r\n <div class=\"africa-points\" style=\"position:relative;z-index:1\"><div class=\"africa-point\"><div class=\"africa-point-dot\"><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>SARS-compliant PAYE calculations \u2014 correct tax deductions for South African employees across all tax brackets<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><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>UIF contributions calculated correctly for both employee and employer \u2014 meeting South African statutory requirements<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><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>Bank transfer initiation for all major South African banks \u2014 eliminating the separate banking step in the payroll process<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><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>Payslips compliant with South African employment legislation \u2014 meeting the Basic Conditions of Employment Act requirements<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><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>Multi-currency payroll for businesses employing staff across multiple African countries<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><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 in financial reports \u2014 eliminating the accounting errors that occur when payroll and accounts are managed separately<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-related\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"related-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Related Features<\/span><\/div><h2 class=\"h2\">Features that work alongside payroll processing<\/h2><\/div>\r\n <div class=\"related-grid\"><a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/pl\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udcc9<\/div><div class=\"related-title\">P&L Reporting<\/div><p class=\"related-desc\">Payroll costs post to the P&L automatically after every pay run \u2014 keeping staff costs always current in your financial reports.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/compliance#roles\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udee1\ufe0f<\/div><div class=\"related-title\">Roles & Permissions<\/div><p class=\"related-desc\">Payroll access is controlled by role \u2014 ensuring only authorised team members can view, process, and approve pay runs.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/balance\" class=\"related-card\"><div class=\"related-ico\">\u2696\ufe0f<\/div><div class=\"related-title\">Balance Sheet<\/div><p class=\"related-desc\">PAYE and UIF liabilities are recorded on the balance sheet automatically after each pay run \u2014 keeping statutory obligations always visible.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cta\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><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><\/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 team correctly \u2014 every time<\/h2><p>Payroll processing is included in Mutual Africa Pay's Summit plan and above. Set up your first pay run today.<\/p>\r\n <div class=\"cta-btns\"><a href=\"https:\/\/mutualafricapay.com\/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><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\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>Payroll Processing \u2014 Mutual Africa Pay *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: ‘Space Grotesk’, 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; } .h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; } .body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; } @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(-8px)} } @keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} } @keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} } @keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} } @keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} } .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; } @media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}} #s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; } .hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; } .breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; } @media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}} .breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; } .breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; } .hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; } .hero-inner h1 span { color:#2E9E44; } .hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; } .hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; } .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-cap { background:#060810; } .cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .fgrid { 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;display:block;color:inherit;text-decoration:none;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,float5 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,float6 7.5s 1.2s ease-in-out infinite} .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} .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} @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: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;color:#FFFFFF;line-height:1.68;position:relative;z-index:1} #s-how { background:#07091A; } .how-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; } .steps { display:flex;flex-direction:column;gap:3px; } .step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; } @media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}} .step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; } .step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; } .step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; } #s-use { background:#060810; } .use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; } .use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; } .use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s} @media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}} .use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; } .use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; } .use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; } #s-africa { background:#07091A; } .africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .africa-inner::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .africa-inner::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none} .africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; } .africa-points { display:flex;flex-direction:column;gap:12px; } .africa-point { display:flex;align-items:flex-start;gap:12px; } .africa-point-dot { 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; } .africa-point-dot svg { width:9px;height:9px; } .africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; } #s-related { background:#060810; } .related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; } .related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s} @media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}} .related-card:active{transform:scale(0.98)!important} .related-ico { font-size:1.4rem;margin-bottom:12px; } .related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; } .related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; } .related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; } @media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}} #s-cta { background:#07091A; } .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 } .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)} .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} .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} .cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1} .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1} @media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}} @media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}} Products\/People & Growth\/Payroll Processing Pay your team correctly,every time, automatically End-to-end payroll processing with PAYE calculations, UIF deductions, payslip generation, and bank transfer initiation \u2014 built into Mutual Africa Pay so pay day runs correctly and on time, every cycle, without the administrative burden. Get Started Contact Sales PAYE CalculationsUIF DeductionsPayslip GenerationBank TransfersWeekly & MonthlyP&L Integration Capabilities Six payroll capabilities that eliminate manual compliance work Payroll in Mutual Africa Pay handles every statutory requirement automatically \u2014 from tax calculations to payslip delivery and bank transfer initiation \u2014 so business owners focus on running their business, not on payroll administration. \ud83e\uddeeAutomated PAYE Calculations PAYE is calculated automatically for every employee on every pay run \u2014 based on their tax bracket, annual remuneration, and applicable rebates. No manual tax tables, no spreadsheet calculations, no risk of under- or over-deduction. PAYE is always correct. \ud83d\udccbUIF Deduction Management UIF contributions calculated and deducted automatically for every qualifying employee. Both the employee and employer contributions calculated correctly based on remuneration \u2014 no manual calculation or separate tracking of statutory contribution obligations. \ud83d\udcc4Payslip Generation & Delivery Professional payslips generated automatically for every employee on every pay run \u2014 showing gross pay, all deductions, net pay, and employer contributions. Payslips delivered directly to employees by email, reducing the administrative effort of payslip distribution to zero. \ud83c\udfe6Bank Transfer Initiation Salary payments initiated directly from Mutual Africa Pay after payroll is approved \u2014 eliminating the need to manually create payment batches in your banking system. Employee banking details stored securely and used for each pay run automatically. \ud83d\udd04Multiple Pay Cycle Support Configure weekly, biweekly, and monthly pay cycles per employee or per employee group. Different departments or employment types can have different pay frequencies \u2014 all managed within the same payroll system without separate processes. \ud83d\udccaPayroll Posted to Accounts Every payroll run creates the correct accounting entries automatically \u2014 payroll costs posted to the P&L, PAYE and UIF liabilities recorded on the balance sheet, and net salaries posted as a bank outflow. Your financial records are always accurate after every pay run, with no manual journal entries required. How It Works<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1883,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2065","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/pages\/2065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/comments?post=2065"}],"version-history":[{"count":0,"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/pages\/2065\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/pages\/1883"}],"wp:attachment":[{"href":"https:\/\/mutualafricapay.com\/ao\/wp-json\/wp\/v2\/media?parent=2065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}