.main-menu-nav-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.main-menu-nav-item-link {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .5rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.3s ease;
  font-size: 1.25rem;
  line-height: 1.4;
  color: var(--brown--brown-300);
}

.main-menu-nav-item-link:hover {
  background-color: #f0f0f0;
}

.main-menu-nav-item-link.active {
  background-color: #dbd6d4;

  i {
    color: var(--green-green-300);
  }
}