.nav-container li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 60%;
    height: 2px;
    background-color: #cdcdcd;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.nav-container li a:hover::after {
    opacity: 1;
}

.mobile-menu {
    height: calc(100vh - 60px);
    transition: all 0.5s ease;
    transform: translateX(100%);
}

.mobile-menu.active {
    transform: translateX(0);

}