/* ==========================================================================
   PAG-006 — À PROPOS
   Fichier : assets/css/pages/a-propos.css
   Version : 0.6.0
   ========================================================================== */

/* ==========================================================================
   MOD-051 — HERO À PROPOS
   ========================================================================== */

/*
Structure attendue :

Rangée .about-hero

├── Section gauche .about-hero__content
│   ├── P      .about-hero__eyebrow
│   ├── H1     .about-hero__title
│   ├── P      .about-hero__lead
│   └── Bouton .about-hero__cta
│
└── Section droite .about-hero__panel
    └── Rangée Kadence .about-hero__cards
        ├── Section .about-hero__column
        │   └── Groupe .about-hero__card .about-hero__card--01
        │       ├── H3
        │       └── P
        ├── Section .about-hero__column
        │   └── Groupe .about-hero__card .about-hero__card--02
        │       ├── H3
        │       └── P
        └── Section .about-hero__column
            └── Groupe .about-hero__card .about-hero__card--03
                ├── H3
                └── P
*/

/* --------------------------------------------------------------------------
   HERO GLOBAL
   -------------------------------------------------------------------------- */

.about-hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 !important;
    padding: 88px 0 72px !important;
    background:
        radial-gradient(circle at 84% 18%, rgba(22,198,216,.10) 0%, rgba(22,198,216,0) 34%),
        linear-gradient(180deg, var(--ing-color-white) 0%, #F8FBFF 100%) !important;
}

.about-hero > .kt-row-column-wrap,
.about-hero > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    align-items: center !important;
    width: min(calc(100% - 48px), var(--ing-container)) !important;
    margin-inline: auto !important;
    padding: 0 !important;
    gap: 58px !important;
}

/* --------------------------------------------------------------------------
   COLONNE GAUCHE
   -------------------------------------------------------------------------- */

.about-hero__content,
.about-hero__content > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.about-hero__eyebrow,
.about-hero__eyebrow p,
.about-hero__eyebrow .kt-adv-heading,
.about-hero__eyebrow .wp-block-kadence-advancedheading {
    margin: 0 0 16px !important;
    padding: 0 !important;
    color: var(--ing-color-primary) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

.about-hero__title,
.about-hero__title h1,
.about-hero__title .kt-adv-heading,
.about-hero__title .wp-block-kadence-advancedheading {
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    color: var(--ing-color-title) !important;
    font-family: Manrope, sans-serif !important;
    font-size: clamp(48px, 4vw, 68px) !important;
    font-weight: 750 !important;
    line-height: 1.02 !important;
    letter-spacing: -.04em !important;
    text-align: left !important;
}

.about-hero__lead,
.about-hero__lead p,
.about-hero__lead .kt-adv-heading,
.about-hero__lead .wp-block-kadence-advancedheading {
    width: 100% !important;
    max-width: 700px !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
    color: var(--ing-color-text) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    text-align: left !important;
}

.about-hero__cta,
.about-hero__cta .kb-buttons-wrap,
.about-hero__cta .wp-block-kadence-advancedbtn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.about-hero__cta .kb-button,
.about-hero__cta.kb-button,
.about-hero__cta .wp-block-button__link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 13px 24px !important;
    border: 1px solid var(--ing-color-primary) !important;
    border-radius: var(--ing-radius-sm) !important;
    background: var(--ing-color-primary) !important;
    color: var(--ing-color-white) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition:
        transform var(--ing-transition),
        background-color var(--ing-transition),
        border-color var(--ing-transition),
        box-shadow var(--ing-transition);
}

.about-hero__cta .kb-button:hover,
.about-hero__cta.kb-button:hover,
.about-hero__cta .wp-block-button__link:hover {
    transform: translateY(-2px);
    border-color: var(--ing-color-primary-hover) !important;
    background: var(--ing-color-primary-hover) !important;
    box-shadow: 0 14px 28px -16px rgba(2,36,106,.52) !important;
}

/* --------------------------------------------------------------------------
   COLONNE DROITE
   -------------------------------------------------------------------------- */

.about-hero__panel,
.about-hero__panel > .kt-inside-inner-col {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Rangée Kadence 3 colonnes */
.about-hero__cards {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.about-hero__cards > .kt-row-column-wrap,
.about-hero__cards > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 16px !important;
}

.about-hero__column,
.about-hero__column > .kt-inside-inner-col {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.about-hero__column > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
}

/* --------------------------------------------------------------------------
   CARTES
   -------------------------------------------------------------------------- */

.about-hero__card {
    position: relative;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 24px 22px 22px !important;
    border: 1px solid rgba(2,36,106,.14) !important;
    border-radius: 16px !important;
    background: #FFFFFF !important;
    box-shadow: 0 14px 30px -26px rgba(2,36,106,.28) !important;
    transition:
        transform var(--ing-transition),
        border-color var(--ing-transition),
        box-shadow var(--ing-transition);
}

.about-hero__card::before {
    display: block !important;
    margin: 0 0 18px !important;
    color: var(--ing-color-primary) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
}

.about-hero__card--01::before { content: "01" !important; }
.about-hero__card--02::before { content: "02" !important; }
.about-hero__card--03::before { content: "03" !important; }

.about-hero__card h2,
.about-hero__card h3,
.about-hero__card h4,
.about-hero__card .kt-adv-heading,
.about-hero__card .wp-block-kadence-advancedheading {
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: var(--ing-color-title) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -.015em !important;
    text-align: left !important;
}

.about-hero__card p {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ing-color-text) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;
    text-align: left !important;
}

.about-hero__card:hover {
    transform: translateY(-4px);
    border-color: rgba(22,198,216,.68) !important;
    box-shadow:
        inset 0 0 0 1px rgba(22,198,216,.10),
        0 22px 44px -30px rgba(2,36,106,.42) !important;
}

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

@media screen and (max-width: 1024px) {
    .about-hero {
        padding: 74px 0 60px !important;
    }

    .about-hero > .kt-row-column-wrap,
    .about-hero > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
        width: min(calc(100% - 40px), var(--ing-container)) !important;
        gap: 40px !important;
    }

    .about-hero__title,
    .about-hero__title h1,
    .about-hero__title .kt-adv-heading,
    .about-hero__title .wp-block-kadence-advancedheading {
        max-width: 820px !important;
        font-size: clamp(44px, 6vw, 58px) !important;
    }

    .about-hero__lead,
    .about-hero__lead p {
        max-width: 780px !important;
        font-size: 17px !important;
    }

    .about-hero__cards > .kt-row-column-wrap,
    .about-hero__cards > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .about-hero__card {
        height: auto !important;
    }
}

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

@media screen and (max-width: 767px) {
    .about-hero {
        padding: 54px 0 50px !important;
    }

    .about-hero > .kt-row-column-wrap,
    .about-hero > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 32px), var(--ing-container)) !important;
        gap: 30px !important;
    }

    .about-hero__eyebrow,
    .about-hero__eyebrow p {
        margin-bottom: 14px !important;
        font-size: 12px !important;
    }

    .about-hero__title,
    .about-hero__title h1,
    .about-hero__title .kt-adv-heading,
    .about-hero__title .wp-block-kadence-advancedheading {
        margin-bottom: 20px !important;
        font-size: clamp(38px, 11vw, 48px) !important;
        line-height: 1.04 !important;
    }

    .about-hero__lead,
    .about-hero__lead p {
        margin-bottom: 24px !important;
        font-size: 16px !important;
        line-height: 1.62 !important;
    }

    .about-hero__cta,
    .about-hero__cta .kb-buttons-wrap,
    .about-hero__cta .wp-block-kadence-advancedbtn {
        width: 100% !important;
    }

    .about-hero__cta .kb-button,
    .about-hero__cta.kb-button,
    .about-hero__cta .wp-block-button__link {
        width: 100% !important;
        max-width: 320px !important;
    }

    .about-hero__card {
        padding: 22px 20px 20px !important;
        transform: none !important;
    }

    .about-hero__card h2,
    .about-hero__card h3,
    .about-hero__card h4,
    .about-hero__card .kt-adv-heading,
    .about-hero__card .wp-block-kadence-advancedheading {
        font-size: 18px !important;
    }

    .about-hero__card p {
        font-size: 15px !important;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .about-hero__cta .kb-button,
    .about-hero__card {
        transition: none !important;
    }

    .about-hero__cta .kb-button:hover,
    .about-hero__card:hover {
        transform: none !important;
    }
}

/* ==========================================================================
   FIN MOD-051 — HERO À PROPOS
   ========================================================================== */



/* ==========================================================================
   MOD-052 — NOTRE APPROCHE
   Version : 1.0.0
   ========================================================================== */

/*
Structure attendue :

Rangée .about-process
└── Section .about-process__container
    ├── P  .about-process__eyebrow
    ├── H2 .about-process__title
    ├── P  .about-process__intro
    └── Rangée Kadence .about-process__steps
        ├── Section .about-process__column
        │   └── Groupe .about-process__step .about-process__step--01
        │       ├── H3 .about-process__step-title
        │       └── P  .about-process__step-text
        ├── Section .about-process__column
        │   └── Groupe .about-process__step .about-process__step--02
        ├── Section .about-process__column
        │   └── Groupe .about-process__step .about-process__step--03
        └── Section .about-process__column
            └── Groupe .about-process__step .about-process__step--04
*/

/* --------------------------------------------------------------------------
   SECTION
   -------------------------------------------------------------------------- */

.about-process {
    width: 100%;
    margin: 0 !important;
    padding: 86px 0 90px !important;
    background: #FFFFFF !important;
}

.about-process > .kt-row-column-wrap,
.about-process > .kb-row-layout-wrap > .kt-row-column-wrap {
    width: min(calc(100% - 48px), var(--ing-container)) !important;
    margin-inline: auto !important;
    padding: 0 !important;
}

.about-process__container,
.about-process__container > .kt-inside-inner-col {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --------------------------------------------------------------------------
   EN-TÊTE
   -------------------------------------------------------------------------- */

.about-process__eyebrow,
.about-process__eyebrow p,
.about-process__eyebrow .kt-adv-heading,
.about-process__eyebrow .wp-block-kadence-advancedheading {
    margin: 0 0 14px !important;
    color: var(--ing-color-primary) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.about-process__title,
.about-process__title h2,
.about-process__title .kt-adv-heading,
.about-process__title .wp-block-kadence-advancedheading {
    max-width: 850px !important;
    margin: 0 auto 18px !important;
    color: var(--ing-color-title) !important;
    font-family: Manrope, sans-serif !important;
    font-size: clamp(36px, 3vw, 48px) !important;
    font-weight: 750 !important;
    line-height: 1.10 !important;
    letter-spacing: -.03em !important;
    text-align: center !important;
}

.about-process__intro,
.about-process__intro p,
.about-process__intro .kt-adv-heading,
.about-process__intro .wp-block-kadence-advancedheading {
    max-width: 780px !important;
    margin: 0 auto 42px !important;
    color: var(--ing-color-text) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.66 !important;
    text-align: center !important;
}

/* --------------------------------------------------------------------------
   ÉTAPES — RANGÉE KADENCE 4 COLONNES
   -------------------------------------------------------------------------- */

.about-process__steps {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.about-process__steps > .kt-row-column-wrap,
.about-process__steps > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 18px !important;
}

.about-process__column,
.about-process__column > .kt-inside-inner-col {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.about-process__column > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
}

/* --------------------------------------------------------------------------
   CARTES D'ÉTAPE
   -------------------------------------------------------------------------- */

.about-process__step {
    position: relative;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 26px 24px 24px !important;
    border: 1px solid rgba(2,36,106,.12) !important;
    border-radius: 16px !important;
    background: #F8FBFF !important;
    box-shadow: 0 14px 28px -24px rgba(2,36,106,.25) !important;
}

.about-process__step::before {
    display: block !important;
    margin: 0 0 18px !important;
    color: #16C6D8 !important;
    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
}

.about-process__step--01::before { content: "01" !important; }
.about-process__step--02::before { content: "02" !important; }
.about-process__step--03::before { content: "03" !important; }
.about-process__step--04::before { content: "04" !important; }

.about-process__step-title,
.about-process__step-title.kt-adv-heading,
.about-process__step-title.wp-block-kadence-advancedheading {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: var(--ing-color-title) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -.015em !important;
    text-align: left !important;
}

.about-process__step-text,
.about-process__step-text p,
.about-process__step-text.kt-adv-heading,
.about-process__step-text.wp-block-kadence-advancedheading {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #53647B !important;
    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    text-align: left !important;
}

/* Ligne de progression discrète */
.about-process__step:not(.about-process__step--04)::after {
    content: "" !important;
    position: absolute !important;
    top: 34px !important;
    right: -19px !important;
    width: 18px !important;
    height: 1px !important;
    background: rgba(22,198,216,.45) !important;
}

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

@media screen and (max-width: 1024px) {
    .about-process {
        padding: 70px 0 76px !important;
    }

    .about-process > .kt-row-column-wrap,
    .about-process > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 40px), var(--ing-container)) !important;
    }

    .about-process__steps > .kt-row-column-wrap,
    .about-process__steps > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .about-process__step:not(.about-process__step--04)::after {
        display: none !important;
    }
}

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

@media screen and (max-width: 767px) {
    .about-process {
        padding: 56px 0 62px !important;
    }

    .about-process > .kt-row-column-wrap,
    .about-process > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 32px), var(--ing-container)) !important;
    }

    .about-process__title,
    .about-process__title h2,
    .about-process__title .kt-adv-heading,
    .about-process__title .wp-block-kadence-advancedheading {
        font-size: 32px !important;
        line-height: 1.12 !important;
    }

    .about-process__intro,
    .about-process__intro p {
        margin-bottom: 30px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .about-process__steps > .kt-row-column-wrap,
    .about-process__steps > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
        gap: 13px !important;
    }

    .about-process__step {
        padding: 22px 20px 20px !important;
    }

    .about-process__step-title {
        font-size: 18px !important;
    }

    .about-process__step-text {
        font-size: 15px !important;
        line-height: 1.62 !important;
    }
}

/* ==========================================================================
   FIN MOD-052 — NOTRE APPROCHE
   ========================================================================== */




/* ==========================================================================
   MOD-053 — CE QUI NOUS DISTINGUE
   Version : 1.0.0
   ========================================================================== */

/*
Structure attendue :

Rangée .about-difference
└── Section .about-difference__container
    ├── P  .about-difference__eyebrow
    ├── H2 .about-difference__title
    ├── P  .about-difference__intro
    └── Rangée Kadence 2 colonnes .about-difference__grid
        ├── Section .about-difference__column
        │   ├── Groupe .about-difference__card .about-difference__card--01
        │   │   ├── H3 .about-difference__card-title
        │   │   └── P  .about-difference__card-text
        │   └── Groupe .about-difference__card .about-difference__card--03
        └── Section .about-difference__column
            ├── Groupe .about-difference__card .about-difference__card--02
            └── Groupe .about-difference__card .about-difference__card--04
*/

/* --------------------------------------------------------------------------
   SECTION
   -------------------------------------------------------------------------- */

.about-difference {
    width: 100%;
    margin: 0 !important;
    padding: 88px 0 92px !important;
    background:
        linear-gradient(180deg, #F7FAFE 0%, #F3F8FD 100%) !important;
}

.about-difference > .kt-row-column-wrap,
.about-difference > .kb-row-layout-wrap > .kt-row-column-wrap {
    width: min(calc(100% - 48px), var(--ing-container)) !important;
    margin-inline: auto !important;
    padding: 0 !important;
}

.about-difference__container,
.about-difference__container > .kt-inside-inner-col {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --------------------------------------------------------------------------
   EN-TÊTE
   -------------------------------------------------------------------------- */

.about-difference__eyebrow,
.about-difference__eyebrow p,
.about-difference__eyebrow .kt-adv-heading,
.about-difference__eyebrow .wp-block-kadence-advancedheading {
    margin: 0 0 14px !important;
    color: var(--ing-color-primary) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.about-difference__title,
.about-difference__title h2,
.about-difference__title .kt-adv-heading,
.about-difference__title .wp-block-kadence-advancedheading {
    max-width: 900px !important;
    margin: 0 auto 18px !important;
    color: var(--ing-color-title) !important;
    font-family: Manrope, sans-serif !important;
    font-size: clamp(36px, 3vw, 48px) !important;
    font-weight: 750 !important;
    line-height: 1.10 !important;
    letter-spacing: -.03em !important;
    text-align: center !important;
}

.about-difference__intro,
.about-difference__intro p,
.about-difference__intro .kt-adv-heading,
.about-difference__intro .wp-block-kadence-advancedheading {
    max-width: 820px !important;
    margin: 0 auto 44px !important;
    color: var(--ing-color-text) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.68 !important;
    text-align: center !important;
}

/* --------------------------------------------------------------------------
   GRILLE KADENCE 2 COLONNES
   -------------------------------------------------------------------------- */

.about-difference__grid {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.about-difference__grid > .kt-row-column-wrap,
.about-difference__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 20px !important;
}

.about-difference__column,
.about-difference__column > .kt-inside-inner-col {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.about-difference__column > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* --------------------------------------------------------------------------
   CARTES — SOBRES, SANS NUMÉRO NI ICÔNE
   -------------------------------------------------------------------------- */

.about-difference__card {
    box-sizing: border-box !important;
    position: relative !important;
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 190px !important;
    margin: 0 !important;
    padding: 28px 30px 27px 32px !important;
    overflow: hidden !important;
    border: 1px solid rgba(2,36,106,.10) !important;
    border-radius: 16px !important;
    background: #FFFFFF !important;
    box-shadow: 0 16px 32px -29px rgba(2,36,106,.26) !important;
    transition:
        transform var(--ing-transition),
        border-color var(--ing-transition),
        box-shadow var(--ing-transition);
}

/* Accent latéral très discret */
.about-difference__card::before {
    content: "" !important;
    position: absolute !important;
    top: 26px !important;
    bottom: 26px !important;
    left: 0 !important;
    width: 3px !important;
    border-radius: 0 3px 3px 0 !important;
    background: linear-gradient(180deg, var(--ing-color-primary), #16C6D8) !important;
    opacity: .78 !important;
}

.about-difference__card-title,
.about-difference__card-title.kt-adv-heading,
.about-difference__card-title.wp-block-kadence-advancedheading {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: var(--ing-color-title) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -.018em !important;
    text-align: left !important;
}

.about-difference__card-text,
.about-difference__card-text p,
.about-difference__card-text.kt-adv-heading,
.about-difference__card-text.wp-block-kadence-advancedheading {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #53647B !important;
    font-family: Manrope, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.68 !important;
    text-align: left !important;
}

.about-difference__card:hover {
    transform: translateY(-2px);
    border-color: rgba(22,198,216,.42) !important;
    box-shadow:
        inset 0 0 0 1px rgba(22,198,216,.05),
        0 20px 38px -29px rgba(2,36,106,.32) !important;
}

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

@media screen and (max-width: 1024px) {
    .about-difference {
        padding: 72px 0 76px !important;
    }

    .about-difference > .kt-row-column-wrap,
    .about-difference > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 40px), var(--ing-container)) !important;
    }

    .about-difference__grid > .kt-row-column-wrap,
    .about-difference__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .about-difference__column,
    .about-difference__column > .kt-inside-inner-col {
        height: auto !important;
    }

    .about-difference__column > .kt-inside-inner-col {
        gap: 16px !important;
    }

    .about-difference__card {
        flex: 0 0 auto !important;
        min-height: 0 !important;
    }
}

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

@media screen and (max-width: 767px) {
    .about-difference {
        padding: 56px 0 62px !important;
    }

    .about-difference > .kt-row-column-wrap,
    .about-difference > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 32px), var(--ing-container)) !important;
    }

    .about-difference__title,
    .about-difference__title h2,
    .about-difference__title .kt-adv-heading,
    .about-difference__title .wp-block-kadence-advancedheading {
        font-size: 32px !important;
        line-height: 1.12 !important;
    }

    .about-difference__intro,
    .about-difference__intro p {
        margin-bottom: 30px !important;
        font-size: 15px !important;
        line-height: 1.62 !important;
    }

    .about-difference__card {
        padding: 23px 21px 22px 25px !important;
        border-radius: 14px !important;
    }

    .about-difference__card::before {
        top: 21px !important;
        bottom: 21px !important;
    }

    .about-difference__card-title {
        margin-bottom: 9px !important;
        font-size: 18px !important;
    }

    .about-difference__card-text,
    .about-difference__card-text p {
        font-size: 15px !important;
        line-height: 1.62 !important;
    }
}

/* ==========================================================================
   FIN MOD-053 — CE QUI NOUS DISTINGUE
   ========================================================================== */




/* ==========================================================================
   MOD-054 — UNE EXPERTISE TRANSVERSE
   Version : 1.0.0
   ========================================================================== */

/*
Structure attendue :

Rangée .about-expertise
└── Section .about-expertise__container
    ├── P  .about-expertise__eyebrow
    ├── H2 .about-expertise__title
    ├── P  .about-expertise__intro
    └── Rangée Kadence 3 colonnes .about-expertise__grid
        ├── Section .about-expertise__column
        │   ├── Groupe .about-expertise__card .about-expertise__card--01
        │   │   ├── H3 .about-expertise__card-title
        │   │   └── P  .about-expertise__card-text
        │   └── Groupe .about-expertise__card .about-expertise__card--04
        ├── Section .about-expertise__column
        │   ├── Groupe .about-expertise__card .about-expertise__card--02
        │   └── Groupe .about-expertise__card .about-expertise__card--05
        └── Section .about-expertise__column
            ├── Groupe .about-expertise__card .about-expertise__card--03
            └── Groupe .about-expertise__card .about-expertise__card--06
*/

/* --------------------------------------------------------------------------
   SECTION
   -------------------------------------------------------------------------- */

.about-expertise {
    width: 100%;
    margin: 0 !important;
    padding: 86px 0 90px !important;
    background: #FFFFFF !important;
}

.about-expertise > .kt-row-column-wrap,
.about-expertise > .kb-row-layout-wrap > .kt-row-column-wrap {
    width: min(calc(100% - 48px), var(--ing-container)) !important;
    margin-inline: auto !important;
    padding: 0 !important;
}

.about-expertise__container,
.about-expertise__container > .kt-inside-inner-col {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --------------------------------------------------------------------------
   EN-TÊTE
   -------------------------------------------------------------------------- */

.about-expertise__eyebrow,
.about-expertise__eyebrow p,
.about-expertise__eyebrow .kt-adv-heading,
.about-expertise__eyebrow .wp-block-kadence-advancedheading {
    margin: 0 0 14px !important;
    color: var(--ing-color-primary) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.about-expertise__title,
.about-expertise__title h2,
.about-expertise__title .kt-adv-heading,
.about-expertise__title .wp-block-kadence-advancedheading {
    max-width: 900px !important;
    margin: 0 auto 18px !important;
    color: var(--ing-color-title) !important;
    font-family: Manrope, sans-serif !important;
    font-size: clamp(36px, 3vw, 48px) !important;
    font-weight: 750 !important;
    line-height: 1.10 !important;
    letter-spacing: -.03em !important;
    text-align: center !important;
}

.about-expertise__intro,
.about-expertise__intro p,
.about-expertise__intro .kt-adv-heading,
.about-expertise__intro .wp-block-kadence-advancedheading {
    max-width: 800px !important;
    margin: 0 auto 42px !important;
    color: var(--ing-color-text) !important;
    font-family: Manrope, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.66 !important;
    text-align: center !important;
}

/* --------------------------------------------------------------------------
   GRILLE KADENCE 3 COLONNES
   -------------------------------------------------------------------------- */

.about-expertise__grid {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.about-expertise__grid > .kt-row-column-wrap,
.about-expertise__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    column-gap: 22px !important;
}

.about-expertise__column,
.about-expertise__column > .kt-inside-inner-col {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.about-expertise__column > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* --------------------------------------------------------------------------
   CARTES
   -------------------------------------------------------------------------- */

.about-expertise__card {
    box-sizing: border-box !important;
    position: relative !important;
    flex: 1 1 0 !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 210px !important;

    margin: 0 !important;
    padding: 28px 26px 26px !important;

    border: 1px solid rgba(2,36,106,.11) !important;
    border-radius: 16px !important;

    background:
        linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%) !important;

    box-shadow:
        0 16px 30px -27px rgba(2,36,106,.28) !important;

    transition:
        transform var(--ing-transition),
        border-color var(--ing-transition),
        box-shadow var(--ing-transition);
}

/* Espace réel entre la carte du haut et celle du bas dans chaque colonne */
.about-expertise__card--04,
.about-expertise__card--05,
.about-expertise__card--06 {
    margin-top: 22px !important;
}

/* Petit repère thématique, sans numéro visible */
.about-expertise__card::before {
    content: "" !important;
    display: block !important;
    width: 34px !important;
    height: 3px !important;
    margin: 0 0 20px !important;
    border-radius: 3px !important;
    background:
        linear-gradient(90deg, var(--ing-color-primary), #16C6D8) !important;
}

/* Titres */
.about-expertise__card-title,
.about-expertise__card-title.kt-adv-heading,
.about-expertise__card-title.wp-block-kadence-advancedheading {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: var(--ing-color-title) !important;

    font-family: Manrope, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -.018em !important;

    text-align: left !important;
}

/* Texte */
.about-expertise__card-text,
.about-expertise__card-text p,
.about-expertise__card-text.kt-adv-heading,
.about-expertise__card-text.wp-block-kadence-advancedheading {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #53647B !important;

    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.66 !important;

    text-align: left !important;
}

.about-expertise__card:hover {
    transform: translateY(-2px);
    border-color: rgba(22,198,216,.42) !important;
    box-shadow:
        inset 0 0 0 1px rgba(22,198,216,.05),
        0 20px 38px -29px rgba(2,36,106,.32) !important;
}

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

@media screen and (max-width: 1024px) {
    .about-expertise {
        padding: 70px 0 76px !important;
    }

    .about-expertise > .kt-row-column-wrap,
    .about-expertise > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 40px), var(--ing-container)) !important;
    }

    .about-expertise__grid > .kt-row-column-wrap,
    .about-expertise__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
        row-gap: 18px !important;
    }

    .about-expertise__column,
    .about-expertise__column > .kt-inside-inner-col {
        height: auto !important;
    }

    .about-expertise__card {
        flex: 0 0 auto !important;
        min-height: 0 !important;
    }

    .about-expertise__card--04,
    .about-expertise__card--05,
    .about-expertise__card--06 {
        margin-top: 18px !important;
    }
}

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

@media screen and (max-width: 767px) {
    .about-expertise {
        padding: 56px 0 62px !important;
    }

    .about-expertise > .kt-row-column-wrap,
    .about-expertise > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 32px), var(--ing-container)) !important;
    }

    .about-expertise__title,
    .about-expertise__title h2,
    .about-expertise__title .kt-adv-heading,
    .about-expertise__title .wp-block-kadence-advancedheading {
        font-size: 32px !important;
        line-height: 1.12 !important;
    }

    .about-expertise__intro,
    .about-expertise__intro p {
        margin-bottom: 30px !important;
        font-size: 15px !important;
        line-height: 1.62 !important;
    }

    .about-expertise__card {
        padding: 23px 21px 22px !important;
        border-radius: 14px !important;
    }

    .about-expertise__card-title {
        font-size: 18px !important;
    }

    .about-expertise__card-text,
    .about-expertise__card-text p {
        font-size: 15px !important;
        line-height: 1.62 !important;
    }

    .about-expertise__card--04,
    .about-expertise__card--05,
    .about-expertise__card--06 {
        margin-top: 16px !important;
    }
}

/* ==========================================================================
   FIN MOD-054 — UNE EXPERTISE TRANSVERSE
   ========================================================================== */




/* ==========================================================================
   MOD-055 — UNE RELATION DE PROXIMITÉ
   Version : 1.0.0
   ========================================================================== */

/*
Structure attendue :

Rangée .about-partner

├── Section gauche .about-partner__left
│   ├── P  .about-partner__eyebrow
│   └── H2 .about-partner__title
│
└── Section droite .about-partner__right
    ├── P .about-partner__lead
    ├── P .about-partner__text
    └── P .about-partner__text
*/

/* --------------------------------------------------------------------------
   SECTION
   -------------------------------------------------------------------------- */

.about-partner {
    width: 100%;
    margin: 0 !important;
    padding: 88px 0 92px !important;

    background:
        linear-gradient(180deg, #F7FAFE 0%, #F2F7FC 100%) !important;
}

.about-partner > .kt-row-column-wrap,
.about-partner > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, .45fr) minmax(0, .55fr) !important;
    align-items: start !important;

    width: min(calc(100% - 48px), var(--ing-container)) !important;
    margin-inline: auto !important;
    padding: 0 !important;

    gap: 64px !important;
}

/* --------------------------------------------------------------------------
   COLONNE GAUCHE
   -------------------------------------------------------------------------- */

.about-partner__left,
.about-partner__left > .kt-inside-inner-col {
    width: 100% !important;
    min-width: 0 !important;

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

.about-partner__eyebrow,
.about-partner__eyebrow p,
.about-partner__eyebrow .kt-adv-heading,
.about-partner__eyebrow .wp-block-kadence-advancedheading {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: var(--ing-color-primary) !important;

    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;

    text-align: left !important;
}

.about-partner__title,
.about-partner__title h2,
.about-partner__title .kt-adv-heading,
.about-partner__title .wp-block-kadence-advancedheading {
    width: 100% !important;
    max-width: 620px !important;

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

    color: var(--ing-color-title) !important;

    font-family: Manrope, sans-serif !important;
    font-size: clamp(38px, 3.3vw, 52px) !important;
    font-weight: 750 !important;
    line-height: 1.08 !important;
    letter-spacing: -.032em !important;

    text-align: left !important;
}

/* --------------------------------------------------------------------------
   COLONNE DROITE
   -------------------------------------------------------------------------- */

.about-partner__right,
.about-partner__right > .kt-inside-inner-col {
    width: 100% !important;
    min-width: 0 !important;

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

.about-partner__right > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.about-partner__lead,
.about-partner__lead p,
.about-partner__lead .kt-adv-heading,
.about-partner__lead .wp-block-kadence-advancedheading {
    width: 100% !important;
    max-width: 760px !important;

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

    color: var(--ing-color-title) !important;

    font-family: Manrope, sans-serif !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;

    text-align: left !important;
}

.about-partner__text,
.about-partner__text p,
.about-partner__text .kt-adv-heading,
.about-partner__text.wp-block-kadence-advancedheading {
    width: 100% !important;
    max-width: 760px !important;

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

    color: #53647B !important;

    font-family: Manrope, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;

    text-align: left !important;
}

/* Petit accent vertical discret sur la colonne droite */
.about-partner__right {
    position: relative !important;
    padding-left: 26px !important;
}

.about-partner__right::before {
    content: "" !important;

    position: absolute !important;
    top: 2px !important;
    bottom: 2px !important;
    left: 0 !important;

    width: 3px !important;

    border-radius: 3px !important;

    background:
        linear-gradient(180deg, var(--ing-color-primary), #16C6D8) !important;

    opacity: .72 !important;
}

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

@media screen and (max-width: 1024px) {
    .about-partner {
        padding: 72px 0 76px !important;
    }

    .about-partner > .kt-row-column-wrap,
    .about-partner > .kb-row-layout-wrap > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;

        width: min(calc(100% - 40px), var(--ing-container)) !important;

        gap: 30px !important;
    }

    .about-partner__title,
    .about-partner__title h2,
    .about-partner__title .kt-adv-heading,
    .about-partner__title .wp-block-kadence-advancedheading {
        max-width: 780px !important;

        font-size: clamp(36px, 5vw, 46px) !important;
    }

    .about-partner__right {
        padding-left: 22px !important;
    }
}

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

@media screen and (max-width: 767px) {
    .about-partner {
        padding: 56px 0 62px !important;
    }

    .about-partner > .kt-row-column-wrap,
    .about-partner > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 32px), var(--ing-container)) !important;

        gap: 24px !important;
    }

    .about-partner__eyebrow,
    .about-partner__eyebrow p {
        font-size: 12px !important;
    }

    .about-partner__title,
    .about-partner__title h2,
    .about-partner__title .kt-adv-heading,
    .about-partner__title .wp-block-kadence-advancedheading {
        font-size: 32px !important;
        line-height: 1.12 !important;
    }

    .about-partner__lead,
    .about-partner__lead p {
        font-size: 17px !important;
        line-height: 1.58 !important;
    }

    .about-partner__text,
    .about-partner__text p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .about-partner__right {
        padding-left: 18px !important;
    }

    .about-partner__right::before {
        width: 2px !important;
    }
}

/* ==========================================================================
   FIN MOD-055 — UNE RELATION DE PROXIMITÉ
   ========================================================================== */




/* ==========================================================================
   MOD-056 — CTA FINAL À PROPOS
   Version : 1.0.0
   ========================================================================== */

/*
Structure attendue :

Rangée .about-cta
└── Section .about-cta__container
    ├── P      .about-cta__eyebrow
    ├── H2     .about-cta__title
    ├── P      .about-cta__text
    ├── Bouton .about-cta__button
    └── P      .about-cta__note
*/

/* --------------------------------------------------------------------------
   SECTION
   -------------------------------------------------------------------------- */

.about-cta {
    position: relative;
    overflow: hidden;

    width: 100%;
    margin: 0 !important;
    padding: 84px 0 88px !important;

    background:
        radial-gradient(circle at 84% 20%, rgba(22,198,216,.16) 0%, rgba(22,198,216,0) 30%),
        linear-gradient(135deg, #071F43 0%, #02246A 100%) !important;
}

.about-cta > .kt-row-column-wrap,
.about-cta > .kb-row-layout-wrap > .kt-row-column-wrap {
    width: min(calc(100% - 48px), var(--ing-container)) !important;
    margin-inline: auto !important;
    padding: 0 !important;
}

.about-cta__container,
.about-cta__container > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

/* --------------------------------------------------------------------------
   TYPOGRAPHIE
   -------------------------------------------------------------------------- */

.about-cta__eyebrow,
.about-cta__eyebrow p,
.about-cta__eyebrow .kt-adv-heading,
.about-cta__eyebrow .wp-block-kadence-advancedheading {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #16C6D8 !important;

    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;

    text-align: center !important;
}

.about-cta__title,
.about-cta__title h2,
.about-cta__title .kt-adv-heading,
.about-cta__title .wp-block-kadence-advancedheading {
    width: 100% !important;
    max-width: 900px !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #FFFFFF !important;

    font-family: Manrope, sans-serif !important;
    font-size: clamp(38px, 3.4vw, 52px) !important;
    font-weight: 750 !important;
    line-height: 1.08 !important;
    letter-spacing: -.03em !important;

    text-align: center !important;
    text-wrap: balance;
}

.about-cta__text,
.about-cta__text p,
.about-cta__text .kt-adv-heading,
.about-cta__text .wp-block-kadence-advancedheading {
    width: 100% !important;
    max-width: 760px !important;

    margin: 0 auto 28px !important;
    padding: 0 !important;

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

    font-family: Manrope, sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.68 !important;

    text-align: center !important;
}

/* --------------------------------------------------------------------------
   BOUTON
   -------------------------------------------------------------------------- */

.about-cta__button,
.about-cta__button .kb-buttons-wrap,
.about-cta__button .wp-block-kadence-advancedbtn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

.about-cta__button .kb-button,
.about-cta__button.kb-button,
.about-cta__button .wp-block-button__link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 50px !important;
    padding: 13px 24px !important;

    border: 1px solid #FFFFFF !important;
    border-radius: var(--ing-radius-sm) !important;

    background: #FFFFFF !important;
    color: #02246A !important;

    font-family: Manrope, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;

    box-shadow: 0 14px 30px -20px rgba(0,0,0,.55) !important;

    transition:
        transform var(--ing-transition),
        background-color var(--ing-transition),
        border-color var(--ing-transition),
        box-shadow var(--ing-transition);
}

.about-cta__button .kb-button:hover,
.about-cta__button.kb-button:hover,
.about-cta__button .wp-block-button__link:hover {
    transform: translateY(-2px);

    border-color: #16C6D8 !important;
    background: #16C6D8 !important;
    color: #02246A !important;

    box-shadow:
        0 18px 34px -20px rgba(0,0,0,.60) !important;
}

.about-cta__button .kb-button:focus-visible,
.about-cta__button.kb-button:focus-visible,
.about-cta__button .wp-block-button__link:focus-visible {
    outline: 3px solid #16C6D8 !important;
    outline-offset: 3px !important;
}

/* --------------------------------------------------------------------------
   MICRO-TEXTE
   -------------------------------------------------------------------------- */

.about-cta__note,
.about-cta__note p,
.about-cta__note .kt-adv-heading,
.about-cta__note .wp-block-kadence-advancedheading {
    width: 100% !important;
    max-width: 620px !important;

    margin: 14px auto 0 !important;
    padding: 0 !important;

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

    font-family: Manrope, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;

    text-align: center !important;
}

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

@media screen and (max-width: 1024px) {
    .about-cta {
        padding: 70px 0 74px !important;
    }

    .about-cta > .kt-row-column-wrap,
    .about-cta > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 40px), var(--ing-container)) !important;
    }

    .about-cta__title,
    .about-cta__title h2,
    .about-cta__title .kt-adv-heading,
    .about-cta__title .wp-block-kadence-advancedheading {
        font-size: clamp(36px, 5vw, 46px) !important;
    }
}

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

@media screen and (max-width: 767px) {
    .about-cta {
        padding: 56px 0 60px !important;
    }

    .about-cta > .kt-row-column-wrap,
    .about-cta > .kb-row-layout-wrap > .kt-row-column-wrap {
        width: min(calc(100% - 32px), var(--ing-container)) !important;
    }

    .about-cta__eyebrow,
    .about-cta__eyebrow p {
        font-size: 12px !important;
    }

    .about-cta__title,
    .about-cta__title h2,
    .about-cta__title .kt-adv-heading,
    .about-cta__title .wp-block-kadence-advancedheading {
        margin-bottom: 16px !important;

        font-size: 32px !important;
        line-height: 1.1 !important;
    }

    .about-cta__text,
    .about-cta__text p {
        margin-bottom: 24px !important;

        font-size: 16px !important;
        line-height: 1.62 !important;
    }

    .about-cta__button,
    .about-cta__button .kb-buttons-wrap,
    .about-cta__button .wp-block-kadence-advancedbtn {
        width: 100% !important;
    }

    .about-cta__button .kb-button,
    .about-cta__button.kb-button,
    .about-cta__button .wp-block-button__link {
        width: 100% !important;
        max-width: 320px !important;
    }

    .about-cta__note,
    .about-cta__note p {
        font-size: 12px !important;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .about-cta__button .kb-button {
        transition: none !important;
    }

    .about-cta__button .kb-button:hover {
        transform: none !important;
    }
}

/* ==========================================================================
   FIN MOD-056 — CTA FINAL À PROPOS
   ========================================================================== */


/* ==========================================================================
   FIN PAG-006 — À PROPOS
   Version : 0.6.0
   ========================================================================== */


/* ==========================================================================
   PATCH 0.1.1 — MOD-051 / CARTES HERO PLUS PREMIUM
   Objectif :
   - cartes plus aérées ;
   - ajout d'une zone icône ;
   - séparation visuelle légère ;
   - typographie plus fine et moins massive.
   ========================================================================== */

/* Cartes légèrement plus généreuses et plus élégantes */
.about-hero__card {
    padding: 28px 24px 26px !important;
    border-radius: 18px !important;
    border-color: rgba(2, 36, 106, .12) !important;
    box-shadow: 0 18px 34px -30px rgba(2, 36, 106, .34) !important;
}

/* Icône Kadence ajoutée dans chaque carte */
.about-hero__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 0 22px !important;
    border-radius: 50% !important;
    background: rgba(22, 198, 216, .10) !important;
    color: var(--ing-color-primary) !important;
}

/* Cible les SVG/icônes internes */
.about-hero__icon svg,
.about-hero__icon .kadence-svg-icon,
.about-hero__icon .kt-svg-icon {
    width: 24px !important;
    height: 24px !important;
    color: var(--ing-color-primary) !important;
    fill: none !important;
    stroke: currentColor !important;
}

/* Petite ligne de séparation sous l'icône */
.about-hero__icon::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 34px !important;
    height: 2px !important;
    margin-top: 76px !important;
    border-radius: 2px !important;
    background: linear-gradient(90deg, var(--ing-color-primary), #16C6D8) !important;
}

/* Numéro moins dominant */
.about-hero__card::before {
    margin-bottom: 16px !important;
    font-size: 12px !important;
    color: #0B4A8F !important;
}

/* Titre plus compact */
.about-hero__card h2,
.about-hero__card h3,
.about-hero__card h4,
.about-hero__card .kt-adv-heading,
.about-hero__card .wp-block-kadence-advancedheading {
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
}

/* Corps moins lourd */
.about-hero__card p {
    font-size: 14px !important;
    line-height: 1.62 !important;
    font-weight: 400 !important;
}

/* Hover discret */
.about-hero__card:hover {
    transform: translateY(-3px);
    box-shadow:
        inset 0 0 0 1px rgba(22, 198, 216, .08),
        0 20px 40px -28px rgba(2, 36, 106, .38) !important;
}

/* Mobile / tablette */
@media screen and (max-width: 1024px) {
    .about-hero__icon {
        width: 44px !important;
        height: 44px !important;
        margin-bottom: 20px !important;
    }

    .about-hero__icon svg,
    .about-hero__icon .kadence-svg-icon,
    .about-hero__icon .kt-svg-icon {
        width: 22px !important;
        height: 22px !important;
    }
}

@media screen and (max-width: 767px) {
    .about-hero__card {
        padding: 24px 20px 22px !important;
    }

    .about-hero__card h2,
    .about-hero__card h3,
    .about-hero__card h4,
    .about-hero__card .kt-adv-heading,
    .about-hero__card .wp-block-kadence-advancedheading {
        margin-top: 8px !important;
        font-size: 18px !important;
    }

    .about-hero__card p {
        font-size: 15px !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.1.1
   ========================================================================== */


/* ==========================================================================
   PATCH 0.1.2 — MOD-051 / CARTES HERO SIMPLIFIÉES
   Objectif :
   - supprimer la numérotation 01/02/03 ;
   - supprimer le petit trait décoratif ;
   - conserver uniquement l'icône comme repère visuel ;
   - différencier clairement H3 et paragraphe ;
   - laisser les cartes prendre une hauteur naturelle.
   ========================================================================== */

/* Suppression de la numérotation */
.about-hero__card::before {
    content: none !important;
    display: none !important;
}

/* Suppression du petit trait décoratif sous l'icône */
.about-hero__icon::after {
    content: none !important;
    display: none !important;
}

/* Cartes plus sobres et plus naturelles */
.about-hero__card {
    height: auto !important;
    min-height: 0 !important;
    padding: 28px 24px 26px !important;
    border-radius: 18px !important;
    background: #FFFFFF !important;
    box-shadow: 0 16px 32px -28px rgba(2,36,106,.30) !important;
}

/* Icône conservée comme seul repère visuel */
.about-hero__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 46px !important;
    height: 46px !important;

    margin: 0 0 22px !important;

    border-radius: 50% !important;

    background: rgba(22,198,216,.10) !important;
    color: var(--ing-color-primary) !important;
}

.about-hero__icon svg,
.about-hero__icon .kadence-svg-icon,
.about-hero__icon .kt-svg-icon {
    width: 22px !important;
    height: 22px !important;
    color: var(--ing-color-primary) !important;
}

/* Titre clairement distinct du paragraphe */
.about-hero__card h2,
.about-hero__card h3,
.about-hero__card h4,
.about-hero__card .kt-adv-heading,
.about-hero__card .wp-block-kadence-advancedheading {
    margin: 0 0 12px !important;

    color: var(--ing-color-title) !important;

    font-family: Manrope, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -.015em !important;
}

/* Paragraphe plus léger */
.about-hero__card p {
    margin: 0 !important;

    color: var(--ing-color-text) !important;

    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

/* Les colonnes ne forcent plus artificiellement la même hauteur */
.about-hero__column,
.about-hero__column > .kt-inside-inner-col {
    height: auto !important;
    min-height: 0 !important;
}

.about-hero__column > .kt-inside-inner-col {
    align-items: stretch !important;
}

/* Hover encore plus discret */
.about-hero__card:hover {
    transform: translateY(-2px);
    border-color: rgba(22,198,216,.55) !important;
    box-shadow:
        inset 0 0 0 1px rgba(22,198,216,.06),
        0 18px 36px -28px rgba(2,36,106,.34) !important;
}

/* Tablette */
@media screen and (max-width: 1024px) {
    .about-hero__card {
        padding: 24px 22px !important;
    }

    .about-hero__icon {
        width: 44px !important;
        height: 44px !important;
        margin-bottom: 18px !important;
    }

    .about-hero__card h2,
    .about-hero__card h3,
    .about-hero__card h4,
    .about-hero__card .kt-adv-heading,
    .about-hero__card .wp-block-kadence-advancedheading {
        font-size: 18px !important;
    }

    .about-hero__card p {
        font-size: 14px !important;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .about-hero__card {
        padding: 22px 20px 20px !important;
    }

    .about-hero__icon {
        width: 42px !important;
        height: 42px !important;
        margin-bottom: 16px !important;
    }

    .about-hero__card p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.1.2
   ========================================================================== */


/* ==========================================================================
   PATCH 0.1.3 — MOD-051 / HIÉRARCHIE TYPOGRAPHIQUE DES CARTES
   Classes dédiées :
   H3 : .about-hero__card-title
   P  : .about-hero__card-text
   ========================================================================== */

/* Titre de carte */
.about-hero__card .about-hero__card-title,
.about-hero__card .about-hero__card-title.kt-adv-heading,
.about-hero__card .about-hero__card-title.wp-block-kadence-advancedheading {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: var(--ing-color-title) !important;

    font-family: Manrope, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -.018em !important;

    text-align: left !important;
}

/* Texte descriptif : volontairement beaucoup plus léger que le H3 */
.about-hero__card .about-hero__card-text,
.about-hero__card p.about-hero__card-text,
.about-hero__card .about-hero__card-text.kt-adv-heading,
.about-hero__card .about-hero__card-text.wp-block-kadence-advancedheading {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #53647B !important;

    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.68 !important;
    letter-spacing: 0 !important;

    text-align: left !important;
}

/* Neutralise les strong/bold accidentels hérités dans le paragraphe */
.about-hero__card .about-hero__card-text strong,
.about-hero__card .about-hero__card-text b {
    font-weight: 400 !important;
}

/* Tablette */
@media screen and (max-width: 1024px) {
    .about-hero__card .about-hero__card-title {
        font-size: 18px !important;
    }

    .about-hero__card .about-hero__card-text {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }
}

/* Mobile : texte légèrement agrandi pour la lecture */
@media screen and (max-width: 767px) {
    .about-hero__card .about-hero__card-title {
        margin-bottom: 10px !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .about-hero__card .about-hero__card-text {
        font-size: 15px !important;
        line-height: 1.62 !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.1.3
   ========================================================================== */


/* ==========================================================================
   PATCH 0.1.4 — MOD-051 / STANDARDISATION DES CARTES HERO
   Référence visuelle : CARD-001 — Carte de bénéfice
   Objectif :
   - même hauteur de carte sur desktop ;
   - icônes alignées ;
   - titres alignés sur une zone commune ;
   - paragraphes démarrant sur la même ligne ;
   - hauteur naturelle sur tablette/mobile.
   ========================================================================== */

/* --------------------------------------------------------------------------
   CARD-001 — CONTENEUR
   -------------------------------------------------------------------------- */

.about-hero__card {
    box-sizing: border-box !important;

    display: grid !important;
    grid-template-rows:
        46px
        minmax(54px, auto)
        1fr !important;

    align-content: start !important;

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

    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 28px 24px 26px !important;

    border: 1px solid rgba(2, 36, 106, .12) !important;
    border-radius: 18px !important;

    background: #FFFFFF !important;

    box-shadow:
        0 16px 32px -28px rgba(2, 36, 106, .30) !important;

    transition:
        transform var(--ing-transition),
        border-color var(--ing-transition),
        box-shadow var(--ing-transition);
}

/* --------------------------------------------------------------------------
   ICÔNE
   -------------------------------------------------------------------------- */

.about-hero__icon {
    position: relative !important;

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

    width: 46px !important;
    height: 46px !important;

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

    border-radius: 50% !important;

    background: rgba(22, 198, 216, .10) !important;
    color: var(--ing-color-primary) !important;

    align-self: start !important;
    justify-self: start !important;
}

.about-hero__icon::after {
    content: none !important;
    display: none !important;
}

.about-hero__icon svg,
.about-hero__icon .kadence-svg-icon,
.about-hero__icon .kt-svg-icon {
    width: 22px !important;
    height: 22px !important;

    color: var(--ing-color-primary) !important;
    fill: none !important;
    stroke: currentColor !important;
}

/* --------------------------------------------------------------------------
   TITRE
   -------------------------------------------------------------------------- */

.about-hero__card .about-hero__card-title,
.about-hero__card .about-hero__card-title.kt-adv-heading,
.about-hero__card .about-hero__card-title.wp-block-kadence-advancedheading {
    align-self: start !important;

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

    margin: 18px 0 14px !important;
    padding: 0 !important;

    color: var(--ing-color-title) !important;

    font-family: Manrope, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -.018em !important;

    text-align: left !important;

    overflow-wrap: normal !important;
    word-break: normal !important;
}

/* --------------------------------------------------------------------------
   TEXTE
   -------------------------------------------------------------------------- */

.about-hero__card .about-hero__card-text,
.about-hero__card p.about-hero__card-text,
.about-hero__card .about-hero__card-text.kt-adv-heading,
.about-hero__card .about-hero__card-text.wp-block-kadence-advancedheading {
    align-self: start !important;

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

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

    color: #53647B !important;

    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.68 !important;
    letter-spacing: 0 !important;

    text-align: left !important;

    overflow-wrap: normal !important;
    word-break: normal !important;
}

.about-hero__card .about-hero__card-text strong,
.about-hero__card .about-hero__card-text b {
    font-weight: 400 !important;
}

/* --------------------------------------------------------------------------
   COLONNES — HAUTEUR HARMONISÉE DES 3 CARTES
   -------------------------------------------------------------------------- */

.about-hero__cards > .kt-row-column-wrap,
.about-hero__cards > .kb-row-layout-wrap > .kt-row-column-wrap {
    align-items: stretch !important;
}

.about-hero__column,
.about-hero__column > .kt-inside-inner-col {
    height: 100% !important;
    min-height: 0 !important;
}

.about-hero__column > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
}

.about-hero__column .about-hero__card {
    flex: 1 1 auto !important;
}

/* --------------------------------------------------------------------------
   HOVER
   -------------------------------------------------------------------------- */

.about-hero__card:hover {
    transform: translateY(-2px);

    border-color: rgba(22, 198, 216, .55) !important;

    box-shadow:
        inset 0 0 0 1px rgba(22, 198, 216, .06),
        0 18px 36px -28px rgba(2, 36, 106, .34) !important;
}

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

@media screen and (max-width: 1024px) {

    /* Sur tablette, les cartes s'empilent :
       on revient à une hauteur naturelle. */
    .about-hero__card {
        display: block !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 24px 22px !important;
    }

    .about-hero__icon {
        width: 44px !important;
        height: 44px !important;

        margin: 0 0 18px !important;
    }

    .about-hero__icon svg,
    .about-hero__icon .kadence-svg-icon,
    .about-hero__icon .kt-svg-icon {
        width: 21px !important;
        height: 21px !important;
    }

    .about-hero__card .about-hero__card-title {
        margin: 0 0 12px !important;

        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .about-hero__card .about-hero__card-text {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    .about-hero__column,
    .about-hero__column > .kt-inside-inner-col {
        height: auto !important;
    }
}

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

@media screen and (max-width: 767px) {

    .about-hero__card {
        display: block !important;

        height: auto !important;

        padding: 22px 20px 20px !important;
    }

    .about-hero__icon {
        width: 42px !important;
        height: 42px !important;

        margin-bottom: 16px !important;
    }

    .about-hero__card .about-hero__card-title {
        margin-bottom: 10px !important;

        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .about-hero__card .about-hero__card-text {
        font-size: 15px !important;
        line-height: 1.62 !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.1.4 — CARD-001
   ========================================================================== */


/* ==========================================================================
   PATCH 0.1.5 — MOD-051 / CORRECTION CARD-001
   Problème corrigé :
   le grid-template-rows de la v0.1.4 provoquait le débordement du paragraphe
   hors du cadre. On revient à une structure flex robuste.
   ========================================================================== */

/* La carte contient réellement icône + titre + texte */
.about-hero__card {
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

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

    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 28px 24px 26px !important;

    overflow: visible !important;

    border: 1px solid rgba(2,36,106,.12) !important;
    border-radius: 18px !important;
    background: #FFFFFF !important;

    box-shadow:
        0 16px 32px -28px rgba(2,36,106,.30) !important;
}

/* Neutralise un éventuel wrapper interne du Groupe */
.about-hero__card > .wp-block-group__inner-container,
.about-hero__card > .kt-inside-inner-col,
.about-hero__card > .is-layout-constrained,
.about-hero__card > .is-layout-flow {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

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

    height: 100% !important;
    min-height: 0 !important;

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

/* Icône */
.about-hero__icon {
    flex: 0 0 46px !important;

    width: 46px !important;
    height: 46px !important;

    margin: 0 0 20px !important;
}

/* Titre :
   hauteur minimale commune pour aligner le départ des paragraphes */
.about-hero__card .about-hero__card-title,
.about-hero__card .about-hero__card-title.kt-adv-heading,
.about-hero__card .about-hero__card-title.wp-block-kadence-advancedheading {
    flex: 0 0 auto !important;

    width: 100% !important;
    min-height: 70px !important;

    margin: 0 0 14px !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
}

/* Paragraphe :
   reste obligatoirement à l'intérieur de la carte */
.about-hero__card .about-hero__card-text,
.about-hero__card p.about-hero__card-text,
.about-hero__card .about-hero__card-text.kt-adv-heading,
.about-hero__card .about-hero__card-text.wp-block-kadence-advancedheading {
    flex: 1 1 auto !important;

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

    height: auto !important;
    min-height: 0 !important;

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

    overflow: visible !important;

    color: #53647B !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.68 !important;
}

/* Les 3 colonnes se calent sur la plus grande carte */
.about-hero__cards > .kt-row-column-wrap,
.about-hero__cards > .kb-row-layout-wrap > .kt-row-column-wrap {
    align-items: stretch !important;
}

.about-hero__column,
.about-hero__column > .kt-inside-inner-col {
    height: 100% !important;
    min-height: 0 !important;
}

.about-hero__column > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

.about-hero__column .about-hero__card {
    flex: 1 1 auto !important;
}

/* Tablette : hauteur naturelle */
@media screen and (max-width: 1024px) {
    .about-hero__card {
        height: auto !important;
        padding: 24px 22px !important;
    }

    .about-hero__card .about-hero__card-title {
        min-height: 0 !important;
    }

    .about-hero__column,
    .about-hero__column > .kt-inside-inner-col {
        height: auto !important;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .about-hero__card {
        height: auto !important;
        padding: 22px 20px 20px !important;
    }

    .about-hero__card .about-hero__card-title {
        min-height: 0 !important;
        margin-bottom: 10px !important;
    }

    .about-hero__card .about-hero__card-text {
        font-size: 15px !important;
        line-height: 1.62 !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.1.5
   ========================================================================== */


/* ==========================================================================
   PATCH 0.3.1 — MOD-053 / ESPACEMENT FINAL DES CARTES
   Standard desktop : 28 px entre les colonnes et entre les cartes.
   ========================================================================== */

.about-difference__grid > .kt-row-column-wrap,
.about-difference__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
    column-gap: 28px !important;
    row-gap: 28px !important;
}

.about-difference__column > .kt-inside-inner-col {
    gap: 28px !important;
}

/* Tablette : espacement légèrement réduit */
@media screen and (max-width: 1024px) {
    .about-difference__grid > .kt-row-column-wrap,
    .about-difference__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
        gap: 20px !important;
    }

    .about-difference__column > .kt-inside-inner-col {
        gap: 20px !important;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .about-difference__grid > .kt-row-column-wrap,
    .about-difference__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
        gap: 16px !important;
    }

    .about-difference__column > .kt-inside-inner-col {
        gap: 16px !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.3.1
   ========================================================================== */


/* ==========================================================================
   PATCH 0.3.2 — MOD-053 / ESPACEMENT ROBUSTE DES CARTES
   Constat :
   le gap appliqué au wrapper de colonne Kadence n'est pas pris en compte
   de façon fiable. On espace donc explicitement la première carte de chaque
   colonne, ce qui est robuste avec la structure actuelle :
   colonne gauche  = 01 + 03
   colonne droite  = 02 + 04.
   ========================================================================== */

/* Espace horizontal entre les deux colonnes */
.about-difference__grid > .kt-row-column-wrap,
.about-difference__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
    column-gap: 32px !important;
}

/* On ne dépend plus du gap vertical du wrapper Kadence */
.about-difference__column > .kt-inside-inner-col {
    gap: 0 !important;
}

/* Espace vertical réel entre ligne 1 et ligne 2 */
.about-difference__card--01,
.about-difference__card--02 {
    margin-bottom: 32px !important;
}

/* Tablette */
@media screen and (max-width: 1024px) {
    .about-difference__grid > .kt-row-column-wrap,
    .about-difference__grid > .kb-row-layout-wrap > .kt-row-column-wrap {
        column-gap: 22px !important;
    }

    .about-difference__card--01,
    .about-difference__card--02 {
        margin-bottom: 22px !important;
    }
}

/* Mobile : toutes les cartes s'empilent ; on remet un rythme régulier */
@media screen and (max-width: 767px) {
    .about-difference__card--01,
    .about-difference__card--02,
    .about-difference__card--03 {
        margin-bottom: 16px !important;
    }

    .about-difference__card--04 {
        margin-bottom: 0 !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.3.2
   ========================================================================== */


/* ==========================================================================
   PATCH 0.3.3 — MOD-053 / ESPACEMENT ENTRE LES PAIRES DE CARTES
   Structure réelle :
   Colonne gauche  : 01 puis 03
   Colonne droite  : 02 puis 04

   On applique donc l'espace directement AVANT les cartes 03 et 04.
   ========================================================================== */

/* Neutralise l'ancienne marge sous 01 et 02 */
.about-difference__card--01,
.about-difference__card--02 {
    margin-bottom: 0 !important;
}

/* Espace réel entre 01→03 et 02→04 */
.about-difference__card--03,
.about-difference__card--04 {
    margin-top: 32px !important;
}

/* Tablette */
@media screen and (max-width: 1024px) {
    .about-difference__card--03,
    .about-difference__card--04 {
        margin-top: 22px !important;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .about-difference__card--03,
    .about-difference__card--04 {
        margin-top: 16px !important;
    }
}

/* ==========================================================================
   FIN PATCH 0.3.3
   ========================================================================== */