.contact-section {
    margin-top: 40px;
    background-color: #202020;
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.10);
    text-align: center;
    padding: 40px;
    border-radius: 25px;
    max-width: 100%;
    height: auto; 
}

.contact-section img {
    max-width: 100%;
    height: auto; 
}

/* ==== Général ==== */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #fff;
    color: #111;
  }
  
  /* ==== Section Contact ==== */
  .contact-section {
    text-align: center;
    margin-bottom: 3rem;
  }
  
  .img-contact {
    max-width: 300px;
    height: auto;
  }
  
  /* ==== Cartes de contact ==== */
  a.text-decoration-none > div {
    border-radius: 20px;
    padding: 2rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  }
  
  a.text-decoration-none > div:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  }
  
  /* ==== Email et Réseaux ==== */
  .bg-light {
    background-color: #e0e0e0 !important;
    color: #111 !important;
  }
  
  .text-dark {
    color: #111 !important;
  }
  
  /* ==== Email rainbow (tu peux l’activer si tu veux une couleur spécifique) ==== */
  
  .email-card {
    background: linear-gradient(to right, red, orange, yellow, green, blue);
    color: #000;
  }
 
  
  /* ==== Texte de bas de page ==== */
  .fst-italic.text-muted {
    font-size: 1rem;
    color: #666 !important;
    margin-top: 2rem;
  }