/* ===== BLOCK 2 ===== */
.tt-serv-cats {
background: #f7fafd;
padding: 110px 0;
font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}
.tt-container { max-width: 1180px; width: 92%; margin: 0 auto; }
.tt-section-label {
display: inline-block; font-size: 12px; font-weight: 700;
letter-spacing: 2px; text-transform: uppercase;
color: #0878e8; margin-bottom: 12px;
position: relative; padding-right: 40px;
}
.tt-section-label::before {
content: ""; position: absolute; right: 0; top: 50%;
width: 28px; height: 2px; background: #16c9ff;
}
.tt-serv-header {
text-align: center; max-width: 780px; margin: 0 auto 60px;
}
.tt-serv-header h2 {
font-size: clamp(28px, 3.5vw, 44px); font-weight: 900;
color: #0a2a5e; margin: 0 0 16px; letter-spacing: -0.5px;
}
.tt-serv-header p {
font-size: 16px; color: #6b7a90; line-height: 1.8; margin: 0;
}
.tt-serv-grid {
display: grid; grid-template-columns: repeat(2,1fr); gap: 28px;
}
.tt-serv-card {
background: #ffffff; border-radius: 22px; overflow: hidden;
box-shadow: 0 12px 40px rgba(10,42,94,0.08);
border: 1px solid rgba(10,42,94,0.06);
transition: all 0.5s cubic-bezier(0.25,0.46,0.45,0.94);
display: flex; flex-direction: column;
}
.tt-serv-card:hover {
transform: translateY(-12px);
box-shadow: 0 30px 65px rgba(8,120,232,0.18);
border-color: rgba(8,120,232,0.25);
}
.tt-serv-img {
width: 100%; height: 260px; object-fit: cover; display: block;
background: #e8f1fb;
transition: transform 0.8s cubic-bezier(0.22,1,0.36,1);
}
.tt-serv-card:hover .tt-serv-img { transform: scale(1.08); }
.tt-serv-body { padding: 32px 28px; flex: 1; display: flex; flex-direction: column; }
.tt-serv-num {
display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px; border-radius: 12px;
background: linear-gradient(135deg, #0878e8, #16c9ff);
color: #ffffff; font-weight: 900; font-size: 18px;
margin-bottom: 16px;
box-shadow: 0 8px 20px rgba(8,120,232,0.3);
}
.tt-serv-body h3 {
font-size: 21px; font-weight: 800; color: #0a2a5e;
margin: 0 0 14px; line-height: 1.3;
}
.tt-serv-body p {
font-size: 14px; line-height: 1.8; color: #6b7a90;
margin: 0 0 18px; flex: 1;
}
.tt-serv-specs {
list-style: none; padding: 0; margin: 0 0 20px;
}
.tt-serv-specs li {
font-size: 13px; line-height: 1.8; color: #6b7a90;
padding-right: 18px; position: relative;
}
.tt-serv-specs li::before {
content: "▸"; position: absolute; right: 0; color: #0878e8;
font-weight: 700;
}
.tt-serv-specs li strong { color: #0a2a5e; font-weight: 700; }
.tt-serv-link {
display: inline-flex; align-items: center; gap: 8px;
font-size: 13.5px; font-weight: 700; color: #0878e8;
text-decoration: none; transition: gap 0.3s, color 0.3s;
padding-top: 14px;
border-top: 1px solid rgba(10,42,94,0.06);
}
.tt-serv-card:hover .tt-serv-link { gap: 14px; color: #16c9ff; }
.tt-reveal {
opacity: 0; transform: translateY(50px);
transition: opacity 0.9s cubic-bezier(0.22,1,0.36,1), transform 0.9s cubic-bezier(0.22,1,0.36,1);
}
.tt-reveal.tt-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 900px) { .tt-serv-grid { grid-template-columns: 1fr; gap: 20px; } }
@media (max-width: 560px) {
.tt-serv-cats { padding: 60px 0; }
.tt-serv-img { height: 200px; }
.tt-serv-body { padding: 26px 22px; }
.tt-serv-body h3 { font-size: 18px; }
}
(function(){
var els = document.querySelectorAll('#tt-serv-cats .tt-reveal');
if (!('IntersectionObserver' in window)) { els.forEach(function(e){ e.classList.add('tt-visible'); }); return; }
var obs = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if (entry.isIntersecting) {
var el = entry.target;
var delay = parseInt(el.getAttribute('data-delay') || '0', 10);
setTimeout(function(){ el.classList.add('tt-visible'); }, delay);
obs.unobserve(el);
}
});
}, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });
els.forEach(function(e){ obs.observe(e); });
})();
OUR SERVICES
End-to-End Water Treatment Services
Four core service lines — delivered by our in-house chemical, mechanical, and process engineers.
01
Design & Supply
Custom RO, UF, and chemical dosing system design based on your water analysis and flow requirements. We deliver complete engineering drawings, P&IDs, equipment selection, and full material supply.
- Water analysis & treatability study
- Process design (mass balance, PFD, P&ID)
- Equipment sizing & selection
- Full BOM & procurement
02
Installation & Commissioning
On-site mechanical, electrical, and process installation with full commissioning and operator training. Our field team ensures your system starts up correctly and meets design performance from day one.
- Mechanical & electrical installation
- Piping, wiring, instrumentation
- Wet commissioning & performance test
- Operator training & documentation
03
Maintenance & Support
Preventive maintenance programs, membrane cleaning (CIP), chemical dosing tuning, and emergency call-outs. We keep your system running at design performance year after year.
- Scheduled PM visits & inspections
- RO / UF membrane CIP & autopsies
- Chemical dosing program tuning
- 24/7 emergency technical support
04
Technical Consulting
Water chemistry audits, scale/corrosion studies, chemical selection, troubleshooting, and regulatory compliance guidance. Independent expert advice to optimize your existing plant.
- Water chemistry audits & LSI/SDSI studies
- Scale & corrosion troubleshooting
- Chemical selection & dosing optimization
- Regulatory & compliance guidance