.course-card {
    transition: all 0.3s ease;
  }
  .course-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  }
  
  /* Optional: Set fixed image height */
  .card-img-wrapper {
    height: 180px;
    overflow: hidden;
  }
  .card-img-wrapper img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  
  /* Truncate long text after 3 lines */
  .text-truncate-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }