@media (min-width:995px) {
    /* Make the row and columns stretch to full height */
    .row {
        display: flex;
        flex-wrap: wrap;
    }

        .row > [class*="col-"] {
            display: flex;
            flex-direction: column;
        }

    /* Make the sidebar content stretch to match height */
    .left-menu-area {
        height: 100%;
        /* Add any background or styling you want to extend full height */
        background-color: #f8f9fa; /* Example background */
        padding: 15px;
    }

    /* If you have a specific container around the row, ensure it has proper height */
    .container, .container-fluid {
        overflow: hidden; /* Contain floats */
    }
    .left-menu-area {
        margin-left: -4rem !important;
        padding-left: 4rem;
    }
}