Water Treatment Insights
/* ===== BLOCK 2 ===== */
.tt-blog-featured {
background: #f7fafd;
padding: 110px 0 90px;
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;
}
/* Featured Article */
.tt-featured-grid {
display: grid;
grid-template-columns: 1.15fr 1fr;
gap: 50px;
align-items: center;
margin-bottom: 80px;
}
.tt-featured-img-wrap {
position: relative;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 30px 70px rgba(10,42,94,0.18);
aspect-ratio: 16/10;
background: #e8f1fb;
}
.tt-featured-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.9s cubic-bezier(0.22,1,0.36,1);
}
.tt-featured-img-wrap:hover .tt-featured-img { transform: scale(1.06); }
.tt-featured-badge {
position: absolute;
top: 20px;
right: 20px;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #ffffff;
background: linear-gradient(135deg, #0878e8, #16c9ff);
padding: 8px 16px;
border-radius: 999px;
box-shadow: 0 8px 24px rgba(8,120,232,0.35);
z-index: 2;
}
.tt-featured-body h2 {
font-size: clamp(24px, 3vw, 36px);
font-weight: 900;
color: #0a2a5e;
line-height: 1.25;
margin: 0 0 18px;
letter-spacing: -0.5px;
}
.tt-featured-body p {
font-size: 15.5px;
line-height: 1.9;
color: #4a5a70;
margin: 0 0 22px;
}
.tt-featured-meta {
display: flex;
flex-wrap: wrap;
gap: 20px;
font-size: 12.5px;
color: #6b7a90;
margin-bottom: 24px;
}
.tt-featured-meta span {
display: inline-flex;
align-items: center;
gap: 6px;
}
.tt-featured-meta strong { color: #0a2a5e; font-weight: 700; }
.tt-featured-link {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 700;
color: #0878e8;
text-decoration: none;
transition: gap 0.3s, color 0.3s;
padding: 12px 26px;
border-radius: 12px;
background: linear-gradient(135deg, rgba(8,120,232,0.1), rgba(22,201,255,0.05));
border: 1px solid rgba(8,120,232,0.2);
}
.tt-featured-link:hover {
gap: 16px;
color: #ffffff;
background: linear-gradient(135deg, #0878e8, #16c9ff);
}
/* Category Tabs */
.tt-cats-tabs {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
margin-bottom: 60px;
}
.tt-cat-tab {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 20px;
border-radius: 999px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
color: #4a5a70;
background: #ffffff;
border: 1px solid rgba(10,42,94,0.08);
transition: all 0.35s ease;
cursor: pointer;
}
.tt-cat-tab:hover {
color: #0878e8;
border-color: rgba(8,120,232,0.3);
background: rgba(8,120,232,0.04);
transform: translateY(-2px);
}
.tt-cat-tab.tt-active {
color: #ffffff;
background: linear-gradient(135deg, #0878e8, #16c9ff);
border-color: transparent;
box-shadow: 0 8px 22px rgba(8,120,232,0.3);
}
.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); }
.tt-reveal-left { transform: translateX(-60px); }
.tt-reveal-right { transform: translateX(60px); }
.tt-reveal-left.tt-visible, .tt-reveal-right.tt-visible { transform: translateX(0); }
@media (max-width: 900px) {
.tt-featured-grid { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 560px) {
.tt-blog-featured { padding: 60px 0 40px; }
.tt-cat-tab { font-size: 11.5px; padding: 8px 14px; }
}
(function(){
var els = document.querySelectorAll('#tt-blog-featured .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); });
})();
FEATURED ARTICLE
MOST READ
RO Membrane Cleaning: When, How, and With What
A complete step-by-step guide to CIP (Clean-In-Place) protocols for RO membranes — how to decide between low-pH and high-pH cleaning, how to calculate the right chemical dose, and how to verify cleaning effectiveness using normalized flow and rejection data.
Read Full Article →
/* ===== BLOCK 3 ===== */
.tt-blog-articles {
background: #ffffff;
padding: 90px 0;
font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}
.tt-blog-articles-header {
text-align: center;
max-width: 720px;
margin: 0 auto 60px;
}
.tt-blog-articles-header h2 {
font-size: clamp(26px, 3.2vw, 40px);
font-weight: 900;
color: #0a2a5e;
margin: 0 0 16px;
letter-spacing: -0.5px;
}
.tt-blog-articles-header p {
font-size: 16px;
color: #6b7a90;
line-height: 1.8;
margin: 0;
}
.tt-articles-grid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 28px;
}
.tt-article-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;
text-decoration: none;
}
.tt-article-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-article-img-wrap {
position: relative;
height: 200px;
overflow: hidden;
background: #e8f1fb;
}
.tt-article-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.8s cubic-bezier(0.22,1,0.36,1);
}
.tt-article-card:hover .tt-article-img { transform: scale(1.1); }
.tt-article-tag {
position: absolute;
top: 14px;
right: 14px;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #0878e8;
background: rgba(255,255,255,0.95);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
padding: 6px 12px;
border-radius: 999px;
z-index: 2;
}
.tt-article-body {
padding: 26px 24px;
flex: 1;
display: flex;
flex-direction: column;
}
.tt-article-date {
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #16c9ff;
margin-bottom: 12px;
}
.tt-article-body h3 {
font-size: 17px;
font-weight: 800;
color: #0a2a5e;
margin: 0 0 12px;
line-height: 1.4;
flex: 0 0 auto;
}
.tt-article-body p {
font-size: 13px;
line-height: 1.75;
color: #6b7a90;
margin: 0 0 18px;
flex: 1;
}
.tt-article-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 14px;
border-top: 1px solid rgba(10,42,94,0.06);
font-size: 12px;
color: #6b7a90;
}
.tt-article-readtime {
display: inline-flex;
align-items: center;
gap: 5px;
}
.tt-article-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12.5px;
font-weight: 700;
color: #0878e8;
transition: gap 0.3s, color 0.3s;
}
.tt-article-card:hover .tt-article-link { gap: 12px; 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: 1024px) { .tt-articles-grid { grid-template-columns: repeat(2,1fr); gap: 20px; } }
@media (max-width: 600px) {
.tt-blog-articles { padding: 60px 0; }
.tt-articles-grid { grid-template-columns: 1fr; gap: 20px; }
.tt-article-img-wrap { height: 180px; }
}
(function(){
var els = document.querySelectorAll('#tt-blog-articles .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); });
})();
LATEST ARTICLES
From Our Technical Blog
Practical insights for plant engineers, operators, and facility managers — written from real field experience.
CHEMICALS
Coming Soon
How to Choose the Right Antiscalant for Your RO Plant
LSI, SDSI, and water chemistry — a practical decision framework for plant engineers selecting between phosphonate, polycarboxylate, and blended antiscalants.
BOILER
Coming Soon
Boiler Scale: Causes, Costs, and Chemical Prevention
Why 1 mm of scale can increase fuel consumption by 2% — and how to prevent it using phosphate programs, polymer dispersants, and oxygen scavengers.
COOLING
Coming Soon
Cooling Tower Water Chemistry: Cycles of Concentration Explained
How to balance cycles of concentration against scaling and corrosion risk — the core trade-off in every cooling tower chemical program.
WATER CHEMISTRY
Coming Soon
LSI vs. SDSI vs. Stiff-Davis: Which Scale Index Should You Use?
A plain-English guide to the four main scaling indices — when each one applies, and how to interpret the numbers on your lab report.
WATER CHEMISTRY
Coming Soon
Iron & Manganese Removal from Well Water: Media Selection Guide
Choosing between Crystal-Right zeolite, GEH Pyrolox, and ECOMIX — based on pH, iron/manganese ratio, and presence of hardness.
RO SYSTEMS
Coming Soon
RO Troubleshooting: 10 Common Symptoms and Their Causes
Low permeate flow? Rising conductivity? Falling rejection? A field guide to diagnosing the most common RO system problems.