/* ===== BLOCK 2 ===== */
.tt-design-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-design-header {
text-align: center; max-width: 780px; margin: 0 auto 60px;
}
.tt-design-header h2 {
font-size: clamp(28px, 3.5vw, 44px); font-weight: 900;
color: #0a2a5e; margin: 0 0 16px; letter-spacing: -0.5px;
}
.tt-design-header p {
font-size: 16px; color: #6b7a90; line-height: 1.8; margin: 0;
}
.tt-design-grid {
display: grid; grid-template-columns: repeat(3,1fr); gap: 28px;
}
.tt-design-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-design-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-design-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-design-card:hover .tt-design-img { transform: scale(1.08); }
.tt-design-body { padding: 28px 24px; flex: 1; display: flex; flex-direction: column; }
.tt-design-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-design-body h3 {
font-size: 18px; font-weight: 800; color: #0a2a5e;
margin: 0 0 12px; line-height: 1.3;
}
.tt-design-specs {
list-style: none; padding: 0; margin: 0 0 18px; flex: 1;
}
.tt-design-specs li {
font-size: 13px; line-height: 1.8; color: #6b7a90;
padding-right: 16px; position: relative;
}
.tt-design-specs li::before {
content: "▸"; position: absolute; right: 0; color: #0878e8;
font-weight: 700;
}
.tt-design-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-design-grid { grid-template-columns: repeat(2,1fr); gap: 20px; } }
@media (max-width: 600px) {
.tt-design-scope { padding: 60px 0; }
.tt-design-grid { grid-template-columns: 1fr; gap: 20px; }
.tt-design-img { height: 180px; }
}
(function(){
var els = document.querySelectorAll('#tt-design-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); });
})();
DESIGN SCOPE
What the Design & Supply Service Covers
Six design deliverables — delivered together as a complete engineering package.
01
Water Analysis & Treatability
- Complete ionic analysis: Ca²⁺, Mg²⁺, Na⁺, K⁺, Cl⁻, SO₄²⁻, HCO₃⁻
- Physical parameters: TDS, TSS, turbidity, colour, pH, temperature
- Organics & biological: TOC, COD, BOD, SDI₁₅, bacteria
- Scale indices: LSI, S&DSI, Stiff & Davis
- Contaminants: Fe, Mn, silica, boron, nitrate, fluoride
- Output: Treatability report with recommended process train
02
Process Design & Mass Balance
- Process selection: RO, NF, UF, MF, IEX, GAC, softening
- Mass balance: flow, recovery, rejection, concentration
- Membrane array design: pressure vessels, stages, elements
- Chemical dosing: antiscalant, biocide, oxygen scavenger
- Pretreatment: media filtration, cartridge, antiscalant
- Deliverable: Design basis document, mass balance sheet
03
PFD & P&ID Production
- Process Flow Diagram (PFD): major equipment, flows, conditions
- Piping & Instrumentation Diagram (P&ID): full instrumentation
- Line sizing: pipe diameters, velocities, pressure drops
- Instrument list: flow, pressure, pH, conductivity, ORP, level
- Valve & fitting schedule: manual, automatic, control
- Deliverable: Signed PFD, P&ID, instrument datasheets
04
Equipment Sizing & Selection
- Pumps: high-pressure, feed, dosing, transfer
- Membranes: element selection (Dow, Hydranautics, Toray, LG)
- Pressure vessels: FRP, stainless steel, 4"/8"/16"
- Dosing pumps: Grundfos DDA, ProMinent Gamma, SEKO
- Instrumentation: DULCOMETER controllers, DULCOTEST sensors
- Deliverable: Equipment datasheets, selection report
05
Bill of Materials & Procurement
- Full BOM: equipment, instruments, valves, piping, fittings
- Vendor selection: global and local sourcing
- Brands available: Lenntech, Dow, Grundfos, BWA, ProMinent
- Delivery coordination: lead times, logistics, customs
- QC/QA: factory acceptance test (FAT) coordination
- Deliverable: Complete BOM with commercial quotation
06
Technical Documentation
- Design report: process description, basis of design
- Operating manual: startup, shutdown, normal operation
- Maintenance manual: PM schedule, CIP protocols
- Chemical program: dosing rates, setpoints, alarm limits
- Safety & HSE: HAZOP notes, MSDS compilation
- Deliverable: Complete O&M documentation set