.acf-wrapper-pourquoi {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    .pourquoi-element {
        width: calc(50% - 5px);
        border-radius: 8px;
        border: 1px solid #BBFEF1;
        padding: 18px;
        display: flex;
        align-items: center;
        gap: 20px;
    }
}

@media  screen and (max-width: 900px){
    .acf-wrapper-pourquoi {
        .pourquoi-element {
            width: 100%;
        }
    }
}

.acf-wrapper-resultats {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    .resultat-element {
        width: calc(50% - 5px);
        border-radius: 8px;
        border: 1px solid #BBFEF1;
        padding: 18px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 20px;
        font-weight: bold;
    }
}

@media  screen and (max-width: 900px){
    .acf-wrapper-resultats {
        .resultat-element {
            width: 100%;
        }
    }
}


.slider-solution-partenaires{
    .swiper-wrapper{
        align-items: center;
        .swiper-slide{
            max-width: 190px;
            max-height: 130px;
            img{
                max-height: 130px;
                width: 100%;
                object-fit: contain;
            }
        }
    }
}


/*all solutions : filtres*/
.solutions-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.solutions-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.solutions-filter {
    display: inline-flex;
    align-items: center;
    padding: 5px 15px;
    border: 1px solid #BBFEF1;
    border-radius: 50px;
    color: #BBFEF1;
    background: transparent;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.solutions-filter:hover {
    background: rgba(52, 180, 163, .2);
    color: #BBFEF1;
}

.solutions-filter.is-active {
    background: #BBFEF1;
    border-color: #BBFEF1;
    color: #04221D;
}

.solutions-filter.is-active::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") no-repeat center / contain;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") no-repeat center / contain;
}

.no-solutions {
    color: #BBFEF1;
    font-style: italic;
}

.solution-card-wrapper.is-loading {
    opacity: .5;
    pointer-events: none;
    transition: opacity .2s ease;
}

/*all soltutions*/
.solution-card-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    .solution-card{
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #BBFEF1;
        width: calc(25% - 15px);
        display: flex;
        flex-direction: column;
        gap: 10px;
        img{
            margin: 0 auto;
        }
        .solution-card-content {
            display: flex;
            flex-direction: column;
            gap: 40px;
            color: #BBFEF1;
        }
        p.solution-card-btn{
            padding: .1em 0.8em !important;

        }
    }

    .solution-card:hover{
        p.solution-card-btn{
            padding-right: 2.5em !important;
            padding-left: 1.5em !important;
        }
        p.solution-card-btn:after{
            opacity: 1;
            margin-left: .3em;
        }
    }

}

@media screen and (max-width:960px){
    .solution-card-wrapper {
        .solution-card {
            width: calc(50% - 10px);
        }
    }
}

@media screen and (max-width:700px){
    .solution-card-wrapper {
        .solution-card {
            width: 100%;
        }
    }
}