.thumbnails-swiper {
  position: relative;
  z-index: 1;
}
.thumbnails-swiper .prev-next {
  text-align: center;
  margin-top: 30px;
}
.thumbnails-swiper__wrapper {
  grid-template-areas: "gallery" "thumbs";
  grid-template-columns: 1fr;
}
@media screen and (max-width: 992px) {
  .thumbnails-swiper__wrapper {
    grid-template-areas: "gallery" "thumbs";
    grid-template-columns: 1fr;
  }
}
.thumbnails-swiper__gallery {
  grid-area: gallery;
  width: 100%;
  height: 100%;
}
.thumbnails-swiper__thumbs {
  color: #5A5A5A;
  line-height: 36px;
  grid-area: thumbs;
  align-self: end;
}
.thumbnails-swiper__content {
  grid-area: content;
}
.thumbnails-swiper .slider-navigation {
  position: absolute;
  top: 38%;
  display: grid;
  grid-template-columns: 2fr 1fr;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .thumbnails-swiper .slider-navigation {
    grid-template-columns: 1fr;
  }
}
.thumbnails-swiper .slider-navigation__wrapper {
  width: 97%;
  position: relative;
}
@media screen and (max-width: 992px) {
  .thumbnails-swiper .slider-navigation__wrapper {
    width: 100%;
  }
}
.thumbnails-swiper .swiper {
  overflow: hidden;
  position: relative;
}
.thumbnails-swiper .main-swiper .swiper__image {
  width: 100%;
  object-position: center center;
  object-fit: cover;
}
.thumbnails-swiper .main-swiper .swiper-slide__content {
  display: none;
}
.thumbnails-swiper .thumbs-swiper {
  width: 100%;
  margin-top: 12px;
}
.thumbnails-swiper .thumbs-swiper .swiper__slide {
  width: 115px !important;
  height: 115px !important;
  position: relative;
}
.thumbnails-swiper .thumbs-swiper .swiper__slide:hover {
  cursor: pointer;
}
.thumbnails-swiper .thumbs-swiper .swiper__slide.swiper-slide-thumb-active::after {
  opacity: 0.2;
}
.thumbnails-swiper .thumbs-swiper .swiper__slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  z-index: 10;
}
.thumbnails-swiper .thumbs-swiper .swiper__image {
  width: 115px;
  height: 115px;
  object-fit: cover;
  position: relative;
  z-index: 5;
}
.thumbnails-swiper .swiper-pagination {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
  position: relative;
}
.thumbnails-swiper .swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #989898;
  cursor: pointer;
}
.thumbnails-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #00747A;
}
.thumbnails-swiper .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 6px;
}
.thumbnails-swiper .swiper-button-prev,
.thumbnails-swiper .swiper-button-next {
  margin-top: 0;
  transform: translateY(-50%);
  top: 38%;
  color: white;
}
@media screen and (max-width: 768px) {
  .thumbnails-swiper .swiper-button-prev,
  .thumbnails-swiper .swiper-button-next {
    display: none;
  }
}
/*# sourceMappingURL=view.css.map */