body {
    scroll-behavior: smooth;
}
.mentor .foto img {
    filter: grayscale(100%);
    transition: all;
    transition-duration: 0.5s;
}
.mentor:hover .foto img {
    filter: grayscale(0%);
}
.mentor:hover .mentor-sosmed{
    right: 0;
}
.sembunyi {
    display: none;
}

.menu {
    display: none;
}

.nav-list {
    display: flex;
    transition: all;
    transition-duration: 0.5s;
    top: -9999px;
}
@media (max-width: 768px) {
    .menu {
        display: block;
    }
    .nav-list {
        display: none;
        left: -99px;
    }
    .nav-list.aktif {
        display: flex;
        flex-direction: column;
        justify-content: end;
        position: absolute;
        top: 55px;
        right: 0;
        left: 00;
        width: 50%;
        padding-top: 40px;
        padding-right: 0;
        padding-left: 20px;
        padding-bottom: 60px;
    }

    .dropdown {
        display: block;
        /* transform: translatex(70%); */
    }
}