/* Fine-tune for smaller screens */
@media (max-width: 768px) {
  .carousel-image {
    max-height: 300px;
    /* Reduce height for smaller devices */
  }
}

@media (max-width: 768px) {
  .footer-content h5 {
    font-size: 1rem;
    /* Smaller font size for tablets */
  }

  .footer-content p {
    font-size: 0.875rem;
    /* Smaller font size for tablets */
  }
}

@media (max-width: 576px) {
  .footer-content h5 {
    font-size: 0.875rem;
    /* Even smaller font size for phones */
  }

  .footer-content p {
    font-size: 0.75rem;
    /* Even smaller font size for phones */
  }
}