{"id":1845,"date":"2025-07-11T08:53:01","date_gmt":"2025-07-11T08:53:01","guid":{"rendered":"https:\/\/mawasco.co.ke\/mystaging01\/?page_id=1845"},"modified":"2026-01-28T08:30:00","modified_gmt":"2026-01-28T08:30:00","slug":"payments","status":"publish","type":"page","link":"https:\/\/mawasco.co.ke\/mystaging01\/payments\/","title":{"rendered":"Payments"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1845\" class=\"elementor elementor-1845\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ba53dd e-flex e-con-boxed e-con e-parent\" data-id=\"6ba53dd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39ccb6c elementor-widget elementor-widget-heading\" data-id=\"39ccb6c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Payments<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7cd4b1 e-flex e-con-boxed e-con e-parent\" data-id=\"b7cd4b1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfc5b09 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bfc5b09\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .payment-tabs {\r\n    max-width: 2000px;\r\n    margin: auto;\r\n    font-family: inherit;\r\n    --active-bg: #e8f5e9;\r\n  }\r\n\r\n  .tab-buttons {\r\n    display: flex;\r\n    gap: 3px;\r\n    margin-bottom: -1px;\r\n    position: relative;\r\n    z-index: 2;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .tab-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 22px;\r\n    border-radius: 14px 14px 0 0;\r\n    color: #8a8888;\r\n    border: 1px solid #dcdcdc;\r\n    background: #f3f3f3;\r\n    cursor: pointer;\r\n    font-weight: 600;\r\n    position: relative;\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .tab-btn img {\r\n    height: 22px;\r\n    width: auto;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .tab-btn:not(.active) {\r\n    opacity: 0.75;\r\n  }\r\n\r\n  .tab-btn.active {\r\n    background: var(--active-bg);\r\n    color: #1a4d7d;\r\n    border-bottom: 1px solid var(--active-bg);\r\n    z-index: 3;\r\n  }\r\n\r\n  .tab-btn.active::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: -12px;\r\n    left: 0;\r\n    right: 0;\r\n    height: 12px;\r\n    background: var(--active-bg);\r\n    border-radius: 0 0 18px 18px;\r\n    z-index: -1;\r\n  }\r\n\r\n  .tab-panel {\r\n    display: none;\r\n    padding: 2.5rem;\r\n    border-radius: 0 24px 24px 24px;\r\n    background: var(--active-bg);\r\n    border: 1px solid #dcdcdc;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .tab-panel.active {\r\n    display: block;\r\n  }\r\n\r\n  .tab-panel h2 {\r\n    margin-top: 0;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .tab-buttons {\r\n      flex-direction: column;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .tab-btn {\r\n      border-radius: 14px;\r\n    }\r\n\r\n    .tab-btn.active::after {\r\n      display: none;\r\n    }\r\n\r\n    .tab-panel {\r\n      border-radius: 24px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"payment-tabs\">\r\n\r\n  <div class=\"tab-buttons\">\r\n    <button class=\"tab-btn active\" data-tab=\"mpesa\" data-color=\"#e8f5e9\">\r\n      <img decoding=\"async\" src=\"https:\/\/mawasco.co.ke\/mystaging01\/wp-content\/uploads\/2026\/01\/download-1.png\">\r\n      <span>M-Pesa<\/span>\r\n    <\/button>\r\n\r\n    <button class=\"tab-btn\" data-tab=\"equity\" data-color=\"#fdecec\">\r\n      <img decoding=\"async\" src=\"https:\/\/mawasco.co.ke\/mystaging01\/wp-content\/uploads\/2025\/07\/Equity_Bank_Logo.png\">\r\n      <span>Equity Bank<\/span>\r\n    <\/button>\r\n\r\n    <button class=\"tab-btn\" data-tab=\"coop\" data-color=\"#e7f4ee\">\r\n      <img decoding=\"async\" src=\"https:\/\/mawasco.co.ke\/mystaging01\/wp-content\/uploads\/2025\/07\/ke-coop-logo-min-200x200-1.webp\">\r\n      <span>Co-op Bank<\/span>\r\n    <\/button>\r\n\r\n    <button class=\"tab-btn\" data-tab=\"family\" data-color=\"#eef4fb\">\r\n      <img decoding=\"async\" src=\"https:\/\/mawasco.co.ke\/mystaging01\/wp-content\/uploads\/2025\/07\/Family-scaled.png\">\r\n      <span>Family Bank<\/span>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div class=\"tab-content\">\r\n\r\n    <div class=\"tab-panel active\" id=\"mpesa\">\r\n      <h2>Pay easily and conveniently with M-Pesa<\/h2>\r\n      <ol>\r\n        <li>Lipa na M-Pesa<\/li>\r\n        <li>Pay Bill Number <strong>321450<\/strong><\/li>\r\n        <li>Enter your water account number<\/li>\r\n        <li>Enter amount you wish to pay<\/li>\r\n        <li>Enter PIN<\/li>\r\n      <\/ol>\r\n      <p>You will receive confirmation from Safaricom and MAWASCO.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tab-panel\" id=\"equity\">\r\n      <h2>Pay via Equity Bank \/ Agent<\/h2>\r\n      <p>Visit any Equity Bank branch or agent and provide your water account number.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tab-panel\" id=\"coop\">\r\n      <h2>Pay via Co-operative Bank \/ Agent<\/h2>\r\n      <p>Pay at any Co-operative Bank branch or agent using your water account number.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tab-panel\" id=\"family\">\r\n      <h2>Pay via Family Bank \/ Agent<\/h2>\r\n      <p>Available at all Family Bank branches and agents.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.querySelectorAll('.payment-tabs').forEach(container => {\r\n    const buttons = container.querySelectorAll('.tab-btn');\r\n    const panels = container.querySelectorAll('.tab-panel');\r\n\r\n    buttons.forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        const color = btn.dataset.color;\r\n\r\n        buttons.forEach(b => b.classList.remove('active'));\r\n        panels.forEach(p => p.classList.remove('active'));\r\n\r\n        btn.classList.add('active');\r\n        container.querySelector('#' + btn.dataset.tab).classList.add('active');\r\n\r\n        container.style.setProperty('--active-bg', color);\r\n      });\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Payments M-Pesa Equity Bank Co-op Bank Family Bank Pay easily and conveniently with M-Pesa Lipa na M-Pesa Pay Bill Number [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1845","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mawasco.co.ke\/mystaging01\/wp-json\/wp\/v2\/pages\/1845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mawasco.co.ke\/mystaging01\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mawasco.co.ke\/mystaging01\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mawasco.co.ke\/mystaging01\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mawasco.co.ke\/mystaging01\/wp-json\/wp\/v2\/comments?post=1845"}],"version-history":[{"count":29,"href":"https:\/\/mawasco.co.ke\/mystaging01\/wp-json\/wp\/v2\/pages\/1845\/revisions"}],"predecessor-version":[{"id":2528,"href":"https:\/\/mawasco.co.ke\/mystaging01\/wp-json\/wp\/v2\/pages\/1845\/revisions\/2528"}],"wp:attachment":[{"href":"https:\/\/mawasco.co.ke\/mystaging01\/wp-json\/wp\/v2\/media?parent=1845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}