html, body {
  overflow-x: hidden;
}
        /* Enhanced hover effects and animations */
        .nav-link-hover {
            position: relative;
            overflow: hidden;
        }
        
        .nav-link-hover::before {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: #e58853;
            transition: width 0.3s ease;
        }
        
        .nav-link-hover:hover::before {
            width: 100%;
        }
        
        .card-hover {
            transition: all 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
        
        .hero-image-slider {
            position: relative;
            overflow: hidden;
        }
        
        .hero-image-container {
            display: flex;
            transition: transform 0.8s ease-in-out;
        }
        
        .hero-image-slide {
            min-width: 100%;
            height: 124px;
        }
        
        @media (max-width: 640px) {
            .hero-image-slide {
                height: 80px;
            }
        }
        
        @media (min-width: 641px) and (max-width: 1023px) {
            .hero-image-slide {
                height: 96px;
            }
        }
        
        .mobile-menu-slide {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
        }
        
        .mobile-menu-slide.active {
            max-height: 300px;
        }
        
        .location-card {
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .location-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.15);
            background: linear-gradient(135deg, #e6f0fc 0%, #f0f7ff 100%);
        }
        
        .enhanced-button {
            position: relative;
            overflow: hidden;
        }
        
        .enhanced-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transition: left 0.5s;
        }
        
        .enhanced-button:hover::before {
            left: 100%;
        }

/* -------------------------------------------------------------------------------------- */


        /* 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;
        }
        
        /* Live Business Hours */
        
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }
        
        /* 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);
            }
        }