@media only screen and (max-width: 992px) {

    /* navbar */
    .transparent {
        position: fixed;
        top: 0;
        background: #1e1e1e;
        width: 100%;
        height: max-content;
        padding: 10px 24px;
        /* transition: 300ms ease; */
        /* border-radius: 8px; */
    }

    .black {
        background: #1e1e1e;
    }

    .nav {
        font-family: "Poppins Regular";
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
        /* identical to box height */

        text-align: left;

        /* Neutral/10 */

        color: #ffffff;

        /* Inside auto layout */

        flex: none;
        order: 1;
        flex-grow: 0;
    }

    .navbar-dark .navbar-nav .nav-link.active {
        color: #9B51E0;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: white;
        padding-right: 1.5rem;
        padding-left: 0.5rem;
    }

    .text-brand {
        font-family: "Montserrat Bold";
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 70px;
        /* identical to box height, or 219% */

        text-align: center;

        color: #ffffff;
    }
}