/* Responsive styles for small devices */

@media (max-width: 768px) {
  /* Carousel image height smaller on mobile */
  .carousel-inner img {
    height: 300px;
    object-fit: cover;
  }

  /* Carousel Caption smaller text */
  .carousel-caption {
    padding: 10px;
  }

  .carousel-caption h1 {
    font-size: 24px;
  }

  .carousel-caption p {
    font-size: 14px;
  }

  .carousel-caption button {
    padding: 8px 16px;
    font-size: 14px;
  }

  /* Optional: Hide indicators on very small devices */
  .carousel-indicators {
    bottom: 10px;
  }

  /* Optional: Adjust prev/next icons position */
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    width: 30px;
    height: 30px;
  }
}