.container_card {
    margin-top: 50px;
}
.content_avis {
    display: flex;
}

.cardc {
    background-color: #ffff !important;
    border: 1px solid rgb(233, 233, 233);
    margin-top: 29px !important;
    margin-bottom: 29px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;

    border-radius: 5px;
    min-width: 350px;
    padding: 17px 10px;
    min-height: 205px;
}

.cardc_active {
    background-color: #ffffff !important;
    border: 2px solid rgba(197 215 233 / 20%); /* Bordure plus épaisse */
    margin: 10px; /* Augmente l'espacement */
    border-radius: 10px; /* Coins plus arrondis */
    min-width: 400px; /* Augmente la largeur */
    padding: 15px 20px; /* Augmente l'espace intérieur */
    min-height: 250px; /* Augmente la hauteur */
    box-shadow: 5px 5px 15px rgba(247, 248, 249, 0.2); /* Ajoute une ombre */
}

.star {
    width: 15px;
    height: 15px;
}

.content_avis {
    transition: all 0.5s ease-in-out;
  }
  
.cardc {
    transition: all 0.5s ease-in-out;
}

.cardc {
    transition: all 0.5s ease-in-out;
    opacity: 0.5;
    transform: scale(0.9);
    height: 338px;
}
  
.cardc .cardc_title{
    display: none;
}

.cardc_active {
    opacity: 1;
    transform: scale(1);
    height: 338px;
}
.cardc_active .cardc_title{
    display: block;
}
.content_avis {
    transition: all 0.5s ease-in-out;
}

.contentC {
    background-color: rgb(253, 253, 253); 
    width: 80%; 
    margin: 0 auto; 
    overflow: hidden; 
    padding-bottom: 50px;
}
@media (max-width: 900px) {
    .contentC {
        background-color: rgb(253, 253, 253); 
        width: 100%; 
        margin: 0 auto; 
        overflow: hidden; 
        padding-bottom: 50px;
    }
    .cardc {
        display: none;
    }
    .cardc_active {
        background-color: #ffffff !important;
        border: 2px solid rgba(197 215 233 / 20%); /* Bordure plus épaisse */
        margin: 10px; /* Augmente l'espacement */
        border-radius: 10px; /* Coins plus arrondis */
        min-width: unset;
        padding: 15px 20px; /* Augmente l'espace intérieur */
        min-height: 250px; /* Augmente la hauteur */
        box-shadow: 5px 5px 15px rgba(247, 248, 249, 0.2); /* Ajoute une ombre */
    }
}