#scrollspyNav {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
    background-color: white;
}

.card a:hover {
    text-decoration: none;
    opacity: 0.9;
  }
  
  .card a {
    color: inherit; /* Keeps the text color as-is */
  }