.accordion {
    border: unset;
}
.accordion .card {
    border-left: unset;
    border-right: unset;
    border-top: unset;
    border-bottom: 0.5px solid #999999 !important;

}
.accordion .card-header {
    border: unset;
    background: unset;
    cursor: pointer;
}
/* .accordion .card-body  {

} */
.sujetFaqHomepage {
    cursor: pointer;
}

.accordion .card-header[aria-expanded="true"] h2::before,
.accordion .card-header[aria-expanded="true"] h4::before{
    content:"<" !important;
    float: right;
    color: #dd0031;
    font-weight: 900;
    font-size: 20px;
}

.accordion .card-header[aria-expanded="false"] h2::before,
.accordion .card-header[aria-expanded="false"] h4::before{
    content:">" !important;
    transform: rotate(90deg);
    float: right;
    font-weight: 900;
    font-size: 20px;
    color: #dd0031;
}
.accordion .card-header[aria-expanded="false"] h2,
.accordion .card-header[aria-expanded="false"] h4{
    color: #333E47;
}
.accordion .card-header[aria-expanded="true"] h2,
.sujetFaqHomepage.active h3,
.accordion .card-header[aria-expanded="true"] h4{
    color: #dd0031;
}
.nav-faq li {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.nav-faq .button{
    width: 100%;
    display: block;
}
.accordion h4 {
    font-size: 18px;
}