html, body {
  overflow-x: hidden;
}
        /* Carousel Styles */
        .carousel-container {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 300px;
        }
        
        .carousel-slide {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }
        
        .carousel-slide.active {
            opacity: 1;
        }
        
        .carousel-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* Service Menu Animations */
        .service-submenu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
        }
        
        .service-submenu.expanded {
            max-height: 200px;
        }
        
        .service-parent.expanded .service-arrow {
            transform: rotate(90deg);
        }
        
        .service-arrow {
            transition: transform 0.3s ease-in-out;
        }
        
        
        /* Service Content Fade */
        .service-content {
            transition: opacity 0.3s ease-in-out;
        }
        
        .service-content.fade-out {
            opacity: 0;
        }
        
        /* Responsive Sidebar */
        .sidebar-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 40;
        }
        
        .sidebar-overlay.active {
            display: block;
        }
        
        .mobile-sidebar {
            transform: translateX(-100%);
            transition: transform 0.3s ease-in-out;
        }
        
        .mobile-sidebar.open {
            transform: translateX(0);
        }
        
        /* Sidebar Toggle Button */
        .sidebar-toggle {
            transition: all 0.3s ease-in-out;
        }
        
        .sidebar-toggle:hover {
            background-color: #e58853;
            color: white;
        }
        
        /* Responsive Carousel */
        @media (min-width: 640px) {
            .carousel-container {
                height: 400px;
            }
        }
        
        @media (min-width: 1024px) {
            .carousel-container {
                height: 420px;
            }
            
            .sidebar-overlay {
                display: none !important;
            }
            
            .mobile-sidebar {
                transform: translateX(0);
            }
        }