let scrollTimeout;

        function showButtons() {
            const scrollTopBtn = document.getElementById('scrollTopBtn');
            const scrollDownBtn = document.getElementById('scrollDownBtn');
            scrollTopBtn.classList.add('visible');
            scrollDownBtn.classList.add('visible');

            // Reset the hide timeout if the user scrolls again within 2 seconds
            clearTimeout(scrollTimeout);
            scrollTimeout = setTimeout(hideButtons, 2000);
        }

        function hideButtons() {
            const scrollTopBtn = document.getElementById('scrollTopBtn');
            const scrollDownBtn = document.getElementById('scrollDownBtn');
            scrollTopBtn.classList.remove('visible');
            scrollDownBtn.classList.remove('visible');
        }

        window.addEventListener('scroll', () => {
            if (window.scrollY > 200) {
                showButtons();
            } else {
                hideButtons();
            }
        });

        document.getElementById('scrollTopBtn').addEventListener('mouseenter', () => {
            clearTimeout(scrollTimeout);
        });

        document.getElementById('scrollDownBtn').addEventListener('mouseenter', () => {
            clearTimeout(scrollTimeout);
        });

        document.getElementById('scrollTopBtn').addEventListener('mouseleave', () => {
            scrollTimeout = setTimeout(hideButtons, 2000);
        });

        document.getElementById('scrollDownBtn').addEventListener('mouseleave', () => {
            scrollTimeout = setTimeout(hideButtons, 2000);
        });

        function scrollToTop() {
            window.scrollTo({ top: 0, behavior: 'smooth' });
        }

        function scrollToBottom() {
            window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });
        }

        // Set smooth scroll behavior
        document.documentElement.style.scrollBehavior = 'smooth';