.additional_info p {
    color: #068F3A000; 
}


.additional_info {
    margin-top: 20px;
}

.additional_info h3 {
    color: #52356cff;
    font-weight : bolder;
}

ul {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 16px;
    color: #068F3A000;

}


/* modal */

/* Style du conteneur de la colonne */
.col-3 {
position: relative;
width: 25%; /* Ajustez la largeur de la colonne selon vos besoins */
}

/* Style de l'image */
.myImages {
width: 100%;
max-height: 150px;
height: 100%;
border-radius: 10px;
cursor: pointer;
}

/* Style du modal */
.modal {
display: none;
/* position: fixed; */
z-index: 1;
padding-top: 150px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
background-color: rgba(0, 23, 0, 0.6);
}

/* Style du contenu du modal */
.modal-content {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
}

/* Style du bouton de fermeture */
.close {
position: absolute;
right: 26px;
font-size: 30px;
font-weight: bold;
color: #fff;
cursor: pointer;
}

/* Animation de l'image dans le modal */
.myImages:hover {
opacity: 0.7;
}

/* Affichage du modal lorsqu'il est ouvert */
.modal.active {
display: block;
}

/* Style du bouton "précédent" */
.prev {
position: absolute;
top: 50%;
left: 10px;
font-size: 30px;
color: white;
background-color: rgba(0, 0, 0, 0.5);
border: none;
padding: 10px;
cursor: pointer;
border-radius: 5px;
}

/* Style du bouton "suivant" */
.next {
position: absolute;
top: 50%;
right: 10px;
font-size: 30px;
color: white;
background-color: rgba(0, 0, 0, 0.5);
border: none;
padding: 10px;
cursor: pointer;
border-radius: 5px;
}

/* Style pour la position et la couleur du texte des boutons */
.prev, .next {
transform: translateY(-50%);
}

/* Style pour l'effet de survol des boutons */
.prev:hover, .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}