.dropdown-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        
        .group:hover .dropdown-menu {
            max-height: 500px;
            transition: max-height 0.3s ease-in;
        }