/* Responsive Styles */
@media (max-width: 768px) {
  /* Adjust hero text */
  .hero-text h1 {
    font-size: 2rem;
  }
  .hero-text p {
    font-size: 0.875rem;
  }

  /* Adjust carousel dimensions */
  .carousel-container {
    max-width: 100%;
  }
  .carousel-slide {
    height: 200px; /* Reduced height for smaller screens */
  }

  /* Adjust buttons and indicators */
  .carousel-controls button {
    width: 32px;
    height: 32px;
  }
  .carousel-indicators .indicator {
    width: 8px;
    height: 8px;
  }

  /* Adjust scroll indicator */
  .scroll-indicator span {
    font-size: 0.75rem;
  }
  .scroll-indicator i {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  /* Further adjustments for very small screens */
  .hero-text h1 {
    font-size: 1.5rem;
  }
  .hero-text p {
    font-size: 0.75rem;
  }

  /* Reduce carousel height further */
  .carousel-slide {
    height: 150px;
  }

  /* Adjust buttons and indicators */
  .carousel-controls button {
    width: 28px;
    height: 28px;
  }
  .carousel-indicators .indicator {
    width: 6px;
    height: 6px;
  }

  /* Adjust scroll indicator */
  .scroll-indicator span {
    font-size: 0.625rem;
  }
  .scroll-indicator i {
    font-size: 0.875rem;
  }
}