.elementor-42 .elementor-element.elementor-element-299676b{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0833cd0 */<script>
// ১. হেডার লোড করার ফাংশন
async function loadHeader() {
    try {
        const response = await fetch('header.html');
        const html = await response.text();
        document.getElementById('header-placeholder').innerHTML = html;
        
        // হেডার লোড হওয়ার পর ইভেন্ট লিসেনারগুলো আবার চালু করতে হবে
        initHeaderScripts();
        initScrollEffect();
    } catch (error) {
        console.error('Header load failed:', error);
    }
}

// ২. মোবাইল মেনু এবং ড্রপডাউন সচল করার ফাংশন
function initHeaderScripts() {
    const mobileMenuBtn = document.getElementById('kcaMobileMenu');
    const mobilePanel = document.getElementById('kcaMobilePanel');
    const mobileCloseBtn = document.getElementById('kcaMobileClose');

    if (mobileMenuBtn && mobilePanel) {
        mobileMenuBtn.addEventListener('click', () => {
            mobilePanel.classList.add('active');
            document.body.style.overflow = 'hidden';
        });
    }

    if (mobileCloseBtn && mobilePanel) {
        mobileCloseBtn.addEventListener('click', () => {
            mobilePanel.classList.remove('active');
            document.body.style.overflow = '';
        });
    }

    // মোবাইল সাবমেনু টগল
    document.querySelectorAll('.kca-has-sub > a').forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            const parent = this.parentElement;
            const isOpen = parent.classList.contains('open');
            document.querySelectorAll('.kca-has-sub').forEach(item => item.classList.remove('open'));
            if (!isOpen) parent.classList.add('open');
        });
    });

    // লিংকে ক্লিক করলে মোবাইল মেনু বন্ধ হবে
    if (mobilePanel) {
        mobilePanel.querySelectorAll('.kca-mobile-nav > li:not(.kca-has-sub) > a, .kca-mobile-submenu a').forEach(link => {
            link.addEventListener('click', () => {
                mobilePanel.classList.remove('active');
                document.body.style.overflow = '';
            });
        });
    }
}

// ৩. স্ক্রল করলে হেডারে শ্যাডো যোগ করার ফাংশন
function initScrollEffect() {
    const headerWrapper = document.getElementById('mainHeaderWrapper');
    window.addEventListener('scroll', () => {
        if (window.scrollY > 50) {
            headerWrapper.classList.add('is-scrolled');
        } else {
            headerWrapper.classList.remove('is-scrolled');
        }
    });
}

// পেজ লোড হলেই হেডার নিয়ে আসো
document.addEventListener('DOMContentLoaded', loadHeader);
</script>/* End custom CSS */