{"id":17,"date":"2026-06-03T16:32:31","date_gmt":"2026-06-03T13:32:31","guid":{"rendered":"https:\/\/www.nyandaruawater.co.ke\/wp1\/?page_id=17"},"modified":"2026-08-05T11:41:12","modified_gmt":"2026-08-05T08:41:12","slug":"home","status":"publish","type":"page","link":"https:\/\/www.nyandaruawater.co.ke\/wp1\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc5434b e-con e-atomic-element e-flexbox-base e-b97ebb2 \" data-id=\"dc5434b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dc5434b\">\n    \t\t<div class=\"elementor-element elementor-element-349d5c5 elementor-widget elementor-widget-html\" data-id=\"349d5c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/*=========================================\r\nBREAK OUT OF OCEANWP CONTAINER\r\n=========================================*\/\r\n\r\n.ny-home-wrapper{\r\n--primary:#005eb8;\r\n--secondary:#009fe3;\r\n--accent:#00c6ff;\r\n--dark:#002b4d;\r\n--light:#fff;\r\n--shadow:0 15px 45px rgba(0,0,0,.2);\r\n\r\nfont-family:Poppins,sans-serif;\r\nbackground:#fff;\r\ncolor:#222;\r\n\r\n\/* Full browser width *\/\r\nposition:relative;\r\nleft:50%;\r\nright:50%;\r\nmargin-left:-50vw;\r\nmargin-right:-50vw;\r\nwidth:100vw;\r\nmax-width:100vw;\r\n\r\noverflow:hidden;\r\nz-index:1;\r\n}\r\n\r\n\/*==========================\r\nHERO\r\n==========================*\/\r\n.ny-hero{position:relative;height:95vh;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}\r\n.ny-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease,transform 8s linear;transform:scale(1.1)}\r\n.ny-slide.active{opacity:1;transform:scale(1)}\r\n.ny-overlay{position:absolute;inset:0;background:linear-gradient(rgba(0,44,87,.75),rgba(0,94,184,.45))}\r\n.ny-content{position:relative;z-index:20;width:92%;max-width:950px;text-align:center;color:#fff}\r\n.ny-tag{display:inline-block;padding:10px 22px;border-radius:50px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);font-size:14px;letter-spacing:2px;margin-bottom:25px}\r\n.ny-content h1{font-size:64px;font-weight:800;line-height:1.15;margin-bottom:25px;text-shadow:0 5px 15px rgba(0,0,0,.3)}\r\n.ny-content p{font-size:21px;line-height:1.9;max-width:820px;margin:auto;margin-bottom:40px}\r\n\r\n\/*==========================\r\nBUTTONS\r\n==========================*\/\r\n.ny-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}\r\n.ny-btn{padding:18px 34px;border:none;border-radius:50px;font-size:17px;font-weight:600;transition:.35s;box-shadow:var(--shadow)}\r\n.ny-primary{background:var(--secondary);color:#fff}\r\n.ny-primary:hover{background:#0075bf;transform:translateY(-5px)}\r\n.ny-secondary{background:#fff;color:var(--primary)}\r\n.ny-secondary:hover{background:#f3f9ff;transform:translateY(-5px)}\r\n\r\n\/*==========================\r\nSTATUS\r\n==========================*\/\r\n.ny-status{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);padding:14px 28px;border-radius:40px;background:rgba(255,255,255,.15);backdrop-filter:blur(12px);color:#fff;z-index:30;font-size:15px}\r\n\r\n\/*==========================\r\nSCROLL INDICATOR\r\n==========================*\/\r\n.ny-scroll{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:30;color:#fff;text-align:center;font-size:12px;letter-spacing:3px}\r\n.ny-mouse{width:28px;height:48px;border:2px solid #fff;border-radius:20px;margin:10px auto 0;position:relative}\r\n.ny-wheel{width:4px;height:10px;background:#fff;border-radius:20px;position:absolute;left:50%;top:8px;transform:translateX(-50%);animation:wheel 1.6s infinite}\r\n@keyframes wheel{0%{opacity:1;top:8px}100%{opacity:0;top:24px}}\r\n\r\n\/*==========================\r\nMODAL\r\n==========================*\/\r\n.ny-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;padding:20px;z-index:99999}\r\n.ny-modal-box{background:#fff;width:100%;max-width:520px;border-radius:18px;padding:35px;position:relative;animation:popup .35s}\r\n@keyframes popup{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}\r\n.ny-close{position:absolute;top:15px;right:20px;font-size:34px;color:#777;cursor:pointer}\r\n.ny-modal-box h2{color:var(--primary);margin-bottom:20px}\r\n.ny-modal-box p{margin:12px 0;line-height:1.8;color:#555}\r\n.ny-modal-box strong{color:#111}\r\n.ny-action{display:inline-block;margin-top:20px;padding:15px 28px;border-radius:40px;background:var(--primary);color:#fff}\r\n\r\n\/*==========================\r\nRESPONSIVE\r\n==========================*\/\r\n@media(max-width:992px){\r\n.ny-content h1{font-size:48px}\r\n.ny-content p{font-size:18px}\r\n}\r\n@media(max-width:768px){\r\n.ny-hero{min-height:620px}\r\n.ny-content h1{font-size:34px}\r\n.ny-content p{font-size:16px}\r\n.ny-buttons{flex-direction:column}\r\n.ny-btn{width:100%}\r\n.ny-status{width:92%;font-size:13px}\r\n}\r\n<\/style>\r\n<!--==================================================\r\nNYANDAWAS PREMIUM HOMEPAGE\r\nPART 1A - HTML STRUCTURE\r\nOceanWP Safe\r\n===================================================-->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"ny-home-wrapper\">\r\n\r\n<section class=\"ny-hero\">\r\n\r\n<div class=\"ny-slide active\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?auto=format&fit=crop&w=2000&q=80')\">\r\n<div class=\"ny-overlay\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"ny-slide\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1509395176047-4a66953fd231?auto=format&fit=crop&w=2000&q=80')\">\r\n<div class=\"ny-overlay\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"ny-slide\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2000&q=80')\">\r\n<div class=\"ny-overlay\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"ny-slide\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=2000&q=80')\">\r\n<div class=\"ny-overlay\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"ny-content\">\r\n\r\n<div class=\"ny-tag\">\r\nQUALITY WATER FOR ALL\r\n<\/div>\r\n\r\n<h1>\r\nWelcome to Nyandarua Water & Sanitation Company Ltd\r\n<\/h1>\r\n\r\n<p>\r\nProviding safe,reliable and sustainable water & sanitation services across Nyandarua County while improving lives through innovation,customer excellence and responsible resource management.\r\n<\/p>\r\n\r\n<div class=\"ny-buttons\">\r\n\r\n<button class=\"ny-btn ny-primary\" onclick=\"openModal('paybill')\">\r\n\ud83d\udcb3 Pay Water Bill\r\n<\/button>\r\n\r\n<button class=\"ny-btn ny-secondary\" onclick=\"openModal('customer')\">\r\n\ud83d\udeb0 Become a Customer\r\n<\/button>\r\n\r\n<button class=\"ny-btn ny-primary\" onclick=\"openModal('leak')\">\r\n\ud83d\udea8 Report a Leak\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-status\">\r\n\r\n<span id=\"nyTicker\">\r\n\ud83d\udfe2 Water Supply Status: Normal Across Most Service Areas\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-scroll\">\r\n\r\n<span>SCROLL<\/span>\r\n\r\n<div class=\"ny-mouse\">\r\n\r\n<div class=\"ny-wheel\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<!--==============================\r\nPOPUP MODALS\r\n===============================-->\r\n\r\n<div class=\"ny-modal\" id=\"nyModal\">\r\n\r\n<div class=\"ny-modal-box\">\r\n\r\n<span class=\"ny-close\" onclick=\"closeModal()\">&times;<\/span>\r\n\r\n<div id=\"nyModalContent\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!--END PART 1A-->\r\n<script>\r\n\/*===========================================\r\nNYANDAWAS HOMEPAGE JAVASCRIPT\r\nPART 1C\r\n===========================================*\/\r\n\r\n\/*========== HERO SLIDER ==========*\/\r\nconst slides=document.querySelectorAll(\".ny-slide\");\r\nlet currentSlide=0;\r\nsetInterval(()=>{\r\nslides[currentSlide].classList.remove(\"active\");\r\ncurrentSlide=(currentSlide+1)%slides.length;\r\nslides[currentSlide].classList.add(\"active\");\r\n},6000);\r\n\r\n\/*========== STATUS TICKER ==========*\/\r\nconst ticker=document.getElementById(\"nyTicker\");\r\nconst messages=[\r\n\"\ud83d\udfe2 Water Supply Status: Normal Across Most Service Areas\",\r\n\"\ud83d\udca7 Welcome to NYANDAWAS - Quality Water For All\",\r\n\"\ud83d\udce2 July Water Bills Have Been Released\",\r\n\"\ud83d\udcf1 Pay Easily via M-Pesa Paybill 935129\",\r\n\"\ud83d\udea8 Report Water Leaks on 0704 221 336\",\r\n\"\ud83c\udf31 Every Drop Counts - Conserve Water\"\r\n];\r\nlet currentMessage=0;\r\nsetInterval(()=>{\r\ncurrentMessage=(currentMessage+1)%messages.length;\r\nticker.style.opacity=0;\r\nsetTimeout(()=>{\r\nticker.innerHTML=messages[currentMessage];\r\nticker.style.opacity=1;\r\n},300);\r\n},5000);\r\n\r\n\/*========== MODAL ==========*\/\r\nconst modal=document.getElementById(\"nyModal\");\r\nconst content=document.getElementById(\"nyModalContent\");\r\n\r\nfunction openModal(type){\r\n\r\nlet html=\"\";\r\n\r\nswitch(type){\r\n\r\ncase \"paybill\":\r\n\r\nhtml=`\r\n<h2>\ud83d\udcb3 Pay Your Water Bill<\/h2>\r\n<p>You can conveniently pay your water bill using:<\/p>\r\n\r\n<div style=\"background:#f4f9ff;padding:20px;border-radius:12px;margin:20px 0;text-align:center\">\r\n\r\n<h3 style=\"color:#005eb8;margin-bottom:10px;\">M-PESA PAYBILL<\/h3>\r\n\r\n<div style=\"font-size:42px;font-weight:700;color:#005eb8;\">\r\n935129\r\n<\/div>\r\n\r\n<p style=\"margin-top:15px;\">\r\n<strong>Account Number<\/strong><br>\r\nUse Your Water Account Number\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<a href=\"#\" class=\"ny-action\" onclick=\"closeModal()\">Close<\/a>\r\n`;\r\n\r\nbreak;\r\n\r\ncase \"customer\":\r\n\r\nhtml=`\r\n<h2>\ud83d\udeb0 Become a Customer<\/h2>\r\n\r\n<p>Thank you for choosing NYANDAWAS.<\/p>\r\n\r\n<p>Requirements include:<\/p>\r\n\r\n<ul style=\"margin-left:20px;line-height:2;color:#555;\">\r\n<li>National ID<\/li>\r\n<li>KRA PIN<\/li>\r\n<li>Proof of ownership\/tenancy<\/li>\r\n<li>Application Form<\/li>\r\n<\/ul>\r\n\r\n<a href=\"\/become-a-customer\/\" class=\"ny-action\">\r\nOpen Customer Page\r\n<\/a>\r\n`;\r\n\r\nbreak;\r\n\r\ncase \"leak\":\r\n\r\nhtml=`\r\n<h2>\ud83d\udea8 Report a Water Leak<\/h2>\r\n\r\n<p>Please contact our Customer Care immediately.<\/p>\r\n\r\n<div style=\"text-align:center;padding:20px;background:#f4f9ff;border-radius:12px;margin:20px 0;\">\r\n\r\n<h3 style=\"color:#005eb8;\">\r\n\ud83d\udcde 0704 221 336\r\n<\/h3>\r\n\r\n<\/div>\r\n\r\n<div style=\"display:flex;gap:10px;flex-wrap:wrap;justify-content:center;\">\r\n\r\n<a class=\"ny-action\" href=\"tel:+254704221336\">\r\nCall Customer Care\r\n<\/a>\r\n\r\n<a class=\"ny-action\"\r\nstyle=\"background:#25D366;\"\r\ntarget=\"_blank\"\r\nhref=\"https:\/\/wa.me\/254704221336\">\r\nWhatsApp\r\n<\/a>\r\n\r\n<\/div>\r\n`;\r\n\r\nbreak;\r\n\r\n}\r\n\r\ncontent.innerHTML=html;\r\n\r\nmodal.style.display=\"flex\";\r\n\r\n}\r\n\r\n\/*========== CLOSE MODAL ==========*\/\r\n\r\nfunction closeModal(){\r\n\r\nmodal.style.display=\"none\";\r\n\r\n}\r\n\r\n\/*========== CLICK OUTSIDE ==========*\/\r\n\r\nwindow.onclick=function(e){\r\n\r\nif(e.target==modal){\r\n\r\ncloseModal();\r\n\r\n}\r\n\r\n}\r\n\r\n\/*========== ESC KEY ==========*\/\r\n\r\ndocument.addEventListener(\"keydown\",e=>{\r\n\r\nif(e.key===\"Escape\"){\r\n\r\ncloseModal();\r\n\r\n}\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ca84476 e-con e-atomic-element e-flexbox-base e-cece66c \" data-id=\"ca84476\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ca84476\">\n    \t\t<div class=\"elementor-element elementor-element-801591e elementor-widget elementor-widget-html\" data-id=\"801591e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/*========================================\r\nSECTION 02 - WELCOME\r\n========================================*\/\r\n\r\n.ny-container{\r\nwidth:92%;\r\nmax-width:1400px;\r\n}\r\n\r\n.ny-welcome{\r\nposition:relative;\r\nbackground:#fff;\r\npadding:0 0 10px;\r\noverflow:hidden;\r\n}\r\n\r\n.ny-wave{\r\nposition:relative;\r\nwidth:100%;\r\nline-height:0;\r\nmargin-top:-2px;\r\n}\r\n\r\n.ny-wave svg{\r\ndisplay:block;\r\nwidth:100%;\r\nheight:10px;\r\n}\r\n\r\n.ny-about{\r\ndisplay:grid;\r\ngrid-template-columns:1fr 1fr;\r\nalign-items:center;\r\ngap:70px;\r\nmargin-top:4px;\r\n}\r\n\r\n.ny-about-image{\r\nposition:relative;\r\n}\r\n\r\n.ny-about-image img{\r\nwidth:100%;\r\nheight:520px;\r\nobject-fit:cover;\r\nborder-radius:24px;\r\nbox-shadow:0 25px 60px rgba(0,0,0,.18);\r\ntransition:.5s;\r\n}\r\n\r\n.ny-about-image:hover img{\r\ntransform:scale(1.03);\r\n}\r\n\r\n.ny-about-text{\r\nanimation:fadeUp 1s ease;\r\n}\r\n\r\n.ny-small-title{\r\ndisplay:inline-block;\r\npadding:8px 20px;\r\nbackground:#eaf6ff;\r\ncolor:#005eb8;\r\nfont-size:13px;\r\nfont-weight:600;\r\nborder-radius:30px;\r\nletter-spacing:1px;\r\nmargin-bottom:20px;\r\n}\r\n\r\n.ny-about-text h2{\r\nfont-size:48px;\r\nfont-weight:700;\r\nline-height:1.2;\r\ncolor:#003b73;\r\nmargin-bottom:25px;\r\n}\r\n\r\n.ny-about-text p{\r\nfont-size:17px;\r\nline-height:1.9;\r\ncolor:#555;\r\nmargin-bottom:18px;\r\n}\r\n\r\n.ny-about-buttons{\r\ndisplay:flex;\r\ngap:20px;\r\nmargin-top:35px;\r\nflex-wrap:wrap;\r\n}\r\n\r\n\/*========================================\r\nSECTION TITLES\r\n========================================*\/\r\n\r\n.ny-section-title{\r\ntext-align:center;\r\nmax-width:800px;\r\nmargin:0 auto 7px;\r\n}\r\n\r\n.ny-section-title span{\r\ndisplay:inline-block;\r\npadding:8px 20px;\r\nbackground:#eaf6ff;\r\ncolor:#005eb8;\r\nborder-radius:30px;\r\nfont-size:13px;\r\nfont-weight:600;\r\nletter-spacing:1px;\r\nmargin-bottom:18px;\r\n}\r\n\r\n.ny-section-title h2{\r\nfont-size:42px;\r\ncolor:#003b73;\r\nmargin-bottom:18px;\r\n}\r\n\r\n.ny-section-title p{\r\nfont-size:17px;\r\ncolor:#666;\r\nline-height:1.8;\r\n}\r\n\r\n\/*========================================\r\nANIMATION\r\n========================================*\/\r\n\r\n@keyframes fadeUp{\r\nfrom{\r\nopacity:0;\r\ntransform:translateY(50px);\r\n}\r\nto{\r\nopacity:1;\r\ntransform:translateY(0);\r\n}\r\n}\r\n\r\n\/*========================================\r\nRESPONSIVE\r\n========================================*\/\r\n\r\n@media(max-width:991px){\r\n\r\n.ny-about{\r\ngrid-template-columns:1fr;\r\ngap:45px;\r\n}\r\n\r\n.ny-about-image img{\r\nheight:420px;\r\n}\r\n\r\n.ny-about-text h2{\r\nfont-size:36px;\r\n}\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n.ny-welcome{\r\npadding-bottom:70px;\r\n}\r\n\r\n.ny-about-image img{\r\nheight:320px;\r\n}\r\n\r\n.ny-about-text{\r\ntext-align:center;\r\n}\r\n\r\n.ny-about-buttons{\r\njustify-content:center;\r\n}\r\n\r\n.ny-section-title h2{\r\nfont-size:30px;\r\n}\r\n\r\n.ny-section-title p{\r\nfont-size:16px;\r\n}\r\n\r\n}\r\n\r\n\/*========================================\r\nSECTION 03 - COMPANY PERFORMANCE\r\n========================================*\/\r\n\r\n.ny-stats{\r\npadding:100px 0;\r\nbackground:linear-gradient(135deg,#004b8d,#006db8,#009fe3);\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n\r\n.ny-stats::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:-180px;\r\nright:-180px;\r\nwidth:450px;\r\nheight:450px;\r\nbackground:rgba(255,255,255,.08);\r\nborder-radius:50%;\r\n}\r\n\r\n.ny-stats::after{\r\ncontent:\"\";\r\nposition:absolute;\r\nbottom:-220px;\r\nleft:-180px;\r\nwidth:500px;\r\nheight:400px;\r\nbackground:rgba(255,255,255,.06);\r\nborder-radius:50%;\r\n}\r\n\r\n.ny-stats .ny-section-title{\r\nposition:relative;\r\nz-index:2;\r\n}\r\n\r\n.ny-stats .ny-section-title span{\r\nbackground:rgba(255,255,255,.15);\r\ncolor:#fff;\r\nbackdrop-filter:blur(10px);\r\n}\r\n\r\n.ny-stats .ny-section-title h2{\r\ncolor:#fff;\r\n}\r\n\r\n.ny-stats .ny-section-title p{\r\ncolor:rgba(255,255,255,.9);\r\n}\r\n\r\n.ny-stat-grid{\r\nposition:relative;\r\nz-index:2;\r\ndisplay:grid;\r\ngrid-template-columns:repeat(3,1fr);\r\ngap:30px;\r\nmargin-top:60px;\r\n}\r\n\r\n.ny-stat-card{\r\nbackground:rgba(255,255,255,.15);\r\nbackdrop-filter:blur(18px);\r\nborder:1px solid rgba(255,255,255,.2);\r\nborder-radius:22px;\r\npadding:45px 30px;\r\ntext-align:center;\r\ntransition:.4s;\r\nbox-shadow:0 15px 40px rgba(0,0,0,.15);\r\n}\r\n\r\n.ny-stat-card:hover{\r\ntransform:translateY(-10px);\r\nbackground:rgba(255,255,255,.22);\r\n}\r\n\r\n.ny-counter{\r\nfont-size:58px;\r\nfont-weight:700;\r\ncolor:#fff;\r\nline-height:1;\r\nmargin-bottom:18px;\r\n}\r\n\r\n.ny-counter::after{\r\ncontent:\"+\";\r\nfont-size:.65em;\r\nmargin-left:2px;\r\n}\r\n\r\n.ny-stat-card:nth-child(2) .ny-counter::after,\r\n.ny-stat-card:nth-child(3) .ny-counter::after,\r\n.ny-stat-card:nth-child(4) .ny-counter::after,\r\n.ny-stat-card:nth-child(5) .ny-counter::after,\r\n.ny-stat-card:nth-child(6) .ny-counter::after{\r\ncontent:\"\";\r\n}\r\n\r\n.ny-stat-card:nth-child(3) .ny-counter::before,\r\n.ny-stat-card:nth-child(4) .ny-counter::before,\r\n.ny-stat-card:nth-child(6) .ny-counter::before{\r\ncontent:\"\";\r\n}\r\n\r\n.ny-stat-card h3{\r\nfont-size:18px;\r\nfont-weight:600;\r\ncolor:#fff;\r\nmargin-bottom:10px;\r\n}\r\n\r\n.ny-stat-card p{\r\nfont-size:14px;\r\nline-height:1.8;\r\ncolor:rgba(255,255,255,.9);\r\n}\r\n\r\n.ny-stat-card:hover .ny-counter{\r\ntransform:scale(1.08);\r\ntransition:.3s;\r\n}\r\n\r\n\/*========================================\r\nRESPONSIVE\r\n========================================*\/\r\n\r\n@media(max-width:1100px){\r\n\r\n.ny-stat-grid{\r\ngrid-template-columns:repeat(2,1fr);\r\n}\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n.ny-stats{\r\npadding:80px 0;\r\n}\r\n\r\n.ny-stat-grid{\r\ngrid-template-columns:1fr;\r\ngap:20px;\r\n}\r\n\r\n.ny-counter{\r\nfont-size:46px;\r\n}\r\n\r\n.ny-stat-card{\r\npadding:35px 25px;\r\n}\r\n\r\n}\r\n\r\n\r\n\/*========================================\r\nSECTION 04 - QUICK SERVICES\r\n========================================*\/\r\n\r\n.ny-services{\r\npadding:10px 0;\r\nbackground:#f7fbff;\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n\r\n.ny-services::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:-180px;\r\nleft:-180px;\r\nwidth:420px;\r\nheight:420px;\r\nborder-radius:50%;\r\nbackground:rgba(0,158,227,.05);\r\n}\r\n\r\n.ny-services::after{\r\ncontent:\"\";\r\nposition:absolute;\r\nbottom:-200px;\r\nright:-180px;\r\nwidth:480px;\r\nheight:480px;\r\nborder-radius:50%;\r\nbackground:rgba(0,94,184,.05);\r\n}\r\n\r\n.ny-services .ny-section-title{\r\nposition:relative;\r\nz-index:2;\r\n}\r\n\r\n.ny-service-grid{\r\nposition:relative;\r\nz-index:2;\r\ndisplay:grid;\r\ngrid-template-columns:repeat(3,1fr);\r\ngap:35px;\r\nmargin-top:10px;\r\n}\r\n\r\n.ny-service-card{\r\nbackground:#fff;\r\nborder-radius:22px;\r\npadding:45px 35px;\r\ntext-align:center;\r\nbox-shadow:0 12px 35px rgba(0,0,0,.08);\r\ntransition:.4s;\r\ncursor:pointer;\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n\r\n.ny-service-card::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:5px;\r\nbackground:linear-gradient(90deg,#005eb8,#00c6ff);\r\ntransform:scaleX(0);\r\ntransform-origin:left;\r\ntransition:.4s;\r\n}\r\n\r\n.ny-service-card:hover::before{\r\ntransform:scaleX(1);\r\n}\r\n\r\n.ny-service-card:hover{\r\ntransform:translateY(-12px);\r\nbox-shadow:0 25px 55px rgba(0,94,184,.18);\r\n}\r\n\r\n.ny-service-icon{\r\nwidth:90px;\r\nheight:90px;\r\nmargin:auto;\r\nmargin-bottom:25px;\r\nborder-radius:50%;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nfont-size:40px;\r\nbackground:linear-gradient(135deg,#005eb8,#00b7ff);\r\ncolor:#fff;\r\nbox-shadow:0 15px 35px rgba(0,94,184,.30);\r\ntransition:.4s;\r\n}\r\n\r\n.ny-service-card:hover .ny-service-icon{\r\ntransform:rotateY(180deg) scale(1.08);\r\n}\r\n\r\n.ny-service-card h3{\r\nfont-size:24px;\r\ncolor:#003b73;\r\nmargin-bottom:18px;\r\nfont-weight:700;\r\n}\r\n\r\n.ny-service-card p{\r\nfont-size:16px;\r\nline-height:1.9;\r\ncolor:#666;\r\nmargin-bottom:25px;\r\n}\r\n\r\n.ny-service-link{\r\ndisplay:inline-flex;\r\nalign-items:center;\r\ngap:8px;\r\ncolor:#005eb8;\r\nfont-weight:600;\r\nfont-size:15px;\r\ntransition:.3s;\r\n}\r\n\r\n.ny-service-card:hover .ny-service-link{\r\ngap:14px;\r\ncolor:#009fe3;\r\n}\r\n\r\n.ny-service-card:active{\r\ntransform:scale(.97);\r\n}\r\n\r\n\/*========================================\r\nSERVICE CARD COLORS\r\n========================================*\/\r\n\r\n.ny-service-card:nth-child(1) .ny-service-icon{\r\nbackground:linear-gradient(135deg,#005eb8,#00b7ff);\r\n}\r\n\r\n.ny-service-card:nth-child(2) .ny-service-icon{\r\nbackground:linear-gradient(135deg,#0aa84f,#42d97b);\r\n}\r\n\r\n.ny-service-card:nth-child(3) .ny-service-icon{\r\nbackground:linear-gradient(135deg,#ff5b5b,#ff9d2f);\r\n}\r\n\r\n.ny-service-card:nth-child(4) .ny-service-icon{\r\nbackground:linear-gradient(135deg,#7b2ff7,#a84dff);\r\n}\r\n\r\n.ny-service-card:nth-child(5) .ny-service-icon{\r\nbackground:linear-gradient(135deg,#ff9800,#ffd54f);\r\n}\r\n\r\n.ny-service-card:nth-child(6) .ny-service-icon{\r\nbackground:linear-gradient(135deg,#009688,#36d1c4);\r\n}\r\n\r\n\/*========================================\r\nHOVER GLOW\r\n========================================*\/\r\n\r\n.ny-service-card:hover{\r\nbackground:#fff;\r\n}\r\n\r\n.ny-service-card:hover::after{\r\ncontent:\"\";\r\nposition:absolute;\r\ninset:0;\r\nborder-radius:22px;\r\nborder:2px solid rgba(0,158,227,.15);\r\npointer-events:none;\r\n}\r\n\r\n\/*========================================\r\nRESPONSIVE\r\n========================================*\/\r\n\r\n@media(max-width:1100px){\r\n\r\n.ny-service-grid{\r\ngrid-template-columns:repeat(2,1fr);\r\n}\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n.ny-services{\r\npadding:80px 0;\r\n}\r\n\r\n.ny-service-grid{\r\ngrid-template-columns:1fr;\r\ngap:25px;\r\n}\r\n\r\n.ny-service-card{\r\npadding:35px 25px;\r\n}\r\n\r\n.ny-service-icon{\r\nwidth:75px;\r\nheight:75px;\r\nfont-size:34px;\r\n}\r\n\r\n.ny-service-card h3{\r\nfont-size:22px;\r\n}\r\n\r\n.ny-service-card p{\r\nfont-size:15px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n<!--==================================================\r\nSECTION 02 - WELCOME & QUICK SERVICES\r\n===================================================-->\r\n\r\n<section class=\"ny-welcome\">\r\n\r\n<div class=\"ny-wave\">\r\n\r\n<svg viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\r\n\r\n<path fill=\"#ffffff\"\r\nd=\"M0,64L60,69.3C120,75,240,85,360,80C480,75,600,53,720,48C840,43,960,53,1080,69.3C1200,85,1320,107,1380,117.3L1440,128L1440,0L1380,0C1320,0,1200,0,1080,0C960,0,840,0,720,0C600,0,480,0,360,0C240,0,120,0,60,0L0,0Z\">\r\n\r\n<\/path>\r\n\r\n<\/svg>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-container\">\r\n\r\n<div class=\"ny-about\">\r\n\r\n<div class=\"ny-about-image\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1200&q=80\" alt=\"NYANDAWAS\">\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-about-text\">\r\n\r\n<span class=\"ny-small-title\">\r\n\r\nWELCOME TO NYANDAWAS\r\n\r\n<\/span>\r\n\r\n<h2>\r\n\r\nProviding Safe Water.\r\nBuilding Strong Communities.\r\n\r\n<\/h2>\r\n\r\n<p>\r\n\r\nNyandarua Water & Sanitation Company Limited (NYANDAWAS) is committed to delivering reliable, affordable and sustainable water and sanitation services across Nyandarua County.\r\n\r\n<\/p>\r\n\r\n<p>\r\n\r\nWe continue to invest in modern infrastructure, improve customer experience and embrace innovation to ensure every household, institution and business enjoys quality water services.\r\n\r\n<\/p>\r\n\r\n<div class=\"ny-about-buttons\">\r\n\r\n<a href=\"\/about-us\/\" class=\"ny-btn ny-primary\">\r\n\r\nLearn More\r\n\r\n<\/a>\r\n\r\n<a href=\"\/contact-us\/\" class=\"ny-btn ny-secondary\">\r\n\r\nContact Us\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<!--==================================================\r\nSECTION 03 - COMPANY PERFORMANCE\r\n===================================================-->\r\n\r\n<section class=\"ny-stats\">\r\n\r\n<div class=\"ny-container\">\r\n\r\n<div class=\"ny-section-title\">\r\n\r\n<span>OUR PERFORMANCE<\/span>\r\n\r\n<h2>\r\n\r\nDelivering Results That Matter\r\n\r\n<\/h2>\r\n\r\n<p>\r\n\r\nOur commitment to operational excellence continues to improve service delivery across Nyandarua County.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-stat-grid\">\r\n\r\n<div class=\"ny-stat-card\">\r\n\r\n<div class=\"ny-counter\" data-target=\"10000\">\r\n0\r\n<\/div>\r\n\r\n<h3>\r\n\r\nCustomers Served\r\n\r\n<\/h3>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-stat-card\">\r\n\r\n<div class=\"ny-counter\" data-target=\"93\">\r\n\r\n0\r\n\r\n<\/div>\r\n\r\n<h3>\r\n\r\nWASREB Score\r\n\r\n<\/h3>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-stat-card\">\r\n\r\n<div class=\"ny-counter\" data-target=\"100\">\r\n\r\n0\r\n\r\n<\/div>\r\n\r\n<h3>\r\n\r\nWater Quality %\r\n\r\n<\/h3>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-stat-card\">\r\n\r\n<div class=\"ny-counter\" data-target=\"97\">\r\n\r\n0\r\n\r\n<\/div>\r\n\r\n<h3>\r\n\r\nRevenue Collection %\r\n\r\n<\/h3>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-stat-card\">\r\n\r\n<div class=\"ny-counter\" data-target=\"41\">\r\n\r\n0\r\n\r\n<\/div>\r\n\r\n<h3>\r\n\r\nNational Ranking\r\n\r\n<\/h3>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-stat-card\">\r\n\r\n<div class=\"ny-counter\" data-target=\"60\">\r\n\r\n0\r\n\r\n<\/div>\r\n\r\n<h3>\r\n\r\nWater Coverage %\r\n\r\n<\/h3>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<!--==================================================\r\nSECTION 04 - QUICK SERVICES\r\n===================================================-->\r\n\r\n<section class=\"ny-services\">\r\n\r\n<div class=\"ny-container\">\r\n\r\n<div class=\"ny-section-title\">\r\n\r\n<span>CUSTOMER SERVICES<\/span>\r\n\r\n<h2>\r\n\r\nHow Can We Help You Today?\r\n\r\n<\/h2>\r\n\r\n<p>\r\n\r\nQuick access to our most frequently used customer services.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-service-grid\">\r\n\r\n<div class=\"ny-service-card\" onclick=\"openModal('paybill')\">\r\n\r\n<div class=\"ny-service-icon\">\ud83d\udcb3<\/div>\r\n\r\n<h3>Pay Bill<\/h3>\r\n\r\n<p>\r\n\r\nPay your water bill quickly using M-Pesa Paybill 935129.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-service-card\" onclick=\"openModal('customer')\">\r\n\r\n<div class=\"ny-service-icon\">\ud83d\udeb0<\/div>\r\n\r\n<h3>Become a Customer<\/h3>\r\n\r\n<p>\r\n\r\nApply for a new water connection quickly and easily.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-service-card\" onclick=\"openModal('leak')\">\r\n\r\n<div class=\"ny-service-icon\">\ud83d\udea8<\/div>\r\n\r\n<h3>Report a Leak<\/h3>\r\n\r\n<p>\r\n\r\nReport bursts and water leaks for immediate attention.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-service-card\">\r\n\r\n<div class=\"ny-service-icon\">\ud83d\udcc4<\/div>\r\n\r\n<h3>Service Charter<\/h3>\r\n\r\n<p>\r\n\r\nView our service standards and customer commitments.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-service-card\">\r\n\r\n<div class=\"ny-service-icon\">\ud83d\udcf7<\/div>\r\n\r\n<h3>Gallery<\/h3>\r\n\r\n<p>\r\n\r\nExplore our projects, events and company activities.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-service-card\">\r\n\r\n<div class=\"ny-service-icon\">\ud83d\udce2<\/div>\r\n\r\n<h3>Latest Notices<\/h3>\r\n\r\n<p>\r\n\r\nStay informed with our latest public notices and announcements.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<!--========== END OF PART 2A ==========-->\r\n<script>\r\n\r\n\/*========================================\r\nSECTION 02\r\nPREMIUM JAVASCRIPT\r\n========================================*\/\r\n\r\n\/*==============================\r\nANIMATED COUNTERS\r\n==============================*\/\r\n\r\nconst nyCounters=document.querySelectorAll(\".ny-counter\");\r\n\r\nconst nyCounterObserver=new IntersectionObserver(entries=>{\r\n\r\nentries.forEach(entry=>{\r\n\r\nif(entry.isIntersecting){\r\n\r\nconst counter=entry.target;\r\n\r\nconst target=parseInt(counter.dataset.target);\r\n\r\nlet count=0;\r\n\r\nconst speed=Math.ceil(target\/120);\r\n\r\nconst update=()=>{\r\n\r\ncount+=speed;\r\n\r\nif(count<target){\r\n\r\ncounter.innerHTML=count;\r\n\r\nrequestAnimationFrame(update);\r\n\r\n}else{\r\n\r\ncounter.innerHTML=target;\r\n\r\nif(target==10000){\r\n\r\ncounter.innerHTML=\"10,000\";\r\n\r\n}\r\nif(target==93){\r\n\r\ncounter.innerHTML=\"93\";\r\n\r\n}\r\n\r\nif(target==100){\r\n\r\ncounter.innerHTML=\"100%\";\r\n\r\n}\r\n\r\nif(target==97){\r\n\r\ncounter.innerHTML=\"97%\";\r\n\r\n}\r\n\r\nif(target==41){\r\n\r\ncounter.innerHTML=\"41\";\r\n\r\n}\r\n\r\nif(target==60){\r\n\r\ncounter.innerHTML=\"60%\";\r\n\r\n}\r\n\r\n}\r\n\r\n};\r\n\r\nupdate();\r\n\r\nnyCounterObserver.unobserve(counter);\r\n\r\n}\r\n\r\n});\r\n\r\n},\r\n\r\n{\r\n\r\nthreshold:.4\r\n\r\n});\r\n\r\nnyCounters.forEach(counter=>{\r\n\r\nnyCounterObserver.observe(counter);\r\n\r\n});\r\n\r\n\/*==============================\r\nSCROLL REVEAL ANIMATION\r\n==============================*\/\r\n\r\nconst revealElements=document.querySelectorAll(\r\n\r\n\".ny-about,.ny-stat-card,.ny-service-card,.ny-section-title\"\r\n\r\n);\r\n\r\nrevealElements.forEach(el=>{\r\n\r\nel.style.opacity=\"0\";\r\n\r\nel.style.transform=\"translateY(60px)\";\r\n\r\nel.style.transition=\".8s ease\";\r\n\r\n});\r\n\r\nconst revealObserver=new IntersectionObserver(entries=>{\r\n\r\nentries.forEach(entry=>{\r\n\r\nif(entry.isIntersecting){\r\n\r\nentry.target.style.opacity=\"1\";\r\n\r\nentry.target.style.transform=\"translateY(0)\";\r\n\r\nrevealObserver.unobserve(entry.target);\r\n\r\n}\r\n\r\n});\r\n\r\n},\r\n\r\n{\r\n\r\nthreshold:.15\r\n\r\n});\r\n\r\nrevealElements.forEach(el=>{\r\n\r\nrevealObserver.observe(el);\r\n\r\n});\r\n\r\n\/*==============================\r\nSERVICE CARD RIPPLE EFFECT\r\n==============================*\/\r\n\r\ndocument.querySelectorAll(\".ny-service-card\").forEach(card=>{\r\n\r\ncard.addEventListener(\"click\",function(e){\r\n\r\nconst ripple=document.createElement(\"span\");\r\n\r\nconst size=Math.max(this.clientWidth,this.clientHeight);\r\n\r\nconst rect=this.getBoundingClientRect();\r\n\r\nripple.style.width=size+\"px\";\r\n\r\nripple.style.height=size+\"px\";\r\n\r\nripple.style.left=e.clientX-rect.left-size\/2+\"px\";\r\n\r\nripple.style.top=e.clientY-rect.top-size\/2+\"px\";\r\n\r\nripple.style.position=\"absolute\";\r\n\r\nripple.style.borderRadius=\"50%\";\r\n\r\nripple.style.background=\"rgba(0,158,227,.25)\";\r\n\r\nripple.style.transform=\"scale(0)\";\r\n\r\nripple.style.animation=\"nyRipple .7s linear\";\r\n\r\nripple.style.pointerEvents=\"none\";\r\n\r\nthis.appendChild(ripple);\r\n\r\nsetTimeout(()=>{\r\n\r\nripple.remove();\r\n\r\n},700);\r\n\r\n});\r\n\r\n});\r\n\r\n\/*==============================\r\nRIPPLE ANIMATION\r\n==============================*\/\r\n\r\nconst rippleStyle=document.createElement(\"style\");\r\n\r\nrippleStyle.innerHTML=`\r\n\r\n@keyframes nyRipple{\r\n\r\nto{\r\n\r\ntransform:scale(4);\r\n\r\nopacity:0;\r\n\r\n}\r\n\r\n}\r\n\r\n`;\r\n\r\ndocument.head.appendChild(rippleStyle);\r\n\r\n\/*==============================\r\nSMOOTH BUTTON HOVER\r\n==============================*\/\r\n\r\ndocument.querySelectorAll(\".ny-btn\").forEach(btn=>{\r\n\r\nbtn.addEventListener(\"mouseenter\",()=>{\r\n\r\nbtn.style.transition=\".35s\";\r\n\r\n});\r\n\r\n});\r\n\r\n\/*==============================\r\nPARALLAX HERO\r\n==============================*\/\r\n\r\nwindow.addEventListener(\"scroll\",()=>{\r\n\r\nconst hero=document.querySelector(\".ny-hero\");\r\n\r\nif(hero){\r\n\r\nhero.style.backgroundPositionY=\r\n\r\nwindow.pageYOffset*.35+\"px\";\r\n\r\n}\r\n\r\n});\r\n\r\n\/*==============================\r\nPRELOAD HERO IMAGES\r\n==============================*\/\r\n\r\ndocument.querySelectorAll(\".ny-slide\").forEach(slide=>{\r\n\r\nconst bg=slide.style.backgroundImage;\r\n\r\nconst url=bg.replace(\/^url\\([\"']?\/,\"\").replace(\/[\"']?\\)$\/,\"\");\r\n\r\nconst img=new Image();\r\n\r\nimg.src=url;\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f30a6e9 e-con e-atomic-element e-flexbox-base e-b21c58f \" data-id=\"f30a6e9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f30a6e9\">\n    \t\t<div class=\"elementor-element elementor-element-5b1c76d elementor-widget elementor-widget-html\" data-id=\"5b1c76d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\/*==================================================\r\nOUR PARTNERS\r\n==================================================*\/\r\n<style>\r\n.ny-partners{\r\npadding:12px 0;\r\nbackground:#ffffff;\r\noverflow:hidden;\r\n}\r\n\r\n.ny-partner-slider{\r\nmargin-top:70px;\r\noverflow:hidden;\r\nposition:relative;\r\n}\r\n\r\n.ny-partner-track{\r\ndisplay:flex;\r\nwidth:max-content;\r\nanimation:partnerScroll 35s linear infinite;\r\n}\r\n\r\n.ny-partner-slider:hover .ny-partner-track{\r\nanimation-play-state:paused;\r\n}\r\n\r\n.ny-partner-card{\r\nwidth:220px;\r\nheight:140px;\r\nmargin:0 18px;\r\nbackground:#fff;\r\nborder-radius:20px;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nbox-shadow:0 12px 35px rgba(0,0,0,.08);\r\ntransition:.35s;\r\nflex-shrink:0;\r\n}\r\n\r\n.ny-partner-card:hover{\r\ntransform:translateY(-10px);\r\nbox-shadow:0 20px 45px rgba(0,94,184,.18);\r\n}\r\n\r\n.ny-partner-card img{\r\nmax-width:150px;\r\nmax-height:80px;\r\nobject-fit:contain;\r\nfilter:grayscale(100%);\r\nopacity:.75;\r\ntransition:.35s;\r\n}\r\n\r\n.ny-partner-card:hover img{\r\nfilter:none;\r\nopacity:1;\r\ntransform:scale(1.08);\r\n}\r\n\r\n@keyframes partnerScroll{\r\n\r\n0%{\r\ntransform:translateX(0);\r\n}\r\n\r\n100%{\r\ntransform:translateX(-50%);\r\n}\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n.ny-partners{\r\npadding:80px 0;\r\n}\r\n\r\n.ny-partner-card{\r\nwidth:170px;\r\nheight:110px;\r\nmargin:0 10px;\r\n}\r\n\r\n.ny-partner-card img{\r\nmax-width:110px;\r\n}\r\n\r\n}\r\n<\/style>\r\n\r\n<!--==================================================\r\nSECTION 10 - OUR PARTNERS\r\n===================================================-->\r\n\r\n<section class=\"ny-partners\">\r\n\r\n<div class=\"ny-container\">\r\n\r\n<div class=\"ny-section-title\">\r\n\r\n<span>OUR PARTNERS<\/span>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-partner-slider\">\r\n\r\n<div class=\"ny-partner-track\">\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/county.png\" alt=\"County Government of Nyandarua\">\r\n<\/div>\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/wasreb.png\" alt=\"WASREB\">\r\n<\/div>\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/ministry.png\" alt=\"Ministry of Water\">\r\n<\/div>\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/wstf.png\" alt=\"Water Sector Trust Fund\">\r\n<\/div>\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/crvwwda.png\" alt=\"CRVWWDA\">\r\n<\/div>\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/kewi.png\" alt=\"KEWI\">\r\n<\/div>\r\n\r\n<!-- Duplicate for seamless scrolling -->\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/county.png\" alt=\"\">\r\n<\/div>\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/wasreb.png\" alt=\"\">\r\n<\/div>\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/ministry.png\" alt=\"\">\r\n<\/div>\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/wstf.png\" alt=\"\">\r\n<\/div>\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/crvwwda.png\" alt=\"\">\r\n<\/div>\r\n\r\n<div class=\"ny-partner-card\">\r\n<img decoding=\"async\" src=\"images\/partners\/kewi.png\" alt=\"\">\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n<script>\r\n \/* Reveal animation *\/\r\n\r\nconst partnerCards=document.querySelectorAll(\".ny-partner-card\");\r\n\r\nconst partnerObserver=new IntersectionObserver(entries=>{\r\n\r\nentries.forEach(entry=>{\r\n\r\nif(entry.isIntersecting){\r\n\r\nentry.target.style.opacity=\"1\";\r\nentry.target.style.transform=\"translateY(0)\";\r\nentry.target.style.transition=\".7s ease\";\r\n\r\npartnerObserver.unobserve(entry.target);\r\n\r\n}\r\n\r\n});\r\n\r\n});\r\n\r\npartnerCards.forEach(card=>{\r\n\r\ncard.style.opacity=\"0\";\r\ncard.style.transform=\"translateY(40px)\";\r\n\r\npartnerObserver.observe(card);\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b65948b e-con e-atomic-element e-flexbox-base e-b9e2da1 \" data-id=\"b65948b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b65948b\">\n    \t\t<div class=\"elementor-element elementor-element-b221bfc elementor-widget elementor-widget-html\" data-id=\"b221bfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/*==================================================\r\nSECTION 08 - FEATURED PROJECTS\r\n==================================================*\/\r\n\r\n.ny-projects{\r\npadding:120px 0;\r\nbackground:#ffffff;\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n\r\n.ny-projects::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:-220px;\r\nleft:-220px;\r\nwidth:500px;\r\nheight:500px;\r\nborder-radius:50%;\r\nbackground:rgba(0,94,184,.05);\r\n}\r\n\r\n.ny-projects::after{\r\ncontent:\"\";\r\nposition:absolute;\r\nbottom:-250px;\r\nright:-250px;\r\nwidth:550px;\r\nheight:550px;\r\nborder-radius:50%;\r\nbackground:rgba(0,170,255,.05);\r\n}\r\n\r\n.ny-project-grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(3,1fr);\r\ngap:35px;\r\nmargin-top:60px;\r\nposition:relative;\r\nz-index:2;\r\n}\r\n\r\n.ny-project-card{\r\nbackground:#fff;\r\nborder-radius:22px;\r\noverflow:hidden;\r\nbox-shadow:0 15px 40px rgba(0,0,0,.08);\r\ntransition:.45s;\r\n}\r\n\r\n.ny-project-card:hover{\r\ntransform:translateY(-12px);\r\nbox-shadow:0 25px 60px rgba(0,94,184,.18);\r\n}\r\n\r\n.ny-project-image{\r\nposition:relative;\r\noverflow:hidden;\r\nheight:260px;\r\n}\r\n\r\n.ny-project-image img{\r\nwidth:100%;\r\nheight:100%;\r\nobject-fit:cover;\r\ntransition:.6s;\r\n}\r\n\r\n.ny-project-card:hover img{\r\ntransform:scale(1.08);\r\n}\r\n\r\n.ny-project-status{\r\nposition:absolute;\r\ntop:20px;\r\nleft:20px;\r\npadding:8px 18px;\r\nborder-radius:30px;\r\nfont-size:13px;\r\nfont-weight:600;\r\ncolor:#fff;\r\nbackdrop-filter:blur(10px);\r\n}\r\n\r\n.ny-project-status.complete{\r\nbackground:#16a34a;\r\n}\r\n\r\n.ny-project-status.progress{\r\nbackground:#f59e0b;\r\n}\r\n\r\n.ny-project-status.planning{\r\nbackground:#2563eb;\r\n}\r\n\r\n.ny-project-content{\r\npadding:30px;\r\n}\r\n\r\n.ny-project-category{\r\ndisplay:inline-block;\r\npadding:6px 16px;\r\nbackground:#eaf5ff;\r\ncolor:#005eb8;\r\nborder-radius:20px;\r\nfont-size:13px;\r\nfont-weight:600;\r\nmargin-bottom:18px;\r\n}\r\n\r\n.ny-project-content h3{\r\nfont-size:25px;\r\ncolor:#003b73;\r\nmargin-bottom:15px;\r\nline-height:1.3;\r\n}\r\n\r\n.ny-project-content p{\r\nfont-size:16px;\r\nline-height:1.9;\r\ncolor:#666;\r\nmargin-bottom:25px;\r\n}\r\n\r\n\/*=====================\r\nPROGRESS BAR\r\n=====================*\/\r\n\r\n.ny-progress{\r\nheight:8px;\r\nbackground:#e5eef7;\r\nborder-radius:20px;\r\noverflow:hidden;\r\nmargin-bottom:18px;\r\n}\r\n\r\n.ny-progress-bar{\r\nheight:100%;\r\nbackground:linear-gradient(90deg,#005eb8,#00b7ff);\r\nborder-radius:20px;\r\ntransition:width 2s ease;\r\n}\r\n\r\n.ny-project-footer{\r\ndisplay:flex;\r\njustify-content:space-between;\r\nalign-items:center;\r\nmargin-bottom:25px;\r\nfont-size:15px;\r\ncolor:#555;\r\n}\r\n\r\n.ny-project-footer strong{\r\nfont-size:18px;\r\ncolor:#005eb8;\r\n}\r\n\r\n.ny-project-btn{\r\ndisplay:inline-flex;\r\nalign-items:center;\r\ngap:8px;\r\ntext-decoration:none;\r\nfont-weight:600;\r\ncolor:#005eb8;\r\ntransition:.3s;\r\n}\r\n\r\n.ny-project-btn:hover{\r\ngap:16px;\r\ncolor:#00aaff;\r\n}\r\n\r\n.ny-project-center{\r\ntext-align:center;\r\nmargin-top:60px;\r\n}\r\n\r\n\/*=====================\r\nRESPONSIVE\r\n=====================*\/\r\n\r\n@media(max-width:1100px){\r\n\r\n.ny-project-grid{\r\ngrid-template-columns:repeat(2,1fr);\r\n}\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n.ny-projects{\r\npadding:80px 0;\r\n}\r\n\r\n.ny-project-grid{\r\ngrid-template-columns:1fr;\r\ngap:25px;\r\n}\r\n\r\n.ny-project-image{\r\nheight:220px;\r\n}\r\n\r\n.ny-project-content{\r\npadding:25px;\r\n}\r\n\r\n.ny-project-content h3{\r\nfont-size:22px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n==================================================\r\nSECTION 08 - FEATURED PROJECTS\r\n===================================================-->\r\n\r\n<section class=\"ny-projects\">\r\n\r\n<div class=\"ny-container\">\r\n\r\n<div class=\"ny-section-title\">\r\n\r\n<span>OUR PROJECTS<\/span>\r\n\r\n<h2>Transforming Lives Through Sustainable Water Projects<\/h2>\r\n\r\n<p>\r\nWe continue to invest in infrastructure and innovative solutions to improve access to safe and reliable water services throughout Nyandarua County.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-project-grid\">\r\n\r\n<div class=\"ny-project-card\">\r\n\r\n<div class=\"ny-project-image\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509395176047-4a66953fd231?auto=format&fit=crop&w=1200&q=80\" alt=\"Water Treatment Plant\">\r\n\r\n<div class=\"ny-project-status complete\">\r\n\r\nCompleted\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-project-content\">\r\n\r\n<span class=\"ny-project-category\">\r\n\r\nInfrastructure\r\n\r\n<\/span>\r\n\r\n<h3>\r\n\r\nWater Treatment Plant Upgrade\r\n\r\n<\/h3>\r\n\r\n<p>\r\n\r\nModernization of treatment facilities to improve water quality, operational efficiency and production capacity.\r\n\r\n<\/p>\r\n\r\n<div class=\"ny-progress\">\r\n\r\n<div class=\"ny-progress-bar\" style=\"width:100%;\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-project-footer\">\r\n\r\n<span>Completion<\/span>\r\n\r\n<strong>100%<\/strong>\r\n\r\n<\/div>\r\n\r\n<a href=\"\/projects\/\" class=\"ny-project-btn\">\r\n\r\nRead More \u2192\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-project-card\">\r\n\r\n<div class=\"ny-project-image\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1200&q=80\" alt=\"Pipeline\">\r\n\r\n<div class=\"ny-project-status progress\">\r\n\r\nOngoing\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-project-content\">\r\n\r\n<span class=\"ny-project-category\">\r\n\r\nDistribution Network\r\n\r\n<\/span>\r\n\r\n<h3>\r\n\r\nPipeline Expansion Programme\r\n\r\n<\/h3>\r\n\r\n<p>\r\n\r\nExtending water distribution networks to improve service coverage and reduce supply interruptions.\r\n\r\n<\/p>\r\n\r\n<div class=\"ny-progress\">\r\n\r\n<div class=\"ny-progress-bar\" style=\"width:78%;\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-project-footer\">\r\n\r\n<span>Progress<\/span>\r\n\r\n<strong>78%<\/strong>\r\n\r\n<\/div>\r\n\r\n<a href=\"\/projects\/\" class=\"ny-project-btn\">\r\n\r\nRead More \u2192\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-project-card\">\r\n\r\n<div class=\"ny-project-image\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1200&q=80\" alt=\"Water Storage\">\r\n\r\n<div class=\"ny-project-status planning\">\r\n\r\nPlanning\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-project-content\">\r\n\r\n<span class=\"ny-project-category\">\r\n\r\nWater Storage\r\n\r\n<\/span>\r\n\r\n<h3>\r\n\r\nStrategic Storage Reservoirs\r\n\r\n<\/h3>\r\n\r\n<p>\r\n\r\nConstruction of additional storage reservoirs to enhance water reliability during peak demand periods.\r\n\r\n<\/p>\r\n\r\n<div class=\"ny-progress\">\r\n\r\n<div class=\"ny-progress-bar\" style=\"width:35%;\"><\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-project-footer\">\r\n\r\n<span>Progress<\/span>\r\n\r\n<strong>35%<\/strong>\r\n\r\n<\/div>\r\n\r\n<a href=\"\/projects\/\" class=\"ny-project-btn\">\r\n\r\nRead More \u2192\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ny-project-center\">\r\n\r\n<a href=\"\/projects\/\" class=\"ny-btn ny-primary\">\r\n\r\nView All Projects\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n========== END PART 4A ==========\r\n<script>\r\n\r\n\/*==================================================\r\nSECTION 08 - FEATURED PROJECTS JAVASCRIPT\r\n==================================================*\/\r\n\r\n\/*----------------------------------\r\nPROJECT CARD REVEAL ANIMATION\r\n----------------------------------*\/\r\n\r\nconst projectCards=document.querySelectorAll(\".ny-project-card\");\r\n\r\nconst projectObserver=new IntersectionObserver((entries)=>{\r\n\r\nentries.forEach(entry=>{\r\n\r\nif(entry.isIntersecting){\r\n\r\nentry.target.style.opacity=\"1\";\r\nentry.target.style.transform=\"translateY(0)\";\r\nentry.target.style.transition=\"all .8s ease\";\r\n\r\nprojectObserver.unobserve(entry.target);\r\n\r\n}\r\n\r\n});\r\n\r\n},{threshold:.2});\r\n\r\nprojectCards.forEach(card=>{\r\n\r\ncard.style.opacity=\"0\";\r\ncard.style.transform=\"translateY(60px)\";\r\nprojectObserver.observe(card);\r\n\r\n});\r\n\r\n\/*----------------------------------\r\nANIMATE PROGRESS BARS\r\n----------------------------------*\/\r\n\r\nconst progressBars=document.querySelectorAll(\".ny-progress-bar\");\r\n\r\nconst progressObserver=new IntersectionObserver((entries)=>{\r\n\r\nentries.forEach(entry=>{\r\n\r\nif(entry.isIntersecting){\r\n\r\nconst bar=entry.target;\r\n\r\nconst width=bar.style.width;\r\n\r\nbar.style.width=\"0\";\r\n\r\nsetTimeout(()=>{\r\n\r\nbar.style.width=width;\r\n\r\n},300);\r\n\r\nprogressObserver.unobserve(bar);\r\n\r\n}\r\n\r\n});\r\n\r\n},{threshold:.4});\r\n\r\nprogressBars.forEach(bar=>{\r\n\r\nprogressObserver.observe(bar);\r\n\r\n});\r\n\r\n\/*----------------------------------\r\nIMAGE PARALLAX EFFECT\r\n----------------------------------*\/\r\n\r\ndocument.querySelectorAll(\".ny-project-image\").forEach(box=>{\r\n\r\nbox.addEventListener(\"mousemove\",(e)=>{\r\n\r\nconst img=box.querySelector(\"img\");\r\n\r\nconst rect=box.getBoundingClientRect();\r\n\r\nconst x=(e.clientX-rect.left)\/rect.width;\r\n\r\nconst y=(e.clientY-rect.top)\/rect.height;\r\n\r\nimg.style.transform=\r\n\r\n`scale(1.08) translate(${(x-.5)*12}px,${(y-.5)*12}px)`;\r\n\r\n});\r\n\r\nbox.addEventListener(\"mouseleave\",()=>{\r\n\r\nbox.querySelector(\"img\").style.transform=\"scale(1)\";\r\n\r\n});\r\n\r\n});\r\n\r\n\/*----------------------------------\r\nBUTTON HOVER EFFECT\r\n----------------------------------*\/\r\n\r\ndocument.querySelectorAll(\".ny-project-btn\").forEach(btn=>{\r\n\r\nbtn.addEventListener(\"mouseenter\",()=>{\r\n\r\nbtn.style.transition=\".3s\";\r\n\r\n});\r\n\r\n});\r\n\r\n\/*----------------------------------\r\nCARD SHINE EFFECT\r\n----------------------------------*\/\r\n\r\ndocument.querySelectorAll(\".ny-project-card\").forEach(card=>{\r\n\r\ncard.addEventListener(\"mousemove\",(e)=>{\r\n\r\nconst rect=card.getBoundingClientRect();\r\n\r\nconst x=e.clientX-rect.left;\r\n\r\nconst y=e.clientY-rect.top;\r\n\r\ncard.style.background=\r\n\r\n`radial-gradient(circle at ${x}px ${y}px,#ffffff,#f8fbff)`;\r\n\r\n});\r\n\r\ncard.addEventListener(\"mouseleave\",()=>{\r\n\r\ncard.style.background=\"#fff\";\r\n\r\n});\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>QUALITY WATER FOR ALL Welcome to Nyandarua Water &#038; Sanitation Company Ltd Providing safe,reliable and sustainable water &#038; sanitation services across Nyandarua County while improving lives through innovation,customer excellence and responsible resource management. \ud83d\udcb3 Pay Water Bill \ud83d\udeb0 Become a Customer \ud83d\udea8 Report a Leak \ud83d\udfe2 Water Supply Status: Normal Across Most Service Areas SCROLL [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"full-width","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"on","ocean_display_header":"on","ocean_header_style":"transparent","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":40,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":40,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"5","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"#080808","ocean_menu_link_color_hover":"#04ff00","ocean_menu_link_color_active":"","ocean_menu_link_background":"#ffffff00","ocean_menu_link_hover_background":"#00000000","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"on","ocean_display_footer_bottom":"on","ocean_custom_footer_template":"","_joinchat":[],"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.nyandaruawater.co.ke\/wp1\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nyandaruawater.co.ke\/wp1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nyandaruawater.co.ke\/wp1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nyandaruawater.co.ke\/wp1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nyandaruawater.co.ke\/wp1\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":90,"href":"https:\/\/www.nyandaruawater.co.ke\/wp1\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":320,"href":"https:\/\/www.nyandaruawater.co.ke\/wp1\/wp-json\/wp\/v2\/pages\/17\/revisions\/320"}],"wp:attachment":[{"href":"https:\/\/www.nyandaruawater.co.ke\/wp1\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}