document.addEventListener("DOMContentLoaded", function() { const animatedSections = document.querySelectorAll('.elementor-1146 .elementor-element.elementor-element-6b5f820'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const titleBefore = entry.target.querySelector('.title'); if (titleBefore) { titleBefore.style.setProperty('--before-transform', 'translateX(0)'); titleBefore.style.setProperty('--before-opacity', '1'); } observer.unobserve(entry.target); // Stop observing after animation starts } }); }, { threshold: 0.5 }); animatedSections.forEach(section => { observer.observe(section); }); });