.slideshow-wrapper {
  position: relative;
  isolation: isolate;
}

.slideshow-item {
  display: grid;
}

.slideshow-content-wrapper {
  /* position: absolute; */
  width: 100%;
  height: 100%;
  /* top: 0;
    left: 0;
    right: 0;  
    bottom: 0; */
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 6rem 2rem;
  gap: 50px;

  @media (max-width: 767px) {
    padding: 5rem 1.5rem;
    gap: 30px;
  }
}

.slideshow-media,
.slideshow-content-wrapper {
  grid-column-start: 1;
  grid-row-start: 1;
}


.slideshow-media .media-card {
  height: 100%;
  min-height: var(--mediaHeight);
}

.slideshow-description {
  padding-top: 10px;
}

.slideshow-buttons {
  gap: 10px;
  align-items: center;
  padding-top: 30px; 
}

.slideshow-highlight-heading {
  line-height: 1.2; 
  background-size: cover;
  filter: drop-shadow(0px 0px 1px color-mix(in srgb, var(--headingColor) 80%, transparent));
}

.slideshow-highlight-heading.marquee-enable {
  background-size: contain;
  animation: animateImage 100s linear infinite;
}
.slideshow-highlight-heading.image-enabled {
  background: var(--headingColor) var(--slideshowMaskImage, none) repeat-x top;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.slideshow-section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  height: 1px;
  top: -1px;
}

@keyframes animateImage {
  0% {
    background-position-x: 0%;
  }

  100% {
    background-position-x: 200%;
  }
}

@media (max-width: 767px) {
  .floating-arrow-btn[class*='mobile-floating-btn'] {
    position: absolute;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    pointer-events: all;
    display: none;
  }

  .mobile-floating-btn-prev {
    left: 10px;
  }

  .mobile-floating-btn-next {
    right: 10px;
  }

  .slideshow-section .swiper-navigation-expand {
    position: absolute;
    justify-content: space-between;
  }
}