.carousel {
    margin: 0 auto;
    max-width: 1400px;
    height: 600px;
    position: relative;
  }
  
  .carousel-inner {
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    height: 100%;
  }
  
  .carousel-item {
    height: 600px; /* Match the carousel height */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.6s ease-in-out;
  }
  
  .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* Make the indicators more visible against larger carousel */
  .carousel-indicators {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 15;
  }
  
  .carousel-indicators li {
    margin: 0 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
  }
  
  /* Make the controls more visible and evenly spaced */
  .carousel-control-prev,
  .carousel-control-next {
    width: 5%;
    opacity: 0.7;
  }
  
  .carousel-control-prev {
    left: 0;
  }
  
  .carousel-control-next {
    right: 0;
  }
  
  /* Mobile responsiveness */
  @media (max-width: 992px) {
    .carousel,
    .carousel-item {
      height: 450px;
    }
  }
  
  @media (max-width: 768px) {
    .carousel,
    .carousel-item {
      height: 350px;
    }
  }
  
  @media (max-width: 576px) {
    .carousel,
    .carousel-item {
      height: 250px;
    }
  }