.engagements .accordion{
cursor: pointer;
gap: 1rem;
font-weight: bold;
font-size:1.25rem;
padding: 1rem 0;
border-top:1px solid var(--bleu-fonce);
transition: all 0.2s ease; 
}
.engagements .accordion .chevron{
width:18px; height:9px;
background: url(//www.had-nantesetregion.fr/wp-content/themes/had/images/chevron-down.svg) no-repeat center / contain;
}
.engagements .accordion.active .chevron{
background-image: url(//www.had-nantesetregion.fr/wp-content/themes/had/images/chevron-up.svg);
}
.engagements .accordion .vs{
width:55px;
transition: all 0.2s ease;
}
.engagements .accordion .vs img{
object-fit: contain;
}
.engagements .accordion:hover .vs{
transform: scale(1.2);
}
.engagements .panel {
padding: 0 1rem;
max-height: 0;
overflow: hidden;
transition: all 0.2s ease-out;
}
.engagements .panel.open{
margin-bottom:2.5rem;
}
.engagements .visuel{
flex:1 1 auto;
}.texte-defile .swiper-slide{
width:40%;
font-size:2.5rem;
font-weight: bold;
color: var(--gris-fonce);
position:relative;
}
.texte-defile .swiper-slide::after{
content:"";
width:18px; height:18px;
border-radius: 50%;
background-color: var(--orange);
position: absolute;
left:100%;
top:50%;
transform: translate(0, -50%);
}
@media screen and (min-width:992px){
.texte-defile .swiper-slide{
font-size:3rem;
}  
}
@media screen and (min-width:1440px){
.texte-defile .swiper-slide{
font-size:4rem;
}
}
@media screen and (min-width:1920px){
.texte-defile .swiper-slide{
font-size:6rem;
}
.texte-defile .swiper-slide::after{
width:25px; height:25px;
} 
}