.homeSlider {
    overflow : hidden;
}

.featuredProducts__container {
    padding : 5vh 0;
}

.text-green{
  color: var(--color-primary);
}

.banner-home{
  display: grid;
  grid-template-columns: 100%;
}

.banner-home>*{
  grid-area: 1/1;
}

.banner-home__background img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: right;
}

.banner-home__content{
  display: flex;
  flex-direction: column;
  padding: 50px 20px;
  text-align: center;
  align-items: center;
}

.banner-home__title, .banner-home__title h1{
  color: #292929;
  font-family: var(--typo-secondary);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.banner-home__buttons{
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

.banner-home__editable-btn{
  background: var(--btn-primary-bg-color);
  color: var(--btn-primary-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: 10px 24px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--btn-primary-border-color);
  transition: 0.3s ease;
}

.banner-home__quote-btn{
  color: var(--color-primary);
  background: rgba(188, 189, 184, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: 10px 24px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--color-primary);
  margin-top: 10px;
  transition: 0.3s ease;
}

.banner-home__editable-btn:hover{
  background: var(--btn-primary-bg-color--is-hover);
  color: var(--btn-primary-color--is-hover);
  border-color: var(--btn-primary-border-color--is-hover);
}

.banner-home__quote-btn:hover{
  border: 1px solid var(--color-primary);
  background: white;
}

.banner-home__editable-btn path{
  transition: 0.3s ease;
}

.banner-home .banner-home__quote-btn,.banner-home .banner-home__editable-btn{
  width: fit-content;
}

.banner-home:not([data-id-card="16"]) .banner-home__quote-btn,.banner-home:not([data-id-card="16"]) .banner-home__editable-btn{
  max-width: 190px;
}

.banner-home__editable-btn svg, .banner-home__quote-btn svg{
  margin-left: 10px;
}

.banners-home__container .banner-home[data-id-card="16"] .banner-home__quote-btn{
  display: none;
}

.banner-home__description{
  color: #292929;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 10px;
  display:block;
  font-family: var(--typo-primary);
}

.banners-home__container .banner-home[data-id-card="16"]{
  grid-column: 1;
  grid-row: 1/-1;
}

.banners-home__container .banner-home[data-id-card="16"] .banner-home__title, .banners-home__container .banner-home[data-id-card="16"] .banner-home__title h1{
  font-size: 29px;
  margin-bottom: 0;
  margin-top: 0;
}

.banner-home__pagination{
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  bottom: 12px!important;
}

.banner-home__reassurance{
  display: none;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid rgba(5, 88, 45, 0.2);
  margin-top: 15px;
  max-width: 540px;
  justify-content: space-between;
}

.banner-home__reassurance .reassurance__icon{
  width: 51px;
  height: 51px;
}

.banner-home__reassurance .reassurance__title{
  font-size: 17px;
}

.banner-home__reassurance .reassurance__subtitle{
  font-size: 12px;
}

.banner-home__reviews{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.banner-home__reviews-text{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  color: #292929;
}

.banner-home__reviews-text strong{
  font-weight: 600;
}

.banner-home__reviews-stars {
  display: grid;
  grid-template-columns: 1fr;
  width: 84px;
  margin-right: 10px;
}

.banner-home__reviews-stars>*{
  grid-area: 1/1;
  display: flex;
  overflow: hidden;
}

.banner-home__reviews-stars>*>svg{
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-right: 3px;
}

.banner-home__reviews-stars>*>svg:last-child{
  margin-right: 2px;
}

.banner-home__reviews-stars .stars__base{
  color: rgba(192, 142, 88, 0.4);
}

.banner-home__reviews-stars .stars__fill{
  color: var(--color-secondary);
}

.swiper-pagination-bullet{
  width: 9px;
  height: 9px;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
  background: white;
  opacity: 1;
}

.banner-home__slider:not(.swiper-initialized) .swiper-pagination-bullet{
  display: none;
}

.home-featured-products__container{
  padding: 0 15px
}

.home-featured-products__header{
  display: flex;
  align-items: center;
  margin: 70px 0 35px 0;
}



.home-featured-products__title{
  color: #292929;
  font-family: var(--typo-secondary);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  display: inline;
  margin: 0 0 0 0;
}

.home-featured-products__title .text-green{
  color: var(--color-primary)
}

.home-featured-products__title .text-orange{
  color: var(--color-secondary)
}

.home-steps{
  display: flex;
  flex-direction: column-reverse;
  background: #F9F4EF;
}

.home-steps__video{
  width: 100%;
  position: relative;
}

.video-controls{
  position: absolute;
  bottom: 10px;
  right: 20px;
  display: flex;
}

.video-controls button{
  background: transparent;
  border: none;
  padding: 0;
}

.video-controls button svg{
  width: 25px;
}

.video-controls button svg path{
  fill: white;
}

.video-controls button:hover svg path{
  fill: #c7c7c7;
}

.video-controls__play, .video-controls__sound{
  display: grid;
  grid-template-columns: 100%;
}

.video-controls__play{
  margin-right: 10px;
}

.video-controls__play>*, .video-controls__sound>*{
  grid-area: 1/1;
  display: none;
}

.video-controls__play .active, .video-controls__sound .active{
  display: block;
}

.home-steps__video video{
  object-fit: cover;
  height: 100%;
}

.home-steps__content{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

.home-steps__steps{
  max-width: 530px;
}

.home-steps__title{
  max-width: 490px;
}

.home-steps__title{
  color: #292929;
  font-family: var(--typo-secondary);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  text-transform: uppercase;
  margin-top: 0;
}

.home-steps__step{
  display: flex;
  align-items: center;

}

.home-steps__step:not(:last-child){
  margin-bottom: 30px;
}

.home-steps__steps-list{
  position: relative;
  padding-bottom: 30px;
}

.home-steps__line{
  position: absolute;
  height: 100%;
  bottom: 0;
  top: 0;
  width: 3px;
  background: var(--color-primary);
  left: 28px;
}

.step__icon{
  background: var(--color-primary);
  width: 59px;
  height: 59px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.step__text{
  width: calc(100% - 60px);
  padding-left: 20px;
  color: #292929;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.step__text .text-green{
  font-weight: 700;
}



.they-trust-us__brand.swiper-slide{
  width: 140px;
  margin: 0 25px;
}

.swiper-they-trust-us-button{
  display: none;
}

.they-trust-us{
  background: #F9F4EF;
  padding: 5px 0;
  height: 150px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.they-trust-us__content{
  padding: 0;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}

.they-trust-us__slider{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.they-trust-us__media{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.they-trust-us__media img{
  filter: grayscale(1);
  opacity: 0.7;
  max-width: 140px;
}

.home-numbers{
  display: flex;
  flex-direction: column;
}

.home-numbers__number{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  padding: 40px 0;
  position: relative;
}

.home-numbers__number:not(:last-child)::after{
  content: '';
  display: block;
  width: 50px;
  height: 1px;
  opacity: 0.5;
  background: white;
  position: absolute;
  bottom: 0;
}

.number__title{
  text-align: center;
  font-family: var(--typo-secondary);
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 175px;
}

.number__subtitle{
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
  height: 25px;
  text-transform: uppercase;
}

.home-numbers__separator{
  display: none;
  height: 50px;
  width: 1px;
  background: #292929;
  opacity: 0.5;
  margin:auto;
}

.button-discover-enterprise{
  padding: 12px 30px;
  background: var(--btn-primary-bg-color);
  text-transform: uppercase;
  color: var(--btn-primary-color);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline-flex;
  align-items: center;
}

.button-discover-enterprise:hover{
  background: var(--btn-primary-bg-color--is-hover);
  color: var(--btn-primary-color--is-hover);
}

.button-discover-enterprise svg{
  margin-left: 10px;
}

.home-numbers__content{
  display: flex;
  flex-direction: column-reverse;
}

.home-numbers__background{
  height: 260px;
}

.home-numbers__background-overlay{
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 31.25%, #FFF 100%);
  z-index: 2;
}

.home-numbers__background img{
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.home-numbers__right{
  display: grid;
  grid-template-columns: 100%;
}

.home-numbers__right>*{
  grid-area: 1/1;
}

.home-numbers__left{
  padding: 40px 20px 30px;
}

.home-numbers__subtitle{
  display: flex;
  align-items: center;
  color: var(--color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8;
  text-transform: uppercase;
}

.home-numbers__subtitle svg{
  margin-left: 15px;
}

.home-numbers__title{
  color: #292929;
  font-family: var(--typo-secondary);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  text-transform: uppercase;
  margin: 10px 0 20px;
}

.home-numbers__left p{
  color: #292929;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 30px;
}

.home-numbers__number-list{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
  padding: 30px;
}

.home-numbers__right-background img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

.number__icon {
  height: 60px;

  align-items: center;
  justify-content: center;
  display: none;
}

.number__icon svg path{
  fill: currentColor;
}

.home-norme{
  background: var(--color-primary);
  color: white;
  padding: 40px 20px;
  position: relative;
  overflow: hidden;
}

.home-norme__filigrane{
  position: absolute;
  bottom: -90px;
  right: -40px;
}

.home-norme__filigrane svg{
  width: 220px;
}

.home-norme__title{
  color: #FFF;
  display: block;
  text-align: center;
  font-family: var(--typo-secondary);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}

.home-norme__title .text-orange{
  color: var(--color-secondary)
}

.home-norme__img{
  margin: 40px auto 0;
  max-width: 280px;

}

.home-norme__content{
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  z-index: 1;
  max-width: 1060px;
  margin: 40px auto 0;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.home-norme__text{
  text-align: center;
}

.home-norme__know-more{
  color: var(--color-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  background: white;
  padding: 13px 30px;
  display: inline-flex;
  align-items: center;
  margin-top: 15px;
  transition: 0.3s ease;
}

.is-intro .home-norme__know-more{
  transition: none!important;
}

.home-norme__know-more:hover{
  background: var(--color-secondary);
  color: white;
}

.home-norme__know-more svg{
  margin-left: 10px;
}

.home-delivery{
  padding: 45px 20px;
}

.home-delivery__content{
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 50px;
}

.home-delivery__title{
  color: #292929;
  font-family: var(--typo-secondary);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
}

.home-delivery__image img{
  height: auto;
  object-fit: cover;
  width: 100%;
  object-position: center;
}

.key-point{
  border-bottom: 1px solid rgba(192, 143, 89, 0.4);
}


.key-point__head{
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 15px 30px 15px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.key-point__title{
  color: #292929;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: 10px;
}

.key-point__trigger-icon{
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
}

.key-point__content{
  height: 0;
  transition: 0.3s ease;
  overflow: hidden;
}

.key-point.active .key-point__content{
  height: auto;
}

.key-point__description{
  padding-bottom: 40px;
}

.key-point .key-point__trigger-icon .plus,
.key-point.active .key-point__trigger-icon .minus{
  display: initial;
}

.key-point.active .key-point__trigger-icon .plus,
.key-point .key-point__trigger-icon .minus{
  display: none;
}

.slider-images-key-points{
  position: relative;
  display: flex;
  align-items: center;
}

.slider-images-key-points .swiper-button-prev-green{
  left: 15px;
}

.slider-images-key-points .swiper-button-next-green{
  right: 15px;
}
