/* Styling for carousel captions */
.carousel-caption {
  position: absolute;
  bottom: 0; /* Align text at the bottom */
  left: 50%; /* Center horizontally */
  transform: translateX(-50%); /* Center horizontally */
  text-align: center;
  color: #fff !important; /* Ensure text color is white */
  padding: 10px; /* Add padding for spacing */
  border-radius: 0; /* Remove border radius if any */
  width: 100%; /* Ensure it spans the full width */
  box-sizing: border-box; 
  font-family: 'nunito', serif!important;
}

/* Adjust font size and spacing for mobile view */
@media (max-width: 768px) {
  .carousel-caption h1, .carousel-caption h3 {
    font-size: 1rem !important; /* Adjust font size to fit mobile screens */
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Add ellipsis for overflow text */
    font-family: 'nunito', serif;
  }
  
  .carousel-caption h1 {
    margin-bottom: 0.2rem !important; /* Reduce spacing below h1 */
    color: #fff !important; /* Ensure text color is white */
    font-family: 'nunito', serif;

  }
  
  .carousel-caption h3 {
    margin-top: 0 !important; /* Remove top margin to bring h3 closer to h1 */
    color: #fff !important; /* Ensure text color is white */
    font-family: 'nunito', serif;
  }
}

/* Adjust font size and spacing for tablets and larger screens */
@media (min-width: 769px) {
  .carousel-caption h1 {
    font-size: 1.75rem !important; /* Adjust as needed */
    margin-bottom: 0.5rem !important; /* Adjust spacing */
    color: #fff !important; /* Ensure text color is white */
    font-family: 'nunito', serif;

  }

  .carousel-caption h3 {
    font-size: 1.25rem !important; /* Adjust as needed */
    color: #fff !important; /* Ensure text color is white */
    font-family: 'nunito', serif;
  }
}

/* Additional styling to ensure image fits well */
.Carouselcropedimg {
  object-fit: cover; /* Ensure images cover the container */
  height: 60vh; /* Adjust height as needed */
}