.side-menu li.level1 {
  /* Optional: Add some padding to increase the clickable area */
  padding: 5px 10px;
  /* Make the list item a block or inline-block if needed for layout, though not strictly for clickability */
}

.side-menu li.level1 a.level1 {
  display: block; /* Makes the anchor tag fill the entire width of its parent li */
  width: 100%; /* Ensures it takes up the full width */
  height: 100%; /* Ensures it takes up the full height */
  text-decoration: none; /* Removes default underline */
  color: #333; /* Default text color */
  /* Add padding to the anchor itself if you want more clickable area within the link */
  padding: 5px 0; /* Adjust as needed */
}

.side-menu li.level1 a.level1:hover {
  background-color: #D5CFCF; /* Changes background on hover */
  color: #007bff; /* Changes text color on hover */
  cursor: pointer; /* Ensures the pointer cursor is displayed on hover */
  text-decoration: underline; /* Adds an underline on hover */
}