@charset "UTF-8";

.ftc-financing {
    padding: 50px var(--global-block-padding);
}
.ftc-financing__title {
    text-align: left;
    margin: 0px auto 35px;
    font-size: 32px;
    line-height: 32px;
    color:var(--pmn--pink);
}
.ftc-financing__card-container {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: stretch;
    gap: 20px;
}
.ftc-financing__card {
    width: 100%;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.ftc-financing__card__title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}
.ftc-financing[style="background-color: var(--pmn--pink);"] .ftc-financing__card__title {
    color:black;
}

.ftc-financing__card__title img {
    vertical-align: bottom;
}

.ftc-financing__card__text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 40px;
}

.ftc-financing[style="background-color: var(--pmn--pink);"] .ftc-financing__card__text {
    color:black;
}

@media screen and (max-width: 768px) {
 
    .ftc-financing__card {
        border-radius: 20px;
    }
    
}
@media screen and (min-width: 768px) {
   .ftc-financing__title {
        text-align: center;
        font-size: 48px;
        line-height: 52px;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .ftc-financing__card__title {
        font-size: 24px;
        line-height: 28px;
    }
    .ftc-financing__card__text {
        font-size: 18px;
        line-height: 28px;
    }
    .ftc-financing__card-container {
        max-width: 1100px;
        margin: 0px auto;
        flex-flow: row wrap;
    }
    .ftc-financing__card {
        width: calc((100% / 2) - 20px);
        border-radius: 30px;
    }
}
@media screen and (min-width: 991px) {
     .ftc-financing__card {
        width: calc((100% / 3) - 20px);
    }
    .ftc-financing__card-container.low-length .ftc-financing__card {
        width: calc((100% / 2) - 20px);
        max-width: 375px;
    }
}

/* === INTERLIGNE ENTRE TITRES === */

@media screen and (max-width: 767px) {
    .ftc-financing h2 {
        line-height:1.3 ;
    }
}
@media screen and (min-width: 768px) {
    .ftc-financing h2 {
        line-height:1.25 ;
    }
}