.produits-container {
  width: 90%;
  margin: auto;
  margin-top: 125px !important;
}

.centered-section h2, .coloured-section h2 {
  font: normal normal bold 70px/70px Lato;
  margin-top: 0;
}

.produits-container p, .coloured-section p {
  font: normal normal normal 20px/30px Lato;
}

.section, .centered-section {
  column-gap: 95px;
  margin-bottom: 175px;
}

.centered-section {
  margin: auto auto 175px auto;
  max-width: 1395px;
}

.section img {
  width: 100%;
  height: 400px;
  border-radius: 10px;
}

.coloured-section {
  border-radius: 60px;
  background-color: #F0F0F0;
}

.coloured-section .section {
  width: 85%;
  margin: 100px auto;
}

.centered-section img {
  width: 100%;
  border-radius: 10px;
}

.centered-section p {
  text-align: center;
}




.new-functionality {
  width: 90%;
  margin: auto;
  margin-top: 90px;
  margin-bottom: 175px;
}

.new-functionality h2 {
  width: 59%;
}

.news-container {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 21px;
  margin-top: 27px;
}

.news img {
  width: 100%;
  height: 263px;
}

.news h5 {
  font: normal normal 900 20px/30px Lato;
  width: unset;
  margin-top: 25px;
}

.news p {
  font: normal normal normal 15px/20px Lato;
  width: 90%;
}

.rain-container {
    padding: 5em 0;
    position: relative;
}

.rain-text {
    position: relative;
    width: fit-content;
    margin: auto;
    z-index: 2;
}

#rain-canvas {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.border-fading {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 20px 20px #f7f9f9;
    z-index: 2;
}

@media screen and (min-width:1920px) {
  .d-grid {
    column-gap: 155px;
  }

  /* .produits-container h2 {
    font: normal normal bold 73px/65px Lato !important;
  } */

  /* .centered-section h2 {
    font: normal normal bold 70px/65px Lato !important;
  } */

  .centered-progression-header {
    font: normal normal bold 63px/65px Lato !important;
  }

  .adjustImg {
    display: flex;
  }

  .adjustImg img {
    width: auto;
    margin: auto;
  }

  .forfaits .see-plan {
    width: 188px;
    height: 188px;
    left: 153px;
    bottom: -86px;
    font: normal normal normal 18px/22px Lato;
  }

  .new-functionality h2 {
    width: 50%;
  }

  .rewards-fourth-row h2 {
    font: normal normal bold 54px/65px Lato !important;
  }

  .see-plan {
    left: 200px !important;
  }
}

@media screen and (max-width: 991px) {
  .produits-container, .forfaits-info {
    padding: 0px 15px !important;
    margin-top: 0 !important;
  }

  .section img {
    height: 200px;
  }

  .right-mobile {
    flex-direction: column-reverse !important;
  }

  .produits-container .section, .coloured-section .section {
    flex-direction: column;
    row-gap: 40px;
  }

  .produits-container .section, .centered-section {
    margin-bottom: 40px;
  }

  .centered-section p {
    width: unset;
  }

  .coloured-section .section {
    margin: 20px auto;
  }

  .coloured-section {
    margin-bottom: 40px !important;
  }

  .produits-container h2, .coloured-section h2 {
    font: normal normal bold 33px/45px Lato !important;
  }

  .produits-container p, .coloured-section p {
    text-align: justify;
  }
}