.sidebar {
    background-color: #f8f9fa;
    padding: 20px;
    height: calc(100vh - 120px); /* Adjust the height as needed */
    width: 250px;
    position: fixed;
    top: 120px;
    left: 0;
    border-right: 2px solid #dee2e6;
}

.sidebar-links {
    margin-bottom: 20px;
}

.sidebar-link {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #495057;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.sidebar-link:hover {
    background-color: #e2e6ea;
}

.sub-links {
    padding-left: 20px;
}

.sub-link {
    padding: 5px;
    text-decoration: none;
    color: #495057;
    border-radius: 5px;
    display: block;
}

.sub-link:hover {
    background-color: #e2e6ea;
}

.active-link {
    color: #c45d36;
}