
/* Extracted from about-us.html */
document.addEventListener('DOMContentLoaded', function () {
                const slider = document.getElementById('history-slider');
                const prevBtn = document.getElementById('hist-prev');
                const nextBtn = document.getElementById('hist-next');

                if (slider && prevBtn && nextBtn) {
                    // Card width (approx 300px) + gap (20px)
                    const scrollAmount = 320;

                    nextBtn.addEventListener('click', () => {
                        slider.scrollBy({ left: scrollAmount, behavior: 'smooth' });
                    });

                    prevBtn.addEventListener('click', () => {
                        slider.scrollBy({ left: -scrollAmount, behavior: 'smooth' });
                    });
                }
            });
