/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-offer-swiper {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding-bottom: 8.2291666667vw;
  position: relative;
}
@media screen and (max-width: 1490px) {
  .wp-block-offer-swiper {
    padding-bottom: 0;
  }
}
.wp-block-offer-swiper .block-editor-block-list__layout {
  display: flex;
}
.wp-block-offer-swiper .wp-block-offer-swiper-item {
  border-right: 1px solid #FFFFFF;
}
.wp-block-offer-swiper .wp-block-offer-swiper-item:last-child {
  border-right: none;
}
.wp-block-offer-swiper .swiper-parent-container {
  margin: 0 auto;
  max-width: 62.5vw;
  position: relative;
}
@media screen and (max-width: 1490px) {
  .wp-block-offer-swiper .swiper-parent-container {
    padding-bottom: 90px;
  }
}
.wp-block-offer-swiper .swiper-parent-container .swiper-button-prev {
  width: 1.9270833333vw;
  height: 1.9270833333vw;
display: none!important;
  color: rgba(0, 0, 0, 0.55);
  border-radius: 50%;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -63px;
  top: 50%;
  transform: translate(0, 50%);
  z-index: 10;
  cursor: pointer;
}
.wp-block-offer-swiper .swiper-parent-container .swiper-button-prev.active {
  background-color: #FD671A;
  color: #FFFFFF;
}
.wp-block-offer-swiper .swiper-parent-container .swiper-button-prev::after {
  font-size: 0.625vw;
}
@media screen and (max-width: 1490px) {
  .wp-block-offer-swiper .swiper-parent-container .swiper-button-prev {
    width: 21px;
display: block!important;
    height: 21px;
    bottom: 45px;
    top: auto;
    left: 50%;
    margin-left: -18px;
    transform: translate(-50%);
  }
  .wp-block-offer-swiper .swiper-parent-container .swiper-button-prev::after {
    font-size: 8px;
  }
}
.wp-block-offer-swiper .swiper-parent-container .swiper-button-next {
  cursor: pointer;
display: none!important;
  width: 1.9270833333vw;
  height: 1.9270833333vw;
  color: rgba(0, 0, 0, 0.55);
  border-radius: 50%;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -63px;
  top: 50%;
  transform: translate(0, 50%);
  z-index: 10;
}
.wp-block-offer-swiper .swiper-parent-container .swiper-button-next.active {
  background-color: #FD671A;
  color: #FFFFFF;
}
.wp-block-offer-swiper .swiper-parent-container .swiper-button-next::after {
  font-size: 0.625vw;
}
@media screen and (max-width: 1490px) {
  .wp-block-offer-swiper .swiper-parent-container .swiper-button-next {
    width: 21px;
display: block!important;
    height: 21px;
    bottom: 45px;
    top: auto;
    left: 50%;
    margin-left: 18px;
    transform: translate(-50%);
  }
  .wp-block-offer-swiper .swiper-parent-container .swiper-button-next::after {
    font-size: 8px;
  }
}
.wp-block-offer-swiper .swiper-offer-container {
  max-width: 62.5vw;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.wp-block-offer-swiper .swiper-wrapper {
  position: relative;
  height: 100%;
  z-index: 1;
  display: flex;
  box-sizing: content-box;
}
.wp-block-offer-swiper .swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/*# sourceMappingURL=style-index.css.map*/
