.contain {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 cartes par ligne */
    gap: 20px;
    width: 80%;
    max-width: 1200px; /* Limite la largeur totale */
    justify-items: center;
}
        .card {
            background: #ddd126 !important;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translateY(50px);
    animation: fadeUp 0.8s forwards;
        }

        .card:nth-child(1) {
            animation-delay: 0.1s;
        }

        .card:nth-child(2) {
            animation-delay: 0.2s;
        }

        .card:nth-child(3) {
            animation-delay: 0.3s;
        }

        .card:nth-child(4) {
            animation-delay: 0.4s;
        }

        .card:nth-child(5) {
            animation-delay: 0.5s;
        }

        .card:nth-child(6) {
            animation-delay: 0.6s;
        }

        .card i {
            font-size: 40px;
            color: #3498db;
            margin-bottom: 10px;
        }

        .card h3 {
            font-size: 20px;
            color: #333;
            margin: 0;
        }

        .card p {
            font-size: 14px;
            color: #777;
            margin-top: 10px;
        }

        @keyframes fadeUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .info-flash {
            background-color: transparent;
            color: #ffffff;
            padding: 5px;
            font-weight: bold;
            text-align: center;

        }

        .marquee {
            white-space: nowrap;
            overflow: hidden;
            display: block;
            color: #ffffff;
            font-size: 25px;
        }

        .marquee span {
            display: inline-block;
            animation: marquee 20s linear infinite;
        }

        @keyframes marquee {
            from {
                transform: translateX(100%);
            }

            to {
                transform: translateX(-100%);
            }
        }

    
        
        .menu-block-wrap {
            background-color: #1d6330;
            border-radius: 12px;
            overflow: hidden;
            height: 100%;
            box-shadow: 0 10px 20px rgba(0,0,0,0.15);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .menu-block-wrap:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
        }
        
        .menu-block img {
         
            object-fit: cover;
        }
        
        .menu-block h5 {
            text-align: center;
            color: #fff;
            font-size: 1.25rem;
            padding: 15px 10px;
            margin: 0;
            min-height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
          /* Liste des partenaires */
          .list4,
          .list5 {
              display: flex;
              justify-content: space-around;
              flex-wrap: wrap;
              list-style: none;
              padding: 0;
              margin: 0;
          }
  
          .list4 li,
          .list5 li {
              width: 18%;
              margin-bottom: 20px;
              transition: transform 0.3s ease, box-shadow 0.3s ease;
          }
  
          .list4 li a,
          .list5 li a {
              display: block;
              text-align: center;
              padding: 10px;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
              transition: transform 0.3s ease, box-shadow 0.3s ease;
          }
  
          .list4 li a:hover,
          .list5 li a:hover {
              transform: translateY(-5px);
              box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
          }
  
          /* Images des partenaires */
          .list4 li a img,
          .list5 li a img {
              max-width: 100%;
              height: auto;
              border-radius: 10px;
              transition: transform 0.3s ease;
          }
  
          .list4 li a:hover img,
          .list5 li a:hover img {
              transform: scale(1.05);
          }
  
          /* Pour les grands écrans */
          @media (min-width: 992px) {
  
              .list4 li,
              .list5 li {
                  width: 18%;
              }
          }
  
          /* Pour les petits écrans */
          @media (max-width: 768px) {
  
              .list4 li,
              .list5 li {
                  width: 45%;
              }
          }
  
          /* Pour les très petits écrans */
          @media (max-width: 480px) {
  
              .list4 li,
              .list5 li {
                  width: 100%;
              }
          }