.swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 20px !important;
    color: black !important;

    font-weight: 900 !important;
  }

/* Smooth, elegant card shadow */
.card-shadow {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06),
              0 2px 4px rgba(0, 0, 0, 0.04);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  border-radius: 0.75rem; /* subtle rounded corners */
  background-color: #fff; /* clean white background */
}

.card-shadow:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1),
              0 6px 12px rgba(0, 0, 0, 0.08);
}