/* Hero Section Styles */
.hero-section {
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("../images/educ3.jpg");
    /*background-image: url("/images/ban.webp");*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-color: var(--theme-color); /* Use the same theme color as in the header */
    height: 50vh;
    color: #fff;
    text-align: center;
    padding: 100px 20px;
    display: flex;
    align-items: center;
}

/* education  Section Styles */
.get-involved-section {
    background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url("../images/educ1.jpg");
    color: #fff;
    text-align: center;
    padding: 80px 20px;
}

.get-involved-content p{
    font-size: 2rem;
}

.education-informelle-section {
    background-color: #f2fcf3; 
    color: #333;
    text-align: center;
    padding: 80px 20px;
}
.rocher-section{
    background-color: rgba(223, 233, 224, 0.2); 
    color: #333;
    text-align: center;
    padding: 80px 20px;
}

.mission-description, .propos-description{
    display: flex;
    align-items: center;
}
/* mission style*/
.mission-conten{
    display: grid;
    grid-template-rows: 1fr 215px;
    grid-gap: 10px;
    margin-top: 5px;
}

.mission-image{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 10px;
}

.mission-image span{
    background-color: #eefff0;  
}

#interventions{
    margin: 5px;
    padding: 28px;
}

/*future perspectives*/
ol li{
    text-align: left;
    margin-bottom: 15px;
}

.comante{
    font-size: 0.7rem;
    background-color: #eefff0; 

}