.related-post-container {
    margin: 0 auto;
    padding:  0 15px;
}

.related-post-container h2{
    max-width: 900px;
    margin: 0px auto 30px;
}

.section-related-posts {
    padding-bottom: 35px;
    padding-top: 70px;
}

.related-post-list-container .vertical-post-card {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 10px;
}

.related-post-list-container .vertical-post-card .text-container {
    box-sizing: border-box;
    height: 100%;
    justify-content: space-between;
}

.related-post-list-container-column .vertical-post-card .post-card-title-link{
    height: 80.4px;
}

.related-post-list-container .vertical-post-card .post-card-title-link:hover h6 {
    color: var(--main-color);
}

.related-post-list-container .vertical-post-card .text-container{
    padding: 0 10px !important;
}

.related-post-list-container .vertical-post-card .text-container h6{
   font-size: 16px !important;
   -webkit-line-clamp: 4 !important;
   margin: 10px 0 10px 0;
   color: #3a3a3a;
}

.related-post-list-container .vertical-post-card .text-container .post-card-date{
    font-size: 14px;
    color: #999999;
    font-weight: 400;
 }

.related-post-list-container-column .vertical-post-card .img-container{
    position: relative;
	padding-bottom: 100%;
    height: 0;
} 

.related-post-list-container .vertical-post-card .img-container img{
	width: 100%;
	height: 100%;
} 

.related-post-list-container-column .vertical-post-card .bon-plan-flamme-container img{
    width: 100%;
} 

.related-post-list-container {
    position: relative;
    max-width: 900px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(217px, 1fr));
    grid-template-rows: minmax(230px, auto);
    grid-auto-flow: dense;
    gap: 10px;
    margin: 0 auto;
}

.related-post-list-container .button-container{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.related-post-list-container-column .slick-slide {
    margin: 0px 5px;
}

.related-post-list-container-column .slick-list {
    margin: 0 -10px;
}

 .slick-prev,.slick-next {
    width: 70px;
    height: 70px;
}

.slick-next{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: calc(50% - 30px)
}

.slick-prev:before,.slick-next:before {
    font-size: 70px;  
    color: var(--main-color); 
    opacity: 1;
    content: url('../assets/Rond-carrousel.svg');
} 

.slick-arrow:hover, .slick-arrow:focus {
    background-color: transparent;
}

/* .related-post-list-container-column::before,
.related-post-list-container-column::after {
    content: '';
} */

.related-post-list-container-column .slick-dots {
    bottom: auto;
    margin-top: 10px;
}

.related-post-list-container-column .slick-dots li button::before {
    width: 12px;
    height: 12px;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 100%;
    font-size: 0;
}

.related-post-list-container-column .slick-dots li.slick-active button::before {
    background-color: var(--main-color);
}

.last-posts-flux {
    max-width: 1080px;
    margin: 0 auto;
}

.related-post-list-container .note-container {
    height: 60px;
    width: 60px;
    top: 10px;
    left: 10px;
}

.slick-slide .note-container p{
    font-size: 20px;
    color: white;
}

.slick-slide .note-container span {
    font-size: 30px;
}

@media (max-width:800px){

    .related-post-list-container-column .vertical-post-card .bon-plan-flamme-container{
        left: 2%;
        top: 2%;
        height: auto;
        width: 25%;
    }
    
    .related-post-list-container .slick-prev {
        left: -10px;
    }
    
    .related-post-list-container .slick-next {
        right: -10px;
    }

}

@media (max-width:600px){

    .related-post-list-container {
        padding: 0px;
    }

    .related-post-list-container-slick {
        max-width: 380px;
        margin: 0 auto;
    }
}

@media (max-width:485px){
    .related-post-list-container {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        justify-content: center;
        grid-template-rows: minmax(100px,auto);
    }

    .related-post-list-container .vertical-post-card {
        flex-direction: row;
        padding-bottom: 0;
    }

    .related-post-list-container .vertical-post-card .img-container{
        width: 150px;
        min-width: 150px;
    }

    .related-post-list-container .homepage-post-card .text-container {
        justify-content: space-around;
        width: auto;
        padding: 0 10px;
    }

    .related-post-list-container .note-container {
        height: 45px;
        width: 45px;
        top: 5px;
        left: 5px;
    }

    .related-post-list-container .vertical-post-card .text-container h6{
        -webkit-line-clamp: 3 !important;
     }
}

@media (min-width:800px){

    .related-post-list-container-column .vertical-post-card .bon-plan-flamme-container{
        left: 3px;
        top: 3px;
        height: 80px;
    } 
}

@media (min-width:910px){

    .related-post-list-container .vertical-post-card .img-container img{
        width: 217.5px;
        height: 217.5px;
    } 
}