/*
Widget Styles
*/
.mce-project-gallery-slider__container {
  overflow: hidden;
}
.mce-project-gallery-slider__container__slides__slide {
  position: relative;
  height: auto;
}
.mce-project-gallery-slider__container__slides__slide__image-wrapper {
  display: block;
  aspect-ratio: 16/7.5;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .mce-project-gallery-slider__container__slides__slide__image-wrapper {
    aspect-ratio: 16/9;
  }
}
.mce-project-gallery-slider__container__slides__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mce-project-gallery-slider__container__slides__slide__caption {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 10;
  color: var(--cds-theme-clr-primary);
  max-width: 50%;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
  padding: 0.75rem 1rem;
}
@media (max-width: 767px) {
  .mce-project-gallery-slider__container__slides__slide__caption {
    max-width: 100%;
    padding: 0.5rem;
    position: relative;
    bottom: 0;
    left: 0;
  }
}
.mce-project-gallery-slider__container__slides__slide__caption span {
  padding-left: 0.5rem;
  border-left: 3px solid var(--cds-theme-clr-action);
}
@media (max-width: 767px) {
  .mce-project-gallery-slider__container__slides__slide__caption span {
    font-size: var(--cds-type-fluid-sm);
  }
}
.mce-project-gallery-slider__container__navigation {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 10;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .mce-project-gallery-slider__container__navigation {
    position: relative;
    right: 0;
    bottom: 0;
    justify-content: flex-end;
    margin-block: 1rem;
  }
}
.mce-project-gallery-slider__container__navigation__prev svg, .mce-project-gallery-slider__container__navigation__next svg {
  cursor: pointer;
}
.mce-project-gallery-slider__container__navigation__prev:hover svg .bg, .mce-project-gallery-slider__container__navigation__next:hover svg .bg {
  fill: var(--cds-theme-clr-action);
}
.mce-project-gallery-slider__container__navigation__pagination {
  display: none;
}