@keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes autoplayLine {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  carousel-gallery .swiper {
    margin: 0 -2.5rem;
  }
}
@media screen and (max-width: 374px) {
  carousel-gallery .swiper {
    margin: 0 -1.25rem;
  }
}
@media screen and (max-width: 768px) {
  carousel-gallery .swiper .swiper-button-prev, carousel-gallery .swiper .swiper-button-next {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  carousel-gallery .swiper .swiper-wrapper .swiper-slide {
    width: calc(100vw - 80px);
  }
}
@media screen and (max-width: 374px) {
  carousel-gallery .swiper .swiper-wrapper .swiper-slide {
    width: calc(100vw - 40px);
  }
}
carousel-gallery .swiper .swiper-wrapper .swiper-slide carousel-gallery-item .inner .img {
  position: relative;
  overflow: hidden;
  background: var(--colorGrey);
  padding-bottom: 56.25%;
}
carousel-gallery .swiper .swiper-wrapper .swiper-slide carousel-gallery-item .inner .img img {
  max-width: initial;
  position: absolute;
  object-fit: cover;
  object-position: 50% 50%;
  transform: scale(1.01);
  width: 100%;
  height: 100%;
}