footer.container_wrap
{
  background: #52c1df !important;
}

.menu-container a
{
  cursor: pointer;
}

.menu-container 
{
  
  display: flex;
  justify-content: center;
  background: #52c1df; /* Utilisez la couleur de fond de votre choix */
  padding: 20px 0 0 30px;
  font-family: 'helvetica neue',HelveticaNeue,Helvetica-Neue,Helvetica,Arial,sans-serif; /* Ou tout autre police de votre choix */
  flex-direction: column;
  flex-wrap: wrap;
  column-gap: 5px;
  row-gap: 40px;
  
}
  
.menu-row 
{
  
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap; 
  row-gap: 50px;
  padding-top: 10px;

}

.menu-row h2 
{

  background: white; /* Utilisez la couleur de fond de votre choix */
  color: #eda210;
  padding: 0 15px;
  border-radius:4em;
  height: 48px;
  font-size: 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-row h2 img
{
  padding-left: 5px;

}


.menu-row a 
{
  display: block;
  color: white; /* Couleur du texte pour les liens */
  text-decoration: none; /* Enlève le soulignement des liens */
  font-weight: bold;
}

.row-1 a
{

  padding: 5px 20px 5px 0;
}

.row-2 a
{

  padding: 5px 20px;
}

.row-2 section
{
  position: relative;
  border: solid 3px white;
  border-radius: 20px;
  padding: 10px 20px 10px 20px;
  width: 30%;
  display: flex;
  align-items: center;

}

.row-2 section ul 
{
  margin: 0 !important;
  padding-left: 20%;
}


.row-2 section h3
{
  
  font-weight: bold;
  font-size: 18px;
  position: absolute;
  top: -13px;
  
  background: #52c1df;
  padding: 0px 10px;
  
}

.row-2 section:nth-child(1) h3
{
  left: 15%;
  
}

.row-2 section:nth-child(2) h3
{
  left: 15%;
  
}

.row-2 section:nth-child(3) h3
{
  left: 15%;
  
}


.row-2 section li
{
  display: flex;
  align-items: center;
  font-size: 15px;
  list-style-type: none; /* Supprime la puce par défaut */
  padding-left: 10px; /* Ajoute de l'espace pour l'icône */
  position: relative;

}

.row-2 section li::before
{
  
  content: ""; /* Important pour générer le pseudo-élément */
  position: absolute;
  left: 0;
  width: 15px; /* Largeur de l'image */
  height: 15px; /* Hauteur de l'image */
  background-image: url('/wp-content/themes/mes-cartes-mentales-7/images/wwwup-footer-images/chevron-30.png');
  background-size: cover; /* Ajuste l'image à la taille du pseudo-élément */
}

.menu-container section
{
  color: white;
  font-weight: bold;
  font-size: 15px;
  
}


.menu-container section h3
{
    text-align: center;
}

  
/* Ajoutez des styles pour les boutons de paiement sécurisés, les mentions légales, etc. */
.payment-options 
{
  justify-content: center;/* Pour centrer les boutons dans leur container */
  padding-top: 20px;
}

.payment-options 
{
  
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #52c1df;
  padding: 10px;    
}


.payment-method 
{
  display: flex;
  background:#fff;
  border-radius: 10px; /* Les coins arrondis pour les boutons */
  font-weight: bold; /* Met le texte en gras */
  font-size: 15px !important;
  text-align: center; /* Centre le texte à l'intérieur du bouton */
  padding: 2px 10px;
  margin: 0;

}

.social-link
{
  width: 100%;
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap-reverse;

  justify-content: space-between;
  align-items: center;
  
}

.social-link ul
{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  
}


.social-link li
{
  padding: 0 0.2em;
}

.social-link a
{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  
}

.social-link p:nth-child(2)
{
  display: flex;
}

.social-link p:nth-child(2) a
{

  padding-left: 10px;
  border-radius: 100%;
}


  @media only screen and (max-width: 767px) 
  {
  
    .menu-row section 
    {
      width: 100%;
      
      
    }
   

    .social-link
    {

      justify-content: center;
      flex-wrap: wrap-reverse;
      
    }

    .social-icon
    {
      flex-wrap: wrap-reverse;
      

    }
  }  

  @media only screen and (min-width: 768px) and (max-width: 910px)
  {

    .row-2 section 
    {
      width: 60%;
      
      
    }
  
    .social-link
    {

      justify-content: center;

      
    }

    .social-icon
    {
      order: 0;
    }
  
  }

  @media only screen and (min-width: 1024px) and (max-width: 1080px)
  {
    .social-link
    {

      justify-content: center;

      
    }

  }