.elementor-31361 .elementor-element.elementor-element-ba78411 > .elementor-container{max-width:1200px;min-height:800px;}.elementor-31361 .elementor-element.elementor-element-ba78411{margin-top:0px;margin-bottom:0px;}/* Start custom CSS */.nice_title {
    font-family: 'Poppins';
    font-size : 2em;
}

.nice_color {
        color : #4054B2;
}

.nice_color_2 {
        color : #fff;
}


.bold {
    font-weight: bold;
}

.nice_font {
    font-family: 'Poppins';
    color : #4054B2;
    font-size : 1.2em;
}

/* 1) Transformer chaque span en bloc centré et autoriser le wrapping */
.title--sup,
.title--main,
.title--sub {
  display: block;
  margin: 0 auto;
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
}

/* 2) Ajuster les tailles de police de façon fluide */

/* Titre “Bienvenue au” */
.title--sup {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: clamp(0.8em, 3vw, 1em);
  color: #000;
}

/* Titre principal “Bilan Métabolique” */
.title--main {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.4em, 8vw, 6rem);
  text-transform: uppercase;
  letter-spacing: -2px;
  color: #4054B2;
}

/* Sous-titre “& Nutritionnel” */
.title--sub {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: clamp(0.8em, 2vw, 1.2em);
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #000;
}

/* 3) Vous pouvez supprimer la media-query dédiée,
   clamp() gère déjà tous les écrans. */


@media screen and (max-width: 767px) {
    .title--sub {
font-size: 0.8em;
letter-spacing: 5px;
}

.title--main {
    font-size:1.3em;
}/* End custom CSS */