/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.l-view-gallery {
  background-color: var(--bg-light);
}
.l-view-gallery .swiper-slide {
  transition: opacity 0.3s ease-in;
  opacity: 1;
}
@media (max-width: 992px) {
  .l-view-gallery .swiper-slide {
    opacity: 0.3;
  }
}
.l-view-gallery .swiper-slide-active {
  opacity: 1;
}
@media (min-width: 992px) {
  .l-view-gallery .swiper-slide-active {
    opacity: 0.3;
  }
}
.l-view-gallery .gallery-caption {
  text-align: center;
}
@media (min-width: 1200px) {
  .l-view-gallery .gallery-caption {
    padding-left: 210px;
    text-align: left;
  }
}
.l-view-gallery .gallery-caption .l-item {
  padding: 0 !important;
}

@media (max-width: 992px) {
  .app-gallery.container {
    padding-left: 0;
    padding-right: 0;
  }
}

/*# sourceMappingURL=styles.css.map*/