document.addEventListener('DOMContentLoaded', () => {
    const navItems = document.querySelectorAll('.tabs .tab');

    navItems.forEach(item => {
        item.addEventListener('click', () => {
            navItems.forEach(li => li.classList.remove('active'));

            item.classList.add('active');
        });
    });
});