.elementor-kit-113{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-78161db:#00539C;--e-global-color-2ea69ef:#F2F4F7;--e-global-color-8e7ea1a:#FFFFFF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-kit-113 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<script>
// 1. Add CSS ID to Our Services section
window.addEventListener('DOMContentLoaded', function() {
    // Find the section with "Our Services" heading
    const headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6');
    let ourServicesSection = null;
    
    for (let heading of headings) {
        if (heading.textContent.trim() === 'Our Services') {
            // Find the parent container/section element
            let parent = heading.closest('section, .elementor-section, .elementor-container, [data-elementor-type]');
            if (parent) {
                ourServicesSection = parent;
                break;
            }
        }
    }
    
    // Add the CSS ID 'our-services'
    if (ourServicesSection) {
        ourServicesSection.setAttribute('id', 'our-services');
        console.log('Successfully added ID "our-services" to the section');
    }
    
    // 2. Add scroll-based highlighting for menu
    const menuLink = document.querySelector('a[href*="our-services"]');
    
    function checkScroll() {
        if (!ourServicesSection || !menuLink) return;
        
        const rect = ourServicesSection.getBoundingClientRect();
        const isInView = rect.top <= window.innerHeight / 2 && rect.bottom >= window.innerHeight / 2;
        
        if (isInView) {
            // Add 'active' class to Our Services menu item
            menuLink.classList.add('active');
        } else {
            // Remove 'active' class when out of view
            menuLink.classList.remove('active');
        }
    }
    
    // Listen for scroll events
    window.addEventListener('scroll', checkScroll);
    
    // Check on page load
    checkScroll();
});
</script>

<style>
/* Style for active menu item */
a.active {
    color: #007bff !important;
    font-weight: bold !important;
    border-bottom: 2px solid #007bff !important;
}
</style>/* End custom CSS */