<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
jQuery(document).ready(function() {
    // Toggle full-width class on main content and handle open/opening classes on body when sidebar toggle is clicked
    jQuery('.sidebar-toggle').on('click', function() {
        jQuery('.main-content').toggleClass('full-width');
        if (jQuery('body').hasClass('open')) {
            jQuery('body').removeClass('open');
            setTimeout(function() {
                jQuery('body').removeClass('opening');
            }, 300);
        } else {
            jQuery('body').addClass('opening');
            setTimeout(function() {
                jQuery('body').addClass('open');
            }, 300);
        }
    });

    // Toggle slide class on sidebar when sidebar toggle1 is clicked
    jQuery('.sidebar-toggle1').on('click', function() {
        jQuery('.sidebar').toggleClass('slide');
    });

    // Handle active class on navigation elements when clicked
    jQuery('.navigation .elementor-icon-list-item').on('click', function() {
        jQuery('.navigation .elementor-icon-list-item').removeClass('active');
        jQuery(this).addClass('active');
    });

    // Handle body classes based on window width
    jQuery(window).on('load resize', function() {
        if (jQuery(window).width() < 768) {
            jQuery('body').removeClass('open opening').addClass('left');
        } else if (jQuery(window).width() >= 768 && jQuery(window).width() < 1025) {
            jQuery('body').addClass('open opening');
        } else {
            jQuery('body').removeClass('open opening left');
        }
    });
});
/* Default comment here */ 

</script>
<!-- end Simple Custom CSS and JS -->