.gradient {
    background-image: linear-gradient( to bottom, rgba(243, 244, 246, 0.1), rgba(0, 0, 0, 0.7) );
}

.group:hover .group-hover\:translate-y-0 {
    transform: translateY(0);
}
/*start nav css*/
.mobile-menu {
    left: -200%;
    transition: 0.5s;
}

    .mobile-menu.active {
        left: 0;
    }

    .mobile-menu ul li ul {
        display: none;
    }

    .mobile-menu ul li:hover ul {
        display: block;
    }