/* Composant Card
============================================================ */

.cards {
    width: 1330px;
    max-width: 100%;
    margin: 120px auto 120px auto;
    padding: 0 15px;
}

.cards .title {
    width: 800px;
    max-width: 100%;
    font-size: 3.25rem;
    font-weight: 400;
    margin: 0 auto 50px auto;
    text-align: center;
}

.cards .wrapper {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, 300px);
    gap: 30px;
}

.cards .card {
    padding: 30px 40px;
    border-radius: 50px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.cards .card .image {
    margin-bottom: 15px;
}

.cards .card .title {
    font-family: "Roboto", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
}

.cards .card .text {
    margin-top: 15px;
}

.cards .cards-cta {
    background-color: #fff;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="514.789" height="478.841" viewBox="0 0 514.789 478.841"><g id="Groupe_51" data-name="Groupe 51" opacity="0.265"><path id="Tracé_7" data-name="Tracé 7" d="M388.218,43.741c-7.579,15.306-83.257,166.567-205.149,164.643-53.351-.843-84.338-28.381-84.338-68.279,0-36.293,21.928-65.217,64.8-67.206,42.9-1.985,83.355,19.359,113.171,49.582A241.662,241.662,0,0,0,322.964,65.6C285.364,29.676,246.7,0,166.209,0s-140.1,62.853-140.1,140.105A134.107,134.107,0,0,0,68,237.653c24.85,23.81,58.48,38.866,94.72,42.376,6.741.649,13.58.982,20.325.982,51.933,0,106.894-14.632,150.064-53.133C396.661,171.2,433.575,97.449,433.575,97.449s-31.751-43.836-45.356-53.708" transform="translate(81.214)" fill="%23b5ddd5"/><path id="Tracé_8" data-name="Tracé 8" d="M61.189,107.385A162.952,162.952,0,0,1,91.658,12.509C35.956,56.386,0,124.262,0,200.51,0,332.522,107.4,439.935,239.416,439.935S478.832,332.522,478.832,200.51c0-4.5-.255-9.014-.506-13.523-20.037,26.947-69.253,54.95-78.912,60.285-20.284,69.261-84.276,120.035-160,120.035-91.966,0-166.793-74.827-166.793-166.8a166.581,166.581,0,0,1,2.6-28.352,156.4,156.4,0,0,1-14.032-64.773" transform="translate(0 38.906)" fill="%23b5ddd5"/></g></svg>');
    background-position: 60px center;
    background-repeat: no-repeat;
    border-radius: 50px;
    padding: 30px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.cards .cards-cta .title {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.cards .cards-cta .text {
    margin-top: 15px;
    max-width: 650px;
}

.cards .cards-cta .btn-secondary {
    margin-top: 25px;
}

@media (max-width: 992px) {
    .cards {
        margin-top: 90px;
    }

    .cards .title {
        font-size: 2rem;
    }

    .cards .wrapper {
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 15px;
        overflow-x: auto;
    }

    .cards .card {
        width: calc(100% - 30px);
        border-radius: 25px;
    }

    .cards .cards-cta {
        border-radius: 25px;
        padding: 50px 30px;
    }
}