.texte ul li {
    color: var(--main-color);
    font-weight: 700;
}

.text-white .BFW-cmsV02.spec_colorText .titre h2,
.text-white .BFW-cmsV02.spec_colorText .titre h1,
.text-white .BFW-cmsV02.spec_colorText .titre h3 {
    color: var(--main-color) !important;
}

.text-white .BFW-cmsV02.spec_colorText .titre h1::after,
.text-white .BFW-cmsV02.spec_colorText .titre h2::after,
.text-white .BFW-cmsV02.spec_colorText .titre h3::after,
.text-white .BFW-cmsV02.spec_colorText .titre h4::after,
.text-white .BFW-cmsV02.spec_colorText .titre h5::after,
.text-white .BFW-cmsV02.spec_colorText .titre h6::after {
    background: var(--main-color) !important;
}

.spec_colorText img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
}

.spec_colorText .titre {
    text-align: center;
    color: var(--main-color);
}

.spec_colorText .texte ul li {
    font-weight: 700;
    color: var(--main-color);
}

.spec_colorText b, .spec_colorText a, .spec_colorText strong {
    color: var(--main-color);
}

.bloc_silver_accordion .accordion-button,
#bloc-formulairev02-contact input,
#bloc-formulairev02-contact textarea,
.bloc-metier .img-metier-container {
    border-radius: 5px !important;
}

.main-slider-2-title.font-dancing-script {
    font-family: 'Lato';
}

.fixed-header .logo-container-main img {
    max-width: 85px !important;
}

#header-boutique>div.header-main.transparent-header>div.container.header-middle>div>div.row.align-items-center.col-4.col-lg-12.justify-content-between>div.d-none.d-lg-block>div {
    flex-wrap: nowrap;
}

.contact.d-flex.px-0.justify-content-end.align-items-center {
    width: auto;
    align-items: center;
}

.main-slider-2-text, .main-slider-2-cta {
    margin-top: 40px;
}

.main-slider-2-text {
    font-size: 36px;
}


.main-slider-2-text, .third-text {
    color: #222222;
}

.main-slider-2-title.font-dancing-script,
span.slider-text {
    color: var(--main-color) !important;
}

.main-slider-2-content.translate.animate {
    text-align: left;
    margin-left: 100px;
}

.btn-ghost-light,
.btn-ghost-light:hover {
    color: #222222;
}

.btn-ghost-light.btn-pointer::after {
    background-color: #222222;
    border-radius: 15px;
}

.third-text {
    margin: auto;
}

.main-slider-2-item img {
    z-index: 0;
}

#header-boutique .logo-container-main img {
    max-width: 115px;
}

/* MAIN */
/* =========================================================
   C3F - ENGAGEMENT
   RESET LOCAL
========================================================= */

#c3f-engagement-ref,
#c3f-engagement-ref *,
#c3f-engagement-ref *::before,
#c3f-engagement-ref *::after {
    box-sizing: border-box;
}


/* =========================================================
   FONT AWESOME 6
========================================================= */

#c3f-engagement-ref .fa-classic,
#c3f-engagement-ref .fa-regular,
#c3f-engagement-ref .fa-solid,
#c3f-engagement-ref .far,
#c3f-engagement-ref .fas {
    font-family: "Font Awesome 6 Free" !important;
}

#c3f-engagement-ref .fa-solid,
#c3f-engagement-ref .fas {
    font-weight: 900 !important;
}

.main-slider-2-content .gauche {
    max-width: 65% !important;
}

/* Main slider texts - responsive */
@media (max-width: 991px) {
    .main-slider-2-content.translate.animate {
        margin-left: 40px;
    }

    .main-slider-2-content .gauche {
        max-width: 85% !important;
    }

    .main-slider-2-title.font-dancing-script {
        font-size: 44px;
        line-height: 1.15;
        margin-top: 60px;
    }

    #c3f-engagement-ref-label {
        margin-top: 60px;
    }

    .main-slider-2-text {
        font-size: 28px;
        line-height: 1.3;
        margin-top: 25px;
    }

    .main-slider-2-cta {
        margin-top: 25px;
    }
}

@media (max-width: 560px) {
    .main-slider-2-content .gauche {
        max-width: 100% !important;
    }

    .main-slider-2-title.font-dancing-script {
        font-size: 30px;
        line-height: 1.2;
    }

    .main-slider-2-text {
        font-size: 20px;
        line-height: 1.35;
        margin-top: 15px;
    }

    .main-slider-2-cta {
        margin-top: 15px;
    }

    span.slider-text {
        font-size: inherit;
    }
}

/* =========================================================
   SECTION GLOBALE
========================================================= */

#c3f-engagement-ref {
    position: relative;

    width: 100%;

    padding:
        55px 25px 32px;

    background: #ffffff;

    overflow: hidden;
}


#c3f-engagement-ref-container {
    position: relative;

    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
}


/* =========================================================
   PARTIE HAUTE
========================================================= */

#c3f-engagement-ref-top {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 51%) minmax(0, 49%);

    align-items: center;

    width: 100%;

    padding-bottom: 78px;
}


/* =========================================================
   IMAGE
========================================================= */

#c3f-engagement-ref-image {
    position: relative;

    z-index: 1;

    width: 100%;
}


#c3f-engagement-ref-image img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    object-fit: contain;

    transition:
        transform 0.65s cubic-bezier(.2, .75, .2, 1),
        filter 0.65s ease;
}


#c3f-engagement-ref-image:hover img {
    transform: scale(1.012);

    filter: saturate(1.03);
}


/* =========================================================
   CONTENU DROITE
========================================================= */

#c3f-engagement-ref-content {
    position: relative;

    z-index: 3;

    width: 100%;

    padding:
        0 20px 0 55px;
}


/* =========================================================
   SURTITRE
========================================================= */

#c3f-engagement-ref-label {
    display: flex;

    align-items: center;

    width: max-content;

    margin-bottom: 15px;

    color: var(--main-color);

    font-size: 15px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.7px;

    text-transform: uppercase;
}


#c3f-engagement-ref-label::after {
    content: "";

    display: block;

    width: 40px;
    height: 2px;

    margin-left: 16px;

    background: var(--main-color);
}


/* =========================================================
   TITRE
========================================================= */

#c3f-engagement-ref-title {
    max-width: 580px;

    margin:
        0 0 20px !important;

    padding: 0 !important;

    color: #242424 !important;

    font-size: 30px !important;

    line-height: 1.08 !important;

    font-weight: 600 !important;

    letter-spacing: -0.8px !important;

    text-align: left !important;
}


#c3f-engagement-ref-title strong {
    display: block;

    color: var(--main-color) !important;

    font-weight: 600 !important;
}


/* =========================================================
   TEXTE
========================================================= */

#c3f-engagement-ref-text {
    max-width: 570px;

    margin:
        0 0 21px !important;

    padding: 0 !important;

    color: #707070 !important;

    line-height: 1.65 !important;

    font-weight: 400 !important;

    text-align: left !important;
}


#c3f-engagement-ref-text strong {
    color: #333333 !important;

    font-weight: 600 !important;
}


/* =========================================================
   LISTE
========================================================= */

#c3f-engagement-ref-list {
    display: flex;

    flex-direction: column;

    gap: 8px;

    margin:
        0 0 21px;
}


.c3f-engagement-ref-item {
    display: flex;

    align-items: center;

    gap: 9px;

    min-height: 18px;

    color: #4d4d4d;

    font-size: 15px;

    line-height: 1.35;
}


/* =========================================================
   CHECK ROUGE
========================================================= */

.c3f-engagement-ref-check {
    flex:
        0 0 18px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-engagement-ref-check i {
    display: block !important;

    margin: 0 !important;

    color: #ffffff !important;

    font-family:
        "Font Awesome 6 Free" !important;

    font-size: 8px !important;

    line-height: 1 !important;

    font-weight: 900 !important;
}


/* =========================================================
   CTA
========================================================= */

#c3f-engagement-ref-button {
    position: relative;

    display: inline-flex;

    align-items: center;
    justify-content: space-between;

    gap: 24px;

    min-width: 190px;

    height: 41px;

    padding:
        0 15px;

    color: #fff !important;

    background: var(--main-color);

    border:
        1px solid var(--main-color);

    border-radius: 15px;

    text-decoration: none !important;

    font-size: 15px;

    line-height: 1;

    font-weight: 600;

    overflow: hidden;

    transition:
        color .3s ease,
        background .3s ease,
        border-color .3s ease,
        transform .3s ease;
}


#c3f-engagement-ref-button i {
    margin: 0 !important;

    color: #747474 !important;

    font-family:
        "Font Awesome 6 Free" !important;

    font-size: 15px !important;

    font-weight: 900 !important;

    transition:
        color .3s ease,
        transform .3s ease;
}


#c3f-engagement-ref-button:hover {
    color: #ffffff !important;

    background-color: var(--main-hover);

    border-color: var(--main-hover);

    transform: translateY(-2px);
}


#c3f-engagement-ref-button:hover i {
    color: #ffffff !important;

    transform: translateX(4px);
}


/* =========================================================
   BANDEAU C3F EN CHIFFRES
========================================================= */

#c3f-engagement-ref-stats {

    position: relative;

    z-index: 20;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    grid-template-rows:
        auto 1fr;

    align-items: stretch;

    width: calc(100% - 115px);

    min-height: 155px;

    margin:
        -100px auto 0;

    padding:
        22px 27px 27px;

    background:
        linear-gradient(115deg,
            #252c31 0%,
            #30383d 50%,
            #252c31 100%);

    border-radius: 9px;

    box-shadow:
        0 18px 35px rgba(23, 28, 31, .18);

    overflow: hidden;

    display: none !important;
}


/* =========================================================
   TRAIT ROUGE SUPÉRIEUR
========================================================= */

#c3f-engagement-ref-stats::before {
    content: "";

    position: absolute;

    top: 0;
    left: 37px;

    width: 78px;
    height: 3px;

    background: var(--main-color);
}


/* =========================================================
   TITRE C3F EN CHIFFRES
========================================================= */

#c3f-engagement-ref-stats-label {
    grid-column:
        1 / -1;

    display: block;

    width: 100%;

    margin:
        0 0 19px;

    padding:
        2px 0 0 5px;

    color: var(--main-color);

    font-size: 15px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.65px;

    text-transform: uppercase;

    text-align: left;
}


/* =========================================================
   CHAQUE CHIFFRE
========================================================= */

.c3f-engagement-ref-stat {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 17px;

    min-width: 0;

    min-height: 75px;

    padding:
        0 30px;
}


/* SÉPARATEURS ENTRE LES 4 COLONNES */

.c3f-engagement-ref-stat:not(:last-child) {
    border-right:
        1px solid rgba(255, 255, 255, .16);
}


/* =========================================================
   ICONES STATS
========================================================= */

.c3f-engagement-ref-stat-icon {
    flex:
        0 0 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 48px;
    height: 58px;
}


.c3f-engagement-ref-stat-icon i {
    display: block !important;

    width: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    color:
        rgba(255, 255, 255, .84) !important;

    font-family:
        "Font Awesome 6 Free" !important;

    font-size: 34px !important;

    line-height: 1 !important;

    font-style: normal !important;

    font-weight: 900 !important;

    text-align: center;

    transition:
        transform .3s ease,
        color .3s ease;
}


/* LÉGERS AJUSTEMENTS SELON LES PICTOS */

.c3f-engagement-ref-stat-icon .fa-calendar-days {
    font-size: 34px !important;
}


.c3f-engagement-ref-stat-icon .fa-briefcase {
    font-size: 36px !important;
}


.c3f-engagement-ref-stat-icon .fa-user-group,
.c3f-engagement-ref-stat-icon .fa-people-group {
    font-size: 35px !important;
}


.c3f-engagement-ref-stat-icon .fa-chart-line {
    font-size: 35px !important;
}


/* HOVER */

.c3f-engagement-ref-stat:hover .c3f-engagement-ref-stat-icon i {
    color: #ffffff !important;

    transform: translateY(-3px);
}


/* =========================================================
   CONTENU D'UNE STAT
========================================================= */

.c3f-engagement-ref-stat-content {
    min-width: 0;
}


/* CHIFFRE */

.c3f-engagement-ref-stat-content strong {
    display: block;

    margin:
        0 0 6px;

    padding: 0;

    color: #f02c35;

    font-size: 27px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: -.3px;

    white-space: nowrap;
}


/* COMPTEUR */

.c3f-engagement-ref-counter {
    color: inherit;

    font: inherit;
}


/* TEXTE SOUS LE CHIFFRE */

.c3f-engagement-ref-stat-content p {
    margin: 0 !important;

    padding: 0 !important;

    color:
        rgba(255, 255, 255, .84) !important;

    font-size: 15px !important;

    line-height: 1.4 !important;

    font-weight: 400 !important;

    text-align: left !important;

    white-space: nowrap;
}


/* =========================================================
   BAS : ILS NOUS FONT CONFIANCE
========================================================= */

#c3f-engagement-ref-trust {
    position: relative;

    z-index: 5;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 19px;

    margin-top: 27px;
}


#c3f-engagement-ref-trust>span {
    display: block;

    width: 95px;
    height: 1px;

    background: #d4d4d4;
}


#c3f-engagement-ref-trust strong {
    color: var(--main-color);

    font-size: 8.5px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    white-space: nowrap;
}


/* =========================================================
   ÉCRANS INTERMÉDIAIRES
========================================================= */

@media (max-width: 1200px) {

    #c3f-engagement-ref-content {
        padding-left: 35px;
    }


    #c3f-engagement-ref-title {
        font-size: 27px !important;
    }


    .c3f-engagement-ref-stat {
        gap: 15px;

        padding:
            0 18px;
    }


    .c3f-engagement-ref-stat-icon {
        flex-basis: 43px;

        width: 43px;
    }


    .c3f-engagement-ref-stat-icon i {
        font-size: 31px !important;
    }


    .c3f-engagement-ref-stat-content strong {
        font-size: 24px;
    }


    .c3f-engagement-ref-stat-content p {
        font-size: 15px !important;
    }

}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 900px) {

    #c3f-engagement-ref {
        padding:
            35px 20px 30px;
    }


    #c3f-engagement-ref-top {
        display: block;

        padding-bottom: 0;
    }


    #c3f-engagement-ref-image {
        width: 100%;

        max-width: 750px;

        margin:
            0 auto 40px;
    }


    #c3f-engagement-ref-content {
        width: 100%;

        padding: 0;
    }


    #c3f-engagement-ref-title {
        max-width: 620px;

        font-size: 29px !important;
    }


    #c3f-engagement-ref-text {
        max-width: 650px;
    }


    /* STATS */

    #c3f-engagement-ref-stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        width: 100%;

        margin-top: 50px;

        padding:
            22px 25px 25px;
    }


    .c3f-engagement-ref-stat {
        justify-content: flex-start;

        min-height: 100px;

        padding:
            18px 30px;

        border-right: 0 !important;

        border-top:
            1px solid rgba(255, 255, 255, .12);
    }


    .c3f-engagement-ref-stat:nth-child(even) {
        border-right:
            1px solid rgba(255, 255, 255, .12) !important;
    }


    .c3f-engagement-ref-stat-content p {
        font-size: 15px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    #c3f-engagement-ref {
        padding:
            35px 15px 25px;
    }


    #c3f-engagement-ref-image {
        margin-bottom: 30px;
    }


    #c3f-engagement-ref-title {
        font-size: 25px !important;
    }


    #c3f-engagement-ref-text {
        font-size: 15px !important;
    }


    /* STATS */

    #c3f-engagement-ref-stats {
        display: block;

        min-height: 0;

        padding:
            23px 23px 15px;

        border-radius: 8px;
    }


    #c3f-engagement-ref-stats-label {
        margin-bottom: 15px;
    }


    .c3f-engagement-ref-stat {
        justify-content: flex-start;

        min-height: 91px;

        padding:
            16px 5px;

        border-right: 0 !important;

        border-top:
            1px solid rgba(255, 255, 255, .13);
    }


    .c3f-engagement-ref-stat-icon {
        flex-basis: 55px;

        width: 55px;
    }


    .c3f-engagement-ref-stat-icon i {
        font-size: 33px !important;
    }


    .c3f-engagement-ref-stat-content strong {
        font-size: 26px;
    }


    .c3f-engagement-ref-stat-content p {
        font-size: 15px !important;

        white-space: normal;
    }


    #c3f-engagement-ref-trust>span {
        width: 30px;
    }

}

/* ESPACE CLIENT */


/* ============================================================
   RESET DU BLOC
============================================================ */

#c3f-espace-client,
#c3f-espace-client *,
#c3f-espace-client *:before,
#c3f-espace-client *:after {
    box-sizing: border-box;
}


/* ============================================================
   SECTION
============================================================ */

#c3f-espace-client {
    position: relative;
    width: 100%;
    padding: 95px 40px 115px 40px;
    background: #f6f6f4;
    overflow: hidden;
    text-align: left;
}


/* ligne architecturale */

#c3f-espace-client:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: rgba(0, 0, 0, 0.035);
}


/* cercle décoratif */

#c3f-espace-client:after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    top: -350px;
    right: -220px;
    border: 1px solid rgba(227, 6, 19, 0.08);
    border-radius: 50%;
}


#c3f-espace-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}


/* ============================================================
   HEADER
============================================================ */

#c3f-espace-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 60px;
}


#c3f-espace-heading {
    width: 65%;
    padding-right: 60px;
}


.c3f-space-label {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    color: var(--main-color);
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}


.c3f-space-label-line {
    display: block;
    width: 31px;
    height: 2px;
    margin-right: 15px;
    background: var(--main-color);
}


#c3f-espace-heading h2 {
    margin: 0 !important;
    padding: 0 !important;

    color: #242424 !important;

    font-size: 54px !important;
    line-height: 1.04 !important;
    font-weight: 400 !important;

    letter-spacing: -2px !important;

    text-align: left !important;
}


#c3f-espace-heading h2 strong {
    color: var(--main-color) !important;
    font-weight: 600 !important;
}


#c3f-espace-intro {
    width: 35%;
    max-width: 390px;
    padding-bottom: 5px;
}


.c3f-space-intro-title {
    margin-bottom: 15px;

    color: #292929;

    font-size: 15px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 1.7px;

    text-transform: uppercase;
}


#c3f-espace-intro p {
    margin: 0 !important;
    padding: 0 !important;

    color: #777777 !important;

    font-size: 15px !important;
    line-height: 1.8 !important;

    text-align: left !important;
}


/* ============================================================
   PANNEAU PRINCIPAL
============================================================ */

#c3f-espace-panel {
    position: relative;

    display: flex;

    width: 100%;
    height: 520px;

    background: #ffffff;

    border: 1px solid #e8e8e8;

    box-shadow:
        0 35px 80px rgba(20, 20, 20, 0.08),
        0 3px 8px rgba(20, 20, 20, 0.025);

    overflow: hidden;
}


/* ============================================================
   PARTIE ROUGE
============================================================ */

#c3f-espace-identity {
    position: relative;

    flex: 0 0 31%;

    width: 31%;
    height: 520px;

    padding: 50px;

    background: #ed0713;

    overflow: hidden;
}


.c3f-space-brand {
    position: relative;

    z-index: 5;

    color: #ffffff;

    font-size: 15px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 2.5px;
}


/* ============================================================
   PETITS CARRÉS
============================================================ */

.c3f-space-squares {
    position: absolute;

    z-index: 4;

    top: 105px;
    left: 50px;

    width: 56px;
    height: 56px;
}


.c3f-space-squares span {
    position: absolute;

    display: block;

    width: 24px;
    height: 24px;

    background: rgba(255, 255, 255, 0.22);
}


.c3f-space-squares span:nth-child(1) {
    top: 0;
    left: 0;
}


.c3f-space-squares span:nth-child(2) {
    top: 0;
    left: 31px;
}


.c3f-space-squares span:nth-child(3) {
    top: 31px;
    left: 0;
}


/* ============================================================
   GRAND C
============================================================ */

.c3f-space-big-c {
    position: absolute;

    z-index: 2;

    width: 430px;
    height: 430px;

    top: 35px;
    right: -215px;

    border: 54px solid rgba(255, 255, 255, 0.20);

    border-radius: 50%;

    transition:
        right 0.8s ease,
        transform 0.8s ease;
}


/* ouverture du C */

.c3f-space-big-c:after {
    content: "";

    position: absolute;

    width: 165px;
    height: 150px;

    top: 85px;
    right: -90px;

    background: #ed0713;
}


/* légère animation du C */

#c3f-espace-panel:hover .c3f-space-big-c {
    right: -200px;

    transform: rotate(-5deg);
}


/* ============================================================
   CLIENT
============================================================ */

.c3f-space-client-title {
    position: absolute;
    font-weight: 900;
    z-index: 5;
    color: #fff;
    left: 50px;
    bottom: 50px;
}


.c3f-space-client-title span {
    display: block;

    margin-bottom: 8px;

    color: rgba(255, 255, 255, 0.8);

    font-size: 15px;
    line-height: 1;

    letter-spacing: 1px;

    text-transform: uppercase;
}


.c3f-space-client-title strong {
    display: block;

    color: #ffffff;

    font-size: 35px;
    line-height: 1;

    font-weight: 500;

    letter-spacing: 4px;
}


/* ============================================================
   ZONE SERVICES
============================================================ */

#c3f-espace-services {
    flex: 1;

    width: 69%;
    height: 520px;

    background: #ffffff;
}


/* ============================================================
   SERVICE
============================================================ */

.c3f-space-service {
    position: relative;

    display: flex;

    align-items: center;

    width: 100%;
    height: 260px;

    padding: 35px 50px;

    background: #ffffff;

    overflow: hidden;

    border-bottom: 1px solid #e7e7e7;
}


#c3f-silae {
    border-bottom: 0;
}


/* ============================================================
   LIEN ABSOLU
   C'EST LUI QUI REND TOUT LE BLOC CLIQUABLE
============================================================ */

.c3f-space-service-link {
    position: absolute !important;

    z-index: 20 !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    text-decoration: none !important;

    cursor: pointer !important;
}


/* ============================================================
   FOND HOVER
============================================================ */

.c3f-space-service:before {
    content: "";

    position: absolute;

    z-index: 1;

    top: 0;
    bottom: 0;

    left: -100%;

    width: 100%;

    background: #252728;

    transition: left 0.48s ease;
}


.c3f-space-service:hover:before {
    left: 0;
}


/* BARRE ROUGE */

.c3f-space-service:after {
    content: "";

    position: absolute;

    z-index: 5;

    left: 0;
    top: 50%;

    width: 5px;
    height: 0;

    background: var(--main-color);

    transform: translateY(-50%);

    transition: height 0.35s ease;
}


.c3f-space-service:hover:after {
    height: 100%;
}


/* ============================================================
   NUMÉRO
============================================================ */

.c3f-space-service-number {
    position: relative;

    z-index: 5;

    flex: 0 0 90px;

    width: 90px;

    align-self: flex-start;

    padding-top: 5px;

    color: #b5b5b5;

    font-size: 15px;
    line-height: 1;
    font-weight: 600;

    letter-spacing: 1px;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/* ============================================================
   TEXTE
============================================================ */

.c3f-space-service-text {
    position: relative;

    z-index: 5;

    flex: 1;

    padding-right: 60px;

    text-align: left;

    transition: transform 0.4s ease;
}


.c3f-space-service-type {
    margin-bottom: 9px;

    color: #898989;

    font-size: 15px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 1.3px;

    text-transform: uppercase;

    transition: color 0.35s ease;
}


.c3f-space-service-text h3 {
    margin: 0 0 15px !important;
    padding: 0 !important;

    color: #222222 !important;

    font-size: 33px !important;
    line-height: 1.1 !important;

    font-weight: 500 !important;

    letter-spacing: -0.8px !important;

    text-align: left !important;

    transition: color 0.35s ease;
}


.c3f-space-service-text p {
    max-width: 520px;

    margin: 0 !important;
    padding: 0 !important;

    color: #777777 !important;

    font-size: 15px !important;
    line-height: 1.7 !important;

    text-align: left !important;

    transition: color 0.35s ease;
}


/* ============================================================
   CTA
============================================================ */

.c3f-space-service-cta {
    position: relative;

    z-index: 5;

    display: flex;

    align-items: center;

    flex: 0 0 140px;

    justify-content: flex-end;
}


.c3f-space-service-cta-text {
    margin-right: 15px;

    color: #333333;

    font-size: 15px;
    line-height: 1;
    font-weight: 700;

    transition: color 0.35s ease;
}


.c3f-space-service-cta-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    color: #252525;

    background: #ffffff;

    border: 1px solid #d7d7d7;

    border-radius: 50%;

    font-size: 18px;
    line-height: 1;

    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.4s ease;
}


/* ============================================================
   HOVER
============================================================ */

.c3f-space-service:hover .c3f-space-service-number {
    color: rgba(255, 255, 255, 0.35);

    transform: translateX(15px);
}


.c3f-space-service:hover .c3f-space-service-text {
    transform: translateX(15px);
}


.c3f-space-service:hover .c3f-space-service-type {
    color: #ff4d56;
}


.c3f-space-service:hover .c3f-space-service-text h3 {
    color: #ffffff !important;
}


.c3f-space-service:hover .c3f-space-service-text p {
    color: rgba(255, 255, 255, 0.65) !important;
}


.c3f-space-service:hover .c3f-space-service-cta-text {
    color: #ffffff;
}


.c3f-space-service:hover .c3f-space-service-cta-icon {
    color: #ffffff;

    background: var(--main-color);

    border-color: var(--main-color);

    transform:
        translateX(8px) rotate(45deg);
}


/* ============================================================
   DESKTOP LARGE
============================================================ */

@media (min-width: 1500px) {

    #c3f-espace-container {
        max-width: 1480px;
    }

    #c3f-espace-panel {
        height: 540px;
    }

    #c3f-espace-identity {
        height: 540px;
    }

    #c3f-espace-services {
        height: 540px;
    }

    .c3f-space-service {
        height: 270px;

        padding-left: 60px;
        padding-right: 60px;
    }

}


/* ============================================================
   LAPTOP
============================================================ */

@media (max-width: 1150px) {

    #c3f-espace-client {
        padding: 80px 28px 90px 28px;
    }

    #c3f-espace-heading h2 {
        font-size: 44px !important;
    }

    #c3f-espace-panel {
        height: 480px;
    }

    #c3f-espace-identity {
        flex-basis: 35%;

        width: 35%;
        height: 480px;

        padding: 38px;
    }

    #c3f-espace-services {
        width: 65%;
        height: 480px;
    }

    .c3f-space-service {
        height: 240px;

        padding: 35px;
    }

    .c3f-space-service-number {
        flex-basis: 55px;

        width: 55px;
    }

    .c3f-space-service-text {
        padding-right: 30px;
    }

    .c3f-space-service-cta {
        flex-basis: 55px;
    }

    .c3f-space-service-cta-text {
        display: none;
    }

    .c3f-space-client-title {
        left: 38px;
        bottom: 38px;
    }

}


/* ============================================================
   TABLETTE
============================================================ */

@media (max-width: 900px) {

    #c3f-espace-client {
        padding: 70px 22px 80px;
    }

    #c3f-espace-header {
        display: block;
    }

    #c3f-espace-heading {
        width: 100%;
        padding-right: 0;
    }

    #c3f-espace-intro {
        width: 100%;
        max-width: 600px;

        margin-top: 28px;
    }

    #c3f-espace-panel {
        display: block;

        height: auto;
    }

    #c3f-espace-identity {
        width: 100%;
        height: 260px;

        padding: 35px;
    }

    #c3f-espace-services {
        width: 100%;
        height: auto;
    }

    .c3f-space-service {
        height: 220px;
    }

    .c3f-space-client-title {
        left: 35px;
        bottom: 35px;
    }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 600px) {

    #c3f-espace-client {
        padding: 55px 15px 65px;
    }

    #c3f-espace-heading h2 {
        font-size: 34px !important;
        line-height: 1.08 !important;
    }

    #c3f-espace-heading h2 br {
        display: none;
    }

    #c3f-espace-identity {
        height: 220px;

        padding: 28px;
    }

    .c3f-space-brand {
        font-size: 15px;
    }

    .c3f-space-squares {
        top: 75px;
        left: 28px;
    }

    .c3f-space-client-title {
        left: 28px;
        bottom: 28px;
    }

    .c3f-space-client-title strong {
        font-size: 37px;
    }

    .c3f-space-service {
        height: 205px;

        padding: 28px 22px;
    }

    .c3f-space-service-number {
        display: none;
    }

    .c3f-space-service-text {
        padding-right: 15px;
    }

    .c3f-space-service-text h3 {
        font-size: 27px !important;
    }

    .c3f-space-service-text p {
        font-size: 15px !important;
    }

    .c3f-space-service-cta {
        flex-basis: 35px;
    }

    .c3f-space-service-cta-icon {
        width: 35px;
        height: 35px;
    }

}

.illustration-bg {
    min-height: 350px !important;
    min-width: 330px;
}

.pub-item .filter {
    background: linear-gradient(208deg, rgba(255, 255, 255, 0.1) 20%, #fff 75%);
}

#c3f-clients-2026,
#c3f-clients-2026 *,
#c3f-clients-2026 *::before,
#c3f-clients-2026 *::after {
    box-sizing: border-box;
}


/* =========================================================
   SECTION
========================================================= */

#c3f-clients-2026 {
    position: relative;
    width: 100%;
    padding: 80px 30px 90px;

    background:
        linear-gradient(180deg,
            #ffffff 0%,
            #fafafa 55%,
            #f7f7f6 100%);

    overflow: hidden;
}


/* CERCLE DÉCORATIF */

#c3f-clients-2026::before {
    content: "";

    position: absolute;

    top: -260px;
    right: -215px;

    width: 520px;
    height: 520px;

    border: 68px solid rgba(227, 6, 19, 0.035);

    border-radius: 50%;

    pointer-events: none;
}


/* POINTS DÉCORATIFS */

#c3f-clients-2026::after {
    content: "";

    position: absolute;

    left: 4%;
    bottom: 35px;

    width: 82px;
    height: 62px;

    opacity: 0.20;

    background-image:
        radial-gradient(#999999 1.5px,
            transparent 1.5px);

    background-size: 15px 15px;

    pointer-events: none;
}


/* =========================================================
   CONTAINER
========================================================= */

#c3f-clients-2026-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1320px;

    margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

#c3f-clients-2026-header {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr) minmax(300px, 0.75fr);

    align-items: end;

    gap: 75px;

    margin-bottom: 48px;
}


/* =========================================================
   LABEL
========================================================= */

#c3f-clients-2026-label {
    display: flex;

    align-items: center;

    width: max-content;

    margin-bottom: 17px;

    color: var(--main-color);

    font-size: 15px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}


#c3f-clients-2026-label::after {
    content: "";

    display: block;

    width: 42px;
    height: 2px;

    margin-left: 16px;

    background: var(--main-color);
}


/* =========================================================
   TITRE
========================================================= */

#c3f-clients-2026-title {
    max-width: 740px;

    margin: 0 !important;
    padding: 0 !important;

    color: #252525 !important;

    font-size: 41px !important;
    line-height: 1.08 !important;

    font-weight: 600 !important;

    letter-spacing: -1.2px !important;

    text-align: left !important;
}


#c3f-clients-2026-title strong {
    display: block;

    color: var(--main-color) !important;

    font-weight: 600 !important;
}


/* =========================================================
   INTRO
========================================================= */

#c3f-clients-2026-header-right {
    padding:
        3px 0 3px 30px;

    border-left: 1px solid #dedede;
}


#c3f-clients-2026-header-right p {
    max-width: 400px;

    margin: 0 !important;
    padding: 0 !important;

    color: #727272 !important;

    font-size: 15px !important;
    line-height: 1.75 !important;

    text-align: left !important;
}


/* =========================================================
   GRILLE DES CARTES
   12 COLONNES :
   Ligne 1 = 4 x 3 colonnes
   Ligne 2 = 3 x 4 colonnes
========================================================= */

#c3f-clients-2026-grid {
    display: grid;

    grid-template-columns:
        repeat(12, minmax(0, 1fr));

    gap: 15px;
}


/* PREMIÈRE LIGNE */

.c3f-clients-2026-card {
    grid-column: span 4;
}


/* =========================================================
   CARTE / LIEN
========================================================= */

.c3f-clients-2026-card {
    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;
    min-height: 255px;

    padding:
        23px 24px 21px;

    color: inherit !important;

    background: rgba(255, 255, 255, 0.94);

    border: 1px solid #e3e3e3;

    border-radius: 5px;

    text-decoration: none !important;

    overflow: hidden;

    transition:
        transform 0.35s cubic-bezier(.2, .75, .2, 1),
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        background 0.35s ease;
}


/* BARRE ROUGE HAUTE */

.c3f-clients-2026-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: var(--main-color);

    transition:
        width 0.4s cubic-bezier(.2, .75, .2, 1);
}


/* HALO ROUGE */

.c3f-clients-2026-card::after {
    content: "";

    position: absolute;

    right: -35px;
    bottom: -60px;

    width: 155px;
    height: 155px;

    background:
        radial-gradient(circle,
            rgba(227, 6, 19, 0.065) 0%,
            rgba(227, 6, 19, 0) 70%);

    border-radius: 50%;

    pointer-events: none;

    transition:
        transform 0.4s ease;
}


/* =========================================================
   HAUT CARTE
========================================================= */

.c3f-clients-2026-card-top {
    position: relative;
    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 30px;
}


/* NUMÉRO */

.c3f-clients-2026-number {
    color: #aaaaaa;

    font-size: 15px;
    line-height: 1;

    font-weight: 600;

    letter-spacing: 1px;
}


/* =========================================================
   ICONE
========================================================= */

.c3f-clients-2026-icon {
    flex:
        0 0 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    color: var(--main-color);

    background: #fff6f6;

    border:
        1px solid rgba(227, 6, 19, 0.13);

    border-radius: 50%;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.35s ease;
}


/*
 * IMPORTANT :
 * on utilise directement la police
 * Font Awesome 6 Free.
 */

.c3f-clients-2026-fa {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-family: "Font Awesome 6 Free" !important;

    font-size: 18px !important;
    line-height: 1 !important;

    font-style: normal !important;
    font-weight: 900 !important;

    text-align: center;
}


/* =========================================================
   CONTENU
========================================================= */

.c3f-clients-2026-card-content {
    position: relative;
    z-index: 2;

    flex: 1;
}


.c3f-clients-2026-card h3 {
    margin:
        0 0 15px !important;

    padding: 0 !important;

    color: #292929 !important;

    font-size: 17px !important;
    line-height: 1.25 !important;

    font-weight: 600 !important;

    letter-spacing: -0.2px !important;

    text-align: left !important;

    transition:
        color 0.3s ease;
}


.c3f-clients-2026-card p {
    max-width: 270px;

    margin: 0 !important;
    padding: 0 !important;

    color: #777777 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    text-align: left !important;
}


/* =========================================================
   EN SAVOIR PLUS / FLÈCHE
========================================================= */

.c3f-clients-2026-card-bottom {
    position: relative;
    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-top: 20px;
}


/* PETITE MENTION */

.c3f-clients-2026-more {
    color: #9a9a9a;

    font-size: 9px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;

    opacity: 0;

    transform: translateX(-5px);

    transition:
        color .3s ease,
        opacity .3s ease,
        transform .3s ease;
}


/* FLÈCHE */

.c3f-clients-2026-arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    color: #999999;

    border: 1px solid #dedede;

    border-radius: 50%;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}


.c3f-clients-2026-arrow .c3f-clients-2026-fa {
    font-size: 15px !important;
}


/* =========================================================
   HOVER
========================================================= */

.c3f-clients-2026-card:hover {
    z-index: 5;

    color: inherit !important;

    background: #ffffff;

    border-color:
        rgba(227, 6, 19, 0.25);

    box-shadow:
        0 20px 50px rgba(31, 36, 40, 0.10);

    text-decoration: none !important;

    transform:
        translateY(-6px);
}


.c3f-clients-2026-card:hover::before {
    width: 100%;
}


.c3f-clients-2026-card:hover::after {
    transform:
        scale(1.35);
}


.c3f-clients-2026-card:hover .c3f-clients-2026-icon {
    color: #ffffff;

    background: var(--main-color);

    border-color: var(--main-color);

    transform:
        rotate(-4deg) scale(1.05);
}


.c3f-clients-2026-card:hover h3 {
    color: var(--main-color) !important;
}


.c3f-clients-2026-card:hover .c3f-clients-2026-arrow {
    color: #ffffff;

    background: var(--main-color);

    border-color: var(--main-color);

    transform:
        translateX(3px);
}


.c3f-clients-2026-card:hover .c3f-clients-2026-more {
    color: var(--main-color);

    opacity: 1;

    transform:
        translateX(0);
}


/* =========================================================
   ACCESSIBILITÉ CLAVIER
========================================================= */

.c3f-clients-2026-card:focus-visible {
    outline:
        2px solid var(--main-color);

    outline-offset: 3px;
}


/* =========================================================
   RESPONSIVE < 1150
   3 COLONNES
========================================================= */

@media (max-width: 1150px) {

    #c3f-clients-2026-title {
        font-size: 36px !important;
    }


    #c3f-clients-2026-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }


    .c3f-clients-2026-card:nth-child(n) {
        grid-column: auto;
    }

}


/* =========================================================
   TABLETTE < 850
   2 COLONNES
========================================================= */

@media (max-width: 850px) {

    #c3f-clients-2026 {
        padding:
            65px 22px 70px;
    }


    #c3f-clients-2026-header {
        display: block;

        margin-bottom: 38px;
    }


    #c3f-clients-2026-header-right {
        max-width: 650px;

        margin-top: 25px;

        padding:
            0 0 0 20px;

        border-left:
            2px solid var(--main-color);
    }


    #c3f-clients-2026-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .c3f-clients-2026-card {
        min-height: 235px;
    }


    /* Toujours visible sur tablette */

    .c3f-clients-2026-more {
        opacity: 1;

        transform: none;
    }

}


/* =========================================================
   MOBILE < 560
   1 COLONNE
========================================================= */

@media (max-width: 560px) {

    #c3f-clients-2026 {
        padding:
            50px 15px 55px;
    }


    #c3f-clients-2026-title {
        font-size: 29px !important;

        line-height: 1.12 !important;
    }


    #c3f-clients-2026-header-right p {
        font-size: 15px !important;
    }


    #c3f-clients-2026-grid {
        grid-template-columns:
            1fr;
    }


    .c3f-clients-2026-card {
        min-height: 215px;

        padding:
            21px 21px 19px;
    }


    .c3f-clients-2026-card-top {
        margin-bottom: 22px;
    }


    .c3f-clients-2026-icon {
        width: 43px;
        height: 43px;

        flex-basis: 43px;
    }


    .c3f-clients-2026-card h3 {
        font-size: 16px !important;
    }


    .c3f-clients-2026-card p {
        max-width: none;

        font-size: 15px !important;
    }


    .c3f-clients-2026-more {
        font-size: 8px;
    }

}

/* =========================================================
   C3F - FAQ MODERNE
   BLOC : silver-accordionV02-215
========================================================= */


/* =========================================================
   RESET LOCAL
========================================================= */

#BFW-silver-accordionV02-215,
#BFW-silver-accordionV02-215 *,
#BFW-silver-accordionV02-215 *::before,
#BFW-silver-accordionV02-215 *::after {
    box-sizing: border-box;
}


/* =========================================================
   SECTION + FOND
========================================================= */

#BFW-silver-accordionV02-215 {
    position: relative;

    width: 100%;

    padding: 85px 25px 95px !important;

    background-image:
        url("https://www.c3f-conseils.fr/photo/img/accordeon-expert-comptable.webp?time=1787060257473") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden;
}


/* désactive l'éventuel assombrissement du framework */

#BFW-silver-accordionV02-215::before {
    background: transparent !important;
}


/* =========================================================
   CONTAINER
========================================================= */

#BFW-silver-accordionV02-215 .bloc_silver_accordion {
    position: relative;

    z-index: 2;

    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* neutralise les marges bootstrap du bloc */

#BFW-silver-accordionV02-215 .bloc_silver_accordion>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


#BFW-silver-accordionV02-215 .bloc_silver_accordion>.row>div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   HEADER
========================================================= */

#BFW-silver-accordionV02-215 .headline {
    position: relative !important;

    width: 100%;

    margin:
        0 auto 52px !important;

    text-align: center !important;
}


/* PETIT SURTITRE FAQ */

#BFW-silver-accordionV02-215 .headline::before {
    content: "FAQ";

    display: block;

    margin-bottom: 15px;

    color: var(--main-color);

    font-size: 15px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 2.3px;

    text-transform: uppercase;
}


/* TITRE */

#BFW-silver-accordionV02-215 .headline .hTitle {
    position: relative;

    max-width: 880px;

    margin:
        0 auto !important;

    padding:
        0 0 25px !important;

    color: #252525 !important;

    font-size: 38px !important;

    line-height: 1.12 !important;

    font-weight: 600 !important;

    letter-spacing: -1px !important;

    text-align: center !important;
}


/* PETIT TRAIT ROUGE */

#BFW-silver-accordionV02-215 .headline .hTitle::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 70px;
    height: 3px;

    background: var(--main-color);

    border-radius: 15px;

    transform: translateX(-50%);
}


/* =========================================================
   ACCORDION GLOBAL
========================================================= */

#accordion-main_index-215-silver-accordionV02 {
    width: 100%;

    max-width: 1080px;

    margin: 0 auto;
}


/* =========================================================
   CARTE FAQ
========================================================= */

#accordion-main_index-215-silver-accordionV02 .accordion-item {
    position: relative !important;

    width: 100%;

    margin:
        0 0 15px !important;

    padding:
        0 !important;

    background: rgba(255, 255, 255, 0.96) !important;

    border:
        1px solid rgba(35, 35, 35, 0.07) !important;

    border-radius:
        15px !important;

    box-shadow:
        0 8px 28px rgba(35, 40, 45, 0.065);

    overflow: hidden !important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* on annule ton inline :
   padding-top:100px / margin-top:-100px */

#accordion-main_index-215-silver-accordionV02 .accordion-item[style] {
    padding-top: 0 !important;

    margin-top: 0 !important;
}


/* HOVER */

#accordion-main_index-215-silver-accordionV02 .accordion-item:hover {
    border-color:
        rgba(227, 6, 19, .15) !important;

    box-shadow:
        0 15px 38px rgba(35, 40, 45, 0.09);

    transform:
        translateY(-2px);
}


/* =========================================================
   HEADER H3
========================================================= */

#accordion-main_index-215-silver-accordionV02 .accordion-header {
    position: relative;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
}


/* =========================================================
   BOUTON
========================================================= */

#accordion-main_index-215-silver-accordionV02 .accordion-button {
    position: relative !important;

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 82px;

    margin: 0 !important;

    padding:
        20px 82px 20px 84px !important;

    color: #282828 !important;

    background:
        rgba(255, 255, 255, 0.96) !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: 16px !important;

    line-height: 1.35 !important;

    font-weight: 600 !important;

    text-align: left !important;

    cursor: pointer;

    transition:
        color .3s ease,
        background .3s ease;
}


/* on supprime les icônes bootstrap */

#accordion-main_index-215-silver-accordionV02 .accordion-button::after {
    background-image: none !important;
}


/* on cache ton ancien span flèche */

#accordion-main_index-215-silver-accordionV02 .accordion-button>span:first-child {
    display: none !important;
}


/* =========================================================
   ICONE MÉTIER À GAUCHE
========================================================= */

#accordion-main_index-215-silver-accordionV02 .accordion-button::before {
    position: absolute !important;

    top: 50% !important;
    left: 23px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 42px !important;

    margin: 0 !important;

    color: var(--main-color) !important;

    background:
        rgba(227, 6, 19, .055) !important;

    background-image: none !important;

    border:
        1px solid rgba(227, 6, 19, .12) !important;

    border-radius:
        50% !important;

    font-family:
        "Font Awesome 6 Free" !important;

    font-size: 17px !important;

    line-height: 1 !important;

    font-weight: 900 !important;

    transform:
        translateY(-50%) !important;

    transition:
        color .3s ease,
        background .3s ease,
        border-color .3s ease,
        transform .3s ease;
}


/* ENTREPRISES */

#accordion-main_index-215-silver-accordionV02 .accordion-item:nth-child(1) .accordion-button::before {
    content: "\f1ad";
}


/* RENDEZ-VOUS */

#accordion-main_index-215-silver-accordionV02 .accordion-item:nth-child(2) .accordion-button::before {
    content: "\f274";
}


/* LOCALISATION */

#accordion-main_index-215-silver-accordionV02 .accordion-item:nth-child(3) .accordion-button::before {
    content: "\f3c5";
}


/* COMPTABILITÉ EN LIGNE */

#accordion-main_index-215-silver-accordionV02 .accordion-item:nth-child(4) .accordion-button::before {
    content: "\f109";
}


/* COMMISSARIAT AUX COMPTES */

#accordion-main_index-215-silver-accordionV02 .accordion-item:nth-child(5) .accordion-button::before {
    content: "\f058";
}


/* =========================================================
   BOUTON + / -
========================================================= */

#accordion-main_index-215-silver-accordionV02 .accordion-button::after {
    content: "+" !important;

    position: absolute !important;

    top: 50% !important;
    right: 24px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

    margin: 0 !important;

    color: var(--main-color) !important;

    background: #ffffff !important;

    border:
        1px solid var(--main-color) !important;

    border-radius:
        50% !important;

    font-size: 23px !important;

    line-height: 1 !important;

    font-weight: 300 !important;

    transform:
        translateY(-50%) !important;

    transition:
        color .3s ease,
        background .3s ease,
        transform .3s ease;
}


/* =========================================================
   ÉTAT OUVERT
========================================================= */

#accordion-main_index-215-silver-accordionV02 .accordion-item button:not(.collapsed) {
    color: #232323 !important;

    background:
        #ffffff !important;

    box-shadow: none !important;
}


/* ICONE GAUCHE OUVERTE */

#accordion-main_index-215-silver-accordionV02 .accordion-item button:not(.collapsed)::before {
    color: #ffffff !important;

    background:
        var(--main-color) !important;

    border-color:
        var(--main-color) !important;
}


/* MOINS */

#accordion-main_index-215-silver-accordionV02 .accordion-item button:not(.collapsed)::after {
    content: "−" !important;

    color: #ffffff !important;

    background:
        var(--main-color) !important;

    transform:
        translateY(-50%) rotate(180deg) !important;
}


/* PETITE LIGNE ROUGE SUR CARTE OUVERTE */

#accordion-main_index-215-silver-accordionV02 .accordion-item:has(.accordion-button:not(.collapsed))::after {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--main-color);

    z-index: 4;
}


/* =========================================================
   CORPS DE L'ACCORDÉON
========================================================= */

#accordion-main_index-215-silver-accordionV02 .accordion-collapse {
    background:
        #ffffff !important;
}


/* BODY */

#accordion-main_index-215-silver-accordionV02 .accordion-body {
    position: relative;

    margin:
        0 20px 20px 84px !important;

    padding:
        21px 27px !important;

    color:
        #616161 !important;

    background:
        linear-gradient(120deg,
            #f7f8f9 0%,
            #fbfbfb 100%) !important;

    border:
        1px solid rgba(40, 40, 40, .04);

    border-radius:
        15px;
}


/* PETITE BARRE ROUGE */

#accordion-main_index-215-silver-accordionV02 .accordion-body::before {
    content: "";

    position: absolute;

    top: 20px;
    left: 0;

    width: 3px;
    height: 36px;

    background: var(--main-color);

    border-radius:
        0 5px 5px 0;
}


/* =========================================================
   TEXTE
========================================================= */

#accordion-main_index-215-silver-accordionV02 .accordion-body .texte {
    margin: 0 !important;

    padding: 0 !important;
}


#accordion-main_index-215-silver-accordionV02 .accordion-body .texte p {
    max-width: 900px;

    margin: 0 !important;

    padding: 0 !important;

    color: #5e5e5e !important;

    font-size: 15px !important;

    line-height: 1.8 !important;

    font-weight: 400 !important;

    text-align: left !important;
}


/* =========================================================
   SUPPRESSION DES PADDINGS INTERNES BOOTSTRAP
========================================================= */

#accordion-main_index-215-silver-accordionV02 .accordion-body .row {
    margin:
        0 !important;
}


#accordion-main_index-215-silver-accordionV02 .accordion-body [class*="col-"] {
    padding:
        0 !important;
}


/* =========================================================
   MODE ADMIN
   On évite que les badges H2 / H3 cassent la mise en page
========================================================= */

#BFW-silver-accordionV02-215 .headline sup {
    position: absolute;

    top: 0;
    right: 0;
}


#BFW-silver-accordionV02-215 .accordion-header>sup {
    position: absolute;

    z-index: 20;

    top: 6px;
    right: 72px;
}


/* =========================================================
   HOVER BOUTON
========================================================= */

#accordion-main_index-215-silver-accordionV02 .accordion-button.collapsed:hover {
    color: var(--main-color) !important;
}


#accordion-main_index-215-silver-accordionV02 .accordion-button.collapsed:hover::before {
    color: #ffffff !important;

    background: var(--main-color) !important;

    border-color: var(--main-color) !important;

    transform:
        translateY(-50%) scale(1.06) !important;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 991px) {

    #BFW-silver-accordionV02-215 {
        padding:
            65px 22px 70px !important;

        background-attachment:
            scroll !important;
    }


    #BFW-silver-accordionV02-215 .headline {
        margin-bottom:
            40px !important;
    }


    #BFW-silver-accordionV02-215 .headline .hTitle {
        max-width: 720px;

        font-size:
            32px !important;
    }


    #accordion-main_index-215-silver-accordionV02 .accordion-button {
        min-height: 76px;

        padding:
            18px 72px 18px 74px !important;

        font-size:
            15px !important;
    }


    #accordion-main_index-215-silver-accordionV02 .accordion-button::before {
        left:
            19px !important;

        width:
            39px !important;

        height:
            39px !important;

        font-size:
            15px !important;
    }


    #accordion-main_index-215-silver-accordionV02 .accordion-button::after {
        right:
            19px !important;

        width:
            35px !important;

        height:
            35px !important;
    }


    #accordion-main_index-215-silver-accordionV02 .accordion-body {
        margin:
            0 18px 18px 74px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575px) {

    #BFW-silver-accordionV02-215 {
        padding:
            48px 15px 55px !important;
    }


    #BFW-silver-accordionV02-215 .headline {
        margin-bottom:
            32px !important;
    }


    #BFW-silver-accordionV02-215 .headline::before {
        font-size:
            9px;
    }


    #BFW-silver-accordionV02-215 .headline .hTitle {
        font-size:
            27px !important;

        line-height:
            1.15 !important;

        padding-bottom:
            20px !important;
    }


    #BFW-silver-accordionV02-215 .headline .hTitle::after {
        width:
            50px;
    }


    /* CARTE */

    #accordion-main_index-215-silver-accordionV02 .accordion-item {
        margin-bottom:
            15px !important;

        border-radius:
            15px !important;
    }


    /* BOUTON */

    #accordion-main_index-215-silver-accordionV02 .accordion-button {
        min-height:
            72px;

        padding:
            16px 55px 16px 60px !important;

        font-size:
            15px !important;

        line-height:
            1.35 !important;
    }


    /* PICTO */

    #accordion-main_index-215-silver-accordionV02 .accordion-button::before {
        left:
            15px !important;

        width:
            35px !important;

        height:
            35px !important;

        font-size:
            15px !important;
    }


    /* + / - */

    #accordion-main_index-215-silver-accordionV02 .accordion-button::after {
        right:
            15px !important;

        width:
            30px !important;

        height:
            30px !important;

        font-size:
            19px !important;
    }


    /* RÉPONSE */

    #accordion-main_index-215-silver-accordionV02 .accordion-body {
        margin:
            0 15px 15px !important;

        padding:
            18px 18px 18px 22px !important;

        border-radius:
            8px;
    }


    #accordion-main_index-215-silver-accordionV02 .accordion-body .texte p {
        font-size:
            15px !important;

        line-height:
            1.7 !important;
    }


    #accordion-main_index-215-silver-accordionV02 .accordion-body::before {
        top:
            17px;

        height:
            30px;
    }

}

div#c3f-engagement-ref-content {
    margin-top: -40px;
}

#c3f-cta-contact,
#c3f-cta-contact *,
#c3f-cta-contact *::before,
#c3f-cta-contact *::after {
    box-sizing: border-box;
}


/* =========================================================
   SECTION
========================================================= */

#c3f-cta-contact {
    width: 100%;
    padding: 30px;
}


/* =========================================================
   BLOC
========================================================= */

#c3f-cta-contact-inner {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 50px;

    width: 100%;
    max-width: 1320px;
    min-height: 190px;

    margin: 0 auto;

    padding: 42px 60px;

    background:
        linear-gradient(110deg,
            #b51d24 0%,
            #b51d24 76%,
            #a80f18 100%);

    border-radius: 22px;

    overflow: hidden;

    box-shadow:
        0 16px 40px rgba(80, 0, 5, 0.12);
}


/* =========================================================
   FORME GRAPHIQUE DROITE
========================================================= */

#c3f-cta-contact-inner::after {
    content: "";

    position: absolute;

    top: -90px;
    right: -40px;

    width: 315px;
    height: 360px;

    background:
        rgba(112, 0, 10, 0.23);

    transform:
        rotate(-45deg);

    pointer-events: none;
}


/* PETIT REFLET */

#c3f-cta-contact-inner::before {
    content: "";

    position: absolute;

    top: -100px;
    left: -120px;

    width: 330px;
    height: 330px;

    border:
        1px solid rgba(255, 255, 255, 0.08);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   CONTENU
========================================================= */

#c3f-cta-contact-content {
    position: relative;
    z-index: 2;

    max-width: 720px;
}


/* =========================================================
   TITRE
========================================================= */

#c3f-cta-contact-title {
    margin: 0 0 15px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 34px !important;
    line-height: 1.15 !important;

    font-weight: 700 !important;

    letter-spacing: -0.6px !important;

    text-align: left !important;
}


/* =========================================================
   TEXTE
========================================================= */

#c3f-cta-contact-text {
    max-width: 700px;

    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.92) !important;

    font-size: 16px !important;
    line-height: 1.6 !important;

    font-weight: 400 !important;

    text-align: left !important;
}


/* =========================================================
   BOUTON
========================================================= */

#c3f-cta-contact-button {
    position: relative;
    z-index: 3;

    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 235px;
    min-height: 58px;

    padding: 15px 30px;

    color: #b51d24 !important;

    background: #ffffff;

    border: 1px solid #ffffff;

    border-radius: 9px;

    text-decoration: none !important;

    font-size: 16px;
    line-height: 1;

    font-weight: 700;

    box-shadow:
        0 8px 22px rgba(50, 0, 0, 0.12);

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* FLÈCHE */

#c3f-cta-contact-button::after {
    content: "→";

    margin-left: 16px;

    font-size: 20px;
    line-height: 1;

    transition:
        transform 0.3s ease;
}


/* HOVER */

#c3f-cta-contact-button:hover {
    color: #ffffff !important;

    background: #8f1017;

    border-color: #8f1017;

    transform: translateY(-3px);

    box-shadow:
        0 15px 28px rgba(55, 0, 0, 0.20);
}


#c3f-cta-contact-button:hover::after {
    transform: translateX(5px);
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 900px) {

    #c3f-cta-contact {
        padding: 25px 20px;
    }


    #c3f-cta-contact-inner {
        gap: 30px;

        min-height: 175px;

        padding:
            38px 40px;
    }


    #c3f-cta-contact-title {
        font-size: 30px !important;
    }


    #c3f-cta-contact-text {
        font-size: 15px !important;
    }


    #c3f-cta-contact-button {
        min-width: 215px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 680px) {

    #c3f-cta-contact {
        padding:
            20px 15px;
    }


    #c3f-cta-contact-inner {
        display: block;

        min-height: 0;

        padding:
            35px 28px;

        border-radius: 17px;
    }


    #c3f-cta-contact-content {
        max-width: 100%;
    }


    #c3f-cta-contact-title {
        font-size: 27px !important;
    }


    #c3f-cta-contact-text {
        font-size: 15px !important;
    }


    #c3f-cta-contact-button {
        width: 100%;
        min-width: 0;

        margin-top: 25px;

        min-height: 54px;
    }


    #c3f-cta-contact-inner::after {
        top: auto;
        right: -130px;
        bottom: -180px;
    }

}

/* FOOTER */

.footer-101-footer {
    background-image: url("https://www.c3f-conseils.fr/photo/img/home/expert-comptable-toulon-slider-arrire-plan.png?time=1787061815290");
    color: #222222;
}

.footer-title-2::after {
    background-color: #222222;
}

.bas-footer {
    background: rgb(230 0 17);
    color: #fff;
}

.bas-footer a:hover {
    color: #fff;
}

#BFW-blocPartenaireV02-216 .headline .hTitle {
    font-size: 1em;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 1.05;
    text-transform: uppercase;
    position: relative;
    color: inherit;
    margin-bottom: 0px !important;
    padding-bottom: 15px;
    text-align: left;
}

#BFW-blocPartenaireV02-216 .headline .hTitle::after {
    content: "";
    background-color: #222222;
    display: block;
    height: 3px;
    width: 30px;
    position: absolute;
    bottom: 0;
    left: 0px;
}

img.img-responsive.border-photo.imgPARTENAIRE {
    filter: none;
}

/* PAGE Mission */

#c3f-compta-page,
#c3f-compta-page *,
#c3f-compta-page *::before,
#c3f-compta-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   PAGE
========================================================= */

#c3f-compta-page {
    width: 100%;
    overflow: hidden;
    color: #252525;
    background: #ffffff;
}


/* =========================================================
   FONT AWESOME 6
========================================================= */

#c3f-compta-page .c3f-compta-fa {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Font Awesome 6 Free" !important;

    font-style: normal !important;
    font-weight: 900 !important;

    line-height: 1 !important;

    text-align: center;
}


/* =========================================================
   CONTAINER
========================================================= */

.c3f-compta-container {
    position: relative;

    width: 100%;
    max-width: 1320px;

    margin: 0 auto;

    padding-left: 30px;
    padding-right: 30px;
}


/* =========================================================
   ÉLÉMENTS GLOBAUX
========================================================= */

.c3f-compta-label {
    display: flex;

    align-items: center;

    width: max-content;

    margin-bottom: 17px;

    color: var(--main-color);

    font-size: 15px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}


.c3f-compta-label::after {
    content: "";

    display: block;

    width: 42px;
    height: 2px;

    margin-left: 16px;

    background: var(--main-color);
}


.c3f-compta-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #252525 !important;

    font-size: 40px !important;
    line-height: 1.08 !important;

    font-weight: 600 !important;

    letter-spacing: -1.1px !important;

    text-align: left !important;
}


.c3f-compta-title strong {
    display: block;

    color: var(--main-color) !important;

    font-weight: 600 !important;
}


/* =========================================================
   1 — HERO
========================================================= */

#c3f-compta-hero {
    position: relative;

    width: 100%;

    padding:
        85px 0 100px;

    background:
        linear-gradient(115deg,
            #ffffff 0%,
            #ffffff 60%,
            #f8f8f7 100%);

    overflow: hidden;
}


/* CERCLE DÉCORATIF */

#c3f-compta-hero::before {
    content: "";

    position: absolute;

    top: -300px;
    right: -220px;

    width: 650px;
    height: 650px;

    border:
        90px solid rgba(227, 6, 19, .045);

    border-radius: 50%;
}


/* PETITS POINTS */

#c3f-compta-hero::after {
    content: "";

    position: absolute;

    right: 5%;
    bottom: 35px;

    width: 85px;
    height: 65px;

    opacity: .18;

    background-image:
        radial-gradient(var(--main-color) 1.5px,
            transparent 1.5px);

    background-size:
        15px 15px;
}


.c3f-compta-hero-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 47%) minmax(0, 53%);

    align-items: center;

    gap: 70px;
}


/* =========================================================
   HERO CONTENU
========================================================= */

.c3f-compta-hero-content h1 {
    max-width: 680px;

    margin:
        0 0 24px !important;

    padding: 0 !important;

    color: #252525 !important;

    font-size: 35px !important;
    line-height: 1.04 !important;

    font-weight: 600 !important;

    letter-spacing: -1.5px !important;

    text-align: left !important;
}

.c3f-compta-hero-content h1 strong {
    display: block;

    color: var(--main-color) !important;

    font-weight: 600 !important;
}


.c3f-compta-hero-content>p {
    max-width: 615px;

    margin:
        0 0 30px !important;

    padding: 0 !important;

    color: #676767 !important;

    font-size: 14.5px !important;
    line-height: 1.8 !important;

    text-align: left !important;
}


.c3f-compta-hero-content>p strong {
    color: #292929;

    font-weight: 600;
}


/* =========================================================
   HERO POINTS
========================================================= */

.c3f-compta-hero-points {
    display: flex;

    flex-wrap: wrap;

    gap:
        15px 23px;

    margin-bottom: 31px;
}


.c3f-compta-hero-point {
    display: flex;

    align-items: center;

    gap: 9px;

    color: #454545;

    font-size: 15px;
}


.c3f-compta-hero-point-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 21px;
    height: 21px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-compta-hero-point-icon .c3f-compta-fa {
    font-size: 9px !important;
}


/* =========================================================
   BOUTONS
========================================================= */

.c3f-compta-hero-actions {
    display: flex;

    align-items: center;

    gap: 15px;

    flex-wrap: wrap;
}


.c3f-compta-btn-primary,
.c3f-compta-btn-secondary {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    min-height: 51px;

    padding:
        0 23px;

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 700;

    transition:
        color .3s ease,
        background .3s ease,
        border-color .3s ease,
        transform .3s ease;

    margin-top: 20px;
}


.c3f-compta-btn-primary {
    color: #ffffff !important;

    background: var(--main-color);

    border:
        1px solid var(--main-color);
}


.c3f-compta-btn-secondary {
    color: #252525 !important;

    background: #ffffff;

    border:
        1px solid #cfcfcf;
}


.c3f-compta-btn-primary .c3f-compta-fa,
.c3f-compta-btn-secondary .c3f-compta-fa {
    font-size: 15px !important;
}


.c3f-compta-btn-primary:hover {
    background: #b70a12;

    border-color: #b70a12;

    transform:
        translateY(-2px);
}


.c3f-compta-btn-secondary:hover {
    color: var(--main-color) !important;

    border-color: var(--main-color);

    transform:
        translateY(-2px);
}


/* =========================================================
   HERO IMAGE
========================================================= */

.c3f-compta-hero-image {
    position: relative;
}


.c3f-compta-hero-image::before {
    content: "";

    position: absolute;

    right: -25px;
    bottom: -25px;

    width: 80%;
    height: 82%;

    background:
        rgba(227, 6, 19, .07);

    border-radius:
        50% 0 50% 50%;
}


.c3f-compta-hero-image img {
    position: relative;

    z-index: 2;

    display: block !important;

    width: 100% !important;
    height: 420px !important;

    margin: 0 !important;

    object-fit: cover;

    border-radius:
        5px 115px 5px 5px;

    box-shadow:
        0 25px 60px rgba(20, 25, 30, .13);
}


/* =========================================================
   2 — INTRO
========================================================= */

#c3f-compta-intro {
    padding:
        85px 0;

    background: #ffffff;
}


.c3f-compta-intro-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .72fr) minmax(0, 1.28fr);

    align-items: start;

    gap: 85px;
}


/* GAUCHE */

.c3f-compta-intro-side {
    position: relative;

    padding:
        5px 0 5px 75px;
}


.c3f-compta-intro-side-icon {
    position: absolute;

    top: 0;
    left: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 54px;
    height: 54px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-compta-intro-side-icon .c3f-compta-fa {
    font-size: 21px !important;
}


.c3f-compta-intro-side strong {
    display: block;

    margin-bottom: 15px;

    color: #252525;

    font-size: 21px;
    line-height: 1.3;

    font-weight: 600;
}


.c3f-compta-intro-side p {
    margin: 0 !important;

    color: #777777 !important;

    font-size: 15px !important;
    line-height: 1.65 !important;

    text-align: left !important;
}


/* DROITE */

.c3f-compta-intro-text {
    padding-left: 30px;

    border-left:
        1px solid #dedede;
}


.c3f-compta-intro-text p {
    margin:
        0 0 17px !important;

    padding: 0 !important;

    color: #666666 !important;

    font-size: 15px !important;
    line-height: 1.8 !important;

    text-align: left !important;
}


.c3f-compta-intro-text p:last-child {
    margin-bottom: 0 !important;
}


.c3f-compta-intro-text strong {
    color: #292929;

    font-weight: 600;
}


/* =========================================================
   3 — MISSIONS
========================================================= */

#c3f-compta-missions {
    position: relative;

    padding:
        95px 0 105px;

    background: #f7f7f6;

    overflow: hidden;
}


#c3f-compta-missions::before {
    content: "";

    position: absolute;

    left: -170px;
    bottom: -250px;

    width: 500px;
    height: 500px;

    border:
        65px solid rgba(227, 6, 19, .035);

    border-radius: 50%;
}


.c3f-compta-missions-header {
    position: relative;

    z-index: 2;

    max-width: 780px;

    margin-bottom: 48px;
}


.c3f-compta-missions-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 17px;
}


/* =========================================================
   CARTE MISSION
========================================================= */

.c3f-compta-mission-card {
    position: relative;

    display: flex;

    flex-direction: column;

    min-height: 290px;

    padding:
        27px 27px 25px;

    background: #ffffff;

    border:
        1px solid #e3e3e3;

    border-radius: 5px;

    overflow: hidden;

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


.c3f-compta-mission-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: var(--main-color);

    transition:
        width .4s ease;
}


/* HALO */

.c3f-compta-mission-card::after {
    content: "";

    position: absolute;

    right: -35px;
    bottom: -55px;

    width: 150px;
    height: 150px;

    background:
        radial-gradient(circle,
            rgba(227, 6, 19, .06),
            transparent 70%);

    border-radius: 50%;
}


.c3f-compta-mission-card:hover {
    border-color:
        rgba(227, 6, 19, .24);

    box-shadow:
        0 20px 35px rgba(30, 35, 40, .08);

    transform:
        translateY(-7px);
}


.c3f-compta-mission-card:hover::before {
    width: 100%;
}


/* =========================================================
   HAUT CARTE
========================================================= */

.c3f-compta-mission-top {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 40px;
}


.c3f-compta-mission-number {
    color: #aaaaaa;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 1px;
}


/* =========================================================
   ICONE MISSION
========================================================= */

.c3f-compta-mission-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    color: var(--main-color);

    background: #fff5f5;

    border:
        1px solid rgba(227, 6, 19, .13);

    border-radius: 50%;

    transition:
        color .3s ease,
        background .3s ease,
        transform .3s ease;
}


.c3f-compta-mission-icon .c3f-compta-fa {
    color: inherit !important;

    font-size: 20px !important;
}


.c3f-compta-mission-card:hover .c3f-compta-mission-icon {
    color: #ffffff;

    background: var(--main-color);

    transform:
        scale(1.05);
}


/* =========================================================
   CONTENU CARTE
========================================================= */

.c3f-compta-mission-card h3 {
    position: relative;

    z-index: 2;

    margin:
        0 0 15px !important;

    padding: 0 !important;

    color: #252525 !important;

    font-size: 18px !important;
    line-height: 1.25 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-compta-mission-card p {
    position: relative;

    z-index: 2;

    margin: 0 !important;

    padding: 0 !important;

    color: #747474 !important;

    font-size: 15px !important;
    line-height: 1.68 !important;

    text-align: left !important;
}


/* =========================================================
   4 — PILOTAGE
========================================================= */

#c3f-compta-pilotage {
    padding:
        100px 0;

    background: #ffffff;
}


.c3f-compta-pilotage-box {
    display: grid;

    grid-template-columns:
        minmax(0, 45%) minmax(0, 55%);

    min-height: 440px;

    background: #252c30;

    border-radius: 15px;

    overflow: hidden;
}


/* IMAGE */

.c3f-compta-pilotage-image {
    position: relative;

    min-height: 440px;

    background:
        linear-gradient(rgba(20, 25, 28, .08),
            rgba(20, 25, 28, .08)),
        url("https://www.c3f-conseils.fr/photo/img/home/cabinet-expert-comptable-nos-missions.webp?time=1787132286578") right / cover no-repeat;
}


/* PETIT BADGE */

.c3f-compta-pilotage-image-badge {
    position: absolute;

    left: 25px;
    bottom: 25px;

    display: flex;

    align-items: center;

    gap: 15px;

    padding:
        15px 17px;

    color: #252525;

    background:
        rgba(255, 255, 255, .94);

    font-size: 15px;

    font-weight: 600;
}


.c3f-compta-pilotage-image-badge-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-compta-pilotage-image-badge-icon .c3f-compta-fa {
    font-size: 15px !important;
}


/* TEXTE */

.c3f-compta-pilotage-content {
    position: relative;

    padding:
        64px 60px;

    overflow: hidden;
}


.c3f-compta-pilotage-content::after {
    content: "";

    position: absolute;

    right: -80px;
    bottom: -120px;

    width: 270px;
    height: 270px;

    border:
        38px solid rgba(227, 6, 19, .15);

    border-radius: 50%;
}


.c3f-compta-pilotage-content .c3f-compta-label {
    color: #ff4b51;
}


.c3f-compta-pilotage-content .c3f-compta-label::after {
    background: #ff4b51;
}


.c3f-compta-pilotage-content h2 {
    position: relative;

    z-index: 2;

    max-width: 615px;

    margin:
        0 0 22px !important;

    color: #ffffff !important;

    font-size: 34px !important;
    line-height: 1.1 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-compta-pilotage-content h2 strong {
    display: block;

    color: var(--main-color) !important;
}


.c3f-compta-pilotage-content p {
    position: relative;

    z-index: 2;

    margin:
        0 0 27px !important;

    color:
        rgba(255, 255, 255, .75) !important;

    font-size: 15px !important;
    line-height: 1.8 !important;

    text-align: left !important;
}


/* PILOTAGE 3 POINTS */

.c3f-compta-pilotage-points {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 15px;
}


.c3f-compta-pilotage-point {
    padding:
        15px 15px;

    border:
        1px solid rgba(255, 255, 255, .12);
    color: #fff;
}


.c3f-compta-pilotage-point-icon {
    margin-bottom: 15px;

    color: var(--main-color);
}


.c3f-compta-pilotage-point-icon .c3f-compta-fa {
    font-size: 17px !important;
}


.c3f-compta-pilotage-point span:last-child {
    display: block;

    color:
        rgba(255, 255, 255, .82);

    font-size: 15px;
    line-height: 1.35;
}


/* =========================================================
   5 — ACCOMPAGNEMENT
========================================================= */

#c3f-compta-accompagnement {
    padding:
        95px 0 100px;

    background: #f8f8f7;
}


.c3f-compta-accompagnement-header {
    max-width: 800px;

    margin-bottom: 35px;
}


.c3f-compta-accompagnement-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;
}


/* =========================================================
   ACCOMPAGNEMENT CARD
========================================================= */

.c3f-compta-accompagnement-card {
    position: relative;

    min-height: 300px;

    padding:
        31px;

    background: #ffffff;

    border:
        1px solid #e2e2e2;

    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


.c3f-compta-accompagnement-card:hover {
    border-color:
        rgba(227, 6, 19, .18);

    box-shadow:
        0 18px 42px rgba(30, 35, 40, .07);

    transform:
        translateY(-5px);
}


/* ICONE */

.c3f-compta-accompagnement-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    margin-bottom: 30px;

    color: var(--main-color);

    background: #fff5f5;

    border-radius: 50%;
}


.c3f-compta-accompagnement-icon .c3f-compta-fa {
    font-size: 20px !important;
}


.c3f-compta-accompagnement-card h3 {
    margin:
        0 0 15px !important;

    color: #252525 !important;

    font-size: 19px !important;
    line-height: 1.3 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-compta-accompagnement-card p {
    margin: 0 !important;

    color: #737373 !important;

    font-size: 15px !important;
    line-height: 1.72 !important;

    text-align: left !important;
}


/* =========================================================
   6 — DIGITAL
========================================================= */

#c3f-compta-digital {
    padding:
        100px 0;

    background: #ffffff;
}


.c3f-compta-digital-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .9fr) minmax(0, 1.1fr);

    align-items: center;

    gap: 80px;
}


/* =========================================================
   DIGITAL VISUEL
========================================================= */

.c3f-compta-digital-panel {
    position: relative;

    min-height: 400px;

    padding:
        58px;

    background:
        linear-gradient(135deg,
            #f6f6f5 0%,
            #ffffff 100%);

    border:
        1px solid #e3e3e3;

    overflow: hidden;
}


.c3f-compta-digital-panel::before {
    content: "";

    position: absolute;

    top: 55px;
    left: 0;

    width: 4px;
    height: 90px;

    background: var(--main-color);
}


.c3f-compta-digital-panel::after {
    content: "";

    position: absolute;

    right: -80px;
    bottom: -80px;

    width: 230px;
    height: 230px;

    border:
        32px solid rgba(227, 6, 19, .04);

    border-radius: 50%;
}


.c3f-compta-digital-main-icon {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;

    margin-bottom: 28px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-compta-digital-main-icon .c3f-compta-fa {
    font-size: 23px !important;
}


.c3f-compta-digital-panel h2 {
    position: relative;

    z-index: 2;

    margin:
        0 0 17px !important;

    color: #252525 !important;

    font-size: 30px !important;
    line-height: 1.12 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-compta-digital-panel p {
    position: relative;

    z-index: 2;

    margin: 0 !important;

    color: #707070 !important;

    font-size: 15px !important;
    line-height: 1.75 !important;

    text-align: left !important;
}


/* =========================================================
   DIGITAL CONTENT
========================================================= */

.c3f-compta-digital-content>p {
    margin:
        23px 0 26px !important;

    color: #666666 !important;

    font-size: 15px !important;
    line-height: 1.8 !important;

    text-align: left !important;
}


.c3f-compta-digital-list {
    display: flex;

    flex-direction: column;

    gap: 15px;
}


.c3f-compta-digital-list-item {
    display: flex;

    align-items: center;

    gap: 15px;

    color: #454545;

    font-size: 15px;
}


.c3f-compta-digital-list-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-compta-digital-list-icon .c3f-compta-fa {
    font-size: 9px !important;
}


/* =========================================================
   7 — COLLECTIF
========================================================= */

#c3f-compta-collectif {
    padding:
        90px 0;

    background: #f7f7f6;
}


.c3f-compta-collectif-box {
    position: relative;

    display: grid;

    grid-template-columns:
        115px 1fr;

    align-items: center;

    gap: 35px;

    max-width: 1080px;

    margin: 0 auto;

    padding:
        52px 60px;

    background: #ffffff;

    border:
        1px solid #e3e3e3;
}


.c3f-compta-collectif-box::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100px;
    height: 3px;

    background: var(--main-color);
}


/* BALLON / COLLECTIF */

.c3f-compta-collectif-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 90px;
    height: 90px;

    color: var(--main-color);

    background: #fff5f5;

    border-radius: 50%;
}


.c3f-compta-collectif-icon .c3f-compta-fa {
    font-size: 34px !important;
}


.c3f-compta-collectif-content h2 {
    margin:
        0 0 16px !important;

    color: #252525 !important;

    font-size: 30px !important;
    line-height: 1.15 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-compta-collectif-content h2 strong {
    color: var(--main-color);
}


.c3f-compta-collectif-content p {
    max-width: 790px;

    margin: 0 !important;

    color: #6d6d6d !important;

    font-size: 15px !important;
    line-height: 1.8 !important;

    text-align: left !important;
}


/* =========================================================
   8 — CTA
========================================================= */

#c3f-compta-cta {
    padding:
        35px 30px 70px;

    background: #f7f7f6;
}


.c3f-compta-cta-inner {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 35px;

    width: 100%;
    max-width: 1320px;

    min-height: 185px;

    margin: 0 auto;

    padding:
        40px 55px;

    background:
        linear-gradient(110deg,
            #b51d24 0%,
            #b51d24 76%,
            #971018 100%);

    border-radius: 18px;

    overflow: hidden;
}


.c3f-compta-cta-inner::after {
    content: "";

    position: absolute;

    right: -120px;
    top: -180px;

    width: 340px;
    height: 430px;

    background:
        rgba(80, 0, 7, .18);

    transform:
        rotate(-45deg);
}


.c3f-compta-cta-content {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 25px;
}


.c3f-compta-cta-icon {
    flex:
        0 0 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 60px;
    height: 60px;

    color: #b51d24;

    background: #ffffff;

    border-radius: 50%;
}


.c3f-compta-cta-icon .c3f-compta-fa {
    font-size: 22px !important;
}


.c3f-compta-cta-content h2 {
    margin:
        0 0 15px !important;

    color: #ffffff !important;

    font-size: 29px !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-compta-cta-content p {
    max-width: 680px;

    margin: 0 !important;

    color:
        rgba(255, 255, 255, .88) !important;

    font-size: 15px !important;
    line-height: 1.65 !important;

    text-align: left !important;
}


.c3f-compta-cta-button {
    position: relative;

    z-index: 3;

    flex:
        0 0 auto;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    min-width: 230px;
    min-height: 55px;

    padding:
        0 25px;

    color: #b51d24 !important;

    background: #ffffff;

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 700;

    transition:
        color .3s ease,
        background .3s ease,
        transform .3s ease;
}


.c3f-compta-cta-button .c3f-compta-fa {
    font-size: 15px !important;
}


.c3f-compta-cta-button:hover {
    color: #ffffff !important;

    background: #252525;

    transform:
        translateY(-3px);
}


/* =========================================================
   TABLETTE LARGE
========================================================= */

@media (max-width: 1050px) {

    .c3f-compta-hero-grid {
        gap: 35px;
    }


    .c3f-compta-hero-content h1 {
        font-size: 39px !important;
    }


    .c3f-compta-missions-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .c3f-compta-accompagnement-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .c3f-compta-pilotage-content {
        padding:
            50px 40px;
    }


    .c3f-compta-pilotage-content h2 {
        font-size: 30px !important;
    }

}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 800px) {

    .c3f-compta-container {
        padding-left: 20px;
        padding-right: 20px;
    }


    .c3f-compta-title {
        font-size: 34px !important;
    }


    /* HERO */

    #c3f-compta-hero {
        padding:
            60px 0 70px;
    }


    .c3f-compta-hero-grid {
        display: block;
    }


    .c3f-compta-hero-content {
        margin-bottom: 35px;
    }


    .c3f-compta-hero-content h1 {
        max-width: 720px;

        font-size: 39px !important;
    }


    .c3f-compta-hero-image img {
        height: 380px !important;
    }


    /* INTRO */

    .c3f-compta-intro-grid {
        display: block;
    }


    .c3f-compta-intro-side {
        margin-bottom: 35px;
    }


    .c3f-compta-intro-text {
        padding:
            25px 0 0;

        border-left: 0;

        border-top:
            1px solid #dedede;
    }


    /* PILOTAGE */

    .c3f-compta-pilotage-box {
        display: block;
    }


    .c3f-compta-pilotage-image {
        min-height: 340px;
    }


    /* DIGITAL */

    .c3f-compta-digital-grid {
        display: block;
    }


    .c3f-compta-digital-panel {
        margin-bottom: 35px;
    }


    /* COLLECTIF */

    .c3f-compta-collectif-box {
        grid-template-columns:
            80px 1fr;

        padding:
            35px 35px;
    }


    .c3f-compta-collectif-icon {
        width: 70px;
        height: 70px;
    }


    /* CTA */

    .c3f-compta-cta-inner {
        display: block;
    }


    .c3f-compta-cta-button {
        margin-top: 28px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 560px) {

    .main-slider-2-content.translate.animate {
        margin-left: 0px !important;
    }

    header#header-boutique {
        height: 100px;
    }

    .fixed-header {
        height: 76px !important;
    }

    .c3f-compta-container {
        padding-left: 15px;
        padding-right: 15px;
    }


    .c3f-compta-title {
        font-size: 29px !important;
    }


    /* HERO */

    .c3f-compta-hero-content h1 {
        font-size: 33px !important;

        line-height: 1.08 !important;
    }


    .c3f-compta-hero-image img {
        height: 300px !important;

        border-radius:
            4px 65px 4px 4px;
    }


    .c3f-compta-btn-primary,
    .c3f-compta-btn-secondary {
        width: 100%;
    }


    /* MISSIONS */

    #c3f-compta-missions {
        padding:
            70px 0;
    }


    .c3f-compta-missions-grid {
        grid-template-columns:
            1fr;
    }


    .c3f-compta-mission-card {
        min-height: 235px;
    }


    /* ACCOMPAGNEMENT */

    .c3f-compta-accompagnement-grid {
        grid-template-columns:
            1fr;
    }


    .c3f-compta-accompagnement-card {
        min-height: 250px;
    }


    /* PILOTAGE */

    .c3f-compta-pilotage-content {
        padding:
            40px 25px;
    }


    .c3f-compta-pilotage-content h2 {
        font-size: 27px !important;
    }


    .c3f-compta-pilotage-points {
        grid-template-columns:
            1fr;
    }


    /* DIGITAL */

    .c3f-compta-digital-panel {
        min-height: 0;

        padding:
            35px 30px;
    }


    /* COLLECTIF */

    .c3f-compta-collectif-box {
        display: block;

        padding:
            40px 25px;
    }


    .c3f-compta-collectif-icon {
        margin-bottom: 25px;
    }


    .c3f-compta-collectif-content h2 {
        font-size: 26px !important;
    }


    /* CTA */

    #c3f-compta-cta {
        padding:
            20px 15px 50px;
    }


    .c3f-compta-cta-inner {
        padding:
            35px 26px;
    }


    .c3f-compta-cta-content {
        display: block;
    }


    .c3f-compta-cta-icon {
        margin-bottom: 20px;
    }


    .c3f-compta-cta-content h2 {
        font-size: 25px !important;
    }


    .c3f-compta-cta-button {
        width: 100%;
    }

}

/* Page Fiscales */

#c3f-fiscal-page,
#c3f-fiscal-page *,
#c3f-fiscal-page *::before,
#c3f-fiscal-page *::after {
    box-sizing: border-box;
}

#c3f-fiscal-page {
    width: 100%;
    overflow: hidden;
    color: #252525;
    background: #ffffff;
    font-family: Arial, sans-serif;
}

#c3f-fiscal-page .c3f-fiscal-fa {
    display: inline-block !important;
    font-family: "Font Awesome 6 Free" !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center;
}

.c3f-fiscal-container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

.c3f-fiscal-label {
    display: flex;
    align-items: center;
    width: max-content;
    margin-bottom: 18px;
    color: var(--main-color);
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.c3f-fiscal-label::after {
    content: "";
    display: block;
    width: 44px;
    height: 2px;
    margin-left: 16px;
    background: var(--main-color);
}

.c3f-fiscal-title {
    margin: 0 !important;
    color: #252525 !important;
    font-size: 42px !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -1.2px !important;
    text-align: left !important;
}

.c3f-fiscal-title strong {
    color: var(--main-color) !important;
    font-weight: 600 !important;
}

.c3f-fiscal-text {
    margin: 0 !important;
    color: #676767 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    text-align: left !important;
}

.c3f-fiscal-btn-primary,
.c3f-fiscal-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 52px;
    padding: 0 24px;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 700;
    transition: .3s ease;
}

.c3f-fiscal-btn-primary {
    color: #ffffff !important;
    background: var(--main-color);
    border: 1px solid var(--main-color);
}

.c3f-fiscal-btn-primary:hover {
    background: #bb0814;
    border-color: #bb0814;
    transform: translateY(-2px);
}

.c3f-fiscal-btn-secondary {
    color: #252525 !important;
    background: #ffffff;
    border: 1px solid #d4d4d4;
}

.c3f-fiscal-btn-secondary:hover {
    color: var(--main-color) !important;
    border-color: var(--main-color);
    transform: translateY(-2px);
}

/* =========================================================
   HERO
========================================================= */

#c3f-fiscal-hero {
    position: relative;
    padding: 90px 0 100px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f7 100%);
    overflow: hidden;
}

#c3f-fiscal-hero::before {
    content: "";
    position: absolute;
    top: -230px;
    right: -170px;
    width: 560px;
    height: 560px;
    border: 75px solid rgba(227, 6, 19, .045);
    border-radius: 50%;
}

#c3f-fiscal-hero::after {
    content: "";
    position: absolute;
    left: -120px;
    bottom: -160px;
    width: 380px;
    height: 380px;
    border: 35px solid rgba(37, 37, 37, .03);
    border-radius: 50%;
}

.c3f-fiscal-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 60px;
    align-items: center;
}

.c3f-fiscal-hero-content h1 {
    max-width: 720px;
    margin: 0 0 24px !important;
    color: #252525 !important;
    font-size: 48px !important;
    line-height: 1.04 !important;
    font-weight: 600 !important;
    letter-spacing: -1.5px !important;
    text-align: left !important;
}

.c3f-fiscal-hero-content h1 strong {
    display: block;
    color: var(--main-color) !important;
    font-weight: 600 !important;
}

.c3f-fiscal-hero-content p {
    max-width: 630px;
    margin: 0 0 30px !important;
    color: #686868 !important;
    font-size: 14.5px !important;
    line-height: 1.85 !important;
    text-align: left !important;
}

.c3f-fiscal-hero-content p strong {
    color: #252525;
    font-weight: 600;
}

.c3f-fiscal-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 34px;
}

.c3f-fiscal-hero-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 18px;
    max-width: 620px;
}

.c3f-fiscal-hero-point {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #4f4f4f;
    font-size: 15px;
    line-height: 1.45;
}

.c3f-fiscal-hero-point-icon {
    flex: 0 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #ffffff;
    background: var(--main-color);
    border-radius: 50%;
}

.c3f-fiscal-hero-point-icon .c3f-fiscal-fa {
    font-size: 9px !important;
}

.c3f-fiscal-hero-visual {
    position: relative;
}

.c3f-fiscal-hero-card {
    position: relative;
    z-index: 2;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 25px 65px rgba(25, 25, 25, .08);
    border-radius: 6px;
    overflow: hidden;
}

.c3f-fiscal-hero-card::before {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(227, 6, 19, .08), transparent 72%);
    border-radius: 50%;
}

.c3f-fiscal-hero-image {
    display: block;
    width: 100%;
    height: 390px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 24px;
}

.c3f-fiscal-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.c3f-fiscal-mini-box {
    padding: 18px 15px;
    background: #fafafa;
    border: 1px solid #ececec;
    text-align: left;
}

.c3f-fiscal-mini-box strong {
    display: block;
    margin-bottom: 6px;
    color: var(--main-color);
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
}

.c3f-fiscal-mini-box span {
    display: block;
    color: #666666;
    font-size: 15px;
    line-height: 1.45;
}

/* =========================================================
   INTRO
========================================================= */

#c3f-fiscal-intro {
    padding: 90px 0;
    background: #ffffff;
}

.c3f-fiscal-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    gap: 80px;
    align-items: start;
}

.c3f-fiscal-intro-side {
    position: relative;
    padding-left: 80px;
}

.c3f-fiscal-intro-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    color: #ffffff;
    background: var(--main-color);
    border-radius: 50%;
}

.c3f-fiscal-intro-icon .c3f-fiscal-fa {
    font-size: 21px !important;
}

.c3f-fiscal-intro-side strong {
    display: block;
    margin-bottom: 15px;
    color: #252525;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
}

.c3f-fiscal-intro-side p {
    margin: 0 !important;
    color: #767676 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-align: left !important;
}

.c3f-fiscal-intro-content {
    padding-left: 30px;
    border-left: 1px solid #e1e1e1;
}

.c3f-fiscal-intro-content p {
    margin: 0 0 16px !important;
    color: #686868 !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    text-align: left !important;
}

.c3f-fiscal-intro-content p:last-child {
    margin-bottom: 0 !important;
}

.c3f-fiscal-intro-content strong {
    color: #252525;
    font-weight: 600;
}

/* =========================================================
   MISSIONS FISCALES
========================================================= */

#c3f-fiscal-services {
    position: relative;
    padding: 100px 0;
    background: #f7f7f6;
    overflow: hidden;
}

#c3f-fiscal-services::before {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -120px;
    width: 360px;
    height: 360px;
    border: 50px solid rgba(227, 6, 19, .04);
    border-radius: 50%;
}

.c3f-fiscal-services-head {
    max-width: 840px;
    margin-bottom: 48px;
}

.c3f-fiscal-services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.c3f-fiscal-service-card {
    position: relative;
    min-height: 285px;
    padding: 28px 28px 26px;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    overflow: hidden;
    transition: .35s ease;
}

.c3f-fiscal-service-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 3px;
    background: var(--main-color);
    transition: width .35s ease;
}

.c3f-fiscal-service-card::after {
    content: "";
    position: absolute;
    right: -35px;
    bottom: -35px;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(227, 6, 19, .06), transparent 70%);
    border-radius: 50%;
}

.c3f-fiscal-service-card:hover {
    transform: translateY(-6px);
    border-color: rgba(227, 6, 19, .22);
    box-shadow: 0 20px 35px rgba(25, 25, 25, .07);
}

.c3f-fiscal-service-card:hover::before {
    width: 100%;
}

.c3f-fiscal-service-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 34px;
    position: relative;
    z-index: 2;
}

.c3f-fiscal-service-number {
    color: #ababab;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}

.c3f-fiscal-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: var(--main-color);
    background: #fff4f4;
    border: 1px solid rgba(227, 6, 19, .13);
    border-radius: 50%;
    transition: .3s ease;
}

.c3f-fiscal-service-icon .c3f-fiscal-fa {
    font-size: 19px !important;
}

.c3f-fiscal-service-card:hover .c3f-fiscal-service-icon {
    color: #ffffff;
    background: var(--main-color);
    transform: scale(1.04);
}

.c3f-fiscal-service-card h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 15px !important;
    color: #252525 !important;
    font-size: 19px !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;
    text-align: left !important;
}

.c3f-fiscal-service-card p {
    position: relative;
    z-index: 2;
    margin: 0 !important;
    color: #737373 !important;
    font-size: 12.8px !important;
    line-height: 1.72 !important;
    text-align: left !important;
}

/* =========================================================
   BLOC SECURISER / OPTIMISER
========================================================= */

#c3f-fiscal-focus {
    padding: 100px 0;
    background: #ffffff;
}

.c3f-fiscal-focus-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-height: 470px;
    background: #252c30;
    border-radius: 15px;
    overflow: hidden;
}

.c3f-fiscal-focus-content {
    position: relative;
    padding: 58px 55px;
    overflow: hidden;
}

.c3f-fiscal-focus-content::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -100px;
    width: 260px;
    height: 260px;
    border: 38px solid rgba(227, 6, 19, .13);
    border-radius: 50%;
}

.c3f-fiscal-focus-content .c3f-fiscal-label {
    color: #ff555b;
}

.c3f-fiscal-focus-content .c3f-fiscal-label::after {
    background: #ff555b;
}

.c3f-fiscal-focus-content h2 {
    position: relative;
    z-index: 2;
    max-width: 560px;
    margin: 0 0 20px !important;
    color: #ffffff !important;
    font-size: 35px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    text-align: left !important;
}

.c3f-fiscal-focus-content h2 strong {
    display: block;
    color: #ef3038 !important;
}

.c3f-fiscal-focus-content p {
    position: relative;
    z-index: 2;
    margin: 0 0 26px !important;
    color: rgba(255, 255, 255, .76) !important;
    font-size: 13.6px !important;
    line-height: 1.8 !important;
    text-align: left !important;
}

.c3f-fiscal-focus-list {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.c3f-fiscal-focus-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    color: rgba(255, 255, 255, .88);
    font-size: 15px;
    line-height: 1.6;
}

.c3f-fiscal-focus-item-icon {
    flex: 0 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    color: #ffffff;
    background: var(--main-color);
    border-radius: 50%;
}

.c3f-fiscal-focus-item-icon .c3f-fiscal-fa {
    font-size: 9px !important;
}

.c3f-fiscal-focus-visual {
    position: relative;
    min-height: 470px;
    background:
        linear-gradient(rgba(20, 24, 28, .08), rgba(20, 24, 28, .08)),
        url("https://www.c3f-conseils.fr/photo/img/home/expert-comptable-toulon-fiscales.webp?time=1787144809721") center center / cover no-repeat;
}

.c3f-fiscal-focus-badge {
    position: absolute;
    right: 24px;
    bottom: 24px;
    padding: 15px 18px;
    background: rgba(255, 255, 255, .93);
    color: #252525;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
    box-shadow: 0 15px 30px rgba(20, 20, 20, .08);
}

.c3f-fiscal-focus-badge strong {
    display: block;
    margin-bottom: 4px;
    color: var(--main-color);
    font-size: 17px;
    line-height: 1;
}

/* =========================================================
   ETAPES
========================================================= */

#c3f-fiscal-steps {
    padding: 100px 0;
    background: #f8f8f7;
}

.c3f-fiscal-steps-head {
    max-width: 790px;
    margin-bottom: 50px;
}

.c3f-fiscal-steps-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.c3f-fiscal-step {
    position: relative;
    padding: 30px 25px;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    min-height: 240px;
    transition: .3s ease;
}

.c3f-fiscal-step:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(25, 25, 25, .06);
    border-color: rgba(227, 6, 19, .18);
}

.c3f-fiscal-step-number {
    display: block;
    margin-bottom: 22px;
    color: var(--main-color);
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
}

.c3f-fiscal-step-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin-bottom: 22px;
    color: var(--main-color);
    background: #fff4f4;
    border-radius: 50%;
}

.c3f-fiscal-step-icon .c3f-fiscal-fa {
    font-size: 18px !important;
}

.c3f-fiscal-step h3 {
    margin: 0 0 15px !important;
    color: #252525 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    text-align: left !important;
}

.c3f-fiscal-step p {
    margin: 0 !important;
    color: #747474 !important;
    font-size: 12.8px !important;
    line-height: 1.72 !important;
    text-align: left !important;
}

/* =========================================================
   CTA
========================================================= */

#c3f-fiscal-cta {
    padding: 35px 30px 70px;
    background: #f8f8f7;
}

.c3f-fiscal-cta-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    width: 100%;
    max-width: 1320px;
    min-height: 185px;
    margin: 0 auto;
    padding: 40px 55px;
    background: linear-gradient(110deg, #b51d24 0%, #b51d24 76%, #971018 100%);
    border-radius: 18px;
    overflow: hidden;
}

.c3f-fiscal-cta-inner::after {
    content: "";
    position: absolute;
    right: -115px;
    top: -180px;
    width: 330px;
    height: 430px;
    background: rgba(80, 0, 7, .18);
    transform: rotate(-45deg);
}

.c3f-fiscal-cta-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 24px;
}

.c3f-fiscal-cta-icon {
    flex: 0 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    color: #b51d24;
    background: #ffffff;
    border-radius: 50%;
}

.c3f-fiscal-cta-icon .c3f-fiscal-fa {
    font-size: 22px !important;
}

.c3f-fiscal-cta-content h2 {
    margin: 0 0 15px !important;
    color: #ffffff !important;
    font-size: 29px !important;
    font-weight: 600 !important;
    text-align: left !important;
}

.c3f-fiscal-cta-content p {
    max-width: 720px;
    margin: 0 !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 15px !important;
    line-height: 1.68 !important;
    text-align: left !important;
}

.c3f-fiscal-cta-btn {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-width: 230px;
    min-height: 55px;
    padding: 0 24px;
    color: #b51d24 !important;
    background: #ffffff;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 700;
    transition: .3s ease;
}

.c3f-fiscal-cta-btn:hover {
    color: #ffffff !important;
    background: #252525;
    transform: translateY(-3px);
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1100px) {

    .c3f-fiscal-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .c3f-fiscal-steps-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .c3f-fiscal-title {
        font-size: 38px !important;
    }

    .c3f-fiscal-hero-content h1 {
        font-size: 42px !important;
    }
}

@media (max-width: 860px) {

    .c3f-fiscal-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .c3f-fiscal-hero-grid,
    .c3f-fiscal-intro-grid,
    .c3f-fiscal-focus-box {
        display: block;
    }

    .c3f-fiscal-hero-content {
        margin-bottom: 40px;
    }

    .c3f-fiscal-intro-side {
        margin-bottom: 30px;
    }

    .c3f-fiscal-intro-content {
        padding-left: 0;
        padding-top: 24px;
        border-left: 0;
        border-top: 1px solid #e1e1e1;
    }

    .c3f-fiscal-focus-visual {
        min-height: 320px;
    }

    .c3f-fiscal-cta-inner {
        display: block;
    }

    .c3f-fiscal-cta-btn {
        margin-top: 28px;
    }
}

@media (max-width: 640px) {

    .c3f-fiscal-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .c3f-fiscal-title {
        font-size: 30px !important;
    }

    .c3f-fiscal-hero-content h1 {
        font-size: 34px !important;
        line-height: 1.08 !important;
    }

    .c3f-fiscal-hero-image {
        height: 290px;
    }

    .c3f-fiscal-mini-grid,
    .c3f-fiscal-services-grid,
    .c3f-fiscal-steps-grid,
    .c3f-fiscal-hero-points {
        grid-template-columns: 1fr;
    }

    .c3f-fiscal-btn-primary,
    .c3f-fiscal-btn-secondary,
    .c3f-fiscal-cta-btn {
        width: 100%;
    }

    .c3f-fiscal-focus-content {
        padding: 40px 26px;
    }

    .c3f-fiscal-focus-content h2 {
        font-size: 28px !important;
    }

    .c3f-fiscal-cta-inner {
        padding: 35px 26px;
    }

    .c3f-fiscal-cta-content {
        display: block;
    }

    .c3f-fiscal-cta-icon {
        margin-bottom: 18px;
    }

    .c3f-fiscal-cta-content h2 {
        font-size: 24px !important;
    }
}

/* Page sociales */

#c3f-social-page,
#c3f-social-page *,
#c3f-social-page *::before,
#c3f-social-page *::after {
    box-sizing: border-box;
}

#c3f-social-page {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    color: #252525;
}


/* =========================================================
   FONT AWESOME 6
========================================================= */

#c3f-social-page .c3f-social-fa {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Font Awesome 6 Free" !important;

    font-style: normal !important;
    font-weight: 900 !important;

    line-height: 1 !important;

    text-align: center;
}


/* =========================================================
   CONTAINER
========================================================= */

.c3f-social-container {
    position: relative;

    width: 100%;
    max-width: 1320px;

    margin: 0 auto;

    padding-left: 30px;
    padding-right: 30px;
}


/* =========================================================
   ÉLÉMENTS GÉNÉRAUX
========================================================= */

.c3f-social-label {
    display: flex;

    align-items: center;

    width: max-content;

    margin-bottom: 17px;

    color: var(--main-color);

    font-size: 15px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.9px;

    text-transform: uppercase;
}


.c3f-social-label::after {
    content: "";

    display: block;

    width: 42px;
    height: 2px;

    margin-left: 16px;

    background: var(--main-color);
}


.c3f-social-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #252525 !important;

    font-size: 41px !important;
    line-height: 1.08 !important;

    font-weight: 600 !important;

    letter-spacing: -1.1px !important;

    text-align: left !important;
}


.c3f-social-title strong {
    display: block;

    color: var(--main-color) !important;

    font-weight: 600 !important;
}


/* =========================================================
   1 — HERO
========================================================= */

#c3f-social-hero {
    position: relative;

    padding:
        85px 0 95px;

    background:
        linear-gradient(120deg,
            #ffffff 0%,
            #ffffff 58%,
            #f7f7f6 100%);

    overflow: hidden;
}


/* COURBE C3F */

#c3f-social-hero::before {
    content: "";

    position: absolute;

    top: -290px;
    right: -250px;

    width: 680px;
    height: 680px;

    border:
        90px solid rgba(227, 6, 19, .045);

    border-radius: 50%;
}


/* POINTS */

#c3f-social-hero::after {
    content: "";

    position: absolute;

    left: 4%;
    bottom: 35px;

    width: 82px;
    height: 62px;

    opacity: .17;

    background-image:
        radial-gradient(var(--main-color) 1.5px,
            transparent 1.5px);

    background-size:
        15px 15px;
}


.c3f-social-hero-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 49%) minmax(0, 51%);

    align-items: center;

    gap: 70px;
}


/* =========================================================
   HERO TEXTE
========================================================= */

.c3f-social-hero-content h1 {
    max-width: 690px;

    margin:
        0 0 24px !important;

    padding: 0 !important;

    color: #252525 !important;

    font-size: 35px !important;
    line-height: 1.05 !important;

    font-weight: 600 !important;

    letter-spacing: -1.5px !important;

    text-align: left !important;
}


.c3f-social-hero-content h1 strong {
    display: block;

    color: var(--main-color) !important;

    font-weight: 600 !important;
}


.c3f-social-hero-content>p {
    max-width: 630px;

    margin:
        0 0 30px !important;

    padding: 0 !important;

    color: #676767 !important;

    font-size: 14.5px !important;
    line-height: 1.82 !important;

    text-align: left !important;
}


.c3f-social-hero-content>p strong {
    color: #252525;

    font-weight: 600;
}


/* =========================================================
   HERO POINTS
========================================================= */

.c3f-social-hero-points {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        15px 20px;

    margin-bottom: 30px;
}


.c3f-social-hero-point {
    display: flex;

    align-items: center;

    gap: 9px;

    color: #484848;

    font-size: 15px;
}


.c3f-social-hero-point-icon {
    flex:
        0 0 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-social-hero-point-icon .c3f-social-fa {
    font-size: 9px !important;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.c3f-social-hero-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 15px;
}


.c3f-social-btn-primary,
.c3f-social-btn-secondary {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    min-height: 51px;

    padding:
        0 23px;

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 700;

    transition:
        .3s ease;
}


.c3f-social-btn-primary {
    color: #ffffff !important;

    background: var(--main-color);

    border:
        1px solid var(--main-color);
}


.c3f-social-btn-secondary {
    color: #252525 !important;

    background: #ffffff;

    border:
        1px solid #d0d0d0;
}


.c3f-social-btn-primary:hover {
    background: #b70912;

    border-color: #b70912;

    transform:
        translateY(-2px);
}


.c3f-social-btn-secondary:hover {
    color: var(--main-color) !important;

    border-color: var(--main-color);

    transform:
        translateY(-2px);
}


/* =========================================================
   HERO VISUEL
========================================================= */

.c3f-social-hero-visual {
    position: relative;
}


.c3f-social-hero-image-wrap {
    position: relative;

    padding:
        0 0 30px 30px;
}


.c3f-social-hero-image-wrap::before {
    content: "";

    position: absolute;

    top: 40px;
    left: 0;

    width: 76%;
    height: calc(100% - 15px);

    background: var(--main-color);

    opacity: .055;

    border-radius:
        100px 4px 4px 4px;
}


.c3f-social-hero-image {
    position: relative;

    z-index: 2;

    display: block !important;

    width: 100% !important;
    height: 415px !important;

    object-fit: cover;

    border-radius:
        100px 4px 4px 4px;

    box-shadow:
        0 25px 60px rgba(20, 25, 30, .12);
}


/* BADGE IMAGE */

.c3f-social-hero-badge {
    position: absolute;

    z-index: 4;

    left: 0;
    bottom: 0;

    display: flex;

    align-items: center;

    gap: 15px;

    min-width: 220px;

    padding:
        15px 18px;

    color: #252525;

    background: #ffffff;

    border:
        1px solid #e5e5e5;

    box-shadow:
        0 15px 32px rgba(25, 30, 35, .1);

    font-size: 15px;

    line-height: 1.4;

    font-weight: 600;
}


.c3f-social-hero-badge-icon {
    flex:
        0 0 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-social-hero-badge-icon .c3f-social-fa {
    font-size: 15px !important;
}


/* =========================================================
   2 — 4 DOMAINES
========================================================= */

#c3f-social-expertise {
    position: relative;

    z-index: 5;

    padding:
        0 30px;

    background: #ffffff;
}


.c3f-social-expertise-bar {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    max-width: 1240px;

    min-height: 135px;

    margin:
        -35px auto 0;

    background: #252c30;

    border-radius: 9px;

    box-shadow:
        0 20px 50px rgba(25, 30, 35, .15);

    overflow: hidden;
}


.c3f-social-expertise-item {
    position: relative;

    display: flex;

    align-items: center;

    gap: 17px;

    padding:
        30px;

    border-right:
        1px solid rgba(255, 255, 255, .13);

    color: #fff;
}


.c3f-social-expertise-item:last-child {
    border-right: 0;
}


.c3f-social-expertise-icon {
    flex:
        0 0 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    color: #ef3038;

    border:
        1px solid rgba(255, 255, 255, .18);

    border-radius: 50%;
}


.c3f-social-expertise-icon .c3f-social-fa {
    font-size: 18px !important;
}


.c3f-social-expertise-item strong {
    display: block;

    margin-bottom: 5px;

    color: #ffffff;

    font-size: 15px;

    font-weight: 600;
}


.c3f-social-expertise-item span:last-child {
    color:
        rgba(255, 255, 255, .65);

    font-size: 15px;

    line-height: 1.4;
}


/* =========================================================
   3 — INTRO
========================================================= */

#c3f-social-intro {
    padding:
        115px 0 90px;

    background: #ffffff;
}


.c3f-social-intro-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .72fr) minmax(0, 1.28fr);

    gap: 80px;

    align-items: start;
}


.c3f-social-intro-side {
    padding-left: 28px;

    border-left:
        3px solid var(--main-color);
}


.c3f-social-intro-side strong {
    display: block;

    margin-bottom: 15px;

    color: #252525;

    font-size: 22px;
    line-height: 1.3;

    font-weight: 600;
}


.c3f-social-intro-side p {
    margin: 0 !important;

    color: #777777 !important;

    font-size: 15px !important;
    line-height: 1.7 !important;

    text-align: left !important;
}


.c3f-social-intro-content {
    padding-left: 30px;

    border-left:
        1px solid #dedede;
}


.c3f-social-intro-content p {
    margin:
        0 0 17px !important;

    color: #666666 !important;

    font-size: 15px !important;
    line-height: 1.82 !important;

    text-align: left !important;
}


.c3f-social-intro-content p:last-child {
    margin-bottom: 0 !important;
}


.c3f-social-intro-content strong {
    color: #252525;

    font-weight: 600;
}


/* =========================================================
   4 — MISSIONS SOCIALES
========================================================= */

#c3f-social-missions {
    position: relative;

    padding:
        95px 0 105px;

    background: #f7f7f6;

    overflow: hidden;
}


#c3f-social-missions::before {
    content: "";

    position: absolute;

    right: -180px;
    bottom: -250px;

    width: 500px;
    height: 500px;

    border:
        65px solid rgba(227, 6, 19, .035);

    border-radius: 50%;
}


.c3f-social-missions-head {
    position: relative;

    z-index: 2;

    max-width: 820px;

    margin-bottom: 48px;
}


.c3f-social-missions-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 17px;
}


/* =========================================================
   MISSION CARD
========================================================= */

.c3f-social-mission {
    position: relative;

    min-height: 285px;

    padding:
        28px 27px;

    background: #ffffff;

    border:
        1px solid #e4e4e4;

    border-radius: 5px;

    overflow: hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}


.c3f-social-mission::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: var(--main-color);

    transition:
        width .4s ease;
}


.c3f-social-mission::after {
    content: "";

    position: absolute;

    right: -35px;
    bottom: -55px;

    width: 150px;
    height: 150px;

    background:
        radial-gradient(circle,
            rgba(227, 6, 19, .06),
            transparent 70%);

    border-radius: 50%;
}


.c3f-social-mission:hover {
    transform:
        translateY(-7px);

    border-color:
        rgba(227, 6, 19, .22);

    box-shadow:
        0 20px 35px rgba(30, 35, 40, .08);
}


.c3f-social-mission:hover::before {
    width: 100%;
}


/* HAUT */

.c3f-social-mission-top {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 37px;
}


.c3f-social-mission-number {
    color: #aaaaaa;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 1px;
}


.c3f-social-mission-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    color: var(--main-color);

    background: #fff5f5;

    border:
        1px solid rgba(227, 6, 19, .13);

    border-radius: 50%;

    transition:
        .3s ease;
}


.c3f-social-mission-icon .c3f-social-fa {
    font-size: 19px !important;
}


.c3f-social-mission:hover .c3f-social-mission-icon {
    color: #ffffff;

    background: var(--main-color);

    transform:
        scale(1.05);
}


.c3f-social-mission h3 {
    position: relative;

    z-index: 2;

    margin:
        0 0 15px !important;

    color: #252525 !important;

    font-size: 18px !important;
    line-height: 1.28 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-social-mission p {
    position: relative;

    z-index: 2;

    margin: 0 !important;

    color: #737373 !important;

    font-size: 12.6px !important;
    line-height: 1.72 !important;

    text-align: left !important;
}


/* =========================================================
   5 — EMPLOYEUR / BLOC SOMBRE
========================================================= */

#c3f-social-employer {
    padding:
        100px 0;

    background: #ffffff;
}


.c3f-social-employer-box {
    display: grid;

    grid-template-columns:
        minmax(0, 46%) minmax(0, 54%);

    min-height: 450px;

    background: #252c30;

    border-radius: 15px;

    overflow: hidden;
}


/* VISUEL */

.c3f-social-employer-visual {
    position: relative;

    min-height: 450px;

    background:
        linear-gradient(rgba(20, 25, 28, .06),
            rgba(20, 25, 28, .06)),
        url("https://www.c3f-conseils.fr/photo/img/home/cabinet-comptable-toulon-sociales.webp?time=1787144353583") center / cover no-repeat;
}


.c3f-social-employer-badge {
    position: absolute;

    left: 25px;
    bottom: 25px;

    max-width: 275px;

    padding:
        16px 19px;

    color: #252525;

    background:
        rgba(255, 255, 255, .95);

    box-shadow:
        0 15px 30px rgba(20, 25, 30, .1);
}


.c3f-social-employer-badge strong {
    display: block;

    margin-bottom: 5px;

    color: var(--main-color);

    font-size: 16px;
}


.c3f-social-employer-badge span {
    font-size: 15px;

    line-height: 1.45;
}


/* CONTENU */

.c3f-social-employer-content {
    position: relative;

    padding:
        60px 58px;

    overflow: hidden;
}


.c3f-social-employer-content::after {
    content: "";

    position: absolute;

    right: -85px;
    bottom: -115px;

    width: 270px;
    height: 270px;

    border:
        38px solid rgba(227, 6, 19, .14);

    border-radius: 50%;
}


.c3f-social-employer-content .c3f-social-label {
    color: #ff4c53;
}


.c3f-social-employer-content .c3f-social-label::after {
    background: #ff4c53;
}


.c3f-social-employer-content h2 {
    position: relative;

    z-index: 2;

    max-width: 600px;

    margin:
        0 0 21px !important;

    color: #ffffff !important;

    font-size: 34px !important;
    line-height: 1.1 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-social-employer-content h2 strong {
    display: block;

    color: #ef3038 !important;
}


.c3f-social-employer-content>p {
    position: relative;

    z-index: 2;

    margin:
        0 0 25px !important;

    color:
        rgba(255, 255, 255, .75) !important;

    font-size: 15px !important;
    line-height: 1.8 !important;

    text-align: left !important;
}


/* LISTE */

.c3f-social-employer-list {
    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    gap: 15px;
}


.c3f-social-employer-item {
    display: flex;

    align-items: center;

    gap: 15px;

    color:
        rgba(255, 255, 255, .86);

    font-size: 15px;
}


.c3f-social-employer-check {
    flex:
        0 0 21px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 21px;
    height: 21px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-social-employer-check .c3f-social-fa {
    font-size: 8px !important;
}


/* =========================================================
   6 — SILAE
========================================================= */

#c3f-social-silae {
    padding:
        95px 0;

    background: #f8f8f7;
}


.c3f-social-silae-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr) minmax(0, .92fr);

    gap: 75px;

    align-items: center;
}


/* TEXTE */

.c3f-social-silae-content>p {
    margin:
        22px 0 26px !important;

    color: #666666 !important;

    font-size: 15px !important;
    line-height: 1.8 !important;

    text-align: left !important;
}


.c3f-social-silae-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 15px;
}


.c3f-social-silae-item {
    display: flex;

    align-items: center;

    gap: 15px;

    min-height: 48px;

    padding:
        15px 15px;

    color: #474747;

    background: #ffffff;

    border:
        1px solid #e4e4e4;

    font-size: 15px;
}


.c3f-social-silae-item-icon {
    flex:
        0 0 27px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    color: var(--main-color);

    background: #fff5f5;

    border-radius: 50%;
}


.c3f-social-silae-item-icon .c3f-social-fa {
    font-size: 15px !important;
}


/* VISUEL SILAE */

.c3f-social-silae-panel {
    position: relative;

    min-height: 390px;

    padding:
        50px;

    color: #ffffff;

    background:
        linear-gradient(140deg,
            #b81922 0%,
            var(--main-color) 100%);

    border-radius:
        6px;

    overflow: hidden;

    box-shadow:
        0 22px 50px rgba(160, 0, 10, .15);
}


.c3f-social-silae-panel::before {
    content: "";

    position: absolute;

    right: -115px;
    top: -115px;

    width: 280px;
    height: 280px;

    border:
        40px solid rgba(255, 255, 255, .09);

    border-radius: 50%;
}


.c3f-social-silae-main-icon {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;

    margin-bottom: 30px;

    color: var(--main-color);

    background: #ffffff;

    border-radius: 50%;
}


.c3f-social-silae-main-icon .c3f-social-fa {
    font-size: 23px !important;
}


.c3f-social-silae-panel h3 {
    position: relative;

    z-index: 2;

    max-width: 400px;

    margin:
        0 0 17px !important;

    color: #ffffff !important;

    font-size: 29px !important;
    line-height: 1.15 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-social-silae-panel p {
    position: relative;

    z-index: 2;

    max-width: 420px;

    margin: 0 !important;

    color:
        rgba(255, 255, 255, .88) !important;

    font-size: 15px !important;
    line-height: 1.75 !important;

    text-align: left !important;
}


/* =========================================================
   7 — VIE DU SALARIÉ
========================================================= */

#c3f-social-timeline {
    padding:
        100px 0;

    background: #ffffff;
}


.c3f-social-timeline-head {
    max-width: 800px;

    margin-bottom: 55px;
}


.c3f-social-timeline-grid {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 0;
}


/* LIGNE CENTRALE */

.c3f-social-timeline-grid::before {
    content: "";

    position: absolute;

    top: 30px;
    left: 12.5%;

    width: 75%;
    height: 1px;

    background: #dedede;
}


.c3f-social-timeline-step {
    position: relative;

    z-index: 2;

    padding:
        0 25px;

    text-align: center;
}


.c3f-social-timeline-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 61px;
    height: 61px;

    margin:
        0 auto 24px;

    color: var(--main-color);

    background: #ffffff;

    border:
        2px solid var(--main-color);

    border-radius: 50%;

    transition:
        .3s ease;
}


.c3f-social-timeline-icon .c3f-social-fa {
    font-size: 19px !important;
}


.c3f-social-timeline-step:hover .c3f-social-timeline-icon {
    color: #ffffff;

    background: var(--main-color);

    transform:
        scale(1.06);
}


.c3f-social-timeline-step span {
    display: block;

    margin-bottom: 8px;

    color: var(--main-color);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;
}


.c3f-social-timeline-step h3 {
    margin:
        0 0 15px !important;

    color: #252525 !important;

    font-size: 17px !important;

    font-weight: 600 !important;

    text-align: center !important;
}


.c3f-social-timeline-step p {
    max-width: 230px;

    margin:
        0 auto !important;

    color: #737373 !important;

    font-size: 15px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}


/* =========================================================
   8 — CTA
========================================================= */

#c3f-social-cta {
    padding:
        35px 30px 70px;

    background: #f7f7f6;
}


.c3f-social-cta-inner {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 35px;

    width: 100%;
    max-width: 1320px;

    min-height: 185px;

    margin: 0 auto;

    padding:
        40px 55px;

    background:
        linear-gradient(110deg,
            #b51d24 0%,
            #b51d24 76%,
            #971018 100%);

    border-radius: 18px;

    overflow: hidden;
}


.c3f-social-cta-inner::after {
    content: "";

    position: absolute;

    right: -115px;
    top: -180px;

    width: 330px;
    height: 430px;

    background:
        rgba(80, 0, 7, .18);

    transform:
        rotate(-45deg);
}


.c3f-social-cta-content {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 24px;
}


.c3f-social-cta-icon {
    flex:
        0 0 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 60px;
    height: 60px;

    color: #b51d24;

    background: #ffffff;

    border-radius: 50%;
}


.c3f-social-cta-icon .c3f-social-fa {
    font-size: 22px !important;
}


.c3f-social-cta-content h2 {
    margin:
        0 0 15px !important;

    color: #ffffff !important;

    font-size: 29px !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-social-cta-content p {
    max-width: 700px;

    margin: 0 !important;

    color:
        rgba(255, 255, 255, .88) !important;

    font-size: 15px !important;
    line-height: 1.68 !important;

    text-align: left !important;
}


.c3f-social-cta-btn {
    position: relative;

    z-index: 3;

    flex:
        0 0 auto;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    min-width: 230px;
    min-height: 55px;

    padding:
        0 24px;

    color: #b51d24 !important;

    background: #ffffff;

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 700;

    transition:
        .3s ease;
}


.c3f-social-cta-btn:hover {
    color: #ffffff !important;

    background: #252525;

    transform:
        translateY(-3px);
}


/* =========================================================
   RESPONSIVE 1100
========================================================= */

@media (max-width: 1100px) {

    .c3f-social-title {
        font-size: 36px !important;
    }


    .c3f-social-hero-content h1 {
        font-size: 40px !important;
    }


    .c3f-social-missions-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .c3f-social-expertise-bar {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .c3f-social-expertise-item:nth-child(2) {
        border-right: 0;
    }


    .c3f-social-expertise-item:nth-child(1),
    .c3f-social-expertise-item:nth-child(2) {
        border-bottom:
            1px solid rgba(255, 255, 255, .13);
    }

}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 850px) {

    .c3f-social-container {
        padding-left: 20px;
        padding-right: 20px;
    }


    .c3f-social-hero-grid,
    .c3f-social-intro-grid,
    .c3f-social-employer-box,
    .c3f-social-silae-grid {
        display: block;
    }


    .c3f-social-hero-content {
        margin-bottom: 35px;
    }


    .c3f-social-hero-image {
        height: 370px !important;
    }


    .c3f-social-intro-side {
        margin-bottom: 32px;
    }


    .c3f-social-intro-content {
        padding:
            25px 0 0;

        border-left: 0;

        border-top:
            1px solid #dedede;
    }


    .c3f-social-employer-visual {
        min-height: 350px;
    }


    .c3f-social-silae-content {
        margin-bottom: 40px;
    }


    .c3f-social-timeline-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            35px 15px;
    }


    .c3f-social-timeline-grid::before {
        display: none;
    }


    .c3f-social-cta-inner {
        display: block;
    }


    .c3f-social-cta-btn {
        margin-top: 27px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 560px) {

    .c3f-social-container {
        padding-left: 15px;
        padding-right: 15px;
    }


    .c3f-social-title {
        font-size: 29px !important;
    }


    .c3f-social-hero-content h1 {
        font-size: 33px !important;

        line-height: 1.08 !important;
    }


    .c3f-social-hero-points,
    .c3f-social-missions-grid,
    .c3f-social-expertise-bar,
    .c3f-social-silae-list,
    .c3f-social-timeline-grid {
        grid-template-columns: 1fr;
    }


    .c3f-social-btn-primary,
    .c3f-social-btn-secondary {
        width: 100%;
    }


    .c3f-social-hero-image-wrap {
        padding:
            0 0 25px 15px;
    }


    .c3f-social-hero-image {
        height: 290px !important;

        border-radius:
            60px 4px 4px 4px;
    }


    .c3f-social-hero-badge {
        position: relative;

        left: auto;
        bottom: auto;

        margin:
            -15px 0 0 25px;
    }


    #c3f-social-expertise {
        padding:
            0 15px;
    }


    .c3f-social-expertise-bar {
        margin-top: 20px;
    }


    .c3f-social-expertise-item {
        border-right: 0 !important;

        border-bottom:
            1px solid rgba(255, 255, 255, .13);
    }


    .c3f-social-expertise-item:last-child {
        border-bottom: 0;
    }


    .c3f-social-mission {
        min-height: 235px;
    }


    .c3f-social-employer-content {
        padding:
            40px 25px;
    }


    .c3f-social-employer-content h2 {
        font-size: 27px !important;
    }


    .c3f-social-silae-panel {
        min-height: 0;

        padding:
            40px 28px;
    }


    .c3f-social-timeline-step {
        padding:
            0 15px;
    }


    #c3f-social-cta {
        padding:
            20px 15px 50px;
    }


    .c3f-social-cta-inner {
        padding:
            35px 26px;
    }


    .c3f-social-cta-content {
        display: block;
    }


    .c3f-social-cta-icon {
        margin-bottom: 20px;
    }


    .c3f-social-cta-content h2 {
        font-size: 25px !important;
    }


    .c3f-social-cta-btn {
        width: 100%;
    }

}

/* Page commissaire aux comptes */

#c3f-audit-page,
#c3f-audit-page *,
#c3f-audit-page *::before,
#c3f-audit-page *::after {
    box-sizing: border-box;
}

#c3f-audit-page {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    color: #252525;
}


/* =========================================================
   FONT AWESOME 6
========================================================= */

#c3f-audit-page .c3f-audit-fa {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Font Awesome 6 Free" !important;
    font-style: normal !important;
    font-weight: 900 !important;

    line-height: 1 !important;
    text-align: center;
}


/* =========================================================
   CONTAINER
========================================================= */

.c3f-audit-container {
    position: relative;

    width: 100%;
    max-width: 1320px;

    margin: 0 auto;

    padding-left: 30px;
    padding-right: 30px;
}


/* =========================================================
   TITRES
========================================================= */

.c3f-audit-label {
    display: flex;
    align-items: center;

    width: max-content;

    margin-bottom: 17px;

    color: var(--main-color);

    font-size: 15px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.c3f-audit-label::after {
    content: "";

    display: block;

    width: 42px;
    height: 2px;

    margin-left: 16px;

    background: var(--main-color);
}

.c3f-audit-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #252525 !important;

    font-size: 41px !important;
    line-height: 1.08 !important;

    font-weight: 600 !important;

    letter-spacing: -1.1px !important;

    text-align: left !important;
}

.c3f-audit-title strong {
    display: block;

    color: var(--main-color) !important;

    font-weight: 600 !important;
}


/* =========================================================
   1 - HERO SOMBRE
========================================================= */

#c3f-audit-hero {
    position: relative;

    min-height: 600px;

    background: #252c30;

    overflow: hidden;
}


/* GRANDE COURBE ROUGE */

#c3f-audit-hero::before {
    content: "";

    position: absolute;

    top: -390px;
    right: -260px;

    width: 850px;
    height: 850px;

    border: 115px solid rgba(227, 6, 19, .15);

    border-radius: 50%;
}


/* LIGNE VERTICALE */

#c3f-audit-hero::after {
    content: "";

    position: absolute;

    top: 0;
    right: 38%;

    width: 1px;
    height: 100%;

    background:
        rgba(255, 255, 255, .07);
}


.c3f-audit-hero-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr) minmax(0, .95fr);

    align-items: stretch;

    min-height: 600px;
}


/* =========================================================
   HERO GAUCHE
========================================================= */

.c3f-audit-hero-content {
    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        85px 80px 85px 0;
}


.c3f-audit-hero-content .c3f-audit-label {
    color: #ff4c53;
}


.c3f-audit-hero-content .c3f-audit-label::after {
    background: #ff4c53;
}


.c3f-audit-hero-content h1 {
    max-width: 720px;

    margin:
        0 0 25px !important;

    padding: 0 !important;

    color: #ffffff !important;

    font-size: 35px !important;
    line-height: 1.03 !important;

    font-weight: 600 !important;

    letter-spacing: -1.5px !important;

    text-align: left !important;
}

article.c3f-audit-process-step:hover span.c3f-audit-fa {
    color: #fff;
}

.c3f-audit-hero-content h1 strong {
    display: block;

    color: #ef3038 !important;

    font-weight: 600 !important;
}


.c3f-audit-hero-content>p {
    max-width: 640px;

    margin:
        0 0 32px !important;

    color:
        rgba(255, 255, 255, .72) !important;

    font-size: 14.5px !important;
    line-height: 1.85 !important;

    text-align: left !important;
}


.c3f-audit-hero-content>p strong {
    color: #ffffff;
}


/* =========================================================
   HERO VALEURS
========================================================= */

.c3f-audit-hero-values {
    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    margin-bottom: 32px;
}


.c3f-audit-hero-value {
    display: flex;

    align-items: center;

    gap: 9px;

    padding:
        15px 15px;

    color:
        rgba(255, 255, 255, .82);

    border:
        1px solid rgba(255, 255, 255, .12);

    font-size: 15px;
}


.c3f-audit-hero-value-icon {
    color: #ef3038;
}


.c3f-audit-hero-value-icon .c3f-audit-fa {
    font-size: 15px !important;
}


/* =========================================================
   HERO CTA
========================================================= */

.c3f-audit-hero-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    width: max-content;

    min-height: 52px;

    padding:
        0 24px;

    color: #ffffff !important;

    background: var(--main-color);

    border:
        1px solid var(--main-color);

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 700;

    transition: .3s ease;
}


.c3f-audit-hero-btn:hover {
    background: #ffffff;

    border-color: #ffffff;

    color: #252525 !important;

    transform:
        translateY(-2px);
}


/* =========================================================
   HERO DROITE
========================================================= */

.c3f-audit-hero-visual {
    position: relative;

    display: flex;

    align-items: center;

    padding:
        55px 0 55px 55px;
}


.c3f-audit-hero-image {
    position: relative;

    z-index: 2;

    display: block !important;

    width: 100% !important;
    height: 485px !important;

    object-fit: cover;

    border-radius:
        2px 2px 90px 2px;

    filter:
        saturate(.85);

    box-shadow:
        0 25px 60px rgba(0, 0, 0, .25);
}


/* BADGE */

.c3f-audit-hero-badge {
    position: absolute;

    z-index: 4;

    left: 15px;
    bottom: 85px;

    width: 230px;

    padding:
        21px;

    color: #252525;

    background: #ffffff;

    box-shadow:
        0 16px 40px rgba(0, 0, 0, .2);
}


.c3f-audit-hero-badge-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    margin-bottom: 15px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-audit-hero-badge-icon .c3f-audit-fa {
    font-size: 17px !important;
}


.c3f-audit-hero-badge strong {
    display: block;

    margin-bottom: 6px;

    color: #252525;

    font-size: 15px;

    line-height: 1.3;
}


.c3f-audit-hero-badge span {
    display: block;

    color: #777777;

    font-size: 15px;

    line-height: 1.5;
}


/* =========================================================
   2 - INTRO EDITORIALE
========================================================= */

#c3f-audit-intro {
    padding:
        95px 0;

    background: #ffffff;
}


.c3f-audit-intro-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .85fr) minmax(0, 1.15fr);

    gap: 90px;

    align-items: start;
}


/* GAUCHE */

.c3f-audit-intro-left {
    position: relative;

    padding-top: 15px;
}


.c3f-audit-intro-number {
    position: absolute;

    top: -15px;
    left: -5px;

    color:
        rgba(227, 6, 19, .06);

    font-size: 135px;

    line-height: 1;

    font-weight: 700;

    pointer-events: none;
}


.c3f-audit-intro-left h2 {
    position: relative;

    z-index: 2;

    max-width: 490px;

    margin:
        0 0 20px !important;

    color: #252525 !important;

    font-size: 34px !important;
    line-height: 1.12 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-audit-intro-left h2 strong {
    color: var(--main-color);
}


/* DROITE */

.c3f-audit-intro-right {
    padding-left: 35px;

    border-left:
        1px solid #dddddd;
}


.c3f-audit-intro-right p {
    margin:
        0 0 18px !important;

    color: #666666 !important;

    font-size: 15px !important;

    line-height: 1.85 !important;

    text-align: left !important;
}


.c3f-audit-intro-right p:last-child {
    margin-bottom: 0 !important;
}


.c3f-audit-intro-right strong {
    color: #252525;
}


/* =========================================================
   3 - MISSIONS
========================================================= */

#c3f-audit-missions {
    padding:
        100px 0;

    background: #f7f7f6;
}


.c3f-audit-missions-head {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr) minmax(280px, .45fr);

    gap: 70px;

    align-items: end;

    margin-bottom: 50px;
}


.c3f-audit-missions-head-text {
    padding-left: 28px;

    border-left:
        1px solid #dddddd;
}


.c3f-audit-missions-head-text p {
    margin: 0 !important;

    color: #747474 !important;

    font-size: 15px !important;

    line-height: 1.75 !important;

    text-align: left !important;
}


/* =========================================================
   MISSIONS LIGNES
========================================================= */

.c3f-audit-missions-list {
    border-top:
        1px solid #dddddd;
}


.c3f-audit-mission-row {
    position: relative;

    display: grid;

    grid-template-columns:
        90px 70px minmax(220px, .8fr) minmax(300px, 1.2fr) 40px;

    align-items: center;

    gap: 25px;

    min-height: 135px;

    padding:
        22px 15px;

    border-bottom:
        1px solid #dddddd;

    transition:
        background .3s ease,
        padding .3s ease;
}


.c3f-audit-mission-row:hover {
    padding-left: 20px;
    padding-right: 20px;

    background: #ffffff;
}


/* NUMERO */

.c3f-audit-mission-number {
    color: #aaaaaa;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 1px;
}


/* ICONE */

.c3f-audit-mission-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    color: var(--main-color);

    background: #fff3f4;

    border-radius: 50%;

    transition: .3s ease;
}


.c3f-audit-mission-icon .c3f-audit-fa {
    font-size: 19px !important;
}


.c3f-audit-mission-row:hover .c3f-audit-mission-icon {
    color: #ffffff;

    background: var(--main-color);
}


/* TITRE */

.c3f-audit-mission-row h3 {
    margin: 0 !important;

    color: #252525 !important;

    font-size: 18px !important;
    line-height: 1.3 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


/* TEXTE */

.c3f-audit-mission-row p {
    margin: 0 !important;

    color: #747474 !important;

    font-size: 15px !important;

    line-height: 1.7 !important;

    text-align: left !important;
}


/* FLECHE */

.c3f-audit-mission-arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    color: #999999;

    border:
        1px solid #d9d9d9;

    border-radius: 50%;

    transition: .3s ease;
}


.c3f-audit-mission-row:hover .c3f-audit-mission-arrow {
    color: #ffffff;

    background: var(--main-color);

    border-color: var(--main-color);

    transform:
        translateX(4px);
}


/* =========================================================
   4 - PRINCIPES
========================================================= */

#c3f-audit-principles {
    padding:
        100px 0;

    background: #ffffff;
}


.c3f-audit-principles-box {
    position: relative;

    display: grid;

    grid-template-columns:
        38% 62%;

    max-width: 1180px;

    margin: 0 auto;

    background: #252c30;

    border-radius: 15px;

    overflow: hidden;
}


/* GAUCHE ROUGE */

.c3f-audit-principles-left {
    position: relative;

    padding:
        60px 48px;

    background: #b51d24;

    overflow: hidden;
}


.c3f-audit-principles-left::after {
    content: "";

    position: absolute;

    right: -150px;
    bottom: -170px;

    width: 340px;
    height: 340px;

    border:
        50px solid rgba(255, 255, 255, .08);

    border-radius: 50%;
}


.c3f-audit-principles-left h2 {
    position: relative;

    z-index: 2;

    margin:
        0 0 18px !important;

    color: #ffffff !important;

    font-size: 31px !important;
    line-height: 1.12 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-audit-principles-left p {
    position: relative;

    z-index: 2;

    margin: 0 !important;

    color:
        rgba(255, 255, 255, .85) !important;

    font-size: 15px !important;

    line-height: 1.75 !important;

    text-align: left !important;
}


/* DROITE */

.c3f-audit-principles-right {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}


.c3f-audit-principle {
    min-height: 215px;

    padding:
        40px;

    border-right:
        1px solid rgba(255, 255, 255, .1);

    border-bottom:
        1px solid rgba(255, 255, 255, .1);
}


.c3f-audit-principle:nth-child(2n) {
    border-right: 0;
}


.c3f-audit-principle:nth-last-child(-n+2) {
    border-bottom: 0;
}


.c3f-audit-principle-icon {
    margin-bottom: 24px;

    color: #ef3038;
}


.c3f-audit-principle-icon .c3f-audit-fa {
    font-size: 24px !important;
}


.c3f-audit-principle h3 {
    margin:
        0 0 15px !important;

    color: #ffffff !important;

    font-size: 17px !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-audit-principle p {
    margin: 0 !important;

    color:
        rgba(255, 255, 255, .64) !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    text-align: left !important;
}


/* =========================================================
   5 - PROCESSUS AUDIT
========================================================= */

#c3f-audit-process {
    padding:
        100px 0;

    background: #f7f7f6;
}


.c3f-audit-process-head {
    max-width: 800px;

    margin-bottom: 60px;
}


/* TIMELINE */

.c3f-audit-process-line {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 20px;
}


.c3f-audit-process-line::before {
    content: "";

    position: absolute;

    top: 32px;
    left: 12%;

    width: 76%;
    height: 1px;

    background: #cccccc;
}


.c3f-audit-process-step {
    position: relative;

    z-index: 2;
}


.c3f-audit-process-marker {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 65px;
    height: 65px;

    margin-bottom: 28px;

    color: var(--main-color);

    background: #ffffff;

    border:
        2px solid var(--main-color);

    border-radius: 50%;

    transition: .3s ease;
}


.c3f-audit-process-marker .c3f-audit-fa {
    font-size: 19px !important;
}


.c3f-audit-process-step:hover .c3f-audit-process-marker {
    color: #ffffff;

    background: var(--main-color);

    transform:
        scale(1.06);
}


.c3f-audit-process-step span {
    display: block;

    margin-bottom: 8px;

    color: var(--main-color);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.3px;

    text-transform: uppercase;
}


.c3f-audit-process-step h3 {
    margin:
        0 0 15px !important;

    color: #252525 !important;

    font-size: 17px !important;

    line-height: 1.25 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-audit-process-step p {
    max-width: 235px;

    margin: 0 !important;

    color: #747474 !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    text-align: left !important;
}


/* =========================================================
   6 - QUAND FAIRE APPEL
========================================================= */

#c3f-audit-when {
    padding:
        100px 0;

    background: #ffffff;
}


.c3f-audit-when-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .95fr) minmax(0, 1.05fr);

    gap: 80px;

    align-items: center;
}


/* VISUEL */

.c3f-audit-when-visual {
    position: relative;
}


.c3f-audit-when-image {
    display: block !important;

    width: 100% !important;
    height: 450px !important;

    object-fit: cover;

    border-radius:
        2px 80px 2px 2px;
}


.c3f-audit-when-visual::before {
    content: "";

    position: absolute;

    z-index: -1;

    left: -25px;
    bottom: -25px;

    width: 75%;
    height: 85%;

    background: var(--main-color);

    opacity: .06;

    border-radius:
        2px 2px 2px 80px;
}


/* TEXTE */

.c3f-audit-when-content>p {
    margin:
        22px 0 28px !important;

    color: #666666 !important;

    font-size: 15px !important;

    line-height: 1.8 !important;

    text-align: left !important;
}


/* LISTE */

.c3f-audit-when-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 15px;
}


.c3f-audit-when-item {
    display: flex;

    align-items: center;

    gap: 15px;

    min-height: 55px;

    padding:
        15px 15px;

    color: #454545;

    background: #f8f8f7;

    border:
        1px solid #e5e5e5;

    font-size: 15px;
}


.c3f-audit-when-item-icon {
    flex:
        0 0 28px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-audit-when-item-icon .c3f-audit-fa {
    font-size: 15px !important;
}


/* =========================================================
   7 - CTA FINAL
========================================================= */

#c3f-audit-cta {
    padding:
        35px 30px 70px;

    background: #f7f7f6;
}


.c3f-audit-cta-inner {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 35px;

    width: 100%;
    max-width: 1320px;

    min-height: 185px;

    margin: 0 auto;

    padding:
        40px 55px;

    background:
        linear-gradient(110deg,
            #252c30 0%,
            #252c30 72%,
            #1e2428 100%);

    border-radius: 18px;

    overflow: hidden;
}


.c3f-audit-cta-inner::after {
    content: "";

    position: absolute;

    right: -100px;
    top: -175px;

    width: 340px;
    height: 430px;

    border:
        60px solid rgba(227, 6, 19, .25);

    border-radius: 50%;
}


.c3f-audit-cta-content {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 24px;
}


.c3f-audit-cta-icon {
    flex:
        0 0 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 60px;
    height: 60px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-audit-cta-icon .c3f-audit-fa {
    font-size: 22px !important;
}


.c3f-audit-cta-content h2 {
    margin:
        0 0 9px !important;

    color: #ffffff !important;

    font-size: 29px !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-audit-cta-content p {
    max-width: 720px;

    margin: 0 !important;

    color:
        rgba(255, 255, 255, .7) !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    text-align: left !important;
}


.c3f-audit-cta-btn {
    position: relative;

    z-index: 3;

    flex:
        0 0 auto;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    min-width: 240px;
    min-height: 55px;

    padding:
        0 25px;

    color: var(--main-color) !important;

    background: #ffffff;

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 700;

    transition: .3s ease;
}


.c3f-audit-cta-btn:hover {
    color: #ffffff !important;

    background: var(--main-color);

    transform:
        translateY(-3px);
}


/* =========================================================
   RESPONSIVE 1100
========================================================= */

@media(max-width:1100px) {

    .c3f-audit-title {
        font-size: 36px !important;
    }

    .c3f-audit-hero-content h1 {
        font-size: 41px !important;
    }

    .c3f-audit-mission-row {
        grid-template-columns:
            60px 60px minmax(180px, .8fr) minmax(250px, 1.2fr) 35px;
    }

}


/* =========================================================
   TABLETTE
========================================================= */

@media(max-width:850px) {

    .c3f-audit-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .c3f-audit-hero-grid,
    .c3f-audit-intro-grid,
    .c3f-audit-principles-box,
    .c3f-audit-when-grid {
        display: block;
    }

    .c3f-audit-hero-content {
        padding:
            65px 0 35px;
    }

    .c3f-audit-hero-visual {
        padding:
            20px 0 65px;
    }

    .c3f-audit-intro-left {
        margin-bottom: 35px;
    }

    .c3f-audit-intro-right {
        padding:
            25px 0 0;

        border-left: 0;

        border-top:
            1px solid #dddddd;
    }

    .c3f-audit-missions-head {
        display: block;
    }

    .c3f-audit-missions-head-text {
        margin-top: 25px;

        padding:
            20px 0 0;

        border-left: 0;

        border-top:
            1px solid #dddddd;
    }

    .c3f-audit-mission-row {
        grid-template-columns:
            50px 55px 1fr;

        gap: 18px;

        padding:
            25px 15px;
    }

    .c3f-audit-mission-row p {
        grid-column:
            3 / 4;
    }

    .c3f-audit-mission-arrow {
        display: none;
    }

    .c3f-audit-process-line {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            50px 25px;
    }

    .c3f-audit-process-line::before {
        display: none;
    }

    .c3f-audit-when-visual {
        margin-bottom: 50px;
    }

    .c3f-audit-cta-inner {
        display: block;
    }

    .c3f-audit-cta-btn {
        margin-top: 28px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:560px) {

    .c3f-audit-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .c3f-audit-title {
        font-size: 29px !important;
    }

    .c3f-audit-hero-content h1 {
        font-size: 33px !important;
        line-height: 1.08 !important;
    }

    .c3f-audit-hero-image {
        height: 320px !important;

        border-radius:
            2px 2px 55px 2px;
    }

    .c3f-audit-hero-badge {
        position: relative;

        left: auto;
        bottom: auto;

        width: calc(100% - 30px);

        margin:
            -35px 15px 0;
    }

    .c3f-audit-mission-row {
        display: grid;

        grid-template-columns:
            35px 50px 1fr;
    }

    .c3f-audit-mission-row p {
        grid-column:
            1 / 4;

        margin-top: 7px !important;
    }

    .c3f-audit-principles-left {
        padding:
            42px 27px;
    }

    .c3f-audit-principles-right {
        grid-template-columns: 1fr;
    }

    .c3f-audit-principle {
        min-height: 0;

        padding:
            32px 27px;

        border-right: 0 !important;

        border-bottom:
            1px solid rgba(255, 255, 255, .1) !important;
    }

    .c3f-audit-principle:last-child {
        border-bottom: 0 !important;
    }

    .c3f-audit-process-line,
    .c3f-audit-when-list {
        grid-template-columns: 1fr;
    }

    .c3f-audit-when-image {
        height: 320px !important;
    }

    #c3f-audit-cta {
        padding:
            20px 15px 50px;
    }

    .c3f-audit-cta-inner {
        padding:
            35px 26px;
    }

    .c3f-audit-cta-content {
        display: block;
    }

    .c3f-audit-cta-icon {
        margin-bottom: 20px;
    }

    .c3f-audit-cta-content h2 {
        font-size: 25px !important;
    }

    .c3f-audit-cta-btn {
        width: 100%;
    }

}

/* Page conseil et gestion juridique */

#c3f-juridique-page,
#c3f-juridique-page *,
#c3f-juridique-page *::before,
#c3f-juridique-page *::after {
    box-sizing: border-box;
}

#c3f-juridique-page {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    color: #252525;
}


/* =========================================================
   FONT AWESOME
========================================================= */

#c3f-juridique-page .c3f-compta-fa {
    display: inline-block !important;

    font-family: "Font Awesome 6 Free" !important;
    font-style: normal !important;
    font-weight: 900 !important;

    line-height: 1 !important;

    text-align: center;
}


/* =========================================================
   CLASSES COMMUNES C3F
   Tu peux supprimer cette partie si elles sont déjà
   présentes dans ton CSS global
========================================================= */

.c3f-compta-container {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;

    padding-left: 30px;
    padding-right: 30px;
}


.c3f-compta-label {
    display: flex;
    align-items: center;

    width: max-content;

    margin-bottom: 17px;

    color: var(--main-color);

    font-size: 15px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}


.c3f-compta-label::after {
    content: "";

    width: 42px;
    height: 2px;

    margin-left: 16px;

    background: var(--main-color);
}


.c3f-compta-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #252525 !important;

    font-size: 40px !important;
    line-height: 1.08 !important;

    font-weight: 600 !important;

    letter-spacing: -1.1px !important;

    text-align: left !important;
}


.c3f-compta-title strong {
    color: var(--main-color) !important;

    font-weight: 600 !important;
}


/* =========================================================
   1 - HERO
========================================================= */

#c3f-juridique-hero {
    position: relative;

    padding:
        80px 0 100px;

    background: #f7f7f6;

    overflow: hidden;
}


/* forme rouge */

#c3f-juridique-hero::before {
    content: "";

    position: absolute;

    top: -300px;
    left: -315px;

    width: 650px;
    height: 650px;

    border:
        90px solid rgba(227, 6, 19, .045);

    border-radius: 50%;
}


/* points */

#c3f-juridique-hero::after {
    content: "";

    position: absolute;

    right: 5%;
    bottom: 35px;

    width: 85px;
    height: 65px;

    opacity: .15;

    background-image:
        radial-gradient(var(--main-color) 1.5px,
            transparent 1.5px);

    background-size:
        15px 15px;
}


.c3f-juridique-hero-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 52%) minmax(0, 48%);

    align-items: center;

    gap: 75px;
}


/* =========================================================
   IMAGE HERO
========================================================= */

.c3f-juridique-hero-media {
    position: relative;

    padding:
        0 35px 35px 0;
}


.c3f-juridique-hero-media::before {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 78%;
    height: 82%;

    background: var(--main-color);

    opacity: .06;

    border-radius:
        5px 5px 90px 5px;
}


.c3f-juridique-hero-media img {
    position: relative;

    z-index: 2;

    display: block;

    width: 100%;
    height: 470px;

    object-fit: cover;

    border-radius:
        5px 5px 90px 5px;

    box-shadow:
        0 25px 55px rgba(30, 35, 40, .11);
}


/* carte flottante */

.c3f-juridique-hero-card {
    position: absolute;

    z-index: 4;

    right: 0;
    bottom: 65px;

    width: 240px;

    padding:
        20px;

    background: #ffffff;

    border:
        1px solid #e4e4e4;

    box-shadow:
        0 15px 40px rgba(25, 30, 35, .12);
}


.c3f-juridique-hero-card-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    margin-bottom: 15px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-juridique-hero-card-icon .c3f-compta-fa {
    font-size: 16px !important;
}


.c3f-juridique-hero-card strong {
    display: block;

    margin-bottom: 7px;

    color: #252525;

    font-size: 15px;

    line-height: 1.3;
}


.c3f-juridique-hero-card p {
    margin: 0 !important;

    color: #777777 !important;

    font-size: 15px !important;

    line-height: 1.55 !important;

    text-align: left !important;
}


/* =========================================================
   HERO TEXTE
========================================================= */

.c3f-juridique-hero-content h1 {
    max-width: 620px;

    margin:
        0 0 24px !important;

    color: #252525 !important;

    font-size: 35px !important;
    line-height: 1.05 !important;

    font-weight: 600 !important;

    letter-spacing: -1.4px !important;

    text-align: left !important;
}


.c3f-juridique-hero-content h1 strong {
    display: block;

    color: var(--main-color) !important;

    font-weight: 600 !important;
}


.c3f-juridique-hero-content>p {
    max-width: 620px;

    margin:
        0 0 28px !important;

    color: #686868 !important;

    font-size: 15px !important;
    line-height: 1.82 !important;

    text-align: left !important;
}


/* LISTE */

.c3f-juridique-hero-list {
    display: flex;

    flex-direction: column;

    gap: 15px;

    margin-bottom: 30px;
}


.c3f-juridique-hero-list-item {
    display: flex;

    align-items: center;

    gap: 15px;

    color: #454545;

    font-size: 15px;
}


.c3f-juridique-check {
    flex:
        0 0 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-juridique-check .c3f-compta-fa {
    font-size: 8px !important;
}


/* =========================================================
   BOUTON
========================================================= */

.c3f-juridique-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    min-height: 51px;

    padding:
        0 23px;

    color: #ffffff !important;

    background: var(--main-color);

    border:
        1px solid var(--main-color);

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 700;

    transition:
        .3s ease;
}


.c3f-juridique-button:hover {
    background: #b70912;

    border-color: #b70912;

    transform:
        translateY(-2px);
}


/* =========================================================
   2 - INTRO COURTE
========================================================= */

#c3f-juridique-intro {
    padding:
        90px 0;

    background: #ffffff;
}


.c3f-juridique-intro-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .75fr) minmax(0, 1.25fr);

    gap: 85px;
}


.c3f-juridique-intro-left {
    padding-left: 28px;

    border-left:
        3px solid var(--main-color);
}


.c3f-juridique-intro-left strong {
    display: block;

    margin-bottom: 15px;

    color: #252525;

    font-size: 22px;

    line-height: 1.3;

    font-weight: 600;
}


.c3f-juridique-intro-left p {
    margin: 0 !important;

    color: #777777 !important;

    font-size: 15px !important;

    line-height: 1.7 !important;

    text-align: left !important;
}


.c3f-juridique-intro-right {
    padding-left: 32px;

    border-left:
        1px solid #dedede;
}


.c3f-juridique-intro-right p {
    margin:
        0 0 17px !important;

    color: #666666 !important;

    font-size: 15px !important;

    line-height: 1.82 !important;

    text-align: left !important;
}


.c3f-juridique-intro-right p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   3 - DOSSIERS JURIDIQUES
========================================================= */

#c3f-juridique-services {
    padding:
        100px 0;

    background: #f7f7f6;
}


.c3f-juridique-services-head {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr) minmax(300px, .55fr);

    align-items: end;

    gap: 60px;

    margin-bottom: 50px;
}


.c3f-juridique-services-head-text {
    padding-left: 28px;

    border-left:
        1px solid #d9d9d9;
}


.c3f-juridique-services-head-text p {
    margin: 0 !important;

    color: #767676 !important;

    font-size: 15px !important;

    line-height: 1.75 !important;

    text-align: left !important;
}


/* =========================================================
   LISTE
========================================================= */

.c3f-juridique-services-list {
    border-top:
        1px solid #dddddd;
}


.c3f-juridique-service {
    position: relative;

    display: grid;

    grid-template-columns:
        65px 65px minmax(230px, .75fr) minmax(300px, 1.25fr) 40px;

    align-items: center;

    gap: 25px;

    min-height: 140px;

    padding:
        20px 15px;

    border-bottom:
        1px solid #dddddd;

    transition:
        .3s ease;
}


.c3f-juridique-service:hover {
    padding-left: 28px;
    padding-right: 28px;

    background: #ffffff;

    box-shadow:
        0 15px 35px rgba(25, 30, 35, .04);
}


.c3f-juridique-service-number {
    color: #aaaaaa;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 1px;
}


.c3f-juridique-service-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    color: var(--main-color);

    background: #fff5f5;

    border-radius: 50%;

    transition: .3s ease;
}


.c3f-juridique-service-icon .c3f-compta-fa {
    font-size: 18px !important;
}


.c3f-juridique-service:hover .c3f-juridique-service-icon {
    color: #ffffff;

    background: var(--main-color);
}


.c3f-juridique-service h3 {
    margin: 0 !important;

    color: #252525 !important;

    font-size: 18px !important;

    line-height: 1.3 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-juridique-service p {
    margin: 0 !important;

    color: #737373 !important;

    font-size: 15px !important;

    line-height: 1.7 !important;

    text-align: left !important;
}


.c3f-juridique-service-arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    color: #999999;

    border:
        1px solid #dddddd;

    border-radius: 50%;

    transition:
        .3s ease;
}


.c3f-juridique-service:hover .c3f-juridique-service-arrow {
    color: #ffffff;

    background: var(--main-color);

    border-color: var(--main-color);

    transform:
        translateX(4px);
}


/* =========================================================
   4 - VIE ENTREPRISE
========================================================= */

#c3f-juridique-life {
    padding:
        100px 0;

    background: #ffffff;
}


.c3f-juridique-life-head {
    max-width: 830px;

    margin-bottom: 58px;
}


.c3f-juridique-life-grid {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));
}


.c3f-juridique-life-grid::before {
    content: "";

    position: absolute;

    top: 34px;
    left: 10%;

    width: 80%;
    height: 1px;

    background: #d7d7d7;
}


.c3f-juridique-life-item {
    position: relative;

    z-index: 2;

    padding:
        0 17px;

    text-align: center;
}


.c3f-juridique-life-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 68px;
    height: 68px;

    margin:
        0 auto 23px;

    color: var(--main-color);

    background: #ffffff;

    border:
        2px solid var(--main-color);

    border-radius: 50%;

    transition: .3s ease;
}


.c3f-juridique-life-icon .c3f-compta-fa {
    font-size: 19px !important;
}


.c3f-juridique-life-item:hover .c3f-juridique-life-icon {
    color: #ffffff;

    background: var(--main-color);

    transform:
        scale(1.06);
}


.c3f-juridique-life-item>span {
    display: block;

    margin-bottom: 8px;

    color: var(--main-color);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;
}


.c3f-juridique-life-item h3 {
    margin:
        0 0 15px !important;

    color: #252525 !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    text-align: center !important;
}


.c3f-juridique-life-item p {
    max-width: 215px;

    margin:
        0 auto !important;

    color: #777777 !important;

    font-size: 15px !important;

    line-height: 1.6 !important;

    text-align: center !important;
}


/* =========================================================
   5 - BLOC STRATÉGIQUE
========================================================= */

#c3f-juridique-strategy {
    padding:
        95px 0;

    background: #f7f7f6;
}


.c3f-juridique-strategy-box {
    display: grid;

    grid-template-columns:
        minmax(0, 44%) minmax(0, 56%);

    max-width: 1240px;

    margin: 0 auto;

    background: #252c30;

    border-radius: 15px;

    overflow: hidden;
}


/* partie rouge */

.c3f-juridique-strategy-left {
    position: relative;

    min-height: 460px;

    padding:
        58px 48px;

    background: #b51d24;

    overflow: hidden;
}


.c3f-juridique-strategy-left::before {
    content: "";

    position: absolute;

    right: -155px;
    bottom: -170px;

    width: 350px;
    height: 350px;

    border:
        48px solid rgba(255, 255, 255, .08);

    border-radius: 50%;
}


.c3f-juridique-strategy-big-icon {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 65px;
    height: 65px;

    margin-bottom: 35px;

    color: #b51d24;

    background: #ffffff;

    border-radius: 50%;
}


.c3f-juridique-strategy-big-icon .c3f-compta-fa {
    font-size: 24px !important;
}


.c3f-juridique-strategy-left h2 {
    position: relative;

    z-index: 2;

    max-width: 460px;

    margin:
        0 0 20px !important;

    color: #ffffff !important;

    font-size: 31px !important;

    line-height: 1.12 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-juridique-strategy-left p {
    position: relative;

    z-index: 2;

    margin: 0 !important;

    color:
        rgba(255, 255, 255, .84) !important;

    font-size: 15px !important;

    line-height: 1.78 !important;

    text-align: left !important;
}


/* droite */

.c3f-juridique-strategy-right {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}


.c3f-juridique-strategy-card {
    position: relative;

    min-height: 230px;

    padding:
        38px;

    border-right:
        1px solid rgba(255, 255, 255, .1);

    border-bottom:
        1px solid rgba(255, 255, 255, .1);
}


.c3f-juridique-strategy-card:nth-child(2n) {
    border-right: 0;
}


.c3f-juridique-strategy-card:nth-last-child(-n+2) {
    border-bottom: 0;
}


.c3f-juridique-strategy-card-icon {
    margin-bottom: 22px;

    color: #ef3038;
}


.c3f-juridique-strategy-card-icon .c3f-compta-fa {
    font-size: 22px !important;
}


.c3f-juridique-strategy-card h3 {
    margin:
        0 0 15px !important;

    color: #ffffff !important;

    font-size: 16px !important;

    line-height: 1.3 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-juridique-strategy-card p {
    margin: 0 !important;

    color:
        rgba(255, 255, 255, .62) !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    text-align: left !important;
}


/* =========================================================
   6 - CTA FINAL
========================================================= */

#c3f-juridique-cta {
    padding:
        40px 30px 75px;

    background: #f7f7f6;
}


.c3f-juridique-cta-inner {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 35px;

    width: 100%;
    max-width: 1320px;

    min-height: 180px;

    margin: 0 auto;

    padding:
        40px 55px;

    background:
        linear-gradient(110deg,
            #b51d24 0%,
            #b51d24 76%,
            #971018 100%);

    border-radius: 18px;

    overflow: hidden;
}


.c3f-juridique-cta-inner::after {
    content: "";

    position: absolute;

    right: -120px;
    top: -180px;

    width: 340px;
    height: 430px;

    background:
        rgba(80, 0, 7, .18);

    transform:
        rotate(-45deg);
}


.c3f-juridique-cta-content {
    position: relative;

    z-index: 2;
}


.c3f-juridique-cta-content h2 {
    margin:
        0 0 15px !important;

    color: #ffffff !important;

    font-size: 29px !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-juridique-cta-content p {
    max-width: 720px;

    margin: 0 !important;

    color:
        rgba(255, 255, 255, .87) !important;

    font-size: 15px !important;

    line-height: 1.68 !important;

    text-align: left !important;
}


.c3f-juridique-cta-button {
    position: relative;

    z-index: 3;

    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    min-width: 230px;
    min-height: 55px;

    padding:
        0 25px;

    color: #b51d24 !important;

    background: #ffffff;

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 700;

    transition: .3s ease;
}


.c3f-juridique-cta-button:hover {
    color: #ffffff !important;

    background: #252525;

    transform:
        translateY(-3px);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1050px) {

    .c3f-juridique-hero-content h1 {
        font-size: 39px !important;
    }

    .c3f-juridique-service {
        grid-template-columns:
            50px 55px minmax(190px, .8fr) 1.2fr 35px;
    }

}


@media(max-width:850px) {

    .c3f-compta-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .c3f-juridique-hero-grid,
    .c3f-juridique-intro-grid,
    .c3f-juridique-strategy-box {
        display: block;
    }

    .c3f-juridique-hero-media {
        margin-bottom: 50px;
    }

    .c3f-juridique-intro-left {
        margin-bottom: 35px;
    }

    .c3f-juridique-intro-right {
        padding:
            25px 0 0;

        border-left: 0;

        border-top:
            1px solid #dedede;
    }

    .c3f-juridique-services-head {
        display: block;
    }

    .c3f-juridique-services-head-text {
        margin-top: 25px;

        padding:
            20px 0 0;

        border-left: 0;

        border-top:
            1px solid #dddddd;
    }

    .c3f-juridique-service {
        grid-template-columns:
            35px 55px 1fr;
    }

    .c3f-juridique-service p {
        grid-column:
            3 / 4;
    }

    .c3f-juridique-service-arrow {
        display: none;
    }

    .c3f-juridique-life-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            35px 15px;
    }

    .c3f-juridique-life-grid::before {
        display: none;
    }

    .c3f-juridique-cta-inner {
        display: block;
    }

    .c3f-juridique-cta-button {
        margin-top: 27px;
    }

}


@media(max-width:560px) {

    .c3f-compta-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .c3f-compta-title {
        font-size: 29px !important;
    }

    .c3f-juridique-hero-content h1 {
        font-size: 33px !important;
    }

    .c3f-juridique-hero-media {
        padding:
            0 15px 25px 0;
    }

    .c3f-juridique-hero-media img {
        height: 320px;

        border-radius:
            5px 5px 55px 5px;
    }

    .c3f-juridique-hero-card {
        position: relative;

        right: auto;
        bottom: auto;

        width: calc(100% - 30px);

        margin:
            -35px 0 0 30px;
    }

    .c3f-juridique-button {
        width: 100%;
    }

    .c3f-juridique-service {
        display: grid;

        grid-template-columns:
            35px 50px 1fr;

        gap: 15px;
    }

    .c3f-juridique-service p {
        grid-column:
            1 / 4;

        margin-top: 5px !important;
    }

    .c3f-juridique-life-grid {
        grid-template-columns: 1fr;
    }

    .c3f-juridique-strategy-right {
        grid-template-columns: 1fr;
    }

    .c3f-juridique-strategy-card {
        border-right: 0 !important;

        border-bottom:
            1px solid rgba(255, 255, 255, .1) !important;
    }

    .c3f-juridique-strategy-card:last-child {
        border-bottom: 0 !important;
    }

    .c3f-juridique-strategy-left {
        min-height: 0;

        padding:
            42px 27px;
    }

    #c3f-juridique-cta {
        padding:
            20px 15px 50px;
    }

    .c3f-juridique-cta-inner {
        padding:
            35px 26px;
    }

    .c3f-juridique-cta-content h2 {
        font-size: 25px !important;
    }

    .c3f-juridique-cta-button {
        width: 100%;
    }

}

/* Page Expertise Judiciaire */

#c3f-judiciaire-page,
#c3f-judiciaire-page *,
#c3f-judiciaire-page *::before,
#c3f-judiciaire-page *::after {
    box-sizing: border-box;
}

#c3f-judiciaire-page {
    width: 100%;
    overflow: hidden;
    color: #252525;
    background: #ffffff;
}


/* =========================================================
   FONT AWESOME
========================================================= */

#c3f-judiciaire-page .c3f-compta-fa {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Font Awesome 6 Free" !important;

    font-style: normal !important;
    font-weight: 900 !important;

    line-height: 1 !important;

    text-align: center;
}


/* =========================================================
   CLASSES COMMUNES C3F
========================================================= */

.c3f-compta-container {
    position: relative;

    width: 100%;
    max-width: 1320px;

    margin: 0 auto;

    padding-left: 30px;
    padding-right: 30px;
}


.c3f-compta-label {
    display: flex;
    align-items: center;

    width: max-content;

    margin-bottom: 17px;

    color: var(--main-color);

    font-size: 15px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.9px;

    text-transform: uppercase;
}


.c3f-compta-label::after {
    content: "";

    display: block;

    width: 42px;
    height: 2px;

    margin-left: 16px;

    background: var(--main-color);
}


.c3f-compta-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #252525 !important;

    font-size: 40px !important;
    line-height: 1.08 !important;

    font-weight: 600 !important;

    letter-spacing: -1.1px !important;

    text-align: left !important;
}


.c3f-compta-title strong {
    display: block;

    color: var(--main-color) !important;

    font-weight: 600 !important;
}


/* =========================================================
   1 - HERO
========================================================= */

#c3f-judiciaire-hero {
    position: relative;

    padding:
        85px 0 95px;

    background: #ffffff;

    overflow: hidden;
}


/* PARTIE SOMBRE DROITE */

#c3f-judiciaire-hero::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 43%;
    height: 100%;

    background: #252c30;
}


/* CERCLE */

#c3f-judiciaire-hero::after {
    content: "";

    position: absolute;

    top: -320px;
    right: -250px;

    width: 680px;
    height: 680px;

    border:
        90px solid rgba(227, 6, 19, .17);

    border-radius: 50%;
}


.c3f-judiciaire-hero-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 51%) minmax(0, 49%);

    align-items: center;

    gap: 75px;
}


/* =========================================================
   HERO TEXTE
========================================================= */

.c3f-judiciaire-hero-content {
    padding-right: 20px;
}


.c3f-judiciaire-hero-content h1 {
    max-width: 720px;

    margin:
        0 0 25px !important;

    color: #252525 !important;

    font-size: 35px !important;
    line-height: 1.04 !important;

    font-weight: 600 !important;

    letter-spacing: -1.5px !important;

    text-align: left !important;
}


.c3f-judiciaire-hero-content h1 strong {
    display: block;

    color: var(--main-color) !important;

    font-weight: 600 !important;
}


.c3f-judiciaire-hero-content>p {
    max-width: 630px;

    margin:
        0 0 29px !important;

    color: #676767 !important;

    font-size: 15px !important;
    line-height: 1.82 !important;

    text-align: left !important;
}


.c3f-judiciaire-hero-content>p strong {
    color: #252525;
}


/* =========================================================
   HERO PILIERS
========================================================= */

.c3f-judiciaire-hero-pillars {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-bottom: 30px;
}


.c3f-judiciaire-hero-pillar {
    display: flex;

    align-items: center;

    gap: 8px;

    padding:
        15px 15px;

    color: #3f3f3f;

    background: #f7f7f6;

    border:
        1px solid #e5e5e5;

    font-size: 15px;
}


.c3f-judiciaire-pillar-icon {
    color: var(--main-color);
}


.c3f-judiciaire-pillar-icon .c3f-compta-fa {
    font-size: 15px !important;
}


/* =========================================================
   HERO BOUTON
========================================================= */

.c3f-judiciaire-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    min-height: 52px;

    padding:
        0 24px;

    color: #ffffff !important;

    background: var(--main-color);

    border:
        1px solid var(--main-color);

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 700;

    transition: .3s ease;
}


.c3f-judiciaire-button:hover {
    background: #b60912;

    border-color: #b60912;

    transform:
        translateY(-2px);
}


/* =========================================================
   HERO IMAGE
========================================================= */

.c3f-judiciaire-hero-media {
    position: relative;
}


.c3f-judiciaire-hero-image {
    position: relative;

    z-index: 2;

    display: block !important;

    width: 100% !important;
    height: 455px !important;

    object-fit: cover;

    border-radius:
        4px 80px 4px 4px;

    box-shadow:
        0 25px 60px rgba(0, 0, 0, .25);
}


/* DOSSIER FLOTTANT */

.c3f-judiciaire-file {
    position: absolute;

    z-index: 5;

    left: -45px;
    bottom: 30px;

    width: 245px;

    padding:
        20px;

    background: #ffffff;

    border-top:
        3px solid var(--main-color);

    box-shadow:
        0 16px 42px rgba(0, 0, 0, .18);
}


.c3f-judiciaire-file-top {
    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 15px;
}


.c3f-judiciaire-file-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-judiciaire-file-icon .c3f-compta-fa {
    font-size: 15px !important;
}


.c3f-judiciaire-file strong {
    color: #252525;

    font-size: 15px;
}


.c3f-judiciaire-file p {
    margin: 0 !important;

    color: #777777 !important;

    font-size: 15px !important;
    line-height: 1.55 !important;

    text-align: left !important;
}


/* =========================================================
   2 - 3 AXES
========================================================= */

#c3f-judiciaire-axes {
    position: relative;

    z-index: 5;

    padding:
        0 30px;

    background: #ffffff;
}


.c3f-judiciaire-axes-inner {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    width: 100%;
    max-width: 1120px;

    margin:
        -32px auto 0;

    background: #252c30;

    border-radius: 8px;

    overflow: hidden;

    box-shadow:
        0 20px 50px rgba(25, 30, 35, .15);
}


.c3f-judiciaire-axis {
    display: flex;

    align-items: center;

    gap: 20px;

    min-height: 130px;

    padding:
        29px;

    border-right:
        1px solid rgba(255, 255, 255, .12);

    color: #fff;
}


.c3f-judiciaire-axis:last-child {
    border-right: 0;
}


.c3f-judiciaire-axis-number {
    color:
        rgba(255, 255, 255, .15);

    font-size: 44px;

    font-weight: 700;

    line-height: 1;
}


.c3f-judiciaire-axis strong {
    display: block;

    margin-bottom: 6px;

    color: #ffffff;

    font-size: 15px;
}


.c3f-judiciaire-axis span:last-child {
    display: block;

    color:
        rgba(255, 255, 255, .6);

    font-size: 15px;

    line-height: 1.45;
}


/* =========================================================
   3 - INTRO
========================================================= */

#c3f-judiciaire-intro {
    padding:
        115px 0 90px;

    background: #ffffff;
}


.c3f-judiciaire-intro-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .72fr) minmax(0, 1.28fr);

    gap: 85px;
}


.c3f-judiciaire-intro-left {
    position: relative;

    padding:
        5px 0 5px 76px;
}


.c3f-judiciaire-intro-icon {
    position: absolute;

    top: 0;
    left: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 54px;
    height: 54px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-judiciaire-intro-icon .c3f-compta-fa {
    font-size: 20px !important;
}


.c3f-judiciaire-intro-left strong {
    display: block;

    margin-bottom: 15px;

    color: #252525;

    font-size: 21px;

    line-height: 1.3;

    font-weight: 600;
}


.c3f-judiciaire-intro-left p {
    margin: 0 !important;

    color: #777777 !important;

    font-size: 15px !important;

    line-height: 1.7 !important;

    text-align: left !important;
}


.c3f-judiciaire-intro-right {
    padding-left: 31px;

    border-left:
        1px solid #dddddd;
}


.c3f-judiciaire-intro-right p {
    margin:
        0 0 17px !important;

    color: #666666 !important;

    font-size: 15px !important;

    line-height: 1.82 !important;

    text-align: left !important;
}


.c3f-judiciaire-intro-right p:last-child {
    margin-bottom: 0 !important;
}


.c3f-judiciaire-intro-right strong {
    color: #252525;
}


/* =========================================================
   4 - DOMAINES D'INTERVENTION
========================================================= */

#c3f-judiciaire-domains {
    padding:
        100px 0;

    background: #f7f7f6;
}


.c3f-judiciaire-domains-head {
    max-width: 850px;

    margin-bottom: 50px;
}


/* =========================================================
   DOMAINES - GRILLE ÉDITORIALE
========================================================= */

.c3f-judiciaire-domains-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 15px;
}


.c3f-judiciaire-domain {
    position: relative;

    display: grid;

    grid-template-columns:
        75px 1fr;

    gap: 25px;

    align-items: start;

    min-height: 220px;

    padding:
        32px;

    background: #ffffff;

    border:
        1px solid #e2e2e2;

    overflow: hidden;

    transition: .35s ease;
}


.c3f-judiciaire-domain::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: var(--main-color);

    transition:
        width .35s ease;
}


.c3f-judiciaire-domain:hover {
    transform:
        translateY(-5px);

    border-color:
        rgba(227, 6, 19, .2);

    box-shadow:
        0 18px 40px rgba(25, 30, 35, .06);
}


.c3f-judiciaire-domain:hover::before {
    width: 100%;
}


.c3f-judiciaire-domain-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;

    color: var(--main-color);

    background: #fff4f4;

    border-radius: 50%;

    transition: .3s ease;
}


.c3f-judiciaire-domain-icon .c3f-compta-fa {
    font-size: 22px !important;
}


.c3f-judiciaire-domain:hover .c3f-judiciaire-domain-icon {
    color: #ffffff;

    background: var(--main-color);
}


.c3f-judiciaire-domain-number {
    display: block;

    margin-bottom: 15px;

    color: #aaaaaa;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.3px;
}


.c3f-judiciaire-domain h3 {
    margin:
        0 0 15px !important;

    color: #252525 !important;

    font-size: 19px !important;

    line-height: 1.3 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-judiciaire-domain p {
    max-width: 500px;

    margin: 0 !important;

    color: #727272 !important;

    font-size: 15px !important;

    line-height: 1.72 !important;

    text-align: left !important;
}


/* =========================================================
   5 - MÉTHODOLOGIE
========================================================= */

#c3f-judiciaire-method {
    padding:
        100px 0;

    background: #ffffff;
}


.c3f-judiciaire-method-box {
    display: grid;

    grid-template-columns:
        minmax(0, 38%) minmax(0, 62%);

    max-width: 1220px;

    margin: 0 auto;

    background: #252c30;

    border-radius: 15px;

    overflow: hidden;
}


/* GAUCHE */

.c3f-judiciaire-method-left {
    position: relative;

    padding:
        60px 48px;

    background: #b51d24;

    overflow: hidden;
}


.c3f-judiciaire-method-left::after {
    content: "";

    position: absolute;

    right: -150px;
    bottom: -180px;

    width: 350px;
    height: 350px;

    border:
        50px solid rgba(255, 255, 255, .08);

    border-radius: 50%;
}


.c3f-judiciaire-method-left-icon {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;

    margin-bottom: 30px;

    color: #b51d24;

    background: #ffffff;

    border-radius: 50%;
}


.c3f-judiciaire-method-left-icon .c3f-compta-fa {
    font-size: 23px !important;
}


.c3f-judiciaire-method-left h2 {
    position: relative;

    z-index: 2;

    margin:
        0 0 18px !important;

    color: #ffffff !important;

    font-size: 31px !important;

    line-height: 1.13 !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-judiciaire-method-left p {
    position: relative;

    z-index: 2;

    margin: 0 !important;

    color:
        rgba(255, 255, 255, .83) !important;

    font-size: 15px !important;

    line-height: 1.78 !important;

    text-align: left !important;
}


/* DROITE */

.c3f-judiciaire-method-right {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}


.c3f-judiciaire-method-step {
    position: relative;

    min-height: 230px;

    padding:
        38px;

    border-right:
        1px solid rgba(255, 255, 255, .1);

    border-bottom:
        1px solid rgba(255, 255, 255, .1);
}


.c3f-judiciaire-method-step:nth-child(2n) {
    border-right: 0;
}


.c3f-judiciaire-method-step:nth-last-child(-n+2) {
    border-bottom: 0;
}


.c3f-judiciaire-method-number {
    display: block;

    margin-bottom: 25px;

    color: #ef3038;

    font-size: 28px;

    font-weight: 700;

    line-height: 1;
}


.c3f-judiciaire-method-step h3 {
    margin:
        0 0 15px !important;

    color: #ffffff !important;

    font-size: 17px !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-judiciaire-method-step p {
    margin: 0 !important;

    color:
        rgba(255, 255, 255, .63) !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    text-align: left !important;
}


/* =========================================================
   6 - PRINCIPES
========================================================= */

#c3f-judiciaire-values {
    padding:
        100px 0;

    background: #f7f7f6;
}


.c3f-judiciaire-values-head {
    max-width: 820px;

    margin-bottom: 48px;
}


.c3f-judiciaire-values-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 15px;
}


.c3f-judiciaire-value {
    min-height: 230px;

    padding:
        30px;

    background: #ffffff;

    border:
        1px solid #e3e3e3;

    transition: .3s ease;
}


.c3f-judiciaire-value:hover {
    transform:
        translateY(-5px);

    box-shadow:
        0 18px 40px rgba(30, 35, 40, .06);
}


.c3f-judiciaire-value-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    margin-bottom: 28px;

    color: var(--main-color);

    background: #fff4f4;

    border-radius: 50%;
}


.c3f-judiciaire-value-icon .c3f-compta-fa {
    font-size: 18px !important;
}


.c3f-judiciaire-value h3 {
    margin:
        0 0 15px !important;

    color: #252525 !important;

    font-size: 17px !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-judiciaire-value p {
    margin: 0 !important;

    color: #737373 !important;

    font-size: 11.8px !important;

    line-height: 1.65 !important;

    text-align: left !important;
}


/* =========================================================
   7 - RESTITUTION
========================================================= */

#c3f-judiciaire-result {
    padding:
        100px 0;

    background: #ffffff;
}


.c3f-judiciaire-result-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .9fr) minmax(0, 1.1fr);

    gap: 75px;

    align-items: center;
}


/* VISUEL */

.c3f-judiciaire-result-media {
    position: relative;
}


.c3f-judiciaire-result-image {
    display: block !important;

    width: 100% !important;
    height: 430px !important;

    object-fit: cover;

    border-radius:
        80px 4px 4px 4px;
}


.c3f-judiciaire-result-media::before {
    content: "";

    position: absolute;

    z-index: -1;

    right: -25px;
    bottom: -25px;

    width: 75%;
    height: 85%;

    background: var(--main-color);

    opacity: .06;

    border-radius:
        4px 4px 80px 4px;
}


/* CONTENU */

.c3f-judiciaire-result-content>p {
    margin:
        22px 0 25px !important;

    color: #666666 !important;

    font-size: 15px !important;

    line-height: 1.82 !important;

    text-align: left !important;
}


.c3f-judiciaire-result-list {
    display: flex;

    flex-direction: column;

    gap: 15px;
}


.c3f-judiciaire-result-item {
    display: flex;

    align-items: center;

    gap: 15px;

    color: #454545;

    font-size: 15px;
}


.c3f-judiciaire-result-check {
    flex:
        0 0 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    color: #ffffff;

    background: var(--main-color);

    border-radius: 50%;
}


.c3f-judiciaire-result-check .c3f-compta-fa {
    font-size: 8px !important;
}


/* =========================================================
   8 - CTA
========================================================= */

#c3f-judiciaire-cta {
    padding:
        35px 30px 70px;

    background: #f7f7f6;
}


.c3f-judiciaire-cta-inner {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 45px;

    width: 100%;
    max-width: 1320px;

    min-height: 185px;

    margin: 0 auto;

    padding:
        40px 55px;

    background:
        linear-gradient(110deg,
            #252c30 0%,
            #252c30 73%,
            #1c2226 100%);

    border-radius: 18px;

    overflow: hidden;
}


.c3f-judiciaire-cta-inner::after {
    content: "";

    position: absolute;

    right: -120px;
    top: -190px;

    width: 350px;
    height: 450px;

    border:
        58px solid rgba(227, 6, 19, .22);

    border-radius: 50%;
}


.c3f-judiciaire-cta-content {
    position: relative;

    z-index: 2;
}


.c3f-judiciaire-cta-content h2 {
    margin:
        0 0 15px !important;

    color: #ffffff !important;

    font-size: 29px !important;

    font-weight: 600 !important;

    text-align: left !important;
}


.c3f-judiciaire-cta-content p {
    max-width: 720px;

    margin: 0 !important;

    color:
        rgba(255, 255, 255, .7) !important;

    font-size: 15px !important;

    line-height: 1.68 !important;

    text-align: left !important;
}


.c3f-judiciaire-cta-button {
    position: relative;

    z-index: 3;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    min-width: 230px;
    min-height: 55px;

    padding:
        0 25px;

    color: var(--main-color) !important;

    background: #ffffff;

    text-decoration: none !important;

    font-size: 15px;

    font-weight: 700;

    transition: .3s ease;
}


.c3f-judiciaire-cta-button:hover {
    color: #ffffff !important;

    background: var(--main-color);

    transform:
        translateY(-3px);
}


/* =========================================================
   RESPONSIVE 1100
========================================================= */

@media(max-width:1100px) {

    .c3f-judiciaire-hero-content h1 {
        font-size: 40px !important;
    }


    .c3f-judiciaire-values-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   TABLETTE
========================================================= */

@media(max-width:850px) {

    .c3f-compta-container {
        padding-left: 20px;
        padding-right: 20px;
    }


    #c3f-judiciaire-hero::before {
        width: 100%;
        height: 42%;

        top: auto;
        bottom: 0;
    }


    .c3f-judiciaire-hero-grid,
    .c3f-judiciaire-intro-grid,
    .c3f-judiciaire-method-box,
    .c3f-judiciaire-result-grid {
        display: block;
    }


    .c3f-judiciaire-hero-content {
        margin-bottom: 50px;
    }


    .c3f-judiciaire-file {
        left: 20px;
    }


    .c3f-judiciaire-axes-inner {
        grid-template-columns: 1fr;
    }


    .c3f-judiciaire-axis {
        border-right: 0;

        border-bottom:
            1px solid rgba(255, 255, 255, .12);
    }


    .c3f-judiciaire-axis:last-child {
        border-bottom: 0;
    }


    .c3f-judiciaire-intro-left {
        margin-bottom: 35px;
    }


    .c3f-judiciaire-intro-right {
        padding:
            25px 0 0;

        border-left: 0;

        border-top:
            1px solid #dddddd;
    }


    .c3f-judiciaire-values-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .c3f-judiciaire-result-media {
        margin-bottom: 50px;
    }


    .c3f-judiciaire-cta-inner {
        display: block;
    }


    .c3f-judiciaire-cta-button {
        margin-top: 28px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:560px) {

    .c3f-compta-container {
        padding-left: 15px;
        padding-right: 15px;
    }


    .c3f-compta-title {
        font-size: 29px !important;
    }


    .c3f-judiciaire-hero-content h1 {
        font-size: 33px !important;

        line-height: 1.08 !important;
    }


    .c3f-judiciaire-hero-image {
        height: 315px !important;

        border-radius:
            4px 55px 4px 4px;
    }


    .c3f-judiciaire-file {
        position: relative;

        left: auto;
        bottom: auto;

        width: calc(100% - 30px);

        margin:
            -30px 15px 0;
    }


    #c3f-judiciaire-axes {
        padding:
            0 15px;
    }


    .c3f-judiciaire-axes-inner {
        margin-top: 30px;
    }


    .c3f-judiciaire-domains-grid,
    .c3f-judiciaire-values-grid {
        grid-template-columns: 1fr;
    }


    .c3f-judiciaire-domain {
        grid-template-columns:
            60px 1fr;

        padding:
            27px 22px;
    }


    .c3f-judiciaire-method-left {
        padding:
            42px 27px;
    }


    .c3f-judiciaire-method-right {
        grid-template-columns: 1fr;
    }


    .c3f-judiciaire-method-step {
        min-height: 0;

        padding:
            32px 27px;

        border-right: 0 !important;

        border-bottom:
            1px solid rgba(255, 255, 255, .1) !important;
    }


    .c3f-judiciaire-method-step:last-child {
        border-bottom: 0 !important;
    }


    .c3f-judiciaire-result-image {
        height: 315px !important;
    }


    #c3f-judiciaire-cta {
        padding:
            20px 15px 50px;
    }


    .c3f-judiciaire-cta-inner {
        padding:
            35px 26px;
    }


    .c3f-judiciaire-cta-content h2 {
        font-size: 25px !important;
    }


    .c3f-judiciaire-cta-button {
        width: 100%;
    }

}