/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/swiper-slider/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front and editor of your site.
 *
 * Replace them with your own styles or remove the file completely.
 */
.mb-swiper-wrapper {
  position: relative;
  min-width: 100%;
}
.mb-swiper-wrapper .swiper {
  position: relative;
  display: flex;
  align-content: stretch;
  min-height: var(--mb-swiper-slider--mobile--height, var(--mb-swiper-slider--tablet--height, var(--mb-swiper-slider--desktop--height, initial)));
}
@media (min-width: 768px) {
  .mb-swiper-wrapper .swiper {
    min-height: var(--mb-swiper-slider--tablet--height, var(--mb-swiper-slider--desktop--height, initial));
  }
}
@media (min-width: 990px) {
  .mb-swiper-wrapper .swiper {
    min-height: var(--mb-swiper-slider--desktop--height, initial);
  }
}
.mb-swiper-wrapper .swiper-wrapper {
  align-items: stretch;
  height: initial;
}
.mb-swiper-wrapper .swiper-slide {
  height: initial !important;
}
.mb-swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.mb-swiper-wrapper .swiper-slide .wp-block-cover {
  height: 100%;
}
.mb-swiper-wrapper.swiper-disable-navigation .swiper-button-next,
.mb-swiper-wrapper.swiper-disable-navigation .swiper-button-prev,
.mb-swiper-wrapper.swiper-disable-navigation .swiper-pagination {
  display: none !important;
}
.mb-swiper-wrapper .swiper-button-prev,
.mb-swiper-wrapper .swiper-button-next {
  display: none;
}
@media (min-width: 1740px) {
  .mb-swiper-wrapper .swiper-button-prev,
  .mb-swiper-wrapper .swiper-button-next {
    display: block;
    top: 40%;
    margin: 0;
    width: auto;
    height: auto;
  }
}
.mb-swiper-wrapper .swiper-button-prev:after,
.mb-swiper-wrapper .swiper-button-next:after {
  color: var(--mb-swiper-slider--color, white) !important;
  background-color: var(--mb-swiper-slider--background-color, var(--wp--preset--color--white-50)) !important;
  border-width: 3px !important;
  border-style: solid !important;
  border-color: var(--mb-swiper-slider--border-color, transparent) !important;
  opacity: 1 !important;
  transition: all 0.3s ease;
}
.mb-swiper-wrapper .swiper-button-prev:hover:after, .mb-swiper-wrapper .swiper-button-prev:focus:after,
.mb-swiper-wrapper .swiper-button-next:hover:after,
.mb-swiper-wrapper .swiper-button-next:focus:after {
  color: var(--mb-swiper-slider--color--hover, white) !important;
  background-color: var(--mb-swiper-slider--background-color--hover, var(--wp--preset--color--white-25)) !important;
  border-color: var(--mb-swiper-slider--border-color--hover, transparent) !important;
}
.mb-swiper-wrapper .swiper-button-prev {
  left: var(--mb-swiper-slider--navigation--position, 0px);
}
.mb-swiper-wrapper .swiper-button-next {
  right: var(--mb-swiper-slider--navigation--position, 0px);
}
.mb-swiper-wrapper .swiper-pagination-horizontal {
  display: inline-block;
  top: auto !important;
  bottom: var(--mb-swiper-slider--pagination--position, 10px) !important;
}
.mb-swiper-wrapper .swiper-pagination-bullet {
  width: 30px;
  height: 30px;
  background-color: var(--mb-swiper-slider--background-color, white) !important;
  border-width: 3px !important;
  border-style: solid !important;
  border-color: var(--mb-swiper-slider--border-color, transparent) !important;
  opacity: 1 !important;
  scale: 1;
  transition: all 0.3s ease;
}
.mb-swiper-wrapper .swiper-pagination-bullet-active, .mb-swiper-wrapper .swiper-pagination-bullet:hover, .mb-swiper-wrapper .swiper-pagination-bullet:focus {
  scale: 1.2;
  background-color: var(--mb-swiper-slider--background-color--hover, var(--wp--preset--color--white-75)) !important;
  border-color: var(--mb-swiper-slider--border-color--hover, transparent) !important;
}
.mb-swiper-wrapper .swiper-scrollbar {
  top: auto !important;
  bottom: var(--mb-swiper-slider--scrollbar--position, 0px) !important;
  background: var(--mb-swiper-slider--background-color, var(--wp--preset--color--white-50)) !important;
  border-radius: 10px;
  opacity: 1 !important;
}
.mb-swiper-wrapper .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--mb-swiper-slider--color, white) !important;
  border-radius: 10px;
}

/*# sourceMappingURL=style-index.css.map*/