.card {
    border: none;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 25px;
    height: 10%;
    transition: transform 0.3s ease;
  }
  .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  }
  .star-rating {
    color: #FFA500;
    font-size: 1.2rem;
  }
  .btn-readmore {
    color: #0B5ED7;
    font-weight: 500;
    text-decoration: none;
  }
  .btn-readmore:hover {
    text-decoration: underline;
  }
  h5.course-title {
    color: #0B5ED7;
    font-weight: 700;
  }
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-color: #0B5ED7;
    border-radius: 50%;
    padding: 10px;
  }