Anion Exchange Resins

About

.hero-banner-section { overflow-x: hidden; width: 100%; max-width: 100vw; } .hero-banner-section * { box-sizing: border-box; } .hero-banner-section img { max-width: 100%; height: auto; display: block; } .hero-benefit { transition: all 0.3s ease; } .hero-benefit:hover { transform: translateY(-2px); } .hero-btn-primary:hover { transform: translateY(-2px) !important; box-shadow: 0 4px 16px rgba(23,23,150,0.4) !important; background: #1a1a9e !important; } .hero-btn-secondary:hover { transform: translateY(-2px) !important; background: #171796 !important; color: white !important; } @media (max-width: 768px) { .hero-banner-section .hero-section { padding: 60px 16px 40px !important; min-height: 500px !important; text-align: center !important; background-position: center center !important; } .hero-banner-section .hero-section .hero-overlay { background: linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.7) 100%) !important; } .hero-banner-section .hero-content { text-align: center !important; } .hero-banner-section .hero-content-inner { max-width: none !important; } .hero-banner-section .hero-title { font-size: 2.5em !important; } .hero-banner-section .hero-benefits { grid-template-columns: 1fr !important; gap: 12px !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; } .hero-banner-section .hero-buttons { flex-direction: column !important; gap: 12px !important; align-items: stretch !important; } .hero-banner-section .hero-btn-primary, .hero-banner-section .hero-btn-secondary { width: 100% !important; text-align: center !important; justify-content: center !important; } } @media (max-width: 480px) { .hero-banner-section .hero-section { padding: 40px 12px 30px !important; min-height: 400px !important; } .hero-banner-section .hero-title { font-size: 2em !important; } .hero-banner-section .hero-description { font-size: 1.1em !important; } } Filtration Solutions Anion Exchange Reliable,