.page-title {
  font-size: 50px;
  font-weight: bold;
}

.info-header-link {
  color: black;
  text-decoration: underline;
  font-weight: 600;
  transition: all 0.2s;
}

.info-header-link:hover {
  color: rgba(0, 0, 0, 0.559);
}

.body-condition-usage {
  width: 92%;
  margin: auto;
}
.h2-title {
  margin: 20px 0 10px 0;
  font-size: 25px;
  /* text-align: center; */
}

.h4-title {
  margin: 20px 0 0 0;
  font-size: 18px;
  /* text-align: center; */
}

.p-body {
  font-size: 16px;
}

.bold-underline {
  font-weight: 600;
  /* text-decoration: underline; */
}

@media screen and (max-width: 1450px) {
  .page-title {
    font-size: 30px;
  }
}

/*============== TABLE 1 START ==============*/
/* ==== TABLE 1 STYLES ==== */
.table-info {
  border-collapse: collapse; /* pour fusionner les bordures adjacentes */
  width: 100%; /* ou la largeur que tu souhaites */
  /* max-width: 100%; optionnel, pour limiter la largeur */
  max-width: 70%;
  margin: 20px auto; /* centrer le tableau */
  font-family: Arial, sans-serif; /* police par défaut */
}

.table-info th,
.table-info td {
  border: 1px solid #000; /* bordure noire */
  padding: 8px; /* espacement interne */
  vertical-align: top; /* aligne le texte en haut de la cellule */
}

.table-info th {
  /* background-color: #f2f2f2; fond gris clair pour l'entête */
  text-align: left; /* texte aligné à gauche */
  width: 40%; /* ajuste si nécessaire */
}

.table-info td a {
  color: #0066cc; /* couleur du lien */
  text-decoration: none; /* enlève le soulignement */
}

.table-info td a:hover {
  text-decoration: underline; /* souligne au survol */
}
/*============== TABLE 1 END ==============*/

/*============== TABLE 2 START ==============*/
/* .table-info2 {
  padding: 25px 100px;
  background-color: red;
} */

.hero-title{
  position: absolute;
  bottom: 50px;
  margin-left: 50px;
}

.td-container > ul{
  padding: 0px 20px;
}

@media screen and (max-width: 450px) {
  .hero-title{
    margin-left: 20px;
  }

  .td-container > ul{
    font-size: 14px;
    padding: 0px 10px;
  }

  .td-container > p {
    font-size: 14px;
  }
}
/*============== TABLE 2 END ==============*/