Our Products — Autoflo Technology :root { --accent: #800059; --accent-tint: #FAEEF5; --cta-bg: #FEBE4F; --cta-text: #331A00; --dark-bg: #2A001D; --bg: #FFFFFF; --text: #111827; --muted: #4B5563; --container: 1240px; --ease: cubic-bezier(0.22, 1, 0.36, 1); --transition: 0.3s cubic-bezier(0.22, 1, 0.36, 1); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; overflow-x: clip; width: 100%; margin: 0; padding: 0; } body { font-family: 'Inter', system-ui, sans-serif; background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; overflow-x: clip; line-height: 1.7; } a { color: inherit; text-decoration: none; } img { display: block; max-width: 100%; } .container { max-width: var(--container); margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; } .page-label { display: inline-block; color: var(--cta-bg); font-size: 15px; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 20px; text-transform: uppercase; } .page-hero { position: relative; min-height: 550px; width: 100%; display: flex; align-items: center; justify-content: center; background: var(--dark-bg); overflow: hidden; text-align: center; padding-top: 76px; } .page-hero-bg { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; } .page-hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.05); } .page-hero-overlay { position: absolute; inset: 0; z-index: 2; background: linear-gradient(135deg, rgba(42,0,29,0.95) 0%, rgba(128,0,89,0.75) 100%); } .page-hero-content { position: relative; z-index: 10; max-width: 800px; padding: 0 40px; margin-top: -44px; } .page-hero h1 { font-family: 'Outfit', system-ui, sans-serif; font-size: 56px; font-weight: 700; color: #fff; letter-spacing: -0.02em; line-height: 1.08; margin: 0 0 24px; } .page-hero-desc { font-size: 17px; color: rgba(255,255,255,0.7); line-height: 1.65; max-width: 680px; margin: 0 auto; } .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; } .reveal.is-visible { opacity: 1; transform: none; } @media (max-width: 1024px) { .container { padding: 0 24px; } } @media (max-width: 767px) { .page-hero h1 { font-size: 40px; } } @media (max-width: 480px) { .page-hero h1 { font-size: 32px; } }
Autoflo Products
Our Products

Engineered for
Demanding Environments

From automated chemical dosing to precision flow control — every product we supply is selected for ultimate reliability in aggressive operating conditions.

(function () { const obs = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); } }); }, { threshold: 0.08 }); document.querySelectorAll('.reveal').forEach(el => obs.observe(el)); })();
Our Products — Autoflo Technology :root { --accent: #800059; --accent-dk: #5A003E; --accent-tint: #FAEEF5; --cta-bg: #FEBE4F; --cta-text: #331A00; --dark-bg: #2A001D; --bg: #FFFFFF; --bg-alt: #F3F4F6; --text: #111827; --muted: #4B5563; --border: #E5E7EB; --container: 1240px; --ease: cubic-bezier(0.22, 1, 0.36, 1); --transition: 0.3s cubic-bezier(0.22, 1, 0.36, 1); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; overflow-x: clip; width: 100%; margin: 0; padding: 0; } body { font-family: 'Inter', system-ui, sans-serif; background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; overflow-x: clip; line-height: 1.7; } a { color: inherit; text-decoration: none; } img { display: block; max-width: 100%; } ul { list-style: none; } button { font-family: inherit; cursor: pointer; border: none; background: none; } .container { max-width: var(--container); margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 600; border-radius: 4px; padding: 14px 32px; transition: var(--transition); white-space: nowrap; position: relative; overflow: hidden; font-family: inherit; border: none; cursor: pointer; } .btn::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg); transition: left 0.6s var(--ease); pointer-events: none; } .btn:hover::after { left: 150%; } .btn-accent { background: linear-gradient(135deg, #ffd080 0%, #FEBE4F 100%); color: var(--cta-text); box-shadow: 0 4px 12px rgba(254,190,79,0.2); border: 1px solid rgba(255,255,255,0.3); } .btn-accent:hover { background: linear-gradient(135deg, #ffe9a8 0%, #ffd080 100%); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(254,190,79,0.3); } .btn-dark { background: linear-gradient(135deg, #9b006c 0%, #800059 100%); color: #fff; box-shadow: 0 4px 12px rgba(128,0,89,0.2); border: 1px solid rgba(255,255,255,0.1); } .btn-dark:hover { background: linear-gradient(135deg, #b3007c 0%, #9b006c 100%); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(128,0,89,0.3); } .section-label { font-size: 14px; font-weight: 600; letter-spacing: 0.05em; color: var(--accent); text-transform: uppercase; display: inline-block; margin-bottom: 8px; } .section-title { font-family: 'Outfit', sans-serif; font-size: clamp(32px, 4vw, 40px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; color: var(--text); margin-top: 4px; } .intro-section { padding: 100px 0; background: var(--bg); } .intro-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; } .intro-img { position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 4 / 5; background: var(--bg-alt); box-shadow: 0 24px 48px rgba(0,0,0,0.08); } .intro-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .intro-content { display: flex; flex-direction: column; justify-content: center; } .intro-content p { font-size: 17px; color: var(--muted); line-height: 1.7; margin-bottom: 24px; } .intro-btns { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 12px; } .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; } .reveal.is-visible { opacity: 1; transform: none; } @media (max-width: 1024px) { .container { padding: 0 24px; } } @media (max-width: 900px) { .intro-layout { grid-template-columns: 1fr; gap: 40px; } }
Autoflo Products

Intelligent Solutions for Chemical & Water Management

Autoflo Technology distributes a comprehensive range of dosing, flow, and control products — engineered by world-class manufacturers and backed by our in-house technical team.

Every product in our catalogue has been selected for chemical compatibility, build quality, and long-term reliability across demanding industrial, agricultural, and water treatment environments.

(function () { const obs = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); } }); }, { threshold: 0.08 }); document.querySelectorAll('.reveal').forEach(el => obs.observe(el)); })();
Our Products — Autoflo Technology :root { --accent: #800059; --accent-dk: #5A003E; --accent-tint: #FAEEF5; --cta-bg: #FEBE4F; --cta-text: #331A00; --dark-bg: #2A001D; --bg: #FFFFFF; --bg-alt: #F3F4F6; --text: #111827; --muted: #4B5563; --border: #E5E7EB; --container: 1240px; --ease: cubic-bezier(0.22, 1, 0.36, 1); --transition: 0.3s cubic-bezier(0.22, 1, 0.36, 1); --card-title-size: 26px; --card-desc-size: 15px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; overflow-x: clip; width: 100%; margin: 0; padding: 0; } body { font-family: 'Inter', system-ui, sans-serif; background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; overflow-x: clip; line-height: 1.7; } a { color: inherit; text-decoration: none; } img { display: block; max-width: 100%; } ul { list-style: none; } button { font-family: inherit; cursor: pointer; border: none; background: none; } .container { max-width: var(--container); margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 600; border-radius: 4px; padding: 14px 32px; transition: var(--transition); white-space: nowrap; position: relative; overflow: hidden; font-family: inherit; border: none; cursor: pointer; } .btn::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg); transition: left 0.6s var(--ease); pointer-events: none; } .btn:hover::after { left: 150%; } .btn-accent { background: linear-gradient(135deg, #ffd080 0%, #FEBE4F 100%); color: var(--cta-text); box-shadow: 0 4px 12px rgba(254,190,79,0.2); border: 1px solid rgba(255,255,255,0.3); } .btn-accent:hover { background: linear-gradient(135deg, #ffe9a8 0%, #ffd080 100%); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(254,190,79,0.3); } .cat-tabs { background: var(--bg); border-bottom: 1px solid var(--border); position: sticky; top: 76px; z-index: 90; } .cat-tabs-inner { max-width: var(--container); margin: 0 auto; display: flex; align-items: center; justify-content: center; overflow-x: auto; scrollbar-width: none; padding: 0 40px; } .cat-tabs-inner::-webkit-scrollbar { display: none; } .cat-tab { flex-shrink: 0; padding: 18px 22px; font-size: 14px; font-weight: 600; color: var(--muted); text-decoration: none; border-bottom: 3px solid transparent; transition: color 0.2s, border-color 0.2s; white-space: nowrap; } .cat-tab:hover { color: var(--accent); } .cat-tab.active { color: var(--accent); border-bottom-color: var(--accent); } .categories-wrapper { max-width: var(--container); margin: 0 auto; padding: 0 40px 120px; } .cat-section { padding-top: 80px; } .cat-card { display: grid; grid-template-columns: 1fr 1fr; border-radius: 12px; overflow: hidden; background: var(--bg); border: 1px solid var(--border); box-shadow: 0 2px 16px rgba(0,0,0,0.04); transition: box-shadow 0.3s, transform 0.3s, border-color 0.3s; margin-bottom: 0; align-items: stretch; } .cat-card:hover { box-shadow: 0 16px 40px rgba(0,0,0,0.08); transform: translateY(-3px); border-color: rgba(128,0,89,0.2); } .cat-card.reverse { direction: rtl; } .cat-card.reverse > * { direction: ltr; } .cat-card-image { position: relative; overflow: hidden; background: var(--bg-alt); align-self: stretch; } .cat-card-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; } .cat-card:hover .cat-card-image img { transform: scale(1.04); } .cat-card-body { padding: 56px 52px; display: flex; flex-direction: column; justify-content: center; } .cat-card-num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 6px; background: var(--accent-tint); border: 1px solid rgba(128,0,89,0.15); font-size: 12px; font-weight: 800; color: var(--accent); letter-spacing: 0.05em; margin-bottom: 20px; font-family: 'Outfit', sans-serif; } .cat-card-title { font-family: 'Outfit', sans-serif; font-size: var(--card-title-size); font-weight: 700; color: var(--text); line-height: 1.2; margin-bottom: 16px; letter-spacing: -0.02em; } .cat-card-desc { font-size: var(--card-desc-size); color: var(--muted); line-height: 1.7; margin-bottom: 24px; } .cat-card-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; } .chip { font-size: 12px; font-weight: 500; color: var(--muted); background: var(--bg-alt); border: 1px solid var(--border); padding: 5px 12px; border-radius: 4px; transition: background 0.2s, color 0.2s; } .cat-card:hover .chip { background: var(--accent-tint); border-color: rgba(128,0,89,0.2); color: var(--accent); } .section-divider { height: 1px; background: var(--border); margin: 80px 0 0; } .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; } .reveal.is-visible { opacity: 1; transform: none; } .stagger > * { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; } .stagger.is-visible > *:nth-child(1) { opacity:1; transform:none; transition-delay:0.08s; } .stagger.is-visible > *:nth-child(2) { opacity:1; transform:none; transition-delay:0.16s; } .stagger.is-visible > *:nth-child(3) { opacity:1; transform:none; transition-delay:0.24s; } @media (max-width: 1024px) { .container { padding: 0 24px; } .categories-wrapper { padding: 0 24px 80px; } .cat-tabs-inner { padding: 0 24px; } } @media (max-width: 900px) { .cat-card { grid-template-columns: 1fr; } .cat-card.reverse { direction: ltr; } .cat-card-image { min-height: 260px; } .cat-card-body { padding: 40px 32px; } }
Dosing Technologies

Dosing Technologies

Precision chemical dosing and metering solutions for industrial, agricultural, and water treatment applications. From water-powered units requiring no electricity to high-flow motor-driven pumps and smart auto dosing units for commercial operations.

Chemical Dosing Pumps Auto Dosing Unit
Explore Range
Flow Technologies

Flow Technologies

Heavy-duty pump solutions for the safe, reliable transfer of aggressive, viscous, and corrosive fluids across plant infrastructure — from compact magnetic-drive centrifugal pumps to large-scale AODD pumps handling flows up to 1,000 L/min.

Air-Operated Double Diaphragm Pump Magnetic-Drive Centrifugal Pump Mechanical Seal Centrifugal Pump Vertical Centrifugal Pump Peristaltic Pumps
Explore Range
Control Technologies

Control Technologies

Inline sensors, controllers, data loggers, analysers, handheld devices, and level & flow sensors for continuous real-time process monitoring and automated control — covering pH, ORP, conductivity, dissolved oxygen, turbidity, chlorine, and more.

Inline Sensors Controllers, Displays & Data Loggers Handheld Devices Level & Flow Sensors Boiler Sample Water Conditioning Equipment Dipslides Analysers
Explore Range
Systems and Solutions

Systems & Solutions

Fully engineered, turnkey systems built and deployed by Autoflo — from automated chemical dosing skids for cooling towers and boilers, to fertigation and hydroponic systems, smart farming platforms, greenhouse climate control, and non-chemical water treatment solutions.

Cooling Tower Chemical Dosing System Boiler Chemical Dosing System Fertigation System Smart Farming System Non-Chemical Water Treatment Farm Management System
Explore Range
Accessories

Accessories

Supporting components and consumables to keep every system running at peak performance — including pulsation dampeners, calibration solutions, irrigation & fertigation components, tracer chemicals, and reagents for process monitoring.

Pulsation Dampener Calibration Solution Irrigation & Fertigation Components Tracer Chemical Reagent
Explore Range
(function () { const sections = document.querySelectorAll('.cat-section'); const tabs = document.querySelectorAll('.cat-tab'); const sectionObs = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const id = entry.target.id; tabs.forEach(t => t.classList.remove('active')); const active = document.querySelector(`.cat-tab[href="#${id}"]`); if (active) { active.classList.add('active'); active.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' }); } } }); }, { rootMargin: '-30% 0px -60% 0px', threshold: 0 }); sections.forEach(s => sectionObs.observe(s)); const obs = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); } }); }, { threshold: 0.08 }); document.querySelectorAll('.reveal, .stagger').forEach(el => obs.observe(el)); })();
Dosing Technologies

Dosing Technologies

Precision chemical dosing and metering solutions for industrial, agricultural, and water treatment applications. From water-powered units requiring no electricity to high-flow motor-driven pumps and smart auto dosing units for commercial operations.

Chemical Dosing Pumps Auto Dosing Unit
Explore Range
Flow Technologies

Flow Technologies

Heavy-duty pump solutions for the safe, reliable transfer of aggressive, viscous, and corrosive fluids across plant infrastructure — from compact magnetic-drive centrifugal pumps to large-scale AODD pumps handling flows up to 1,000 L/min.

Air-Operated Double Diaphragm Pump Magnetic-Drive Centrifugal Pump Vertical Centrifugal Pump
Explore Range
Dosing Technologies

Dosing Technologies

Precision chemical dosing and metering solutions for industrial, agricultural, and water treatment applications. From water-powered units requiring no electricity to high-flow motor-driven pumps and smart auto dosing units for commercial operations.

Chemical Dosing Pumps Auto Dosing Unit
Explore Range
Flow Technologies

Flow Technologies

Heavy-duty pump solutions for the safe, reliable transfer of aggressive, viscous, and corrosive fluids across plant infrastructure — from compact magnetic-drive centrifugal pumps to large-scale AODD pumps handling flows up to 1,000 L/min.

Air-Operated Double Diaphragm Pump Magnetic-Drive Centrifugal Pump Vertical Centrifugal Pump
Explore Range
Dosing Technologies

Dosing Technologies

Precision chemical dosing and metering solutions for industrial, agricultural, and water treatment applications. From water-powered units requiring no electricity to high-flow motor-driven pumps and smart auto dosing units for commercial operations.

Water-Powered Dosing Pumps Solenoid-Driven Diaphragm Dosing Pumps Motor-Driven Diaphragm Dosing Pumps Motor-Driven Piston Dosing Pumps Digital Motor-Driven Dosing Pumps Auto Dosing Unit
Explore Range
Flow Technologies

Flow Technologies

Heavy-duty pump solutions for the safe, reliable transfer of aggressive, viscous, and corrosive fluids across plant infrastructure — from compact magnetic-drive centrifugal pumps to large-scale AODD pumps handling flows up to 1,000 L/min.

Air-Operated Double Diaphragm (AODD) Pumps Magnetic-Drive Thermoplatic Centrifugal Pumps Mechanical Seal Thermoplastic Centrifugal Pumps Vertical Thermoplastic Centrifugal Pumps Peristaltic Pump Steam & Water Analysis System Magnetic Flow Conditioner
Explore Range
Dosing Technologies

Control Technologies

Precision chemical dosing and metering solutions for industrial, agricultural, and water treatment applications. From water-powered units requiring no electricity to high-flow motor-driven pumps and smart auto dosing units for commercial operations.

Controllers, Displays & Data Loggers Analysers Inline Sensors Handheld Meters Level Sensors Flow Sensors Dipslides
Explore Range
Flow Technologies

Systems & Solutions

Heavy-duty pump solutions for the safe, reliable transfer of aggressive, viscous, and corrosive fluids across plant infrastructure — from compact magnetic-drive centrifugal pumps to large-scale AODD pumps handling flows up to 1,000 L/min.

Cooling Tower Water Monitoring & Dosing Systems Boiler Water Monitoring & Dosing Systems Swimming Pool Water Monitoring & Dosing Systems Metalcutting Fluid Monitoring & Dosing Systems Turnkey Irrigation System Smart Fertigation System Hydroponic Nutrient Monitoring & Dosing System Indoor Farming & Greenhouse Climate Control System Industrial Laundry Detergent Dosing System Livestock Farmhouse Monitoring & Control System
Explore Range
Dosing Technologies

Supporting Products

Precision chemical dosing and metering solutions for industrial, agricultural, and water treatment applications. From water-powered units requiring no electricity to high-flow motor-driven pumps and smart auto dosing units for commercial operations.

Pulsation Dampener Probe Holders Salt Chlorinator Reagents Calibration Solutions Tracer Chemicals Precision Irrigation Products Soil Sensors Weather Station Weather Station
Explore Range
Dosing Technologies

Dosing Technologies

Precision chemical dosing and metering solutions for industrial, agricultural, and water treatment applications. From water-powered units requiring no electricity to high-flow motor-driven pumps and smart auto dosing units for commercial operations.

Chemical Dosing Pumps Auto Dosing Unit
Explore Range
Flow Technologies

Flow Technologies

Heavy-duty pump solutions for the safe, reliable transfer of aggressive, viscous, and corrosive fluids across plant infrastructure — from compact magnetic-drive centrifugal pumps to large-scale AODD pumps handling flows up to 1,000 L/min.

Air-Operated Double Diaphragm Pump Magnetic-Drive Centrifugal Pump Vertical Centrifugal Pump
Explore Range
Dosing Technologies

Dosing Technologies

Precision chemical dosing and metering solutions for industrial, agricultural, and water treatment applications. From water-powered units requiring no electricity to high-flow motor-driven pumps and smart auto dosing units for commercial operations.

Chemical Dosing Pumps Auto Dosing Unit
Explore Range
Flow Technologies

Flow Technologies

Heavy-duty pump solutions for the safe, reliable transfer of aggressive, viscous, and corrosive fluids across plant infrastructure — from compact magnetic-drive centrifugal pumps to large-scale AODD pumps handling flows up to 1,000 L/min.

Air-Operated Double Diaphragm Pump Magnetic-Drive Centrifugal Pump Vertical Centrifugal Pump
Explore Range
/* Autoflo Scoped Variables for the CTA */ .af-cta-section { --cta-bg: #FEBE4F; --cta-text: #331A00; --dark-bg: #2A001D; --container: 1240px; --ease: cubic-bezier(0.22, 1, 0.36, 1); --transition: 0.3s cubic-bezier(0.22, 1, 0.36, 1); font-family: 'Inter', system-ui, sans-serif; } .af-cta-section *, .af-cta-section *::before, .af-cta-section *::after { box-sizing: border-box; } /* Container specifically scoped to avoid Elementor conflicts */ .af-container { max-width: var(--container); margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; } /* Footer CTA Layout */ .footer-cta { background: var(--dark-bg); padding: 60px 0; position: relative; overflow: hidden; width: 100%; } .footer-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 50% 100% at 20% 50%, rgba(128,0,89,0.45) 0%, transparent 70%); pointer-events: none; } .footer-cta-box { display: flex; align-items: center; justify-content: space-between; gap: 48px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 48px 56px; position: relative; z-index: 2; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .footer-cta-label { font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--cta-bg); margin-bottom: 14px; display: block; } .footer-cta h2 { font-family: 'Outfit', sans-serif; font-size: clamp(22px, 3vw, 34px); font-weight: 700; color: #fff; line-height: 1.25; margin: 0; } .footer-cta p { font-size: 15px; color: rgba(255,255,255,0.55); margin-top: 8px; margin-bottom: 0; } .footer-cta-btns { display: flex; gap: 12px; flex-shrink: 0; } /* CTA Buttons */ .footer-cta-btns .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 600; border-radius: 4px; padding: 14px 32px; transition: var(--transition); white-space: nowrap; position: relative; overflow: hidden; font-family: inherit; border: none; cursor: pointer; text-decoration: none; } .footer-cta-btns .btn::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg); transition: left 0.6s var(--ease); pointer-events: none; } .footer-cta-btns .btn:hover::after { left: 150%; } .footer-cta-btns .btn-accent { background: linear-gradient(135deg, #ffd080 0%, #FEBE4F 100%); color: var(--cta-text); box-shadow: 0 4px 12px rgba(254,190,79,0.2); border: 1px solid rgba(255,255,255,0.3); } .footer-cta-btns .btn-accent:hover { background: linear-gradient(135deg, #ffe9a8 0%, #ffd080 100%); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(254,190,79,0.3); } .footer-cta-btns .btn-outline-dark { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.35); } .footer-cta-btns .btn-outline-dark:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.6); transform: translateY(-2px); } /* Responsive */ @media (max-width: 1024px) { .af-container { padding: 0 24px; } } @media (max-width: 900px) { .footer-cta-box { flex-direction: column; align-items: flex-start; padding: 36px 28px; } .footer-cta-btns { flex-direction: column; width: 100%; } }