& .sc-builder {
    @media screen and (width < 1200px) {
        & .fl-builder-content {
            & .fl-row-content-wrap {
                padding-inline: min(2rem,5vw);
            }
        }
    }
    & [class*="underline"] {
        &::after {
            width: min(380px, 100%);
        }
    }
    @media screen and (width >= 1200px) {
        &.quote::after {
                position: absolute;
                z-index: 2;
                content: '';
                pointer-events: none;
                background-color: var(--cLTtheme, var(--cLCyanBright));
                inset: calc(min(3rem, 6vw) * -1) calc((100vw - min(1410px, calc(100% - var(--pd)))) / 2) 0;
                -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
                -webkit-mask-size: min(180px, 18vw);
                mask-size: min(180px, 18vw);
                -webkit-mask-position: left top;
                mask-position: left top;
                -webkit-mask-image: url(../images/Quote.svg);
                mask-image: url(../images/Quote.svg);
        }
    }
}
.fl-module-accordion.accordion-v1 {
    & .fl-accordion-item {
        &:is(.fl-accordion-item-active &) {min-height: min(400px,50vw);}
    }
    & .fl-accordion-button {
        display: flex;
        column-gap: 2%;
        align-items: center;
        & * {
            outline: none !important;
        }
        & .fl-accordion-button-label {
            flex: 1 1 60%;
            font-weight: 500;
            line-height: 1.2;
            text-transform: inherit;
            font-size: min(36px,5vw);
        }
        & .fl-accordion-button-icon {
            opacity: 1 !important;
            &.fas {
                width: max-content;
                &::before {content: none;}
                &::after {
                    position: relative;
                    content: '';
                    display: block;
                    transition: inherit;
                    pointer-events: none;
                    transition: all .3s;
                    padding: min(1rem,4vw) min(3.2rem,4vw);
                    background-color: var(--cLTtheme, var(--cLCyanBright));
                    -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    mask-position: center;
                    -webkit-mask-size: contain;
                    mask-size: contain;
                    -webkit-mask-image: url(../images/arrow-xl.svg);
                    mask-image: url(../images/arrow-xl.svg);
                }
                &:is(.fl-accordion-item.fl-accordion-item-active &)::after {
                    rotate: -90deg;
                    padding: min(1.4rem,5vw);
                    -webkit-mask-image: url(../images/arrow.svg);
                    mask-image: url(../images/arrow.svg);
                }
                & * {display: none;}
            }
            @media screen and (width >=1200px) {
                & {
                    flex: 1 1 38%;
                }
            }
        }
    }
    & .fl-accordion-content {
        position: relative;
        padding: min(1.5rem,5vw) 0;
        background-color: var(--cLwhite);
        @media screen and (width < 1200px) {
            padding-inline: min(1rem,5vw);
        }
        &::before,
        &::after {content: none;}

        & > * {
            position: relative;
            vertical-align: text-top;
            margin-inline: min(2rem,5vw) !important;
            &:is(blockquote ) {
                display: block;
            }
            &:is(.puce-listing) {display: inline-flex;}
            &:is(p:has( > img)) {
                position: absolute;
                top: 0;
                right: 0;
                width: 48%;
                border: none;
                display: block;
                float: right;
                height: 100%;
                overflow: hidden;
                margin: 0 !important;
                & img {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    max-width: inherit;
                    object-fit: cover;
                }
                @media screen and (width < 1200px) {
                    & {
                        position: relative;
                        width: 100%;
                        height: auto;
                    }
                }
            }
            &:not(:last-child) {margin-bottom: min(1.5rem,5vw);}
            @media screen and (width<900px) {
                & {margin-inline: 0 !important;}
            }
        }
        &:has( p > img) {
            & > *:not(p:has( > img)) {
                width: calc(48% - (min(1.5rem,5vw) * 2));
                @media screen and (width < 1200px) {
                    & {
                        width: 100%;
                        margin-inline: 0 !important;
                    }
                }
            }
        }
    }
}
.fl-module-accordion:not(.accordion-v1) {
    & .fl-accordion-item {
        border: none !important;
        & .fl-accordion-button {
            display: flex;
            column-gap: 2%;
            border-radius: 5px;
            transition: all .5s;
            align-items: center;
            border: 1px solid var(--cLPaleBlue);
            &:is(.fl-accordion-item.fl-accordion-item-active &) {
                border-color: currentColor;
                background-color: currentColor;
                & * {
                    color: var(--cLwhite) !important;
                }
            }
            & * {
                outline: none !important;
            }
            & .fl-accordion-button-label {
                font-weight: 600;
                line-height: 1.2;
                text-transform: inherit;
                font-size: min(20px,5vw);
            }
            & .fl-accordion-button-icon {
                opacity: 1 !important;
                &.fas {
                    width: max-content;
                    width: 32px;
                    height: 32px;
                    rotate: 90deg;
                    border-radius: 5px;
                    transition: all .3s;
                    background-color: var(--cLTtheme, var(--cLCyanBright));
                    &::before {content: none;}
                    &::after {
                        position: relative;
                        content: '';
                        scale: .6;
                        rotate: 0deg;
                        display: block;
                        transition: inherit;
                        pointer-events: none;
                        padding: min(1rem,4vw);
                        background-color: var(--cLwhite);
                        -webkit-mask-repeat: no-repeat;
                        mask-repeat: no-repeat;
                        -webkit-mask-position: center;
                        mask-position: center;
                        -webkit-mask-size: contain;
                        mask-size: contain;
                        -webkit-mask-image: url(../images/arrow.svg);
                        mask-image: url(../images/arrow.svg);
                    }
                    &:is(.fl-accordion-item.fl-accordion-item-active &)::after {
                        background-color: var(--cLTtheme, var(--cLCyanBright));
                    }
                    &:is(.fl-accordion-item.fl-accordion-item-active &) {
                        rotate: -90deg;
                        background-color: currentColor;
                    }
                    & * {display: none;}
                }
            }
        }
        & .fl-accordion-content {
            padding-top: 10px;
        }
    }
}
.section-1 .fl-rich-text :is(h1,h2,h3,h4,h5,h6):has( [class*="underline"]):has( + *){
    margin-bottom: min(2em,8vw) !important;
}
@media screen and (width < 1200px) {
    .section-1 .fl-rich-text {margin-top: 0 !important;}
}
.fl-photo-content:has( img) {
    border-radius: 13px;
    overflow: hidden;
}
.slider-items {
    position: relative;
    overflow: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: calc(100% + (100vw - 100%) / 2);
    scrollbar-color: transparent transparent;
    padding-right:  calc((100vw - 100%) / 2);

    & > .fl-module {
        position: relative;
        flex: 0 0 auto;
        cursor: pointer;
        overflow: hidden;
        width: min(330px, 70vw);
        scroll-snap-align: center;
        & > .fl-module {
            &:nth-child(1) {
                position: relative;
                overflow: hidden;
                border-radius: 10px;
                height: min(600px, 110vw) !important;
                & .fl-photo-content {
                    &::after {
                        position: absolute;
                        inset: 0;
                        content: '';
                        opacity: .6;
                        border-radius: 10px;
                        pointer-events: none;
                        mix-blend-mode: multiply;
                        background: var(--cLDeepNavy);
                    }
                    & a {
                       &:is(html:not(.fl-builder-edit) &)::after {
                            position: absolute;
                            inset: 0;
                            content: '';
                            z-index: 3;
                        }
                    } 
                    & img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        transition: all .3s;
                        &:is(.slider-items > .fl-module:hover &) {scale: 1.05;}
                    }
                }
            }
            &:nth-child(2) {
                z-index: 2;
                inset: 40% 10%;
                display: flex;
                overflow: hidden;
                align-items: center;
                transition: all .3s;
                justify-content: center;
                & img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    filter: brightness(0) invert(1);
                }
                &:is(html:not(.fl-builder-edit) .slider-items > .fl-module:hover &) {
                    opacity: 0;
                    visibility: visible;
                    transform: translateY(-20%);
                }
            }
            &:not(:first-child) {
                position: absolute;
            }
            &.fl-rich-text {
                opacity: 0;
                inset: 10%;
                display: flex;
                visibility: hidden;
                transition: all .3s;
                flex-direction: column;
                row-gap: min(1rem,5vw);
                justify-content: center;
                transform: translateY(20%);
                &:is(html:not(.fl-builder-edit) .slider-items > .fl-module:hover &),
                &:is(.fl-builder-edit &) {
                    opacity: 1;
                    visibility: visible;
                    transform: translateY(0%);
                }
            }
            & .fl-photo-content {
                width: 100%;
                height: 100%;
                overflow: hidden;
            }
        }
    }
}
.section-4 {
    & .fl-col-group {
        display: flex;
        column-gap: 10%;
        flex-wrap: wrap;
        &::before,
        &::after {content: none;}
        & .fl-col:has( :is(.fl-module-video,.fl-module-photo)) {
            height: inherit;
            flex: 1 1 max(300px,30%);
            & :is(.fl-module-video,.fl-module-photo) {
                position: relative;
                margin-inline: calc((100vw - 100%) / -5) 0;
                &:is(.fl-col + .fl-col :is(.fl-module-video,.fl-module-photo)) {
                    margin-inline: 0 calc((100vw - 100%) / -5);
                }
                & .fl-video {
                    aspect-ratio: 1/1;
                    width: 100% !important;
                    padding: 0 !important;
                    height: 100% !important;
                    & .wp-video {
                        width: initial !important;
                        height: initial !important;
                        inset: 0 !important;
                        & .wp-video-shortcode {
                            object-fit: cover;
                            width: 100% !important;
                            height: 100% !important;
                        }
                    }
                }
            }
        }
        & .fl-col:has( .fl-rich-text) {
            margin-block: auto;
            flex: 1 1 max(300px,50%);
            padding-block: min(4rem,5vw) min(4rem,10vw);
        }
    }
}
.cads-section {
    & .pp-hover-card-wrap {
        grid-gap: 9%;
        & .pp-hover-card:hover {
          & .pp-hover-card-title-wrap {
              transform: translate3d(0,-50%,0) !important;
          }
        }
        & .pp-hover-card-title-wrap {
          padding: min(2rem,5vw);
          color: var(--cLwhite);
            & .pp-hover-card-title {
                color: inherit !important;
                &::after {
                    position: relative;
                    content: '';
                    opacity: 0;
                    display: block;
                    transition: all .3s;
                    transition: inherit;
                    pointer-events: none;
                    margin-bottom: calc(min(1rem,5vw) * -2);
                    padding: min(1rem,5vw) min(3rem,10vw);
                    background-color: currentColor;
                    -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    mask-position: center;
                    -webkit-mask-size: contain;
                    mask-size: contain;
                    -webkit-mask-image: url(../images/arrow-xl.svg);
                    mask-image: url(../images/arrow-xl.svg);
                }
            }
            &:hover .pp-hover-card-title::after {
                opacity: 1;
                margin-bottom: 0;
            }
        }
    }
}
.liste-icone {
    & .quote {
        position: absolute;
        top: -27%;
        right: 4%;
        & img {
            width: min(281.1226806640625px,20vw);
        }
    }
    & .fl-col-group {
        & .fl-col-content {
            & > .fl-module {
                flex-wrap: wrap;
                row-gap: min(5rem,10vw);
                & > .fl-module {
                    flex-basis: min(200px,45.7%) !important;
                }
            }
        }
        & .fl-module.fl-module-box {
            /* display: grid;
            gap:  min(1rem, 2vw) 1%;
            grid-template-columns: repeat(auto-fill, minmax(min(200px,48%), 1fr)); */
            & .fl-module {
                display: flex;
                row-gap: 1rem;
                flex-wrap: wrap;
            }
            /* row-gap: 1rem;
            flex-wrap: wrap; */
            /* & .fl-module-box {
                width: 49%;
                flex: 0 0 auto;
                @media screen and (width > 900px) {
                    & {
                        width: 30%;
                    }
                }
                @media screen and (width > 1200px) {
                    & {
                        width:18.4%;
                    }
                }
            }  */
        }
    }
    & .fl-module {
        & > .fl-module-photo {
          & .fl-photo-content {
            position: relative;
            &::after {
                position: absolute;
                inset: 0;
                content: '';
                mix-blend-mode: color;
                background-color: var(--cLTtheme, var(--cLCyanBright));
            }
            & img {
                height: 73px;
                width: 80px;
                max-width: inherit;
                object-fit: contain;
            }
          }
        }
        & > .fl-module-rich-text {
            font-weight: 400;
            font-size: min(16px,4vw);
            &::before,&::after {content: none !important;}
        }
    }
}
.ban-fixe-image {
    position: relative;
    & .fl-row-content-wrap {
        position: relative;
        &::before {
            position: absolute;
            inset: 0;
            content: '';
            opacity: 0.7;
            mix-blend-mode: multiply;
            background-color: var(--cLDeepNavy);
        }
        & > .fl-row-content {
            z-index: 2;
        }
    }
}
.pp-flip-box {
    & .pp-flipbox-front {
        & .pp-flipbox-inner {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            height: min(600px,80vw);
            & .pp-icon-wrapper {
                position: relative;
                margin: 0;
                z-index: 2;
                & .pp-flipbox-image {
                    margin: 0;
                    & img {
                        height: 100px;
                        object-fit: contain;
                        width: min(250px,30vw);
                    }
                }
            }
            & .pp-flipbox-description {
                position: absolute;
                inset: 0;
                margin: 0;
                & img {
                    position: absolute;
                    inset: 0;
                    margin: 0;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    max-width: inherit;
                    filter: brightness(0.7);
                }
            }
        }
    }
    & .pp-flipbox-back {
        top: 22px;
        overflow: hidden;
        border-radius: 10px;
        box-sizing: border-box;
        height: min(600px,80vw) !important;
        & .pp-flipbox-inner {
            & .pp-flipbox-description {
                text-align: left;
                &::afterr {
                    position: relative;
                    content: "";
                    width: 100px;
                    height: 30px;
                    display: block;
                    transition: inherit;
                    pointer-events: none;
                    background-color: currentColor;
                    -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    mask-position: center;
                    -webkit-mask-size: contain;
                    mask-size: contain;
                    -webkit-mask-image: url(../images/arrow.svg);
                    mask-image: url(../images/arrow.svg);
                }
            }
        }
    }
}
@media screen and (width >= 1200px) {
    .fl-col-group:has( .pp-flip-box) {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        &::before,
        &::after {content: none !important;}
        & > .fl-col {
            position: relative;
            margin-inline: auto;
            width: 100% !important;
        }
    }
}