/* HYPROWATER ABOUT US + PARTNER */ #hw-home-company { position: relative; left: 50%; width: 100vw; max-width: none !important; margin-left: -50vw; background: #fff; color: #183554; font-family: Arial, sans-serif; box-sizing: border-box; overflow: hidden; } #hw-home-company *, #hw-home-company *::before, #hw-home-company *::after { box-sizing: border-box; } /* ABOUT US */ #about-us { scroll-margin-top: 100px; padding: 70px 25px; background: linear-gradient(180deg,#fff,#f2f9ff); } #hw-home-company .hw-about-inner { max-width: 1160px; margin: auto; display: grid; grid-template-columns: .9fr 1.5fr; gap: 65px; align-items: center; } #hw-home-company .hw-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: 2px; color: #0875d1; margin-bottom: 15px; } #hw-home-company .hw-brand { font-size: clamp(35px,4vw,55px); font-weight: 800; line-height: 1.1; letter-spacing: -1.5px; margin: 0 0 12px; } #hw-home-company .hw-green { color: #25a85b; } #hw-home-company .hw-blue { color: #0875d1; } #hw-home-company .hw-slogan { font-size: 17px; color: #52647a; margin: 0; } #hw-home-company .hw-about-text { padding-left: 35px; border-left: 3px solid #0875d1; } #hw-home-company .hw-about-text h2 { font-size: 27px; line-height: 1.3; color: #092c58; margin: 0 0 18px; } #hw-home-company .hw-about-text p { font-size: 15px; line-height: 1.85; color: #506176; margin: 0 0 15px; } #hw-home-company .hw-about-text strong { color: #092c58; } #hw-home-company .hw-contact-btn { display: inline-flex; align-items: center; background: #0875d1; color: #fff !important; padding: 13px 26px; border-radius: 30px; font-size: 14px; font-weight: 700; text-decoration: none !important; margin-top: 12px; transition: background .2s; } #hw-home-company .hw-contact-btn:hover { background: #0659a1; } /* OUR PARTNER */ #our-partner { scroll-margin-top: 100px; padding: 60px 20px 75px; background: #fff; } #hw-home-company .hw-partner-inner { max-width: 1160px; margin: auto; } #hw-home-company .hw-partner-heading { margin: 0 0 12px; text-align: center; font-size: clamp(25px,3vw,35px); font-weight: 800; color: #092c58; } #hw-home-company .hw-partner-heading span { color: #0875d1; } #hw-home-company .hw-partner-desc { max-width: 650px; margin: 0 auto 35px; color: #65748a; font-size: 15px; line-height: 1.7; text-align: center; } /* CAROUSEL */ #hw-home-company .hw-carousel { display: flex; align-items: center; gap: 12px; } #hw-home-company .hw-carousel-window { flex: 1; min-width: 0; overflow: hidden; } #hw-home-company .hw-carousel-track { display: flex; gap: 16px; will-change: transform; } #hw-home-company .hw-partner-card { flex: 0 0 calc((100% - 48px) / 4); min-width: 0; height: 145px; padding: 18px; background: #fff; border: 1px solid #e2edf5; border-radius: 12px; display: flex; justify-content: center; align-items: center; overflow: hidden; } #hw-home-company .hw-partner-card img { display: block; width: auto; height: auto; max-width: 100%; max-height: 105px; object-fit: contain; } #hw-home-company .hw-arrow { flex: 0 0 38px; width: 38px; height: 38px; padding: 0; border: 1px solid #d7e7f5; border-radius: 50%; background: #fff; color: #0875d1; display: flex; align-items: center; justify-content: center; cursor: pointer; } #hw-home-company .hw-arrow:hover { background: #0875d1; color: #fff; } #hw-home-company .hw-arrow svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; } @media(max-width:767px) { #about-us { padding: 45px 20px; } #hw-home-company .hw-about-inner { grid-template-columns: 1fr; gap: 25px; } #hw-home-company .hw-about-text { border-left: 0; border-top: 3px solid #0875d1; padding: 23px 0 0; } #hw-home-company .hw-about-text h2 { font-size: 23px; } #hw-home-company .hw-about-text p { font-size: 14px; } #our-partner { padding: 45px 12px 55px; } #hw-home-company .hw-carousel { gap: 6px; } #hw-home-company .hw-carousel-track { gap: 10px; } #hw-home-company .hw-partner-card { flex-basis: calc((100% - 10px) / 2); height: 110px; padding: 10px; } #hw-home-company .hw-partner-card img { max-height: 85px; } #hw-home-company .hw-arrow { flex-basis: 30px; width: 30px; height: 30px; } } @media(prefers-reduced-motion:reduce) { #hw-home-company .hw-carousel-track { transition: none !important; } }
WELCOME TO

HyproWater

Water Filtration Solutions

Your Trusted Water Filtration Solutions Provider

Established in 2013, HyproWater is a Malaysian water filtration company specializing in the supply, installation and maintenance of water filtration systems for residential and commercial use.

With over a decade of experience, we provide a wide range of filtration solutions, including outdoor sand filters, UF membrane systems, indoor water purifiers, water dispensers and replacement filter components.

We proudly operate two showrooms in Malaysia, located in Kuantan and Kelantan, serving homeowners, offices, schools, businesses and commercial facilities.

We understand that every water source is different. Our filtration solutions are selected according to water quality concerns such as sediment, muddy water, yellowish water, oily water and unpleasant odours.

Our commitment is to provide quality products, professional installation, reliable maintenance and dependable after-sales support.

Contact Us →

OUR PARTNER

Supporting homes, businesses and communities with reliable water filtration solutions.

Jauhari Permai
IIUM
KKLW
Konica
Kula Cakes
LFM Energy
MTBE
Pejabat Tanah
(function() { function initHyproCarousel() { var root = document.getElementById( 'hw-home-company' ); if (!root || root.dataset.carouselReady === '1') { return; } var track = root.querySelector( '.hw-carousel-track' ); var prev = root.querySelector('.hw-prev'); var next = root.querySelector('.hw-next'); if (!track || !prev || !next) return; root.dataset.carouselReady = '1'; var originals = Array.from(track.children); var total = originals.length; var cloneCount = 4; // Clone the last four before the originals. originals.slice(-cloneCount).reverse() .forEach(function(item) { track.prepend(item.cloneNode(true)); }); // Clone the first four after the originals. originals.slice(0, cloneCount) .forEach(function(item) { track.append(item.cloneNode(true)); }); var index = cloneCount; var moving = false; function stepSize() { var card = track.querySelector( '.hw-partner-card' ); if (!card) return 0; var gap = parseFloat( getComputedStyle(track).columnGap ) || 0; return card.getBoundingClientRect().width + gap; } function position(animate) { track.style.transition = animate ? 'transform 400ms ease' : 'none'; track.style.transform = 'translate3d(-' + (index * stepSize()) + 'px,0,0)'; } function move(direction) { if (moving) return; moving = true; index += direction; position(true); } next.addEventListener('click', function() { move(1); }); prev.addEventListener('click', function() { move(-1); }); track.addEventListener( 'transitionend', function(event) { if (event.target !== track || event.propertyName !== 'transform') { return; } if (index >= total + cloneCount) { index -= total; position(false); } else if (index < cloneCount) { index += total; position(false); } moving = false; } ); window.addEventListener('resize', function() { position(false); }); position(false); } if (document.readyState === 'loading') { document.addEventListener( 'DOMContentLoaded', initHyproCarousel ); } else { initHyproCarousel(); } })();