{"id":41,"date":"2026-06-05T06:29:35","date_gmt":"2026-06-05T06:29:35","guid":{"rendered":"https:\/\/nikadigitalhub.co.ke\/copawaters\/?page_id=41"},"modified":"2026-06-08T00:21:15","modified_gmt":"2026-06-08T00:21:15","slug":"faq","status":"publish","type":"page","link":"https:\/\/nikadigitalhub.co.ke\/copawaters\/faq\/","title":{"rendered":"FAQ"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"41\" class=\"elementor elementor-41\">\n\t\t\t\t<div class=\"elementor-element elementor-element-457ece8 e-con e-atomic-element e-flexbox-base e-457ece8-aabf0b6 \" data-id=\"457ece8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"457ece8\">\n    \t\t<div class=\"elementor-element elementor-element-7e6f39cd elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7e6f39cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Copa Waters - Navbar<\/title>\r\n  \r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n  <script>\r\n    tailwind.config = {\r\n      theme: {\r\n        extend: {\r\n          fontFamily: {\r\n            sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n          },\r\n          colors: {\r\n            brand: {\r\n              dark: '#0f172a',\r\n              blue: '#0284c7',\r\n              light: '#38bdf8',\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  <\/script>\r\n\r\n  <style>\r\n    body {\r\n      min-height: 200vh;\r\n      background-color: #f8fafc;\r\n    }\r\n\r\n    \/* Elegant Link Underline *\/\r\n    .nav-link {\r\n      position: relative;\r\n    }\r\n    .nav-link::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -4px;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 2px;\r\n      background-color: #0284c7;\r\n      transform: scaleX(0);\r\n      transform-origin: right;\r\n      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    .nav-link:hover::after,\r\n    .nav-link.active::after {\r\n      transform: scaleX(1);\r\n      transform-origin: left;\r\n    }\r\n\r\n    \/* Dropdown Animation *\/\r\n    .dropdown-content {\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      transform: translateY(10px);\r\n      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    .group:hover .dropdown-content {\r\n      opacity: 1;\r\n      visibility: visible;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* Two-column dropdown grid *\/\r\n    .services-dropdown {\r\n      width: 560px;\r\n      left: 50%;\r\n      transform: translateX(-50%) translateY(10px);\r\n    }\r\n    .group:hover .services-dropdown {\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    \/* Mobile Menu Drawer *\/\r\n    #mobile-menu {\r\n      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    #mobile-overlay {\r\n      transition: opacity 0.4s ease;\r\n    }\r\n\r\n    \/* Hamburger Animation *\/\r\n    .hamburger span {\r\n      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n      transform-origin: center;\r\n    }\r\n    .hamburger.open span:nth-child(1) {\r\n      transform: translateY(7px) rotate(45deg);\r\n    }\r\n    .hamburger.open span:nth-child(2) {\r\n      opacity: 0;\r\n    }\r\n    .hamburger.open span:nth-child(3) {\r\n      transform: translateY(-7px) rotate(-45deg);\r\n    }\r\n\r\n    \/* Mobile Accordion *\/\r\n    .mobile-dropdown-content {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.4s ease;\r\n    }\r\n    .mobile-dropdown.open .mobile-dropdown-content {\r\n      max-height: 600px;\r\n    }\r\n    .mobile-dropdown .chevron {\r\n      transition: transform 0.3s ease;\r\n    }\r\n    .mobile-dropdown.open .chevron {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    \/* Divider in dropdown *\/\r\n    .dropdown-divider {\r\n      height: 1px;\r\n      background: #f1f5f9;\r\n      margin: 4px 16px;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body class=\"antialiased text-slate-800\">\r\n\r\n  <!-- ===== TOP BAR ===== -->\r\n  <div class=\"bg-brand-dark text-slate-300 py-2.5 px-4 sm:px-6 lg:px-8 text-xs font-medium relative z-[60]\">\r\n    <div class=\"max-w-7xl mx-auto flex justify-between items-center\">\r\n      \r\n      <div class=\"hidden lg:flex items-center gap-8\">\r\n        <a href=\"mailto:info@copawaters.co.ke\" class=\"flex items-center gap-2 hover:text-white transition-colors\">\r\n          <i class=\"fa-regular fa-envelope text-brand-light\"><\/i> info@copawaters.co.ke\r\n        <\/a>\r\n        <div class=\"flex items-center gap-2\">\r\n          <i class=\"fa-regular fa-clock text-brand-light\"><\/i> Mon - Fri: 8:00 AM - 5:00 PM\r\n        <\/div>\r\n        <div class=\"flex items-center gap-2\">\r\n          <i class=\"fa-solid fa-location-dot text-brand-light\"><\/i> Nairobi, Kenya\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lg:hidden flex items-center justify-center w-full sm:w-auto\">\r\n        <a href=\"mailto:info@copawaters.co.ke\" class=\"flex items-center gap-2 hover:text-white transition-colors\">\r\n          <i class=\"fa-regular fa-envelope text-brand-light\"><\/i> info@copawaters.co.ke\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"hidden sm:flex items-center\">\r\n        <a href=\"\/contact-us\" class=\"bg-brand-blue hover:bg-sky-500 text-white px-5 py-1.5 rounded-full font-semibold transition-all duration-300 flex items-center gap-2 hover:shadow-[0_0_15px_rgba(2,132,199,0.4)] hover:-translate-y-0.5\">\r\n          Consult Experts <i class=\"fa-solid fa-arrow-right text-[10px] mt-0.5\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ===== MAIN NAVBAR ===== -->\r\n  <header class=\"bg-white\/90 backdrop-blur-md border-b border-slate-200 sticky top-0 z-50 shadow-sm\">\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n      <div class=\"flex justify-between items-center h-20\">\r\n        \r\n        <!-- Logo -->\r\n        <a href=\"\/\" class=\"flex items-center gap-3 group\">\r\n          <div class=\"w-10 h-10 bg-gradient-to-br from-brand-blue to-blue-900 rounded-xl flex items-center justify-center text-white shadow-lg group-hover:scale-105 group-hover:-rotate-3 transition-transform duration-300\">\r\n            <i class=\"fa-solid fa-droplet text-lg\"><\/i>\r\n          <\/div>\r\n          <div class=\"flex flex-col leading-none\">\r\n            <span class=\"font-extrabold text-xl text-brand-dark tracking-tight uppercase\">Copa <span class=\"text-brand-blue\">Waters<\/span><\/span>\r\n            <span class=\"text-[9px] font-bold text-slate-500 tracking-[0.2em] uppercase mt-1\">Expert Solutions<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- Desktop Menu -->\r\n        <nav class=\"hidden lg:flex items-center gap-7\">\r\n          <a href=\"\/\" class=\"nav-link active text-sm font-semibold text-brand-dark hover:text-brand-blue transition-colors\">Home<\/a>\r\n          <a href=\"\/copawaters\/about-us\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">About Us<\/a>\r\n          \r\n          <!-- Services Dropdown -->\r\n          <div class=\"relative group py-8\">\r\n            <button class=\"nav-link text-sm font-semibold text-slate-600 group-hover:text-brand-blue transition-colors flex items-center gap-1.5\">\r\n              Services <i class=\"fa-solid fa-chevron-down text-[9px] transition-transform duration-300 group-hover:rotate-180\"><\/i>\r\n            <\/button>\r\n            \r\n            <!-- Wide Two-Column Dropdown -->\r\n            <div class=\"dropdown-content services-dropdown absolute top-[70px] bg-white rounded-2xl shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] border border-slate-100 py-3 overflow-hidden\">\r\n              \r\n              <!-- Header inside dropdown -->\r\n              <div class=\"px-5 pb-2 pt-1\">\r\n                <p class=\"text-[10px] font-bold text-slate-400 uppercase tracking-[0.18em]\">Our Services<\/p>\r\n              <\/div>\r\n              <div class=\"dropdown-divider\"><\/div>\r\n\r\n              <div class=\"grid grid-cols-2 gap-x-2 px-3 py-2\">\r\n\r\n                <a href=\"\/copawaters\/borehole-drilling\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n                  <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n                    <i class=\"fa-solid fa-arrows-down-to-line text-xs\"><\/i>\r\n                  <\/div>\r\n                  <span class=\"leading-tight\">Borehole Drilling<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"\/copawaters\/hydrogeological-surveys\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n                  <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n                    <i class=\"fa-solid fa-magnifying-glass-location text-xs\"><\/i>\r\n                  <\/div>\r\n                  <span class=\"leading-tight\">Hydrogeological Surveys<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"\/copawaters\/pump-installation\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n                  <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n                    <i class=\"fa-solid fa-faucet-drip text-xs\"><\/i>\r\n                  <\/div>\r\n                  <span class=\"leading-tight\">Pump Installation<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"\/copawaters\/water-treatment\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n                  <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n                    <i class=\"fa-solid fa-flask text-xs\"><\/i>\r\n                  <\/div>\r\n                  <span class=\"leading-tight\">Water Testing & Quality<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"\/copawaters\/water-treatment\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n                  <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n                    <i class=\"fa-solid fa-droplet text-xs\"><\/i>\r\n                  <\/div>\r\n                  <span class=\"leading-tight\">Water Treatment Solutions<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"\/copawaters\/borehole-rehabilitation-maintenance\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n                  <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n                    <i class=\"fa-solid fa-wrench text-xs\"><\/i>\r\n                  <\/div>\r\n                  <span class=\"leading-tight\">Borehole Rehabilitation<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"\/copawaters\/casing-and-grouting\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n                  <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n                    <i class=\"fa-solid fa-layer-group text-xs\"><\/i>\r\n                  <\/div>\r\n                  <span class=\"leading-tight\">Casing & Grouting<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"\/copawaters\/tank-storage-system-installation\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n                  <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n                    <i class=\"fa-solid fa-tank-water text-xs\"><\/i>\r\n                  <\/div>\r\n                  <span class=\"leading-tight\">Tank & Storage Systems<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"\/copawaters\/irrigation-system-setup\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n                  <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n                    <i class=\"fa-solid fa-seedling text-xs\"><\/i>\r\n                  <\/div>\r\n                  <span class=\"leading-tight\">Irrigation System Setup<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"\/copawaters\/consultation-permitting-support\" class=\"flex items-center gap-3 px-3 py-2.5 rounded-xl hover:bg-slate-50 text-sm font-medium text-slate-700 hover:text-brand-blue transition-colors group\/item\">\r\n                  <div class=\"w-8 h-8 flex-shrink-0 rounded-lg bg-sky-50 flex items-center justify-center text-brand-blue group-hover\/item:bg-brand-blue group-hover\/item:text-white transition-colors\">\r\n                    <i class=\"fa-solid fa-file-contract text-xs\"><\/i>\r\n                  <\/div>\r\n                  <span class=\"leading-tight\">Consultation & Permitting<\/span>\r\n                <\/a>\r\n\r\n              <\/div>\r\n\r\n              <!-- Footer link inside dropdown -->\r\n              <div class=\"dropdown-divider mt-1\"><\/div>\r\n              <div class=\"px-5 pt-2 pb-1\">\r\n                <a href=\"\/copawaters\/services\" class=\"text-xs font-bold text-brand-blue hover:text-sky-500 flex items-center gap-1.5 transition-colors\">\r\n                  View All Services <i class=\"fa-solid fa-arrow-right text-[9px]\"><\/i>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Equipment & Technology (standalone page) -->\r\n          <a href=\"\/copawaters\/equipment-technology\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors whitespace-nowrap\">Equipment & Tech<\/a>\r\n\r\n          <a href=\"\/copawaters\/projects\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">Projects<\/a>\r\n          <a href=\"\/copawaters\/faq\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">FAQ<\/a>\r\n          <a href=\"\/copawaters\/contact-us\" class=\"nav-link text-sm font-semibold text-slate-600 hover:text-brand-blue transition-colors\">Contact<\/a>\r\n        <\/nav>\r\n\r\n        <!-- Social Icons (Desktop) -->\r\n        <div class=\"hidden lg:flex items-center gap-2\">\r\n          <a href=\"#\" class=\"w-9 h-9 rounded-full flex items-center justify-center text-slate-400 hover:bg-brand-blue hover:text-white transition-all\"><i class=\"fa-brands fa-facebook-f text-sm\"><\/i><\/a>\r\n          <a href=\"#\" class=\"w-9 h-9 rounded-full flex items-center justify-center text-slate-400 hover:bg-brand-blue hover:text-white transition-all\"><i class=\"fa-brands fa-instagram text-sm\"><\/i><\/a>\r\n          <a href=\"#\" class=\"w-9 h-9 rounded-full flex items-center justify-center text-slate-400 hover:bg-brand-blue hover:text-white transition-all\"><i class=\"fa-brands fa-youtube text-sm\"><\/i><\/a>\r\n        <\/div>\r\n\r\n        <!-- Hamburger Button (Mobile) -->\r\n        <button id=\"hamburger-btn\" class=\"lg:hidden hamburger flex flex-col justify-center items-center w-10 h-10 z-[60] focus:outline-none\">\r\n          <span class=\"w-6 h-0.5 bg-brand-dark rounded-full mb-1.5\"><\/span>\r\n          <span class=\"w-6 h-0.5 bg-brand-dark rounded-full mb-1.5\"><\/span>\r\n          <span class=\"w-6 h-0.5 bg-brand-dark rounded-full\"><\/span>\r\n        <\/button>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ===== MOBILE MENU OVERLAY & DRAWER ===== -->\r\n  <div id=\"mobile-overlay\" class=\"fixed inset-0 bg-brand-dark\/50 backdrop-blur-sm z-50 opacity-0 pointer-events-none\"><\/div>\r\n\r\n  <div id=\"mobile-menu\" class=\"fixed top-0 right-0 h-full w-80 bg-white shadow-2xl z-50 translate-x-full overflow-y-auto flex flex-col\">\r\n    <!-- Close Header -->\r\n    <div class=\"flex items-center justify-between p-6 border-b border-slate-100\">\r\n      <span class=\"font-bold text-lg text-brand-dark\">Menu<\/span>\r\n    <\/div>\r\n\r\n    <!-- Mobile Links -->\r\n    <div class=\"flex-1 px-6 py-8 flex flex-col gap-5\">\r\n      <a href=\"\/\" class=\"text-base font-bold text-brand-blue\">Home<\/a>\r\n      <a href=\"\/copawaters\/about-us\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">About Us<\/a>\r\n      \r\n      <!-- Mobile Services Accordion -->\r\n      <div class=\"mobile-dropdown cursor-pointer\">\r\n        <div class=\"flex items-center justify-between text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\" onclick=\"this.parentElement.classList.toggle('open')\">\r\n          Services <i class=\"fa-solid fa-chevron-down text-xs chevron\"><\/i>\r\n        <\/div>\r\n        <div class=\"mobile-dropdown-content mt-4 flex flex-col gap-3 pl-4 border-l-2 border-slate-100\">\r\n          <a href=\"\/copawaters\/borehole-drilling\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n            <i class=\"fa-solid fa-arrows-down-to-line w-4 text-slate-400 text-xs\"><\/i> Borehole Drilling\r\n          <\/a>\r\n          <a href=\"\/copawaters\/hydrogeological-surveys\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n            <i class=\"fa-solid fa-magnifying-glass-location w-4 text-slate-400 text-xs\"><\/i> Hydrogeological Surveys\r\n          <\/a>\r\n          <a href=\"\/copawaters\/pump-installation\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n            <i class=\"fa-solid fa-faucet-drip w-4 text-slate-400 text-xs\"><\/i> Pump Installation\r\n          <\/a>\r\n          <a href=\"\/copawaters\/water-treatment\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n            <i class=\"fa-solid fa-flask w-4 text-slate-400 text-xs\"><\/i> Water Testing & Quality\r\n          <\/a>\r\n          <a href=\"\/copawaters\/water-treatment\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n            <i class=\"fa-solid fa-droplet w-4 text-slate-400 text-xs\"><\/i> Water Treatment Solutions\r\n          <\/a>\r\n          <a href=\"\/copawaters\/borehole-rehabilitation-maintenance\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n            <i class=\"fa-solid fa-wrench w-4 text-slate-400 text-xs\"><\/i> Borehole Rehabilitation\r\n          <\/a>\r\n          <a href=\"\/copawaters\/casing-and-grouting\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n            <i class=\"fa-solid fa-layer-group w-4 text-slate-400 text-xs\"><\/i> Casing & Grouting\r\n          <\/a>\r\n          <a href=\"\/copawaters\/tank-storage-system-installation\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n            <i class=\"fa-solid fa-tank-water w-4 text-slate-400 text-xs\"><\/i> Tank & Storage Systems\r\n          <\/a>\r\n          <a href=\"\/copawaters\/irrigation-system-setup\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n            <i class=\"fa-solid fa-seedling w-4 text-slate-400 text-xs\"><\/i> Irrigation System Setup\r\n          <\/a>\r\n          <a href=\"\/copawaters\/consultation-permitting-support\" class=\"text-sm font-medium text-slate-600 hover:text-brand-blue flex items-center gap-2\">\r\n            <i class=\"fa-solid fa-file-contract w-4 text-slate-400 text-xs\"><\/i> Consultation & Permitting\r\n          <\/a>\r\n          <a href=\"\/copawaters\/services\" class=\"text-xs font-bold text-brand-blue flex items-center gap-1 mt-1\">\r\n            View All Services <i class=\"fa-solid fa-arrow-right text-[9px]\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"\/copawaters\/equipment-technology\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">Equipment & Technology<\/a>\r\n      <a href=\"\/copawaters\/projects\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">Projects<\/a>\r\n      <a href=\"\/copawaters\/faq\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">FAQ<\/a>\r\n      <a href=\"\/copawaters\/contact-us\" class=\"text-base font-semibold text-slate-700 hover:text-brand-blue transition-colors\">Contact<\/a>\r\n    <\/div>\r\n\r\n    <!-- Mobile Footer -->\r\n    <div class=\"p-6 bg-slate-50 border-t border-slate-100 mt-auto\">\r\n      <a href=\"\/copawaters\/contact-us\" class=\"w-full block text-center bg-brand-blue text-white font-bold py-3 rounded-xl mb-6 shadow-md\">Consult Experts<\/a>\r\n      <div class=\"flex items-center justify-center gap-4\">\r\n        <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center text-slate-600\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n        <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center text-slate-600\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n        <a href=\"#\" class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center text-slate-600\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Script for Mobile Interaction -->\r\n  <script>\r\n    const hamburgerBtn = document.getElementById('hamburger-btn');\r\n    const mobileMenu = document.getElementById('mobile-menu');\r\n    const mobileOverlay = document.getElementById('mobile-overlay');\r\n    let isMenuOpen = false;\r\n\r\n    function toggleMobileMenu() {\r\n      isMenuOpen = !isMenuOpen;\r\n      if (isMenuOpen) {\r\n        hamburgerBtn.classList.add('open');\r\n        mobileMenu.style.transform = 'translateX(0)';\r\n        mobileOverlay.style.opacity = '1';\r\n        mobileOverlay.style.pointerEvents = 'auto';\r\n        document.body.style.overflow = 'hidden';\r\n      } else {\r\n        hamburgerBtn.classList.remove('open');\r\n        mobileMenu.style.transform = 'translateX(100%)';\r\n        mobileOverlay.style.opacity = '0';\r\n        mobileOverlay.style.pointerEvents = 'none';\r\n        document.body.style.overflow = '';\r\n      }\r\n    }\r\n\r\n    hamburgerBtn.addEventListener('click', toggleMobileMenu);\r\n    mobileOverlay.addEventListener('click', toggleMobileMenu);\r\n\r\n    window.addEventListener(\"resize\", () => {\r\n      if (window.innerWidth >= 1024 && isMenuOpen) {\r\n        toggleMobileMenu();\r\n      }\r\n    });\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1bab86b8 e-con e-atomic-element e-flexbox-base e-1bab86b8-238693b \" data-id=\"1bab86b8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1bab86b8\">\n    \t\t<div class=\"elementor-element elementor-element-79de5693 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"79de5693\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"utf-8\"\/>\r\n  <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\r\n  <title>FAQ - COPA Water Experts<\/title>\r\n  \r\n  <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n  \r\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" rel=\"stylesheet\"\/>\r\n  \r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n  \r\n  <script>\r\n    tailwind.config = {\r\n      theme: {\r\n        extend: {\r\n          colors: {\r\n            brandBlue: '#0072b5', \/* Official COPA Waters Brand Blue *\/\r\n            brandDark: '#0f172a',\r\n          },\r\n          fontFamily: {\r\n            sans: ['Inter', 'sans-serif'],\r\n          }\r\n        }\r\n      }\r\n    }\r\n  <\/script>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-900 font-sans antialiased selection:bg-brandBlue selection:text-white\">\r\n\r\n  <header class=\"relative h-[450px] md:h-[500px] flex items-center justify-center text-center overflow-hidden\" data-purpose=\"page-hero\">\r\n    \r\n    <img decoding=\"async\" alt=\"COPA Water Experts Support\" class=\"absolute inset-0 w-full h-full object-cover object-[center_30%]\" src=\"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-05-at-8.39.28-AM.jpeg\"\/>\r\n    \r\n    <div class=\"absolute inset-0 bg-gradient-to-b from-slate-900\/80 via-slate-900\/50 to-slate-900\/90 mix-blend-multiply\"><\/div>\r\n    \r\n    <div class=\"relative z-10 px-4 w-full max-w-4xl mt-12 transform transition-all duration-700 translate-y-0 opacity-100\">\r\n      \r\n      <div class=\"flex items-center justify-center gap-4 mb-6 opacity-80\">\r\n        <div class=\"h-[2px] w-12 bg-brandBlue\"><\/div>\r\n        <span class=\"text-brandBlue font-semibold tracking-widest uppercase text-sm\">Need Help?<\/span>\r\n        <div class=\"h-[2px] w-12 bg-brandBlue\"><\/div>\r\n      <\/div>\r\n\r\n      <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-extrabold text-white mb-6 tracking-tight drop-shadow-sm\">\r\n        Frequently Asked Questions\r\n      <\/h1>\r\n      \r\n      <p class=\"text-lg md:text-xl text-slate-300 font-medium max-w-2xl mx-auto mb-10 leading-relaxed\">\r\n        Get clear, expert answers about our drilling process, water treatment solutions, and ongoing maintenance support.\r\n      <\/p>\r\n      \r\n      <nav aria-label=\"Breadcrumb\" class=\"flex justify-center items-center space-x-3 text-sm md:text-base font-medium bg-white\/10 backdrop-blur-md inline-flex px-6 py-2.5 rounded-full border border-white\/20 shadow-xl\">\r\n        <a class=\"text-slate-200 hover:text-white transition-colors\" href=\"\/copawaters\">Home<\/a>\r\n        <i class=\"fa-solid fa-chevron-right text-[10px] text-slate-400\"><\/i>\r\n        <span class=\"text-white\">FAQ<\/span>\r\n      <\/nav>\r\n      \r\n    <\/div>\r\n  <\/header>\r\n  <\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-791cd941 e-con e-atomic-element e-flexbox-base e-791cd941-cea82c5 \" data-id=\"791cd941\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"791cd941\">\n    \t\t<div class=\"elementor-element elementor-element-5a0c52e4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5a0c52e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"utf-8\"\/>\r\n  <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\r\n  <title>FAQ - Copawaters<\/title>\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\"\/>\r\n  \r\n  <style>\r\n    \/* CSS Entrance Animation *\/\r\n    @keyframes slideUpFade {\r\n      0% { opacity: 0; transform: translateY(40px); }\r\n      100% { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .animate-on-load {\r\n      animation: slideUpFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n      opacity: 0;\r\n    }\r\n\r\n    \/* Staggered Delays *\/\r\n    .delay-100 { animation-delay: 100ms; }\r\n    .delay-200 { animation-delay: 200ms; }\r\n  <\/style>\r\n\r\n  <script>\r\n    tailwind.config = {\r\n      theme: {\r\n        extend: {\r\n          colors: {\r\n            'primary-blue': '#1686C1',\r\n            'deep-navy': '#0f172a',\r\n            'soft-bg': '#f8fafc',\r\n            'border-light': '#e2e8f0',\r\n          }\r\n        }\r\n      }\r\n    }\r\n  <\/script>\r\n<\/head>\r\n<body class=\"bg-soft-bg font-sans text-slate-800 antialiased selection:bg-primary-blue selection:text-white\">\r\n\r\n  <section class=\"py-24 px-4 sm:px-6 lg:px-8 max-w-[90rem] mx-auto min-h-screen\">\r\n    \r\n    <div class=\"text-center mb-16 animate-on-load\">\r\n      <p class=\"text-primary-blue font-semibold tracking-wider uppercase text-sm mb-3\">Knowledge Base<\/p>\r\n      <h2 class=\"text-4xl md:text-5xl font-extrabold text-deep-navy tracking-tight mb-4\">Frequently Asked Questions<\/h2>\r\n      <div class=\"w-16 h-1 bg-gradient-to-r from-primary-blue to-sky-300 mx-auto rounded-full\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-10 max-w-7xl mx-auto\">\r\n      \r\n      <div class=\"space-y-4 animate-on-load delay-100\">\r\n        \r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq1\" class=\"peer hidden\" \/>\r\n          <label for=\"faq1\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">1. How do I know if there's water on my land?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              We conduct a hydrogeological survey using advanced geophysical tools to assess the presence, depth, and quality of underground water before drilling.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq2\" class=\"peer hidden\" \/>\r\n          <label for=\"faq2\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">2. How long does the drilling process take?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              Depending on site conditions and borehole depth, drilling typically takes 2\u20135 days. We\u2019ll provide a more accurate timeline after the site survey.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq3\" class=\"peer hidden\" \/>\r\n          <label for=\"faq3\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">3. How deep will the borehole be?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              Borehole depth varies based on location and geology but generally ranges from 50 to 250 meters. Our trained geologists determine the optimal depth during the survey.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq4\" class=\"peer hidden\" \/>\r\n          <label for=\"faq4\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">4. What type of pump will be installed?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              We recommend the best pump (submersible, solar, or hand pump) based on your water usage, borehole depth, and power availability.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq5\" class=\"peer hidden\" \/>\r\n          <label for=\"faq5\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">5. Is the water safe to drink?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              Yes, after drilling we offer water quality testing and treatment services to ensure the water is clean and safe for consumption.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq6\" class=\"peer hidden\" \/>\r\n          <label for=\"faq6\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">6. Do I need any permits before drilling?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              In some areas, permits or environmental approvals may be required. We\u2019ll guide you through the process and assist with any necessary documentation.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"space-y-4 animate-on-load delay-200\">\r\n        \r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq7\" class=\"peer hidden\" \/>\r\n          <label for=\"faq7\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">7. How much does it cost to drill a borehole?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              Costs depend on depth, location, and the type of system installed. Contact us for a customized quote based on your specific needs.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq8\" class=\"peer hidden\" \/>\r\n          <label for=\"faq8\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">8. How long does a borehole last?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              With proper maintenance, a borehole can last 20\u201350 years. We also offer servicing and rehabilitation for older boreholes.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq9\" class=\"peer hidden\" \/>\r\n          <label for=\"faq9\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">9. Do you offer after-sales service or maintenance?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              Absolutely! We provide regular maintenance, pump servicing, water treatment, and borehole rehabilitation services.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq10\" class=\"peer hidden\" \/>\r\n          <label for=\"faq10\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">10. Can I use solar power for my water pump?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              Yes, we install solar-powered water systems that are energy-efficient and ideal for remote or off-grid locations.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq11\" class=\"peer hidden\" \/>\r\n          <label for=\"faq11\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">11. Which areas do you operate?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              Our headquarter is in Nairobi, but we operate all over Kenya and beyond.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-white rounded-2xl p-1 border border-border-light shadow-sm hover:shadow-md transition-shadow duration-300\">\r\n          <input type=\"checkbox\" id=\"faq12\" class=\"peer hidden\" \/>\r\n          <label for=\"faq12\" class=\"cursor-pointer p-5 flex items-center justify-between w-full select-none\">\r\n            <span class=\"font-bold text-lg text-deep-navy pr-4\">12. Are you registered to handle water projects?<\/span>\r\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center shrink-0 text-primary-blue transition-transform duration-300 peer-checked:rotate-45\">\r\n              <i class=\"fa-solid fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/label>\r\n          <div class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out peer-checked:max-h-96\">\r\n            <div class=\"px-5 pb-5 text-slate-600 leading-relaxed\">\r\n              Yes, we are registered as a company to handle water works projects. <br><span class=\"font-semibold text-primary-blue mt-1 inline-block\">Certificate of Incorporation \u2013 PVT-Y2U977A9<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3ac8cf67 e-con e-atomic-element e-flexbox-base e-3ac8cf67-daadce3 \" data-id=\"3ac8cf67\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3ac8cf67\">\n    \t\t<div class=\"elementor-element elementor-element-4343c9b3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4343c9b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" style=\"scroll-behavior: smooth;\">\r\n<head>\r\n  <meta charset=\"utf-8\">\r\n  <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\">\r\n  <title>Footer Section - COPA Water Experts<\/title>\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n  \r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\r\n    \r\n    body {\r\n      font-family: 'Plus Jakarta Sans', sans-serif;\r\n    }\r\n\r\n    \/* Elegant frosted glass effect for icons *\/\r\n    .glass-icon {\r\n      background: rgba(255, 255, 255, 0.03);\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      backdrop-filter: blur(10px);\r\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n    \r\n    .glass-icon:hover {\r\n      background: rgba(56, 189, 248, 0.15); \/* Sky blue tint *\/\r\n      border-color: rgba(56, 189, 248, 0.4);\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 10px 20px -10px rgba(56, 189, 248, 0.3);\r\n    }\r\n  <\/style>\r\n  \r\n  <script>\r\n    tailwind.config = {\r\n      theme: {\r\n        extend: {\r\n          colors: {\r\n            'brand-accent': '#38bdf8', \/* Tailwind sky-400 *\/\r\n          }\r\n        }\r\n      }\r\n    }\r\n  <\/script>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n\r\n  <!-- BEGIN: Elegant Footer Section -->\r\n  <!-- Top gradient accent line representing water flow -->\r\n  <div class=\"h-1 w-full bg-gradient-to-r from-cyan-400 via-brand-accent to-blue-600 mt-20\"><\/div>\r\n  \r\n  <footer class=\"bg-slate-900 text-slate-300 relative\" data-purpose=\"main-footer\">\r\n\r\n    <!-- Main Footer Content -->\r\n    <div class=\"max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 pt-20 pb-16\">\r\n      <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8\">\r\n        \r\n        <!-- Column 1: Company Info -->\r\n        <div class=\"lg:pr-8\">\r\n          <h3 class=\"text-3xl font-extrabold mb-5 tracking-tight text-transparent bg-clip-text bg-gradient-to-r from-white to-slate-400\">\r\n            COPA\r\n          <\/h3>\r\n          <p class=\"text-sm leading-relaxed mb-6 text-slate-400\">\r\n            A premier borehole drilling company committed to delivering pure water solutions with expert precision and unwavering reliability across Kenya.\r\n          <\/p>\r\n          <div class=\"pl-4 border-l-2 border-brand-accent mb-8\">\r\n            <p class=\"text-sm font-semibold text-white tracking-wide italic\">\r\n              \"Purity, Expertise, Reliability\"\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"bg-slate-800\/50 rounded-xl p-4 border border-slate-700\/50 inline-block w-full\">\r\n            <h4 class=\"font-semibold text-xs uppercase tracking-wider text-slate-500 mb-2\">Working Hours<\/h4>\r\n            <p class=\"text-sm font-medium text-white flex justify-between items-center mb-1\">\r\n              <span>Mon \u2013 Sat<\/span> <span class=\"text-brand-accent\">8:00 AM \u2013 5:00 PM<\/span>\r\n            <\/p>\r\n            <p class=\"text-sm font-medium text-slate-500 flex justify-between items-center\">\r\n              <span>Sunday<\/span> <span>CLOSED<\/span>\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Column 2: Social Media -->\r\n        <div>\r\n          <h3 class=\"text-sm font-bold uppercase tracking-widest text-white mb-6\">Connect With Us<\/h3>\r\n          \r\n          <!-- Sleek Social Icons -->\r\n          <div class=\"flex flex-wrap gap-3\">\r\n            <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"Facebook\">\r\n              <i class=\"fab fa-facebook-f text-[15px]\"><\/i>\r\n            <\/a>\r\n            <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"Twitter\">\r\n              <i class=\"fab fa-x-twitter text-[15px]\"><\/i>\r\n            <\/a>\r\n            <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"Instagram\">\r\n              <i class=\"fab fa-instagram text-[15px]\"><\/i>\r\n            <\/a>\r\n            <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"WhatsApp\">\r\n              <i class=\"fab fa-whatsapp text-[15px]\"><\/i>\r\n            <\/a>\r\n            <a href=\"#\" class=\"w-11 h-11 rounded-full flex items-center justify-center glass-icon text-white\" aria-label=\"YouTube\">\r\n              <i class=\"fab fa-youtube text-[15px]\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Column 3: Quick Links -->\r\n        <div>\r\n          <h3 class=\"text-sm font-bold uppercase tracking-widest text-white mb-6\">Quick Links<\/h3>\r\n          <ul class=\"space-y-4 text-sm font-medium\">\r\n            <li>\r\n              <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n                <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n                  <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n                <\/span>\r\n                About Us\r\n              <\/a>\r\n            <\/li>\r\n            <li>\r\n              <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n                <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n                  <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n                <\/span>\r\n                Core Services\r\n              <\/a>\r\n            <\/li>\r\n            <li>\r\n              <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n                <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n                  <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n                <\/span>\r\n                Equipment & Tools\r\n              <\/a>\r\n            <\/li>\r\n            <li>\r\n              <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n                <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n                  <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n                <\/span>\r\n                FAQs\r\n              <\/a>\r\n            <\/li>\r\n            <li>\r\n              <a class=\"group inline-flex items-center text-slate-400 hover:text-white transition-colors\" href=\"#\">\r\n                <span class=\"w-0 overflow-hidden opacity-0 group-hover:w-4 group-hover:opacity-100 group-hover:mr-1 transition-all duration-300 text-brand-accent\">\r\n                  <i class=\"fas fa-arrow-right text-[10px]\"><\/i>\r\n                <\/span>\r\n                Contact Us\r\n              <\/a>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Column 4: Official Contacts -->\r\n        <div>\r\n          <h3 class=\"text-sm font-bold uppercase tracking-widest text-white mb-6\">Headquarters<\/h3>\r\n          <ul class=\"space-y-6 text-sm\">\r\n            <li class=\"flex items-start group\">\r\n              <div class=\"mt-0.5 mr-4 w-8 h-8 rounded bg-slate-800 flex items-center justify-center shrink-0 group-hover:bg-brand-accent group-hover:text-white transition-colors text-brand-accent\">\r\n                <i class=\"fas fa-map-marker-alt\"><\/i>\r\n              <\/div>\r\n              <span class=\"text-slate-400 leading-relaxed group-hover:text-slate-200 transition-colors\">\r\n                Tornado Plaza,<br>Enterprise Road,<br>Nairobi - KENYA.\r\n              <\/span>\r\n            <\/li>\r\n            <li class=\"flex items-start group\">\r\n              <div class=\"mt-0.5 mr-4 w-8 h-8 rounded bg-slate-800 flex items-center justify-center shrink-0 group-hover:bg-brand-accent group-hover:text-white transition-colors text-brand-accent\">\r\n                <i class=\"fas fa-phone\"><\/i>\r\n              <\/div>\r\n              <div class=\"flex flex-col space-y-1\">\r\n                <a class=\"text-slate-400 hover:text-white transition-colors font-medium\" href=\"tel:+254729252806\">0729 252 806<\/a>\r\n                <a class=\"text-slate-400 hover:text-white transition-colors font-medium\" href=\"tel:+254714929193\">0714 929 193<\/a>\r\n              <\/div>\r\n            <\/li>\r\n            <li class=\"flex items-center group\">\r\n              <div class=\"mr-4 w-8 h-8 rounded bg-slate-800 flex items-center justify-center shrink-0 group-hover:bg-brand-accent group-hover:text-white transition-colors text-brand-accent\">\r\n                <i class=\"fas fa-envelope text-xs\"><\/i>\r\n              <\/div>\r\n              <a class=\"text-slate-400 hover:text-white transition-colors font-medium\" href=\"mailto:info@copawaters.com\">info@copawaters.com<\/a>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bottom Copyright Bar -->\r\n    <div class=\"bg-slate-950 py-6 px-4 border-t border-slate-800\">\r\n      <div class=\"max-w-[90rem] mx-auto flex flex-col md:flex-row justify-between items-center gap-4\">\r\n        <p class=\"text-sm text-slate-500\">\r\n          Copyright &copy; 2026. All rights reserved.\r\n        <\/p>\r\n        <p class=\"text-sm font-bold tracking-widest text-white uppercase flex items-center gap-2\">\r\n          <i class=\"fa-solid fa-droplet text-brand-accent text-xs\"><\/i>\r\n          COPA WATER EXPERTS\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Action Button (Back to top) -->\r\n    <button aria-label=\"Scroll to top\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'});\" class=\"absolute bottom-10 right-6 md:right-10 w-12 h-12 bg-white text-slate-900 rounded-full flex items-center justify-center shadow-xl hover:bg-brand-accent hover:text-white hover:-translate-y-2 transition-all duration-300 focus:outline-none\">\r\n      <i class=\"fas fa-arrow-up\"><\/i>\r\n    <\/button>\r\n  <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Copa Waters &#8211; Navbar info@copawaters.co.ke Mon &#8211; Fri: 8:00 AM &#8211; 5:00 PM Nairobi, Kenya info@copawaters.co.ke Consult Experts Copa Waters Expert Solutions Home About Us Services Our Services Borehole Drilling Hydrogeological Surveys Pump Installation Water Testing &#038; Quality Water Treatment Solutions Borehole Rehabilitation Casing &#038; Grouting Tank &#038; Storage Systems Irrigation System Setup Consultation &#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":7,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":362,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/41\/revisions\/362"}],"wp:attachment":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}