/* Main Navigation */
        /*Headre navigation*/
       
        /* Header specific styles for dynamic changes */
        header {
            transition: all 0.3s ease-in-out;
        }
        header.scrolled {
            padding-top: 7px;
            padding-bottom: 7px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        }

        /* Custom styles for dropdowns */
        .dropdown:hover .dropdown-menu {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }
        .dropdown-menu {
            display: none;
            opacity: 0;
            transform: translateY(2px);
            transition: opacity 0.3s ease-out, transform 0.2s ease-out;
            padding-bottom: 5px;
        }
        /* Dropdown link hover effect */
        .dropdown-menu a:hover {
            transform: translateX(5px);
        }

        /* Ensure smooth transitions for mobile menu */
        .mobile-menu {
            transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }
        .mobile-menu.active {
            max-height: 900px; /* Adjust as needed to fit content */
            opacity: 1;
        }
        
        /* End Headre navigation*/