.bloc{
  padding:62px 0px;
  margin-bottom: 52px;

  &[data-color="blue"] {
    background-color: #EAF0FF;
  }

  &[data-color="pink"] {
    background-color: #E3A4AF;
  }
  
}

.wrapper{
  display:flex;
  width:1069px;
  margin: 0 auto;
  gap:30px;
 
}

.titrerea{
  font-size: 24px;
  font-family: Pacifico;
  text-align: center;
  padding-top: 84px;
  margin-bottom: 100px;
  color:#562F11;
}

.flickity-button.next{
  right:50px;
}
.textes{
  display: flex;
  flex-direction: column;
  width:20%;

    p{
      margin-top:15px;
      font-family:Quicksand;
      font-size:16px;
    }
    h2{
      font-family:Quicksand;
      font-weight:500;
      font-size:31px;
    }
}

div.line {
 
width:80%;
  div.main-carousel {
    margin: 0 auto;

    
    div.carousel-cell {
      width: 33%;
      
      
      img {
        width: 250px;
        height: 240px;
        object-fit: cover;
        border-radius: 10%;
      }
    }
  }
}
@media (max-width: 768px) {
  /* Styles pour les écrans dont la largeur est inférieure ou égale à 768px */
.wrapper {
width:650px;

h2{
  font-size:26px;
}
  }
  .textes {
    width:50%;
  }
  .flickity-button.next{
    right:-15px;
  }
  .flickity-prev-next-button.previous{
    left:-20px;
  }
    div.line{
      width:50%;
    div.main-carousel {
        margin: 0 auto;
      div.carousel-cell {
        width: 70%;
              
        img {
          width: 180px;
          height: 180px;
          object-fit: cover;
          border-radius: 10%;
        }
      }
    }
  }
}


@media (max-width: 428px) {
  /* Styles pour les écrans dont la largeur est inférieure ou égale à 768px */
.wrapper {
width:370px;

h2{
  font-size:26px;
}
  }
  .textes {
    width:40%;
  }
  .flickity-button.next{
    right:15px;
  }
  .flickity-prev-next-button.previous{
    left:-10px;
  }
    div.line{
      width:60%;
    div.main-carousel {
        margin: 0 auto;
      div.carousel-cell {
        width: 100%;
              
        img {
          width: 180px;
          height: 180px;
          object-fit: cover;
          border-radius: 10%;
        }
      }
    }
  }
}