/*** Header ***/
  #contact-header {
    background: url(/images/home/Photo-home-2.webp) center top no-repeat; /* Ajuster la position de l'image en haut */
    background-size: 100% auto; /* Ajuster la largeur, conserver la hauteur */
    min-height: 37vw;
  }
  .contact-title {
    color: #1b2a4e;;
    font-size: 4rem;
    padding-top: 50px;
    margin: 0 auto; /* Centre le titre horizontalement */
    width: fit-content; /* Ajuste la largeur du conteneur à la taille du titre */
  }

.custom-container-contact {
  width: 70%;
}

.contact-to-us{
  background-color: #f7f7f7;
  height: 1200px;
}


  .centered-title {
    margin: 0 auto; /* Centre le titre horizontalement */
    width: fit-content; /* Ajuste la largeur du conteneur à la taille du titre */
}
 /*** Contact Form ***/
.rgpd {
    max-width: 300px;
  }

.contact .form-floating .form-error-message {
    color: red;
    margin-top: 5px; /* Espacement en haut pour séparer du champ de formulaire */
}
/* Style spécifique pour les listes d'erreurs de validation */
.contact .form-floating .form-error-message ul {
  list-style: none; /* Supprime les puces de la liste */
  padding: 0; /* Supprime le padding de la liste */
}

.contact .form-floating .form-error-message li {
  margin-bottom: 5px; /* Espacement entre les éléments de la liste */
}

.btn-outline-primary:hover {
  color:#1b2a4e;
  border:1px solid #1b2a4e;
}
.btn-outline-primary {
  color:white;
 background-color:  #1b2a4e;
}

.text-infos {
  color:#141c25;
}

@media (max-width: 991px) {
  .svg-icon-lg {
      width: 16px;
      height: 16px;
  }
}

/* Pour les écrans de 0px à 340px de largeur */
@media (max-width: 340px) {
  /* Styles pour les écrans de petite taille ici */
  #contact-header {
      height: 10vw; /* Exemple de modification pour les petits écrans */
  }
  .contact-title {
      font-size: 1.5rem;
      padding-top: 5px;
  }
}

/* Pour les écrans de 341px à 576px de largeur */
@media (min-width: 341px) and (max-width: 576px) {
  /* Styles pour les écrans de taille moyenne ici */
  .contact-title {
      font-size: 2rem;
      padding-top: 5px;
  }
}

/* Pour les écrans de 577px à 768px de largeur */
@media (min-width: 577px) and (max-width: 768px) {
  /* Styles pour les écrans de grande taille ici */
  .contact-title {
      font-size: 2.5rem;
      padding-top: 5px;
  }
}