.hfe-nav-menu {
    .hfe-nav-menu {
        .menu-item {
            font-size: 1.5rem;

            a {
                text-decoration: none;
                color: #1a1a2e;
                font-weight: 500;
                font-size: 0.95rem;
                position: relative;
                display: inline-block;
                transition: color 0.3s ease;

                &::after {
                    content: '';
                    position: absolute;
                    bottom: -5px;
                    left: 0;
                    width: 0;
                    height: 2px;
                    background: linear-gradient(135deg, #5FB2F7 0%, #3A9EE8 100%) !important;
                    transition: width 0.3s ease;
                }

                &:hover {
                    color: #5FB2F7;
                }

                &:hover::after {
                    width: 100%;
                }
            }
        }
    }
}