/* Ensure the carousel item takes up full height */
.carousel-item {
    height: 80vh; /* Adjust as needed */
    width: 100vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .slide-1 {


    background-image:  url('https://videos.pexels.com/video-files/3129671/3129671-uhd_2560_1440_30fps.mp4');

  }
  
  .slide-2 {
    background-image: url('/assets/img/carousel3.webp');
  }
  
  .slide-3 {
    background-image: url('https://plus.unsplash.com/premium_photo-1682145174729-52ebed03f4b0?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
  }
  

/* Ensure the content inside the carousel item is positioned properly */
.carousel-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff; /* Ensure text is readable against the background image */
  width: 100%; /* Ensure content takes up full width */
  padding: 20px; /* Optional: add some padding for better spacing */
}

#hero-carousel{
  margin-left: 0px !important;
  padding-left: 0px !important;
}

.small-image {
  width: 350px;
  height: auto; /* Maintains the aspect ratio */
}

.small-img {
  width: 500px;
  height: auto; /* Maintains the aspect ratio */
}