.container{ 
    
     /*background-color: #01334a; */
     background-color: #a8b0b3;
     
 }   

 .lien-filtre{
    display : grid;
    grid-template-columns: repeat(6,1fr); 
    /*grid-template-columns: repeat(1,1fr);*/
    /* justify-content: center;
    align-items: center; */
    grid-gap: 20px;
    
 }

.blog-section{
    /*width:85%;*/
    /*margin:10px auto;*/
    padding: 20px;
    
}

.blog-section .title{
    /*width:50%;*/
    text-align: center;

    /*margin:auto;*/
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center; 

}
.blog-section .title a{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:20px;
    border: solid #222226;
    width: 150px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: rgb(47, 6, 29);


}

.blog-section .title h2{
    /*font-size: 40px;*/
    /*color:#357ca6;*/
    text-transform: uppercase;
    margin-top:50px;
}

.blog-section .title p{
    font-size: 18px;
    color:#7e7e7e;
    margin-top: 20px;
}

.cards{
    /* display:flex;
    flex-direction: column; */
     /* align-items: center;  */
    /* justify-content: center; */
    
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(7,1fr); 
    grid-gap: 50px;
    margin: 20px 0;

    
}
.cards2024{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr); 
    grid-gap: 50px;
    margin: 20px 0;
}
.cards2023{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(4,1fr); 
    grid-gap: 50px;
    margin: 20px 0;

}
.cards2022{
    display:grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr);
    grid-gap:50px;
    margin:20px 0;
} 

.cards2025{
    display:grid;
    grid-template-columns: repeat(2,1fr);
     /* grid-template-rows: repeat(2,1fr);  */
    grid-gap:50px;
    margin:20px 0;
} 
.cardsEntreprise{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(3,1fr); 
    grid-gap: 50px;
    margin: 20px 0;
}
.cardsEvenement{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr); 
    grid-gap: 50px;
    margin: 20px 0;
}
.cardsClientele{
    display:grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr);
    grid-gap:50px;
    margin:20px 0;
}

 /* .card{
    background-color: white;
    width:100%;
    height:100vh;
    overflow-y: auto;
}  */
 .card{
    width: 100%;
    background-color: white;
    position:relative;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    border: 5px solid #222 ;  
} 

.image-section img{
    width:100%;
    height:auto;
}
/*test1*/
.content{
    
    height: auto;
    background-color: #fff;
    /* margin:10px auto; */
    text-wrap: wrap;
    padding: 20px 0; 
    /* border-radius: 20px; */
}
.description_box{
    /* height: auto; */
    overflow:hidden;
    line-height:1.5;
    padding:20px;
    position:relative;
    /* margin-bottom:30px; */
}


 /* .content{
    padding:15px; */
    /* align-items: center; */
    /* margin-bottom:0;
} */



.content h3{
    text-align: center;   
    font-size: 21px; 
    color:#222;
    padding: 10px;
    margin-top: 20px;
    justify-content: center;
    /* font-weight: 500;  */
}
.content p{
    color:#222;
    font-size: 18px;
    /* margin-bottom: 20px; */
    margin-top: 30px;
    justify-content: center;
    
} 
.content .categorie{
    position:absolute;
    left:0;
    top: 0px;
    height: 25px;
    padding:0 15px;
    color:#fff;
    font-size: 11px;
    line-height:25px;
    text-transform:uppercase;
    background-color: orangered;
}

.content .posted-date{
   
    
    /* margin-bottom:10px;  */
    /* display: inline-block; */
    background-color: #e7dc1be9;
    padding: 0px 10px; 
    text-align: center;
    justify-items: center;
    
}

.content .posted-date p{
    justify-content: center;
    text-align: center;
    color:#222;
   
}

/* .read-more-text{
    display:none;
}

.read-more-text--show{
    display:inline;
} */

/* .active{
    height:auto;
}
.active_button{
    position:unset;
    width:100%;
} */

/* .button{
    position:absolute; 
     right: 0px;
    left:0px;
    bottom:0px;
    border:none; 
    text-decoration: none;
     color:#fff; */
    /* color:#0d0325; */
    /* margin-top:5px;
    
    display: inline-block; */
    /* background-color: transparent; */
    /* text-align: center;
    justify-content: center;
    background-color: #357ca6;
    padding: 10px 0px;
    z-index: 1;
    cursor:pointer;
}
.button:after{
    position:absolute;
    content: "";
    right: 0px;
    left:0px;
    bottom:0px;
    height: 90px;
    margin-bottom:40px;
    z-index: -1;
} */

/* .read-more-btn {
    text-decoration: none;
    color:#fff;
    margin-top:12px;
    display: inline-block;
    background-color: #357ca6;
    padding:8px 15px;
} */




@media screen and (max-width:1000px) {
    .cards{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .cards2022{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .cards2023{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .cards2024{
        grid-template-columns: 1fr;
        grid-gap:20px;
    }
    .cards2025{
        grid-template-columns: 1fr;
        grid-gap:20px;
    }
    .cardsEntreprise{
        grid-template-columns: 1fr;
        grid-gap:20px;
    }
    .cardsEvenement{
        grid-template-columns: 1fr;
        grid-gap:20px;
    }
    .cardsClientele{
        grid-template-columns: 1fr;
        grid-gap:20px;
    }
    .lien-filtre{
        grid-template-columns:repeat(3,1fr);
        grid-template-rows:repeat(2,1fr);
        
    }

    
}
@media screen and (max-width:768px) {
    /* .cards{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .cards2022{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    } */

    .lien-filtre{
        grid-template-columns: 1fr;
        
    }
}