.ftp-button-white {
    display: flex;
    height: 51px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    background: transparent !important;
    border-radius: 8px;
    border: 1px solid var(--primary-blue, #004987) !important;
    color: var(--primary-blue, #004987) !important;
    text-align: center;
    font-family: var(--font-asap);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

    .ftp-button-white:hover {
        display: inline-flex;
        height: 51px;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
        border-radius: 8px;
        border: 1px solid var(--primary-blue, #004987) !important;
        background: rgba(0, 73, 135, 0.08) !important;
        color: var(--primary-blue, #004987) !important;
        text-align: center;
        font-family: var(--font-asap);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
    }

.ftp-advantage-bloc {
    gap: 16px;
}

    .ftp-advantage-bloc h4 {
        color: var(--gray-800, #1D2939);
        /* Headline/Large */
        font-family: var(--font-asap);
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px; /* 133.333% */
    }

.ftp-advantage-boxes {
    gap: 16px;
}

.ftp-advantage-box {
    padding: 24px;
    gap: 8px;
    flex: 1 0 0;
    border: 1px solid var(--gray-300, #D0D5DD);
    background: #FFF;
}

    .ftp-advantage-box i {
        color: var(--secondary-blue, #0071D1);
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .ftp-advantage-box h3 {
        flex: 1 0 0;
        color: var(--primary-blue, #004987);
    }

    .ftp-advantage-box .title {
        gap: 8px;
    }

.session-div {
    width: auto;
    height: auto;
    padding: 8px;
    align-items: center;
    flex-shrink: 0;
    background: var(--orange-dark-50, #FFF4ED);
}

    .session-div span {
        color: var(--secondary-orange, #F38A3B);
        font-family: var(--font-header);
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.session-box {
    border: 1px solid var(--gray-300, #D0D5DD);
    background: #FFF;
    padding: 24px;
}

.ftp-participant-div {
    gap: 11px;
}

    .ftp-participant-div b {
        color: var(--secondary-orange, #F38A3B) !important;
        font-family: var(--font-asap);
        font-size: 24px;
        font-style: italic;
        font-weight: 600;
        line-height: 32px;
    }

.ftp-participant-review-box {
    padding: 24px 24px 16px 24px;
    flex-shrink: 0;
    border: 1px solid #E7EAEC;
    background: #FFF;
}

    .ftp-participant-review-box .content {
        gap: 16px;
        height: 90px;
    }

        .ftp-participant-review-box .content img {
            margin: 0 !important;
        }

.ftp-evaluation-box {
    gap: 16px;
}

.ftp-evaluation-purcentage {
    gap: 50px;
    flex: 1 0 0;
}

.ftp-evaluation-purcentage-boxes {
    gap: 24px;
    align-self: stretch;
}

.ftp-evaluation-purcentage-box {
    gap: 8px;
    flex: 1 0 0;
}

    .ftp-evaluation-purcentage-box .ftp-evaluation-purcentage-rounded {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: rgba(243, 138, 59, 0.10);
    }

    .ftp-evaluation-purcentage-box h4 {
        color: var(--secondary-orange, #F38A3B);
        /* Headline/Medium */
        font-family: var(--font-asap);
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 133.333% */
    }

.ftp-tarif-boxes {
    gap: 16px;
}

.ftp-tarif-box {
    padding: 24px;
    gap: 8px;
    border: 1px solid var(--gray-300, #D0D5DD);
}

    .ftp-tarif-box b {
        color: var(--primary-blue, #004987);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.ftp-subscription-boxes {
    gap: 16px;
}

.ftp-subscription-box {
    padding: 16px;
    gap: 8px;
    align-self: stretch;
    border: 1px solid var(--gray-200, #EAECF0);
    background: #FFF;
}

.ftp-subscription-date {
    gap: 16px;
}

    .ftp-subscription-date .div-date {
        gap: 4px;
    }

        .ftp-subscription-date .div-date i {
            color: var(--gray-500, #667085);
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

.ftp-subscription-session {
    padding: 8px 8px;
    background: var(--orange-dark-50, #FFF4ED);
    width: auto;
}

.image-div .field-container {
    display: flex !important;
}

.ftp-modalite-bloc {
    padding: 24px;
    gap: 8px;
    flex: 1 0 0;
    background: var(--blue-light, #E9F3FE);
}

    .ftp-modalite-bloc i {
        color: #2460A7;
        text-align: center;
        font-family: Material Icons Outlined;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .ftp-modalite-bloc a {
        color: var(--secondary-blue, #0071D1);
        /* Body/Large */
        font-family: var(--font-asap);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
        text-decoration: none;
    }

.ftp-modalite-bloc-div {
    padding: 8px 0px;
    gap: 8px;
}

.ftp-support-bloc {
    padding: 24px;
    gap: 8px;
    flex: 1 0 0;
    background: #F4CDCB;
}
    .ftp-support-bloc i {
        color: #E85144;
        text-align: center;
        font-family: Material Icons Outlined;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.ftp-question-bloc {
    padding: 24px;
    gap: 8px;
    flex: 1 0 0;
    background: #F4D3A2;
}

    .ftp-question-bloc i {
        color: #DB8B0A;
        text-align: center;
        font-family: Material Icons Outlined;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .ftp-question-bloc a {
        color: var(--secondary-blue, #0071D1);
        /* Body/Large */
        font-family: var(--font-asap);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
        text-decoration: none;
    }

.ftp-link {
    color: var(--secondary-blue, #0071D1);
    /* Body/Large */
    font-family: var(--font-asap);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    text-decoration: none;
}