/* ===== BLOCK 2 ===== */
.tt-inst-scope {
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-inst-header {
text-align: center; max-width: 780px; margin: 0 auto 60px;
}
.tt-inst-header h2 {
font-size: clamp(28px, 3.5vw, 44px); font-weight: 900;
color: #0a2a5e; margin: 0 0 16px; letter-spacing: -0.5px;
}
.tt-inst-header p {
font-size: 16px; color: #6b7a90; line-height: 1.8; margin: 0;
}
.tt-inst-grid {
display: grid; grid-template-columns: repeat(3,1fr); gap: 28px;
}
.tt-inst-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-inst-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-inst-img {
width: 100%; height: 200px; object-fit: cover; display: block;
background: #e8f1fb;
transition: transform 0.8s cubic-bezier(0.22,1,0.36,1);
}
.tt-inst-card:hover .tt-inst-img { transform: scale(1.08); }
.tt-inst-body { padding: 28px 24px; flex: 1; display: flex; flex-direction: column; }
.tt-inst-num {
display: inline-flex; align-items: center; justify-content: center;
width: 42px; height: 42px; border-radius: 12px;
background: linear-gradient(135deg, #0878e8, #16c9ff);
color: #ffffff; font-weight: 900; font-size: 16px;
margin-bottom: 16px;
box-shadow: 0 8px 20px rgba(8,120,232,0.3);
}
.tt-inst-body h3 {
font-size: 18px; font-weight: 800; color: #0a2a5e;
margin: 0 0 12px; line-height: 1.3;
}
.tt-inst-specs {
list-style: none; padding: 0; margin: 0 0 18px; flex: 1;
}
.tt-inst-specs li {
font-size: 13px; line-height: 1.8; color: #6b7a90;
padding-right: 16px; position: relative;
}
.tt-inst-specs li::before {
content: "▸"; position: absolute; right: 0; color: #0878e8;
font-weight: 700;
}
.tt-inst-specs li strong { color: #0a2a5e; font-weight: 700; }
.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: 1024px) { .tt-inst-grid { grid-template-columns: repeat(2,1fr); gap: 20px; } }
@media (max-width: 600px) {
.tt-inst-scope { padding: 60px 0; }
.tt-inst-grid { grid-template-columns: 1fr; gap: 20px; }
.tt-inst-img { height: 180px; }
}
(function(){
var els = document.querySelectorAll('#tt-inst-scope .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); });
})();
INSTALLATION SCOPE
What the Installation Service Covers
Six installation stages — delivered as one integrated on-site service package.
01
Mechanical Installation
- Equipment positioning on: concrete pads, skids, or structures
- Alignment of: pumps, motors, gearboxes
- Grouting & anchor bolting per: vendor drawings
- FRP / SS pressure vessels: 4", 8", 16" element handling
- Membrane loading & torque checks per: manufacturer spec
- Interconnecting pipework to: design isometrics
02
Electrical Installation
- Power distribution: MCC, isolators, earthing
- Motor connections: DOL, star-delta, VFD
- Control panel mounting & wiring: PLC, relays, HMIs
- Instrument loops: 4–20 mA, pulse, digital, HART
- Safety interlocks: low pressure, high pressure, level
- Commissioning checks: megger, loop check, function test
03
Piping & Instrumentation
- Materials: PVC, uPVC, CPVC, PVDF, SS 304/316
- Jointing methods: solvent weld, fusion, flanged, threaded
- Supports & hangers: per piping isometrics
- Flow meters: rotameter, electromagnetic, ultrasonic
- Pressure & level: gauges, transmitters, switches
- Analytical: pH, conductivity, ORP, chlorine, SDI
04
Wet Commissioning
- Flushing & cleaning: pre-commissioning water flush
- Leak testing: hydro-test all pipework & vessels
- Chemical cleaning: CIP of RO/UF membranes
- Initial startup: feed, pre-treatment, HP pump, RO train
- Dosing calibration: antiscalant, biocide, scavenger
- Instrument calibration: pH, conductivity, flow
05
Performance Testing
- Permeate flow: vs. design (m³/h)
- Permeate quality: TDS, conductivity, SDI, hardness
- Recovery: design vs. actual %
- Salt rejection: design vs. actual %
- Energy consumption: kWh/m³ produced
- Report: signed commissioning certificate
06
Operator Training & Handover
- Classroom + on-the-job training
- Startup, normal operation, shutdown
- Routine checks & log sheets
- CIP procedures & chemical safety
- Troubleshooting & alarm response
- Handover: O&M manual, as-built drawings, spare list