// Add interactivity to the button
        document.addEventListener('DOMContentLoaded', function() {
            const button = document.querySelector('.vlead-content .btn');
            if (button) {
                button.addEventListener('click', function(e) {
                    e.preventDefault();
                    alert('Thank you for your interest! This is a demo button for the VLead Content section.');
                });
            }
            
            // Add visual feedback on image click
            const image = document.querySelector('.vlead-content .image-col img');
            if (image) {
                image.addEventListener('click', function() {
                    this.style.transform = this.style.transform === 'scale(1.1)' ? 'scale(1)' : 'scale(1.1)';
                });
            }
        });




        document.addEventListener('DOMContentLoaded', function() {
            const tabButtons = document.querySelectorAll('.tab-button');
            const tabContents = document.querySelectorAll('.tab-content');
            
            tabButtons.forEach(button => {
                button.addEventListener('click', () => {
                    // Get the tab id from data attribute
                    const tabId = button.getAttribute('data-tab');
                    
                    // Remove active class from all buttons and contents
                    tabButtons.forEach(btn => btn.classList.remove('active'));
                    tabContents.forEach(content => content.classList.remove('active'));
                    
                    // Add active class to clicked button
                    button.classList.add('active');
                    
                    // Show corresponding tab content
                    document.getElementById(tabId).classList.add('active');
                });
            });
            
            // Optional: Add keyboard navigation for tabs
            document.addEventListener('keydown', (e) => {
                if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {
                    const activeTab = document.querySelector('.tab-button.active');
                    let nextTab;
                    
                    if (e.key === 'ArrowRight') {
                        nextTab = activeTab.nextElementSibling || tabButtons[0];
                    } else {
                        nextTab = activeTab.previousElementSibling || tabButtons[tabButtons.length - 1];
                    }
                    
                    if (nextTab) {
                        nextTab.click();
                        nextTab.focus();
                    }
                }
            });
        });