.sidebar {
    height: 100vh;
    background-color: #3D8D91;
    color: #fff;
    z-index: 1000;
    flex-wrap: wrap;
    position: fixed;
    overflow-y: auto;
}


@media (max-width: 767.98px) {
    .sidebar {
        height: 10vh;
        background-color: #3D8D91;
        color: #fff;
        z-index: 1000;
        flex-wrap: wrap;
    }

}

.btn-custom {
    background-color: #3D8D91;
    width: 30%;
}

    .btn-custom:hover {
        background-color: #3fa8aa;
    }

    .btn-custom:active {
        background-color: #3fa8aa !important;
        /* Use !important to override Bootstrap's styles */
    }