#carousel {
  max-height: 800px;
  overflow: hidden; /* Ensures images don't overflow beyond the carousel container */
}

.slider{
  
}

.carousel-item img {
  max-height: 800px;
  width: auto; /* Allows the image to maintain its aspect ratio */
 
}
.carousel-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); */
}

 .imagesection{
  margin-top:1rem;
  margin-bottom: 1rem;
} /*
.imagesection {
  max-height: 350px;
  overflow: hidden; /* Ensures images don't overflow beyond the container
}

.image {
  position: relative;
}

.image img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover; /* Ensures the image covers the entire area of the container while maintaining aspect ratio 
} */


.imagesection {
  height: 500px;
  overflow: hidden; /* Ensures images don't overflow beyond the container */
}

@media only screen and (min-width: 768px) {
  .image {
    position: relative;
    opacity: 0;
    transition: opacity 1.2s ease; /* CSS transition for opacity */
  }
}
  /* Media query for smartphones */
  @media only screen and (max-width: 600px) {
    .imagesection{
      margin-top:10px;
        height:auto;
    }
  }

.image img {
  width: 100%;
  height: 100%;
  display: block;
  max-height: 100%;
  object-fit:inherit; /* Ensures the image covers the entire area of the container while maintaining aspect ratio */
}

.image.show {
  opacity: 1; /* Show the image with transition */
}
.image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* .up-rotate {
  display: inline-block;
  transition: transform 0.3s ease;
}

.up-rotate:hover {
  transform: rotateX(-90deg);
} */
.qodef-video-button .qodef-m-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  line-height: 1;
}
.elementor *, .elementor :after, .elementor :before {
  box-sizing: border-box;
}

.elementor-element .elementor-widget-container {
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}

.qodef-video-button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.home-video-popup .qodef-m-image {
  aspect-ratio: unset;
  height: 400px;
  width: 100%;
}
.elementor a {
  box-shadow: none;
  text-decoration: none;
}