document.addEventListener("DOMContentLoaded", function() {
    const sections = document.querySelectorAll('.fade-section');

    sections.forEach(section => {
        const columns = section.querySelectorAll(':scope > .elementor-container > .elementor-column');
        let currentIndex = 0;

        function showColumn(index) {
            columns.forEach((col, i) => {
                col.classList.toggle('visible', i === index);
            });
        }

        // چرخش خودکار هر 5 ثانیه (مثال)
        setInterval(() => {
            currentIndex = (currentIndex + 1) % columns.length;
            showColumn(currentIndex);
        }, 5000);

        // نمایش اولین ستون
        showColumn(currentIndex);
    });
});