/* ============================
   VARIABLES SCSS & CSS
   ============================ */
/* ---- Fonts ---- */
/* ---- Couleurs ---- */
/* ---- Typographie ---- */
/* ---- Espacements ---- */
.swiper-pagination {
  position: static;
}

.swiper-pagination-bullet-active {
  background: #360675 !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='#360675'/></svg>") !important;
  color: #360675;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='#360675'/></svg>") !important;
  color: #360675;
}

.swiper {
  overflow: hidden;
  width: 600px;
  height: 300px;
}

.swiper-container {
  width: 100%;
  height: auto;
  display: grid;
}

.swiper-slide {
  background-position: center center;
  background-size: cover;
}

.swiper-one-desc h2 {
  color: white;
}

.swiper-content {
  display: grid;
}

.swiper-wrapper-img {
  grid-area: 1/1/2/2;
  z-index: 500;
}

.swiper-desc {
  grid-area: 1/1/2/2;
  background: rgba(0, 0, 0, 0.6);
  margin-top: 50%;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  color: white;
  z-index: 800;
}
.swiper-desc .btn {
  margin-top: 10px;
}

.swiper-one-node-desc {
  z-index: 800;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  text-align: center;
  padding: 10px;
  color: white;
}

.swiper {
  width: 100%;
  height: 400%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}/*# sourceMappingURL=swiper.css.map */