.vertical-menu {
    width: 200px;
}

.vertical-menu a {
    background-color: #eee;
    color: black;
    display: block;
    padding: 12px;
    text-decoration: none;
}

.vertical-menu a:hover {
    background-color: #ccc;
}

.vertical-menu .active {
    background-color: #04AA6D;
    color: white;
}

/* Responsive styles for smaller screens */
@media screen and (max-width: 600px) {
    .vertical-menu {
        width: 100%; /* Make the menu full-width on smaller screens */
    }

    .vertical-menu a {
        width: 100%; /* Make the links full-width on smaller screens */
        text-align: center; /* Center the text */
    }
}