#mainHeader {
            background-color: transparent;
            transition: background-color 0.3s ease, box-shadow 0.3s ease;
        }

        #mainHeader.is-sticky {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
        }

        .group>div {
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        .group:hover>div {
            opacity: 1;
            pointer-events: auto;
        }

        .submenu-item {
            opacity: 0;
            transform: translateX(12px);
            transition: all 0.3s ease;
        }

        .group:hover .submenu-item:nth-child(1) {
            transition-delay: 0.1s;
            opacity: 1;
            transform: translateX(0);
        }

        .group:hover .submenu-item:nth-child(2) {
            transition-delay: 0.2s;
            opacity: 1;
            transform: translateX(0);
        }

        .group:hover .submenu-item:nth-child(3) {
            transition-delay: 0.3s;
            opacity: 1;
            transform: translateX(0);
        }