.section-crossselling {
  margin-bottom: 120px;
}
.section-crossselling h2 {
  margin-bottom: 40px;
  font-size: 3.5rem;
  color: #3E5CDA;
  font-weight: 200;
}
.section-crossselling a.btn__lo {
  margin-top: 40px;
}
.section-crossselling .swiper--ctn {
  position: relative;
}
.section-crossselling .swiper--ctn .swiper {
  width: 100%;
  overflow: hidden;
  height: 350px;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  z-index: 3;
  padding: 35px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #3E5CDA;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt div.categ {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt div.categ a {
  color: #ffffff;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt div.categ a:hover {
  opacity: 0.5;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt div.categ a:last-child span {
  display: none;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt a.titre {
  color: #ffffff;
  font-size: 3rem;
  font-weight: 700;
  min-height: 110px;
  margin: 0;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt a.titre:hover {
  opacity: 0.5;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt a.auteur {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt a.auteur img {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -ms-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt a.auteur span {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 400;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -ms-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt a.auteur:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt a.auteur:hover span {
  font-size: 1.6rem;
}
.section-crossselling .swiper--ctn .s-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px 0 0;
}
.section-crossselling .swiper--ctn .s-pagination .swiper-pagination-bullet {
  display: block;
  width: 15px;
  height: 15px;
  opacity: 1;
  cursor: pointer;
  margin: 5px;
  background: #ccc;
}
.section-crossselling .swiper--ctn .s-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #3E5CDA;
}
@media screen and (max-width: 1700px) {
  .section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt a.titre {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 1370px) {
  .section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt {
    padding: 25px;
  }
  .section-crossselling .swiper--ctn .swiper .swiper-wrapper .swiper-slide--txt a.titre {
    font-size: 2.5rem;
  }
}
@media (max-width: 767.98px) {
  .section-crossselling h2 {
    margin-bottom: 20px;
  }
  .section-crossselling a.btn__lo {
    margin-top: 20px;
  }
}