/* Make entire card clickable */

.card-link {

    text-decoration: none; /* Remove underline */

    color: inherit; /* Keep text color */

}



/* Card hover effects */

.card {

    transition: transform 0.2s ease-in-out, box-shadow 0.3s ease-in-out;

}



.card:hover {

    transform: scale(1.05); /* Slightly enlarge */

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Shadow effect */

    background-color: #f8f9fa; /* Light gray background */

}