.wrapper-nav{
    transition: all 0.2s ease-in;
}

@media (max-width: 767.98px) {
    .wrapper-nav {
        position: absolute;
        z-index: 9999999999999;
        background-color: rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(2px);
/* right: 0; */
        width: 0px !important;
        visibility: hidden;
        height: 100vh !important;
    }

    .side-bar {
        background-color: aliceblue;
        height: 100% !important;
        /* padding-inline: 5px; */

    }

    .side-bar .nav-link{
        border-radius: 0% !important;
    }

    .wrapper-nav.show {
        width: 100% !important;
        visibility: visible;

    }

    /* .wrapper-nav.hide {
       
    } */
}