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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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-14a8ff2c e-con e-atomic-element e-flexbox-base e-14a8ff2c-11d6429 \" data-id=\"14a8ff2c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"14a8ff2c\">\n \t\t<div class=\"elementor-element elementor-element-72d9e86f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"72d9e86f\" 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>Hydrogeological Surveys - COPA Water <\/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 Hydrogeological Surveys\" 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\">Site Investigation<\/span>\r\n <div class=\"h-[2px] w-12 bg-brandBlue\"><\/div>\r\n <\/div>\r\n\r\n <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-extrabold text-white mb-6 tracking-tight drop-shadow-sm\">\r\n Hydrogeological Surveys<br\/>\r\n <span class=\"text-2xl md:text-3xl font-medium text-slate-200 mt-2 block\"><\/span>\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 Expert groundwater resources investigation and geophysical surveys to identify optimal drilling points with scientific precision.\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 <a class=\"text-slate-200 hover:text-white transition-colors\" href=\"#services\">Services<\/a>\r\n <i class=\"fa-solid fa-chevron-right text-[10px] text-slate-400\"><\/i>\r\n <span class=\"text-white\">Hydrogeological Surveys<\/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-c4310ab e-con e-atomic-element e-flexbox-base e-c4310ab-2a30a07 \" data-id=\"c4310ab\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c4310ab\">\n \t\t<div class=\"elementor-element elementor-element-b6b10ff elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b6b10ff\" 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>Hydrogeological Surveys - Copa Waters<\/title>\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;900&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\/>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #f8fafc;\r\n color: #333;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n \/* \u2500\u2500 MAIN CONTAINER \u2500\u2500 *\/\r\n .survey-section {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 80px 20px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .survey-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 100px;\r\n right: -200px;\r\n width: 500px;\r\n height: 500px;\r\n background: rgba(0, 118, 190, 0.04);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .survey-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 100px;\r\n left: -200px;\r\n width: 400px;\r\n height: 400px;\r\n background: rgba(43, 57, 144, 0.03);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* \u2500\u2500 INTRO GRID \u2500\u2500 *\/\r\n .intro-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n margin-bottom: 80px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* \u2500\u2500 TEXT SIDE \u2500\u2500 *\/\r\n .intro-text {\r\n order: 2;\r\n }\r\n\r\n .intro-label {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .intro-label__line {\r\n width: 40px;\r\n height: 3px;\r\n background: #0076be;\r\n border-radius: 2px;\r\n }\r\n\r\n .intro-label__text {\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n color: #0076be;\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n }\r\n\r\n .intro-title {\r\n font-size: 2.75rem;\r\n font-weight: 900;\r\n color: #2b3990;\r\n line-height: 1.1;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .intro-title span {\r\n color: #0076be;\r\n }\r\n\r\n .intro-desc {\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n color: #555;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .intro-accent {\r\n position: relative;\r\n padding-left: 28px;\r\n }\r\n\r\n .intro-accent::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 4px;\r\n background: rgba(0, 118, 190, 0.15);\r\n border-radius: 2px;\r\n }\r\n\r\n .intro-accent::after {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 50%;\r\n width: 4px;\r\n background: #0076be;\r\n border-radius: 2px;\r\n }\r\n\r\n .intro-accent p {\r\n font-size: 0.95rem;\r\n line-height: 1.8;\r\n color: #666;\r\n }\r\n\r\n \/* \u2500\u2500 IMAGE SIDE \u2500\u2500 *\/\r\n .intro-image {\r\n order: 1;\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .intro-image__frame {\r\n position: relative;\r\n width: 100%;\r\n max-width: 560px;\r\n aspect-ratio: 4\/3;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 60px rgba(43, 57, 144, 0.15);\r\n }\r\n\r\n .intro-image__frame img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .intro-image__frame:hover img {\r\n transform: scale(1.03);\r\n }\r\n\r\n .intro-image__frame::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent);\r\n pointer-events: none;\r\n }\r\n\r\n .intro-image__offset {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(0, 118, 190, 0.08);\r\n border-radius: 16px;\r\n transform: translate(16px, 16px);\r\n z-index: -1;\r\n }\r\n\r\n \/* \u2500\u2500 DETAILS GRID \u2500\u2500 *\/\r\n .details-grid {\r\n display: grid;\r\n grid-template-columns: 5fr 7fr;\r\n gap: 60px;\r\n align-items: start;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* \u2500\u2500 DETAIL IMAGE \u2500\u2500 *\/\r\n .detail-image {\r\n position: relative;\r\n position: sticky;\r\n top: 120px;\r\n }\r\n\r\n .detail-image__frame {\r\n width: 100%;\r\n aspect-ratio: 4\/5;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 50px rgba(0, 118, 190, 0.12);\r\n }\r\n\r\n .detail-image__frame img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .detail-image__frame:hover img {\r\n transform: scale(1.03);\r\n }\r\n\r\n .detail-image__offset {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(43, 57, 144, 0.05);\r\n border-radius: 16px;\r\n transform: translate(-12px, -12px);\r\n z-index: -1;\r\n }\r\n\r\n \/* Floating badge *\/\r\n .detail-badge {\r\n position: absolute;\r\n right: -20px;\r\n top: 25%;\r\n background: #fff;\r\n padding: 18px 22px;\r\n border-radius: 14px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);\r\n border: 1px solid rgba(0, 0, 0, 0.04);\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n z-index: 10;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .detail-badge:hover {\r\n transform: translateY(-3px);\r\n }\r\n\r\n .detail-badge__icon {\r\n width: 48px;\r\n height: 48px;\r\n background: rgba(0, 118, 190, 0.08);\r\n color: #0076be;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .detail-badge__icon i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .detail-badge__text strong {\r\n display: block;\r\n font-size: 0.85rem;\r\n color: #2b3990;\r\n }\r\n\r\n .detail-badge__text span {\r\n font-size: 0.75rem;\r\n color: #888;\r\n font-weight: 500;\r\n }\r\n\r\n \/* \u2500\u2500 LIST CONTENT \u2500\u2500 *\/\r\n .detail-content__title {\r\n font-size: 1.75rem;\r\n font-weight: 900;\r\n color: #2b3990;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .detail-content__desc {\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n color: #555;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .detail-card {\r\n background: #fff;\r\n border-radius: 16px;\r\n padding: 36px;\r\n border: 1px solid rgba(0, 0, 0, 0.04);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);\r\n }\r\n\r\n .detail-list {\r\n list-style: none;\r\n }\r\n\r\n .detail-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 20px;\r\n padding: 20px 0;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.04);\r\n transition: padding-left 0.3s;\r\n }\r\n\r\n .detail-list li:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0;\r\n }\r\n\r\n .detail-list li:first-child {\r\n padding-top: 0;\r\n }\r\n\r\n .detail-list li:hover {\r\n padding-left: 6px;\r\n }\r\n\r\n .detail-list__icon {\r\n width: 48px;\r\n height: 48px;\r\n background: rgba(0, 118, 190, 0.06);\r\n color: #0076be;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .detail-list li:hover .detail-list__icon {\r\n background: #0076be;\r\n color: #fff;\r\n }\r\n\r\n .detail-list__icon i {\r\n font-size: 1.05rem;\r\n }\r\n\r\n .detail-list__title {\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n color: #2b3990;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .detail-list__desc {\r\n font-size: 0.9rem;\r\n line-height: 1.65;\r\n color: #666;\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .intro-grid {\r\n gap: 40px;\r\n }\r\n\r\n .intro-title {\r\n font-size: 2.25rem;\r\n }\r\n\r\n .detail-badge {\r\n right: -10px;\r\n padding: 14px 18px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .survey-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n .intro-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .intro-text {\r\n order: 1;\r\n }\r\n\r\n .intro-image {\r\n order: 0;\r\n }\r\n\r\n .intro-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .details-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .detail-image {\r\n position: static;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .detail-badge {\r\n right: 10px;\r\n top: auto;\r\n bottom: -16px;\r\n }\r\n\r\n .intro-image__offset {\r\n display: none;\r\n }\r\n\r\n .detail-image__offset {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 580px) {\r\n .survey-section {\r\n padding: 48px 16px;\r\n }\r\n\r\n .intro-grid {\r\n margin-bottom: 48px;\r\n }\r\n\r\n .intro-title {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .intro-desc {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .detail-content__title {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .detail-card {\r\n padding: 24px;\r\n }\r\n\r\n .detail-list li {\r\n gap: 14px;\r\n padding: 16px 0;\r\n }\r\n\r\n .detail-list__icon {\r\n width: 42px;\r\n height: 42px;\r\n }\r\n\r\n .detail-list__icon i {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .detail-list__title {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .detail-list__desc {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .detail-badge {\r\n padding: 12px 16px;\r\n gap: 10px;\r\n }\r\n\r\n .detail-badge__icon {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .detail-badge__icon i {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .detail-badge__text strong {\r\n font-size: 0.78rem;\r\n }\r\n\r\n .detail-badge__text span {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .intro-image__frame {\r\n border-radius: 12px;\r\n }\r\n\r\n .detail-image__frame {\r\n border-radius: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 400px) {\r\n .intro-title {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .detail-card {\r\n padding: 20px;\r\n }\r\n\r\n .detail-list li {\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .detail-list__icon {\r\n margin-top: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <main class=\"survey-section\">\r\n\r\n <div class=\"intro-grid\">\r\n\r\n <div class=\"intro-text\">\r\n <div class=\"intro-label\">\r\n <span class=\"intro-label__line\"><\/span>\r\n <span class=\"intro-label__text\">Scientific Precision<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"intro-title\">Hydrogeological<br><span>Surveys & Reports<\/span><\/h2>\r\n\r\n <p class=\"intro-desc\">\r\n At Copa Waters, our hydrogeological surveys form the scientific backbone of every successful borehole project. Before any drilling begins, our expert geologists conduct thorough subsurface investigations to map aquifer locations, estimate water yields, and identify the most productive drilling points on your land.\r\n <\/p>\r\n\r\n <div class=\"intro-accent\">\r\n <p>Our surveys eliminate the guesswork from borehole drilling. By combining advanced geophysical technology with decades of geological expertise, we ensure that every project begins with a clear, data-driven understanding of the groundwater potential beneath your site.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"intro-image\">\r\n <div class=\"intro-image__offset\"><\/div>\r\n <div class=\"intro-image__frame\">\r\n <img decoding=\"async\" alt=\"Hydrogeological survey team conducting field analysis\" src=\"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-05-at-8.39.41-AM.jpeg\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"details-grid\">\r\n\r\n <div class=\"detail-image\">\r\n <div class=\"detail-image__offset\"><\/div>\r\n <div class=\"detail-image__frame\">\r\n <img decoding=\"async\" alt=\"Geophysical survey equipment in the field\" src=\"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-content\/uploads\/2026\/06\/Hydrological-survey.jpeg\"\/>\r\n <\/div>\r\n\r\n <div class=\"detail-badge\">\r\n <div class=\"detail-badge__icon\">\r\n <i class=\"fa-solid fa-bullseye\"><\/i>\r\n <\/div>\r\n <div class=\"detail-badge__text\">\r\n <strong>Precision Targeting<\/strong>\r\n <span>98% Accuracy Rate<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"detail-content\">\r\n <h3 class=\"detail-content__title\">Our Survey Scope<\/h3>\r\n <p class=\"detail-content__desc\">\r\n We employ state-of-the-art geophysical instruments and proven scientific methodologies to deliver comprehensive hydrogeological assessments. Our survey scope covers every critical aspect of groundwater exploration:\r\n <\/p>\r\n\r\n <div class=\"detail-card\">\r\n <ul class=\"detail-list\">\r\n\r\n <li>\r\n <div class=\"detail-list__icon\">\r\n <i class=\"fa-solid fa-magnifying-glass-location\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"detail-list__title\">Groundwater Resources Investigation<\/div>\r\n <p class=\"detail-list__desc\">Comprehensive subsurface exploration to identify and map groundwater reservoirs, determine aquifer depth, thickness, and assess the overall water-bearing potential of your property before any investment is made.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li>\r\n <div class=\"detail-list__icon\">\r\n <i class=\"fa-solid fa-satellite-dish\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"detail-list__title\">Geophysical Surveys for Optimal Drilling Points<\/div>\r\n <p class=\"detail-list__desc\">Using electrical resistivity, seismic refraction, and electromagnetic methods to pinpoint the exact coordinates where drilling will yield the highest water output with the least geological risk.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li>\r\n <div class=\"detail-list__icon\">\r\n <i class=\"fa-solid fa-layer-group\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"detail-list__title\">Geological Mapping & Stratigraphy<\/div>\r\n <p class=\"detail-list__desc\">Detailed surface and subsurface geological mapping to understand rock formations, soil layers, fault lines, and structural features that influence groundwater flow and storage capacity.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li>\r\n <div class=\"detail-list__icon\">\r\n <i class=\"fa-solid fa-chart-line\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"detail-list__title\">Borehole Yield Estimation<\/div>\r\n <p class=\"detail-list__desc\">Scientific prediction of expected water yield from proposed borehole sites, including recharge rate analysis and sustainable extraction limits to ensure long-term water availability.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li>\r\n <div class=\"detail-list__icon\">\r\n <i class=\"fa-solid fa-file-lines\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"detail-list__title\">Comprehensive Survey Reports<\/div>\r\n <p class=\"detail-list__desc\">Professionally compiled hydrogeological reports with detailed findings, geological cross-sections, drilling recommendations, and regulatory compliance documentation required for permits and approvals.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/main>\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-6b42ab2b e-con e-atomic-element e-flexbox-base e-6b42ab2b-c86e25f \" data-id=\"6b42ab2b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6b42ab2b\">\n \t\t<div class=\"elementor-element elementor-element-73f71f57 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"73f71f57\" 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 \r\n \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 \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 \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 \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 \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 \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 \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 \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 © 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 \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 – Navbar info@copawaters.co.ke Mon – Fri: 8:00 AM – 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 & Quality Water Treatment Solutions Borehole Rehabilitation Casing & Grouting Tank & Storage Systems Irrigation System Setup Consultation & […]<\/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-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/29","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=29"}],"version-history":[{"count":16,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/29\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n 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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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-14a8ff2c e-con e-atomic-element e-flexbox-base e-14a8ff2c-11d6429 \" data-id=\"14a8ff2c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"14a8ff2c\">\n \t\t<div class=\"elementor-element elementor-element-72d9e86f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"72d9e86f\" 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>Hydrogeological Surveys - COPA Water <\/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 Hydrogeological Surveys\" 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\">Site Investigation<\/span>\r\n <div class=\"h-[2px] w-12 bg-brandBlue\"><\/div>\r\n <\/div>\r\n\r\n <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-extrabold text-white mb-6 tracking-tight drop-shadow-sm\">\r\n Hydrogeological Surveys<br\/>\r\n <span class=\"text-2xl md:text-3xl font-medium text-slate-200 mt-2 block\"><\/span>\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 Expert groundwater resources investigation and geophysical surveys to identify optimal drilling points with scientific precision.\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 <a class=\"text-slate-200 hover:text-white transition-colors\" href=\"#services\">Services<\/a>\r\n <i class=\"fa-solid fa-chevron-right text-[10px] text-slate-400\"><\/i>\r\n <span class=\"text-white\">Hydrogeological Surveys<\/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-c4310ab e-con e-atomic-element e-flexbox-base e-c4310ab-2a30a07 \" data-id=\"c4310ab\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c4310ab\">\n \t\t<div class=\"elementor-element elementor-element-b6b10ff elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b6b10ff\" 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>Hydrogeological Surveys - Copa Waters<\/title>\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;900&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\/>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #f8fafc;\r\n color: #333;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n \/* \u2500\u2500 MAIN CONTAINER \u2500\u2500 *\/\r\n .survey-section {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 80px 20px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .survey-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 100px;\r\n right: -200px;\r\n width: 500px;\r\n height: 500px;\r\n background: rgba(0, 118, 190, 0.04);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .survey-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 100px;\r\n left: -200px;\r\n width: 400px;\r\n height: 400px;\r\n background: rgba(43, 57, 144, 0.03);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* \u2500\u2500 INTRO GRID \u2500\u2500 *\/\r\n .intro-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n margin-bottom: 80px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* \u2500\u2500 TEXT SIDE \u2500\u2500 *\/\r\n .intro-text {\r\n order: 2;\r\n }\r\n\r\n .intro-label {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .intro-label__line {\r\n width: 40px;\r\n height: 3px;\r\n background: #0076be;\r\n border-radius: 2px;\r\n }\r\n\r\n .intro-label__text {\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n color: #0076be;\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n }\r\n\r\n .intro-title {\r\n font-size: 2.75rem;\r\n font-weight: 900;\r\n color: #2b3990;\r\n line-height: 1.1;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .intro-title span {\r\n color: #0076be;\r\n }\r\n\r\n .intro-desc {\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n color: #555;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .intro-accent {\r\n position: relative;\r\n padding-left: 28px;\r\n }\r\n\r\n .intro-accent::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 4px;\r\n background: rgba(0, 118, 190, 0.15);\r\n border-radius: 2px;\r\n }\r\n\r\n .intro-accent::after {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 50%;\r\n width: 4px;\r\n background: #0076be;\r\n border-radius: 2px;\r\n }\r\n\r\n .intro-accent p {\r\n font-size: 0.95rem;\r\n line-height: 1.8;\r\n color: #666;\r\n }\r\n\r\n \/* \u2500\u2500 IMAGE SIDE \u2500\u2500 *\/\r\n .intro-image {\r\n order: 1;\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .intro-image__frame {\r\n position: relative;\r\n width: 100%;\r\n max-width: 560px;\r\n aspect-ratio: 4\/3;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 60px rgba(43, 57, 144, 0.15);\r\n }\r\n\r\n .intro-image__frame img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .intro-image__frame:hover img {\r\n transform: scale(1.03);\r\n }\r\n\r\n .intro-image__frame::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent);\r\n pointer-events: none;\r\n }\r\n\r\n .intro-image__offset {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(0, 118, 190, 0.08);\r\n border-radius: 16px;\r\n transform: translate(16px, 16px);\r\n z-index: -1;\r\n }\r\n\r\n \/* \u2500\u2500 DETAILS GRID \u2500\u2500 *\/\r\n .details-grid {\r\n display: grid;\r\n grid-template-columns: 5fr 7fr;\r\n gap: 60px;\r\n align-items: start;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* \u2500\u2500 DETAIL IMAGE \u2500\u2500 *\/\r\n .detail-image {\r\n position: relative;\r\n position: sticky;\r\n top: 120px;\r\n }\r\n\r\n .detail-image__frame {\r\n width: 100%;\r\n aspect-ratio: 4\/5;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 50px rgba(0, 118, 190, 0.12);\r\n }\r\n\r\n .detail-image__frame img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .detail-image__frame:hover img {\r\n transform: scale(1.03);\r\n }\r\n\r\n .detail-image__offset {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(43, 57, 144, 0.05);\r\n border-radius: 16px;\r\n transform: translate(-12px, -12px);\r\n z-index: -1;\r\n }\r\n\r\n \/* Floating badge *\/\r\n .detail-badge {\r\n position: absolute;\r\n right: -20px;\r\n top: 25%;\r\n background: #fff;\r\n padding: 18px 22px;\r\n border-radius: 14px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);\r\n border: 1px solid rgba(0, 0, 0, 0.04);\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n z-index: 10;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .detail-badge:hover {\r\n transform: translateY(-3px);\r\n }\r\n\r\n .detail-badge__icon {\r\n width: 48px;\r\n height: 48px;\r\n background: rgba(0, 118, 190, 0.08);\r\n color: #0076be;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .detail-badge__icon i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .detail-badge__text strong {\r\n display: block;\r\n font-size: 0.85rem;\r\n color: #2b3990;\r\n }\r\n\r\n .detail-badge__text span {\r\n font-size: 0.75rem;\r\n color: #888;\r\n font-weight: 500;\r\n }\r\n\r\n \/* \u2500\u2500 LIST CONTENT \u2500\u2500 *\/\r\n .detail-content__title {\r\n font-size: 1.75rem;\r\n font-weight: 900;\r\n color: #2b3990;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .detail-content__desc {\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n color: #555;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .detail-card {\r\n background: #fff;\r\n border-radius: 16px;\r\n padding: 36px;\r\n border: 1px solid rgba(0, 0, 0, 0.04);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);\r\n }\r\n\r\n .detail-list {\r\n list-style: none;\r\n }\r\n\r\n .detail-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 20px;\r\n padding: 20px 0;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.04);\r\n transition: padding-left 0.3s;\r\n }\r\n\r\n .detail-list li:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0;\r\n }\r\n\r\n .detail-list li:first-child {\r\n padding-top: 0;\r\n }\r\n\r\n .detail-list li:hover {\r\n padding-left: 6px;\r\n }\r\n\r\n .detail-list__icon {\r\n width: 48px;\r\n height: 48px;\r\n background: rgba(0, 118, 190, 0.06);\r\n color: #0076be;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .detail-list li:hover .detail-list__icon {\r\n background: #0076be;\r\n color: #fff;\r\n }\r\n\r\n .detail-list__icon i {\r\n font-size: 1.05rem;\r\n }\r\n\r\n .detail-list__title {\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n color: #2b3990;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .detail-list__desc {\r\n font-size: 0.9rem;\r\n line-height: 1.65;\r\n color: #666;\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .intro-grid {\r\n gap: 40px;\r\n }\r\n\r\n .intro-title {\r\n font-size: 2.25rem;\r\n }\r\n\r\n .detail-badge {\r\n right: -10px;\r\n padding: 14px 18px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .survey-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n .intro-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .intro-text {\r\n order: 1;\r\n }\r\n\r\n .intro-image {\r\n order: 0;\r\n }\r\n\r\n .intro-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .details-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .detail-image {\r\n position: static;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .detail-badge {\r\n right: 10px;\r\n top: auto;\r\n bottom: -16px;\r\n }\r\n\r\n .intro-image__offset {\r\n display: none;\r\n }\r\n\r\n .detail-image__offset {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 580px) {\r\n .survey-section {\r\n padding: 48px 16px;\r\n }\r\n\r\n .intro-grid {\r\n margin-bottom: 48px;\r\n }\r\n\r\n .intro-title {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .intro-desc {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .detail-content__title {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .detail-card {\r\n padding: 24px;\r\n }\r\n\r\n .detail-list li {\r\n gap: 14px;\r\n padding: 16px 0;\r\n }\r\n\r\n .detail-list__icon {\r\n width: 42px;\r\n height: 42px;\r\n }\r\n\r\n .detail-list__icon i {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .detail-list__title {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .detail-list__desc {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .detail-badge {\r\n padding: 12px 16px;\r\n gap: 10px;\r\n }\r\n\r\n .detail-badge__icon {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .detail-badge__icon i {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .detail-badge__text strong {\r\n font-size: 0.78rem;\r\n }\r\n\r\n .detail-badge__text span {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .intro-image__frame {\r\n border-radius: 12px;\r\n }\r\n\r\n .detail-image__frame {\r\n border-radius: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 400px) {\r\n .intro-title {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .detail-card {\r\n padding: 20px;\r\n }\r\n\r\n .detail-list li {\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .detail-list__icon {\r\n margin-top: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <main class=\"survey-section\">\r\n\r\n <div class=\"intro-grid\">\r\n\r\n <div class=\"intro-text\">\r\n <div class=\"intro-label\">\r\n <span class=\"intro-label__line\"><\/span>\r\n <span class=\"intro-label__text\">Scientific Precision<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"intro-title\">Hydrogeological<br><span>Surveys & Reports<\/span><\/h2>\r\n\r\n <p class=\"intro-desc\">\r\n At Copa Waters, our hydrogeological surveys form the scientific backbone of every successful borehole project. Before any drilling begins, our expert geologists conduct thorough subsurface investigations to map aquifer locations, estimate water yields, and identify the most productive drilling points on your land.\r\n <\/p>\r\n\r\n <div class=\"intro-accent\">\r\n <p>Our surveys eliminate the guesswork from borehole drilling. By combining advanced geophysical technology with decades of geological expertise, we ensure that every project begins with a clear, data-driven understanding of the groundwater potential beneath your site.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"intro-image\">\r\n <div class=\"intro-image__offset\"><\/div>\r\n <div class=\"intro-image__frame\">\r\n <img decoding=\"async\" alt=\"Hydrogeological survey team conducting field analysis\" src=\"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-05-at-8.39.41-AM.jpeg\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"details-grid\">\r\n\r\n <div class=\"detail-image\">\r\n <div class=\"detail-image__offset\"><\/div>\r\n <div class=\"detail-image__frame\">\r\n <img decoding=\"async\" alt=\"Geophysical survey equipment in the field\" src=\"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-content\/uploads\/2026\/06\/Hydrological-survey.jpeg\"\/>\r\n <\/div>\r\n\r\n <div class=\"detail-badge\">\r\n <div class=\"detail-badge__icon\">\r\n <i class=\"fa-solid fa-bullseye\"><\/i>\r\n <\/div>\r\n <div class=\"detail-badge__text\">\r\n <strong>Precision Targeting<\/strong>\r\n <span>98% Accuracy Rate<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"detail-content\">\r\n <h3 class=\"detail-content__title\">Our Survey Scope<\/h3>\r\n <p class=\"detail-content__desc\">\r\n We employ state-of-the-art geophysical instruments and proven scientific methodologies to deliver comprehensive hydrogeological assessments. Our survey scope covers every critical aspect of groundwater exploration:\r\n <\/p>\r\n\r\n <div class=\"detail-card\">\r\n <ul class=\"detail-list\">\r\n\r\n <li>\r\n <div class=\"detail-list__icon\">\r\n <i class=\"fa-solid fa-magnifying-glass-location\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"detail-list__title\">Groundwater Resources Investigation<\/div>\r\n <p class=\"detail-list__desc\">Comprehensive subsurface exploration to identify and map groundwater reservoirs, determine aquifer depth, thickness, and assess the overall water-bearing potential of your property before any investment is made.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li>\r\n <div class=\"detail-list__icon\">\r\n <i class=\"fa-solid fa-satellite-dish\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"detail-list__title\">Geophysical Surveys for Optimal Drilling Points<\/div>\r\n <p class=\"detail-list__desc\">Using electrical resistivity, seismic refraction, and electromagnetic methods to pinpoint the exact coordinates where drilling will yield the highest water output with the least geological risk.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li>\r\n <div class=\"detail-list__icon\">\r\n <i class=\"fa-solid fa-layer-group\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"detail-list__title\">Geological Mapping & Stratigraphy<\/div>\r\n <p class=\"detail-list__desc\">Detailed surface and subsurface geological mapping to understand rock formations, soil layers, fault lines, and structural features that influence groundwater flow and storage capacity.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li>\r\n <div class=\"detail-list__icon\">\r\n <i class=\"fa-solid fa-chart-line\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"detail-list__title\">Borehole Yield Estimation<\/div>\r\n <p class=\"detail-list__desc\">Scientific prediction of expected water yield from proposed borehole sites, including recharge rate analysis and sustainable extraction limits to ensure long-term water availability.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li>\r\n <div class=\"detail-list__icon\">\r\n <i class=\"fa-solid fa-file-lines\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"detail-list__title\">Comprehensive Survey Reports<\/div>\r\n <p class=\"detail-list__desc\">Professionally compiled hydrogeological reports with detailed findings, geological cross-sections, drilling recommendations, and regulatory compliance documentation required for permits and approvals.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/main>\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-6b42ab2b e-con e-atomic-element e-flexbox-base e-6b42ab2b-c86e25f \" data-id=\"6b42ab2b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6b42ab2b\">\n \t\t<div class=\"elementor-element elementor-element-73f71f57 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"73f71f57\" 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 \r\n \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 \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 \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 \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 \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 \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 \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 \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 © 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 \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 – Navbar info@copawaters.co.ke Mon – Fri: 8:00 AM – 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 & Quality Water Treatment Solutions Borehole Rehabilitation Casing & Grouting Tank & Storage Systems Irrigation System Setup Consultation & […]<\/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-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/29","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=29"}],"version-history":[{"count":16,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/pages\/29\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/nikadigitalhub.co.ke\/copawaters\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}