/* 
 * Theme Name: KN Theme
 * Author: Agence KN
 *
 */

@media (min-width: 992px) {
    .header__main {
        .menu__main.new_full {
            .menu-item {
                &.page-ia {
                    display: flex;
                    align-items: center;

                    &:before {
                        content: url('img/icon_ia.svg');
                        width: 10px;
                        height: 16px;
                        display: inline-block;
                        margin-bottom: 10px;
                        margin-right: -5px;
                    }
                }
            }
        }
    }
}

.single-post {
    overflow: visible !important;

    main {
        overflow: visible !important;
    }
}

.single-post .article-content,
.builder.content {

    ul[style="list-style-type: circle;"] {
        li {
            &:before {
                background-image: url('./img/check_article.svg');
                background-size: contain;
                background-repeat: no-repeat;
                height: 13px !important;
                width: 13px !important;
                background-color: transparent !important;
            }
        }
    }

    ul[style="list-style-type: square;"] {
        li {
            &:before {
                background-image: url('./img/arrow_article.svg');
                background-size: contain;
                background-repeat: no-repeat;
                height: 13px !important;
                width: 15px !important;
                background-color: transparent !important;
            }
        }
    }

    ul[style="list-style-type: disc;"] {
        li {
            &:before {
                background-image: url('./img/star_article.svg');
                background-size: contain;
                background-repeat: no-repeat;
                height: 13px !important;
                width: 13px !important;
                background-color: transparent !important;
            }
        }
    }

    p {
        &:has(.mea-typo--dash) {
            padding-left: 40px;
            position: relative;
            margin: 25px 0;

            &:before {
                content: '';
                background: #ff6136;
                width: 4px;
                border-radius: 50px;
                height: 100%;
                position: absolute;
                top: 0;
                left: 15px;
            }
        }

        &:has(.mea-typo--bg) {
            padding: 40px;
            margin: 0 !important;
            position: relative;

            &:after {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                width: calc(100% - 30px);
                height: calc(100% - 30px);
                border-radius: 8px;
                background: #ff6136;
                z-index: 0;
                transform: translate(-50%, -50%);
            }

            >* {
                color: #FFF !important;
            }

            .mea-typo--bg {
                display: block;
                z-index: 1;
                position: relative;
            }
        }

        &:has(.mea-typo--quote) {
            margin: 20px 0;

            .mea-typo--quote {
                padding: 30px 40px;
                position: relative;
                border-left: 2px solid #ff6136;
                display: flex;

                &:before,
                &:after {
                    content: '';
                    background-image: url('./img/quote_article.svg');
                    background-size: contain;
                    width: 40px;
                    height: 40px;
                    position: absolute;
                }

                &:before {
                    top: -10px;
                    left: 15px;
                }

                &:after {
                    bottom: -5px;
                    right: 15px;
                    transform: scale(-1, 1);
                }
            }
        }
    }

    >.container.custom__container {
        display: flex;
        flex-direction: column;

        @media (min-width: 992px) {
            flex-direction: row;
            gap: 40px;
        }
    }

    .sommaire {
        z-index: 99999;
        margin: 30px 0 0 30px;
        padding: 20px;
        border-radius: 16px;
        z-index: 0;

        @media (min-width: 992px) {
            position: sticky !important;
            top: 100px !important;
            max-width: 25%;
            height: fit-content;
        }

        &+section {
            margin-top: -50px !important;
        }

        .wrapper_sommaire {
            display: flex;
            gap: 5px;
            position: relative;

            .progressbar {
                height: auto;
                width: 5px;
                background: rgba(226, 234, 255, 0.5);
                z-index: 99;
                border-radius: 50px;

                .progressbar_fill {
                    background: #ec623f;
                    border-radius: 50px;
                    min-height: 30px;
                    width: 4px;
                    display: inline-block;
                }
            }

            #sommaire-list {
                padding: 0 0 0 20px !important;
                gap: 10px;
                display: flex;
                flex-direction: column;
                margin-bottom: 0px !important;

                li {
                    list-style: none !important;
                    position: relative;
                    display: inline-block;
                    width: fit-content;

                    a {
                        font-size: 14px !important;
                    }

                    &:after {
                        content: '';
                        height: 2px;
                        width: 0;
                        background: #ec623f;
                        transition: width 0.3s ease;
                        position: absolute;
                        bottom: -5px;
                        left: 0;
                    }

                    &:hover {
                        &:after {
                            width: 100%;
                            transition: width 0.3s ease;
                        }
                    }

                    &:before {
                        display: none !important;
                    }
                }
            }
        }

        .cta_supp_sommaire {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px 0 100px 0;
            border-radius: 16px;
            margin-top: 15px;
            background: #FFF;

            >* {
                font-size: 14px !important;
            }
        }
    }

    .wrapper_section {
        .builder:first-child:not(.hdp) {
            padding: 40px 0 !important;

            @media (min-width: 768px) {
                padding: 60px 0 !important;
            }
        }
    }

    section {
        @media (min-width: 992px) {
            scroll-margin-top: 100px !important;
        }

        &.cartes {
            .cartes__item {
                &.col-xl-3 {
                    @media (min-width: 992px) and (max-width: 1199px) {
                        width: 50% !important;
                    }

                    @media (min-width: 1200px) {
                        width: 33.33333333% !important;
                    }
                }
            }
        }
    }

    table {
        width: 100%;
        height: 96px;
        border-radius: 8px;
        overflow: hidden;
        border-collapse: collapse;
        border-style: hidden;
        box-shadow: 0 0 0 1px #ccc;

        tbody {
            tr {

                &:first-child {
                    min-height: 35px;
                }

                td {
                    min-height: 25px !important;
                    padding: 10px 0;
                }

                &:not(:first-child) {
                    td {
                        border-collapse: collapse;
                        border: 1px solid rgba(0, 0, 0, 0.16) !important;
                    }
                }
            }

            &:has(>tr:first-child>td[style*="background-color:#2e3861"], >tr:first-child>td[style*="background-color: #2e3861"]) {
                tr {
                    &:nth-child(odd) {
                        background-color: #f2f5ff !important;
                    }
                }
            }

            &:has(>tr:first-child>td[style*="background-color:#75c5bd"], >tr:first-child>td[style*="background-color: #75c5bd"]) {
                tr {
                    &:nth-child(odd) {
                        background-color: #e6fbf9 !important;
                    }
                }
            }
        }
    }
}

.page-template-blog-template {
    .blog-main {

        &>.container {
            display: flex;
            gap: 25px;

            @media (max-width: 991px) {
                flex-direction: column;

                .blog__filter {
                    margin: 20px 0 !important;
                }
            }

            #blog-filter-container {
                flex: 0.2;
                border: 1px solid #4F54A030;
                border-radius: 16px;
                height: fit-content;
                padding: 20px 0px 10px 20px;

                h2 {
                    font-size: 23px !important;
                }

                .blog__filter {
                    display: flex;
                    justify-content: start;
                    margin: 20px 5px 20px 0;
                    gap: 10px;
                    width: fit-content;
                    flex-direction: column;
                }

                .filter__option {
                    position: relative;
                    display: flex;
                    gap: 10px;

                    &:hover {
                        label {
                            background: #fff2ef;
                            color: #ff6136 !important;
                            border: 1px solid #ff6136;
                        }
                    }

                    &>input:checked {
                        +label {
                            background: #fff2ef;
                            color: #ff6136 !important;
                            border: 1px solid #ff6136;
                        }
                    }
                }

                .filter__option input {
                    display: none !important;
                }

                .filter__option label {
                    display: inline-block;
                    cursor: pointer;
                    transition: all 0.3s ease;
                    font-size: 14px;
                    font-weight: 500;
                    background: #d4e0ff;
                    color: #4f54a0;
                    padding: 5px 10px;
                    border-radius: 50px;
                    border: 1px solid transparent;
                    transition: all 0.3s ease;
                }

                /* Style lorsque le bouton est coché */
                .filter__option input[type="radio"]:checked+label {
                    font-weight: 500;
                }

                /* Ajout d'un effet au survol */
                .filter__option label:hover {
                    color: #4F54A0;
                    font-weight: 500;
                }

                .reset-filters {
                    background: #ffffff;
                    color: #ff6136 !important;
                    border: 1px solid #ff6136;
                    border-radius: 50px;
                    padding: 7px;
                    transition: all 0.3s ease;
                    margin-top: 10px;

                    &:hover {
                        background: #ff6136;
                        color: #ffffff !important;
                    }
                }

                @media (min-width: 1200px) {
                    .teaser__item {
                        width: 25%;
                    }
                }

                .teaser__meta-date {
                    font-size: 12px;
                    color: #4f54a0;
                    margin-bottom: 10px;
                }

                .teaser__meta-categories {
                    display: flex;
                    gap: 5px;
                    margin-bottom: 20px;
                    flex-wrap: wrap;
                }

                .teaser__meta-category {
                    display: flex;
                    background-color: #f0f0f0;
                    color: #333;
                    padding: 5px 9px;
                    border-radius: 15px;
                    font-size: 12px;
                    margin-right: 0px;
                    margin-bottom: 0px;
                    width: fit-content;
                }
            }

            .teaser {
                flex: 0.8;
            }

            .teaser__meta-categories {
                margin-top: auto;
                display: flex;
                gap: 5px;
                flex-wrap: wrap;

                .teaser__meta-category {
                    font-size: 12px;
                    margin-top: auto;
                    background: #d4e0ff;
                    color: #4f54a0;
                    padding: 5px 12px;
                    border-radius: 50px;
                    font-weight: 400;
                }
            }
        }
    }
}

.cartes_m__content [data-col="#f4accd"] {
    background: #f4accd;
}

.cartes_m__content [data-col="#2a3862"] {
    background: #2a3862;
}

.cartes_m__content [data-col="#75c5bd"] {
    background: #75c5bd;
}

.cartes_m__content [data-col="#ff6136"] {
    background: #ff6136;
}

.cartes_m__content [data-col="#d6def2"] {
    background: #d6def2;
}

body {
    overflow-x: hidden;
}

body .menu__main>.menu-bouton>a:hover {
    background: #2e3862 !important;
}

#pum-366,
.pum-theme-theme-par-defaut,
#pum-375 {
    background-color: rgba(108, 122, 137, 0.60);
    backdrop-filter: blur(0.2em);
}

@media (max-width: 400px) {

    #popmake-366,
    #popmake-375 {
        width: 280px !important;
        height: 310px !important;
    }

    #popmake-366 .links_mpleo,
    #popmake-375 .links_mpleo {
        flex-direction: column;
        gap: 0px !important;
        padding-top: 15px;
        justify-content: center;
        align-items: center;
    }
}

#popmake-366,
#popmake-375 {
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 500px;
    height: 200px;
    background-color: #FFF;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
}

#popmake-366 button.pum-close,
#popmake-375 button.pum-close {
    border: none;
    box-shadow: none;
    text-shadow: none;
    background-color: transparent;
    border-radius: 100%;
}

#popmake-366 .pum-close::after,
#popmake-375 .pum-close::after {
    content: '';
    background-image: url(../kn/img/close.png);
    background-size: 25px;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 4px 0px 0px 5px;
}

#popmake-366 .h3_mpleo,
#popmake-375 .h3_mpleo {
    text-align: center;
    font-size: 20px;
    color: #2e3861;
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 25px;
}

#popmake-366 .links_mpleo,
#popmake-375 .links_mpleo {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-top: 15px;
    flex-wrap: wrap;
}

#popmake-366 .links_mpleo a,
#popmake-375 .links_mpleo a {
    color: #2e3861;
    font-size: 1rem;
    display: flex;
    gap: 8px;
    border: 1px solid #2e3861;
    border-radius: 10px;
    padding: 5px 8px 5px 5px;
}

#popmake-366 .links_mpleo a:hover,
#popmake-375 .links_mpleo a:hover {
    background-color: #2e3861;
    color: #FFF;
}

#popmake-366 .links_mpleo .btn_mpleo_fr::before,
#popmake-375 .links_mpleo .btn_mpleo_fr::before {
    content: '';
    background-image: url(../kn/img/flag_fr.png);
    background-size: 20px;
    width: 20px;
    height: 16px;
    display: inline-block;
    margin: 4px 0px 0px 5px;
}

#popmake-366 .links_mpleo .btn_mpleo_be::before,
#popmake-375 .links_mpleo .btn_mpleo_be::before {
    content: '';
    background-image: url(../kn/img/flag_be.png);
    background-size: 20px;
    width: 20px;
    height: 16px;
    display: inline-block;
    margin: 4px 0px 0px 5px;
}

#popmake-366 .links_mpleo .btn_mpleo_lu::before,
#popmake-375 .links_mpleo .btn_mpleo_lu::before {
    content: '';
    background-image: url(../kn/img/flag_lu.png);
    background-size: 19px;
    width: 20px;
    height: 16px;
    display: inline-block;
    margin: 4px 0px 0px 5px;
}

.gfield_description {
    margin-bottom: 0px !important;
    font-size: 0.8em;
    font-weight: 300;
    margin-top: 5px;
}

.gfield_choice_all_toggle {
    background: #ec623f;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 12px !important;
    line-height: 1;
    overflow: hidden;
    padding: 10px 15px !important;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    vertical-align: middle;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 1;
    border: 0;
    text-transform: uppercase;
}

.ginput_container .gfield_radio .gchoice,
.ginput_container .gfield_checkbox .gchoice,
.ginput_container.ginput_container_consent label.gform-field-label {
    font-weight: 600;
}

fieldset .ginput_container_consent {
    align-items: center !important;
}

.notfound {
    margin: 150px 0px;
}

.cmplz-document .content {
    margin: 100px 0px;
}

/* #popmake-366 .gform_heading,
#popmake-366 .gfield_required,
#popmake-375 .gform_heading,
#popmake-375 .gfield_required,
#popmake-366 .gform_footer,
#popmake-375 .gform_footer {
    display: none;
}

#popmake-366 .gform_footer [type=submit],
#popmake-375 .gform_footer [type=submit] {
    padding: 9px 24px;
}

#popmake-366 .gfield--width-full > .ginput_container,
#popmake-375 .gfield--width-full > .ginput_container {
    display: flex;
    justify-content: center;
}

#popmake-366 .gfield_label,
#popmake-375 .gfield_label {
    text-align: center;
    font-size: 20px;
}

#popmake-366 .ginput_container [type=radio],
#popmake-375 .ginput_container [type=radio] {
    border-radius: 20%;
}

#popmake-366 .ginput_container_radio,
#popmake-375 .ginput_container_radio {
    margin-top: 10px;
}

#popmake-366 .gchoice label.gform-field-label,
#popmake-375 .gchoice label.gform-field-label {
    color: #2e3861;
    font-size: 1rem;
    display: flex;
    justify-content: center;
}


#popmake-366 .ginput_container .gfield_radio, .ginput_container .gfield_checkbox,
#popmake-375 .ginput_container .gfield_radio, .ginput_container .gfield_checkbox {
    gap: 36px !important;
}

#popmake-366 .ginput_container .gfield_radio, .ginput_container .gfield_checkbox,
#popmake-375 .ginput_container .gfield_radio, .ginput_container .gfield_checkbox {
    gap: 30px;
} */

.form {
    ul:not([class]) {
        li:not(:last-child) {
            margin-bottom: 24px;
        }
    }
}

.hdp {
    .hdp__title {
        h1 strong {
            color: #ff6136;

            /* @media (min-width: 992px) {
                margin-right: 100px;
            } */
        }

        &+.bouton {
            margin: 30px 0;
        }
    }
}

.columns {
    .new-design {

        h2 {
            margin-bottom: 40px;
        }

        .columns__item {
            display: flex;
            gap: 12px;

            .columns__img {
                background: #75C5BD;
                height: 72px;
                border-radius: 100px;
                width: 100% !important;
                max-width: 72px;
                margin: 0px;
                display: grid;
                place-items: center;
                padding: 0px 5px 0px 7px;

                img {
                    object-fit: contain !important;
                    width: 36px;
                    height: 36px;
                }
            }

            .columns__content {
                text-align: left;
                padding-top: 15px;

                h3 {
                    font-size: 22px !important;
                    line-height: 26px !important;
                    font-weight: 600 !important;
                }

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

.basic_2cols {
    .has-filters {

        .basic_2cols__media {
            img {
                border-radius: 0 !important;
            }
        }

        .basic_2cols__para {
            .basic_twocols__filtres {
                display: flex;
                flex-direction: row;
                gap: 15px;
                margin-bottom: 12px;

                .filtres__item {

                    &:not(:first-child) {
                        font-size: 12px;
                        border: 1px solid #4F54A0;
                        color: #4f54A0;
                        padding: 5px 8px;
                        border-radius: 4px;
                    }

                    &:first-child {
                        border: 1px solid #4F54A0;
                        font-size: 12px;
                        background: #4F54A0;
                        color: #FFF;
                        padding: 5px 8px;
                        border-radius: 4px;
                    }

                }
            }
        }
    }
}

.tabs_acc {

    .new_accordeon {
        .accordion__petit {
            display: flex;
            align-items: center;
            gap: 70px;
            flex-direction: column;

            @media (min-width: 992px) {
                &.media-right {
                    flex-direction: row-reverse;
                }

                &.media-left {
                    flex-direction: row;
                }
            }

            .section__title,
            .builder__intro {
                text-align: left;
            }

            .builder__intro,
            .builder__intro strong {
                text-align: left;
                font-size: 18px;
                line-height: 28px;
                color: #4F54A0;
                font-weight: 600 !important;
            }

            .accordion__petit_img,
            .accordion__petit_content {
                flex: 1;
            }

            .accordion__petit_content {
                .accordion-item {

                    &:first-child,
                    &.sans_txt {
                        .accordion-button {
                            padding-top: 0 !important;
                        }
                    }

                    &.sans_txt {
                        @media (min-width: 992px) {
                            min-height: 100px;
                        }

                        .accordion-button {
                            position: relative;

                            .index_tabs_acc {
                                margin-bottom: 30px;

                                &:after {
                                    content: '';
                                    width: 1px;
                                    background: rgba(175, 182, 200, 0.8);
                                    height: 65%;
                                    position: absolute;
                                    top: 40px;
                                    z-index: -1;
                                    padding-bottom: 24px;
                                }
                            }
                        }
                    }

                    .accordion-button {
                        background: none;
                        justify-content: start;
                        padding: 24px 0px 0px 0;
                        line-height: 32px;
                        align-items: start;
                        margin-left: 40px;
                        width: auto !important;

                        .index_tabs_acc {
                            width: 32px !important;
                            height: 32px !important;
                            border-radius: 50px;
                            color: #FFF;
                            display: grid;
                            place-items: center;
                            font-size: 14px;
                            font-weight: 400;
                            flex-shrink: 0;
                        }

                        &.static:hover {
                            color: #2e3861 !important;
                            opacity: 1;
                        }

                        &:not(.static) {
                            &:before {
                                content: '+';
                                color: #FFF;
                                background: #9BB6FD;
                                width: 32px;
                                height: 32px;
                                display: grid;
                                place-items: center;
                                border-radius: 50px;
                                opacity: 0.5;
                                font-size: 20px;
                                font-weight: 300;
                                transition: all 0.3s ease-in-out;
                                left: -40px;
                                position: absolute;
                                padding: 0 0 0 2px;
                            }
                        }

                        &:after {
                            display: none;
                        }

                        &:not(.static):hover,
                        &:not(.collapsed, .static) {
                            color: #2e3861;

                            &:before {
                                content: '-';
                                opacity: 1;
                                background: #4F54A0;
                            }
                        }
                    }

                    .accordion-body {
                        padding: 20px 15px 0px 15px;
                        background: transparent !important;

                        >p {
                            border-left: 1px solid #AFB6C8;
                            padding-left: 30px;
                        }
                    }
                }

                .section__btn {
                    text-align: left !important;
                }

                &.bg_75c5bd {
                    .accordion-button {
                        .index_tabs_acc {
                            background: #75c5bd;
                        }
                    }
                }

                &.bg_9bb6ff,
                &.no_color,
                &.bg_e2eaff {
                    .accordion-button {
                        .index_tabs_acc {
                            background: #4F54A0;
                        }
                    }
                }

                &.bg_f4adce {
                    .accordion-button {
                        .index_tabs_acc {
                            background: #f4adce;
                        }
                    }
                }
            }

            .accordion__petit_img {
                border-radius: 20px;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                max-width: 620px;

                &.png:not(.no_fond_color) {
                    padding: 70px;

                    @media (max-width: 992px) {
                        padding: 35px;
                    }
                }

                &.bg_75c5bd {
                    background: url('./img/hdp_bg1_green.svg') no-repeat top left/55% auto, url('./img/hdp_bg2_green.svg') no-repeat bottom right/50% auto, url('./img/hdp_bg3_green.svg') no-repeat bottom right/80% auto, rgba(117, 197, 189, 0.5) !important;
                }

                &.bg_e2eaff {
                    background: url('./img/bg_up.png') no-repeat top left/55% auto, url('./img/bg_down.png') no-repeat bottom right/50% auto, #e2eaff;
                }

                &.bg_9bb6ff {
                    background: url('./img/hdp_bg1_blue.svg') no-repeat top left/55% auto, url('./img/hdp_bg2_blue.svg') no-repeat bottom right/50% auto, url('./img/hdp_bg3_blue.svg') no-repeat bottom right/80% auto, rgba(155, 182, 255, 0.5);
                }

                &.bg_f4adce {
                    background: url('./img/hdp_bg1_pink.svg') no-repeat top left/55% auto, url('./img/hdp_bg2_pink.svg') no-repeat bottom right/50% auto, url('./img/hdp_bg3_pink.svg') no-repeat bottom right/80% auto, rgba(244, 173, 206, 0.5);
                }

                @media (min-width: 992px) {
                    min-height: 600px;
                }

                .mejs-container {
                    border-radius: 8px !important;
                }
            }
        }
    }
}

.slider_horizontal {
    @media (max-width: 992px) {
        padding-bottom: 100px !important;
    }

    .slider__h__title {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 40px;

        @media (max-width: 992px) {
            flex-direction: column;
        }

        .section__title {
            margin: 0px !important;
        }
    }

    .slider__h.new_design {
        flex-direction: row;
        justify-content: center;

        &:before {
            display: none;
        }

        .slider__item {
            display: flex !important;
            justify-content: center;
            cursor: unset;

            &:before {
                display: none;
            }

            &.with_cta {
                cursor: pointer;

                .slider__item_wrapper {
                    pointer-events: all !important;
                }
            }

            .slider__item_wrapper {
                display: flex !important;
                flex-direction: column !important;
                background: rgba(255, 255, 255, 0.55);
                border: 1px solid rgba(255, 255, 255, 0.2);
                border-radius: 16px;
                margin-top: auto;
                padding: 10px 10px 20px 10px;
                pointer-events: none;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                align-items: center;
                height: fit-content;
                justify-content: space-between;
                pointer-events: none;

                @media (min-width: 992px) {
                    min-height: 620px;
                    max-width: 350px;
                }

                @media (min-width: 992px) {
                    .slider__text {
                        margin-bottom: auto;
                    }
                }

                .slider__cta {
                    margin-top: 20px;
                }
            }
        }

        .slider__text {
            position: relative;
            width: 100%;
            margin: 0px;
            height: fit-content;
            text-align: center;
            padding: 0 15px;
            color: #2E3861 !important;

            >p {
                font-weight: 700;
                font-style: italic;
                margin: 20px 0px;
                line-height: 28px;
                padding: 0px 12px;
            }

            .slider__identite {
                font-weight: 800;
                font-size: 14px;

                .poste {
                    font-weight: 400;
                    font-size: 14px;
                }
            }
        }

        .slider__item_img {
            width: 100%;

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }

        .slider__item_img_and_logo {
            position: relative;
            margin-bottom: 42px;

            .img_img {
                width: 100%;
                object-fit: contain;
                height: 100%;
            }

            .img_logo {
                position: absolute;
                width: 50%;
                object-fit: contain;
                z-index: 2;
                height: 100%;
                bottom: 0%;
                left: 50%;
                transform: translate(-50%, 25%);
            }
        }

        .slider__item_logo {
            width: 25%;
            margin-top: 20px;

            @media (min-width: 992px) {
                width: 50%;
            }

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
    }
}

.slider_horizontal .slider__h.new_design .slick-track {
    display: flex !important;
    height: fit-content !important;
}

.slider_horizontal .slider__h.new_design .slick-slide {
    height: 100% !important;
    padding: 0 15px;
    box-sizing: border-box;
}

.slider_horizontal .slider__h.new_design .slick-prev,
.slider_horizontal .slider__h.new_design .slick-next {
    &:before {
        content: '';
        background-image: url(../kn/img/arrow_slider.svg) !important;
        background-repeat: no-repeat !important;
        width: 50px;
        height: 50px;
        display: flex !important;
        background: #FFF;
        border-radius: 50px;
        padding: 14px 20px;
        background-position: center;
        aspect-ratio: unset !important;
        border: 0px !important;
        position: absolute;
    }
}

.slider_horizontal .slider__h.new_design .slick-prev {

    @media (max-width: 992px) {
        position: absolute;
        bottom: -40px;
        left: 40px !important;
    }

    &:before {
        left: 0px;
        transform: rotate(180deg) !important;
    }
}

.slider_horizontal .slider__h.new_design .slick-next {

    @media (max-width: 992px) {
        position: absolute;
        bottom: -40px;
        right: 60px !important;
    }

    &:before {
        transform: rotate(0deg) !important;
        right: 0px;
    }
}


.full_1col {
    background: #FFF !important;

    .container {
        border-radius: 20px;
        padding: 100px 0;

        &[data-color="#f4accd"] {
            background: url('./img/hdp_bg1_pink.svg') no-repeat top left/50% auto, url('./img/hdp_bg2_pink.svg') no-repeat bottom right/63% auto, url('./img/hdp_bg3_pink.svg') no-repeat bottom right/33% auto, rgba(244, 173, 206, 0.5);
        }

        &[data-color="#e2eaff"] {
            background: url('./img/hdp_bg1.svg') no-repeat top left/50% auto, url('./img/hdp_bg2.svg') no-repeat bottom right/63% auto, url('./img/hdp_bg3.svg') no-repeat bottom right/33% auto, rgba(226, 234, 255, 0.5);
        }

        &[data-color="#9bb6ff"] {
            background: url('./img/hdp_bg1.svg') no-repeat top left/50% auto, url('./img/hdp_bg2.svg') no-repeat bottom right/63% auto, url('./img/hdp_bg3.svg') no-repeat bottom right/33% auto, rgba(155, 182, 255, 0.5);
        }

        &[data-color="#75c5bd"] {
            background: url('./img/hdp_bg1_green.svg') no-repeat top left/42% auto, url('./img/hdp_bg2_green.svg') no-repeat bottom right/50% auto, url('./img/hdp_bg3_green.svg') no-repeat bottom right/25% auto, rgba(117, 197, 189, 0.5);
        }

        .content {
            max-width: none !important;
            padding: 15px 150px;
            font-size: 18px;
            font-weight: 600;

            @media (max-width: 992px) {
                padding: 15px 30px;
            }

            .bouton {
                margin-top: 30px;
                font-weight: 400;
            }
        }
    }
}

.cartes {
    @media (max-width: 992px) {
        padding-bottom: 100px !important;
    }

    &[data-color="#ffffff"],
    &.c_white {
        .cartes__list {
            &.chiffres-cles {
                .cartes__item {
                    .cartes__content {

                        &:after {
                            background: rgba(155, 182, 255, 0.2);
                        }

                        .cartes__img {
                            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                        }
                    }
                }
            }

            &.new_design {
                .cartes__item {
                    .cartes__content_new {
                        background: rgba(155, 182, 255, 0.2);
                    }
                }
            }
        }
    }

    &[data-color="#f4adce"] {
        .cartes__list.new_design {
            .cartes__text {
                li {
                    border-top: 1px solid #f4adce;

                    &:before {
                        background-image: url(../kn/img/check_pink.svg) !important;
                    }
                }
            }
        }
    }

    &[data-color="#e2eaff"] {
        .cartes__list.new_design {
            .cartes__text {
                li {
                    border-top: 1px solid #e2eaff;

                    &:before {
                        background-image: url(../kn/img/check_blue.svg) !important;
                    }
                }
            }
        }
    }

    &[data-color="#9bb6ff"],
    &[data-color="#ffffff"],
    &.c_white {
        .cartes__list.new_design {
            .cartes__text {
                li {
                    border-top: 1px solid #9bb6ff;

                    &:before {
                        background-image: url(../kn/img/check_blue.svg) !important;
                    }
                }
            }
        }
    }

    &[data-color="#75c5bd"] {
        .cartes__list.new_design {
            .cartes__text {
                li {
                    border-top: 1px solid #75c5bd;

                    &:before {
                        background-image: url(../kn/img/check_li.svg) !important;
                    }
                }
            }
        }
    }

    .section__title {
        max-width: none !important;
        margin-bottom: 45px !important;
    }

    .cartes__list.new_design {
        display: flex;
        flex-direction: column;
        align-items: center;

        @media (min-width: 992px) {
            align-items: start;
            flex-direction: row;
            gap: 40px;
        }

        .cartes__item {
            padding: 0px !important;
            height: 100%;
            display: flex;

            @media (min-width: 992px) {
                max-width: 360px;
                min-height: 610px;
            }

            .cartes__content_new {
                display: flex !important;
                flex-direction: column !important;
                pointer-events: none;
                transition: all 0.3s;
                align-items: center;
                box-shadow: none;
                background: rgba(255, 255, 255, 0.3);
                border-radius: 16px;
                backdrop-filter: blur(5px);
                margin: 0px !important;

                @media (max-width: 992px) {
                    width: 100%;
                }

                .cartes__img {
                    max-height: 240px;
                    width: 100%;
                    aspect-ratio: unset;
                    padding: 10px;

                    img {
                        border-radius: 8px;
                        height: 100%;
                    }
                }

                .cartes__wrapper_new {
                    padding: 20px 35px;

                    .cartes__title h3 {
                        font-size: 22px;
                        line-height: 28px;
                        font-weight: 600;
                    }

                    .cartes__text {
                        ul {
                            padding: 0px;
                            margin: 0px;

                            li {
                                padding: 15px 0px 15px 35px;
                                font-size: 14px !important;
                                line-height: 24px;
                                font-weight: 400;
                                margin: 0px;
                                text-indent: 0px;

                                &:before {
                                    content: '';
                                    width: 24px;
                                    height: 24px;
                                    background-size: contain;
                                    margin-left: -35px;
                                    position: absolute;
                                    background-color: transparent !important;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .cartes__list.chiffres-cles {
        display: flex;
        flex-wrap: wrap;

        .cartes__item {
            width: 100%;

            @media (min-width: 692px) {
                max-width: 250px;
            }

            @media (min-width: 992px) {
                max-width: 315px;
            }

            .cartes__content {
                background: transparent;
                box-shadow: none !important;
                padding: 10px;
                pointer-events: none;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                align-items: center;
                height: fit-content;
                position: relative;
                z-index: 1;
                border-radius: 16px !important;

                &:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: rgba(255, 255, 255, 0.5);
                    border: 1px solid rgba(255, 255, 255, 0.2);
                    width: 100%;
                    height: 90%;
                    z-index: -1;
                    border-radius: 16px;
                }

                .cartes__wrapper {
                    display: flex;
                    justify-content: space-between;
                    flex-direction: column;
                }

                .cartes__title {
                    position: relative;
                    z-index: 1;
                    background: rgba(255, 255, 255, 0.66);
                    border-radius: 8px;
                    width: 100%;
                    padding: 30px;
                    min-height: 200px;

                    @media (min-width: 992px) {
                        min-height: 175px;
                    }

                    h3 {
                        font-size: 22px;
                        color: #9BB6FF;
                        line-height: 28px;
                        font-weight: 600;
                        margin: 0px;
                    }
                }

                .cartes__infos.chiffres {
                    flex-direction: row;
                    width: 100%;
                    margin: 0px;
                    gap: 10px;
                    max-height: fit-content;
                    align-items: end;
                    padding: 20px;

                    .chiffre {
                        margin: 0px !important;
                        font-size: 44px;
                        font-weight: 600;

                        @media (min-width: 992px) {
                            font-size: 72px;
                        }
                    }

                    .prefixe,
                    .suffixe {
                        font-size: 28px;
                        font-weight: 600;

                        @media (min-width: 992px) {
                            font-size: 36px;
                            margin: 0px;
                        }
                    }
                }

                p {
                    font-size: 14px;
                    line-height: 24px;
                    padding: 20px 0px;
                    margin: 0px 20px;
                    border-top: 1px solid #9BB6FF;
                    min-height: 115px;
                    width: 85%;
                    color: #4F54A0;
                }

                .cartes__img {
                    min-width: 125px;
                    border-radius: 8px;
                    max-height: 85px;
                    background: #FFF;
                }
            }
        }
    }

    .cartes__list.slider {
        display: flex;
        flex-direction: row;
        width: 100%;

        .slick-track {
            display: flex !important;
            align-items: stretch;
        }

        .slick-slide {
            height: auto !important;

            >div {
                height: 100%;
            }
        }

        .cartes__item {
            height: 100% !important;

            .cartes__content {
                height: 100% !important;
            }
        }

        .cartes__item {
            width: 100% !important;

            @media (min-width: 992px) {
                min-height: 400px;
                height: 100%;
            }

            .cartes__content {
                box-shadow: none;
                border-radius: 16px;
                height: 100%;

                @media (min-width: 992px) {
                    min-height: 400px !important;
                }

                .cartes__img {
                    margin: 10px;
                    border-radius: 8px;
                    max-height: 140px;
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    &[data-color="#9bb6ff"] {
                        background: rgba(155, 182, 255, 0.5);
                    }

                    &[data-color="#75c5bd"] {
                        background: rgba(117, 197, 189, 0.5);
                    }

                    &[data-color="#f4accd"] {
                        background: rgba(244, 172, 205, 0.5);
                    }

                    &[data-color="#ec623f"] {
                        background: rgba(236, 98, 63, 0.5);
                    }

                    &.icone {
                        img {
                            width: 50%;
                            height: 50%;
                            object-fit: contain;
                        }
                    }

                    &.image {
                        img {
                            width: 90%;
                            height: 90%;
                            object-fit: contain;
                        }
                    }
                }

                .cartes__infos {
                    @media (min-width: 768px) {
                        padding: 15px 35px !important;
                    }

                    h3 {
                        font-size: 22px;
                        line-height: 28px;
                        font-weight: 600;
                    }

                    p {
                        font-size: 14px;
                        line-height: 24px;
                    }
                }
            }
        }
    }
}

.cartes__list.slider .slick-slide {
    width: 100% !important;
}

.cartes__list .slick-prev,
.cartes__list .slick-next {
    width: 50px;
    height: 50px;
    background: #2E3861;
    border-radius: 50px;
    padding: 18px 25px;
    display: grid;
    place-items: center;

    &:before {
        content: '';
        background-image: url(../kn/img/arrow_slider.svg) !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        aspect-ratio: unset !important;
        width: 20px !important;
        height: 20px !important;
        border: none;
        margin: -3px 0px 0px -9px;
    }
}

.cartes__list .slick-prev {
    margin-right: 20px;

    @media (max-width: 992px) {
        position: absolute;
        bottom: -60px;
        left: 40px !important;
    }

    &:before {
        transform: rotate(180deg) !important;
        filter: brightness(100);
    }
}

.cartes__list .slick-next {

    @media (max-width: 992px) {
        position: absolute;
        bottom: -60px;
        right: 60px !important;
    }

    &:before {
        transform: rotate(0deg) !important;
        filter: brightness(100);
    }
}

.form {
    &:has(.form_hdp) {
        padding-bottom: 0px !important;
        margin-bottom: 50px !important;
    }

    /* .container.form_hdp { */

    .container.form_hdp {
        z-index: 999;
        position: relative;
        bottom: -30px;

        @media (min-width: 576px) {
            max-width: 540px;
        }

        @media (min-width: 768px) {
            max-width: 720px;
        }

        @media (min-width: 992px) {
            max-width: 960px;
        }

        @media (min-width: 1200px) {
            max-width: 1140px;

            /* .row {
                gap: 20px !important;
            } */
        }

        @media (min-width: 1400px) {
            max-width: 1320px;

            /* .row {
                gap: 40px !important;
            } */
        }

        /* .form__infos {
            padding: 0 !important;
        } */

    }

    .container:not(.form_hdp) {
        .form__infos {
            background: url(../img/form_bg1.svg) no-repeat bottom left/45% auto, url(../img/form_bg2.svg) no-repeat bottom left/90% auto, url(../img/form_bg3.svg) no-repeat top right/90% auto, #9bb6ff;
            margin-bottom: 24px;
            position: relative;
            z-index: 2;

            * strong {
                color: #ffffff !important;
            }
        }
    }

    .form__infos {

        @media (min-width: 992px) {
            margin-left: -20px;
        }

        h1 strong {
            color: #ff6136;
        }

        h1+p {
            margin: 30px 0;
        }

        ul {
            padding-left: 20px;

            li {
                &::before {
                    content: '';
                    background-image: url(../kn/img/check_li.svg);
                    background-size: contain;
                    width: 24px;
                    height: 24px;
                    display: inline-block;
                    margin-right: 10px;
                    border: 0px !important;
                    background-color: unset !important;
                }
            }
        }
    }

    .form__gf {
        padding: 30px 40px !important;
        border-radius: 16px !important;

        fieldset * label {
            display: flex;
        }

        @media (min-width: 992px) {
            margin-right: -20px;
        }

        .gform_fields,
        .hs-form {
            gap: 20px 25px !important;
            justify-content: space-between;

            input.hs-input::placeholder,
            select.hs-input::placeholder,
            select.hs-input,
            textarea.hs-input::placeholder {
                font-weight: 800 !important;
                color: #2E3861 !important;
            }

            .legal-consent-container {
                margin-top: 30px;
            }

            .gfield_label:not(.gfield_label_before_complex) {
                color: transparent;
                display: block;
                font-size: 15px;
                font-weight: 600;
                margin-bottom: 8px;
                position: absolute;
                top: 6px;
                left: 8px;
            }

            .ginput_container input:not([type=checkbox]):not([type=radio]) {
                &::placeholder {
                    font-weight: 800 !important;
                    color: #2E3861 !important;
                }

                &:after {
                    content: '*';
                    font-size: 22px;
                    color: #ff6136;
                    display: inline-block;
                    margin-left: 5px;
                }
            }

            .ginput_container select {
                &:has(option.gf_placeholder:checked) {
                    font-weight: 800 !important;
                    color: #2E3861 !important;
                }

                &:after {
                    content: '*';
                    font-size: 22px;
                    color: #ff6136;
                    display: inline-block;
                    margin-left: 5px;
                }
            }

            .ginput_container:not(.ginput_container_checkbox, .ginput_container_consent) label,
            fieldset>legend.gfield_label {
                font-weight: 800 !important;
                color: #2E3861 !important;
            }

            .gfield_contains_required:not(.gfield--input-type-checkbox) {
                position: relative;
            }
        }

        .interest_choices,
        .hs_interets__hr_solutions_ {
            align-items: center;

            legend {
                margin-bottom: 20px;
            }

            .ginput_container_checkbox .gfield_checkbox {
                border-bottom: 1px solid #9BB6FF !important;
                gap: 20px 10px;
            }

            .inputs-list.multi-container {
                gap: 20px;
            }

            .ginput_container_checkbox .gfield_checkbox,
            .inputs-list.multi-container {
                padding-bottom: 25px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                align-items: center;

                @media (min-width: 1200px) {
                    grid-template-columns: 1fr 1fr 1fr;
                }

                .gchoice,
                .hs-form-checkbox {
                    align-items: start !important;
                }
            }
        }

        .ginput_container_checkbox .gfield_checkbox,
        .ginput_container_consent,
        .inputs-list.multi-container .hs-form-checkbox {
            label {
                font-size: 12px;
                font-weight: 400;
                align-items: center;
            }
        }

        .gform-footer {
            text-align: center !important;
        }

        fieldset .gchoice.gchoice_6_17_1 {
            gap: 5px !important;
        }
    }

    [type=text],
    [type=email],
    [type=number],
    [type=tel],
    [type=password],
    textarea,
    select {
        padding: 8px !important;
        border: 1px solid #9BB6FF !important;
    }

    .fieldset .ginput_container_consent {
        gap: 0px !important;
    }

    .ginput_container [type=radio],
    .ginput_container [type=checkbox],
    .hs-input[type=radio],
    .hs-input[type=checkbox] {
        outline: 1px solid #9BB6FF !important;
    }

    /* } */
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
    font-size: 12px;
}

.galerie_cote_a_cote {
    display: flex;
    align-items: start;
    gap: 40px;

    @media (max-width: 991px) {
        flex-direction: column;
    }

    .section__title,
    .builder__intro,
    .section__btn {
        text-align: left;
    }

    .builder__intro {
        font-size: 14px;
        line-height: 28px;
        color: #4F54A0;
    }

    .galerie__list {
        gap: 40px 0px;

        .galerie__item {
            display: flex;
            justify-content: center;
            padding: 0px 10px;
        }
    }

    .galerie__content {
        max-height: 120px;
        width: 100%;
        max-width: 160px;
        border-radius: 8px;
        background: #FFF;
        border: 1px solid rgba(46, 56, 97, 0.33);
        padding: 0px;

        img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }
    }
}

.testimonials__list_slider {
    max-width: 920px;
    margin: 0 auto;
    width: 100%;
    min-height: 420px;

    @media (max-width: 991px) {
        align-items: end !important;
        padding-bottom: 50px !important
    }

    .slick-list {
        min-height: 500px;
    }

    .slick-slide.slick-current {
        position: relative;

        &:after {
            content: '';
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.6);
            border-radius: 16px;
            position: absolute;
            z-index: -1;
            top: 40px;
        }
    }

    .testimonials__item_slider {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .testimonials__text_slider {
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            .testimonials__quote_slider {
                font-weight: 700;
                font-style: italic;
                margin: 20px 0px;
                font-size: 28px;
                line-height: 48px;
                padding: 0px 40px;

                @media (max-width: 991px) {
                    font-size: 20px;
                    line-height: 40px;
                }
            }

            .testimonials__author_slider {
                display: flex;
                flex-direction: column;
                font-size: 14px;
                align-items: center;

                .testimonials__nom_slider {
                    width: fit-content;
                    padding-top: 15px;
                    border-top: 1px solid rgba(46, 56, 97, 0.33);
                    color: #2E3861;
                    font-weight: 800;
                }

                .testimonials__poste_slider {
                    color: #2E3861;
                }
            }
        }

        .testimonials__logo_slider {
            width: 160px;
            height: 120px;
            background: #FFF;
            border-radius: 8px;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
    }
}

.testimonials[data-color='#e2eaff'] {
    .testimonials__author_slider {

        .testimonials__nom_slider,
        .testimonials__poste_slider {
            color: #2e3861 !important;
        }

        .testimonials__nom_slider {
            border-top: 1px solid #2e3861 !important;
        }
    }
}

.testimonials[data-color='#9bb6ff'] {
    .testimonials__author_slider {

        .testimonials__nom_slider,
        .testimonials__poste_slider {
            color: #2e3861 !important;
        }

        .testimonials__nom_slider {
            border-top: 1px solid #2e3861 !important;
        }
    }
}

.testimonials__list_slider .slick-prev,
.testimonials__list_slider .slick-next {
    &:before {
        content: '';
        background-image: url(../kn/img/arrow_slider.svg) !important;
        background-repeat: no-repeat !important;
        width: 50px;
        height: 50px;
        display: flex !important;
        background: #FFF;
        border-radius: 50px;
        padding: 14px 20px;
        background-position: center;
        aspect-ratio: unset !important;
        border: 0px !important;
    }
}

.testimonials__list_slider .slick-next {
    right: 20%;

    @media (max-width: 992px) {
        padding-top: 60px;
    }

    @media (min-width: 992px) {
        right: -2%;
    }

    @media (min-width: 1400px) {
        right: -15%;
    }

    position: relative;

    &:before {
        transform: rotate(0deg) !important;
    }
}

.testimonials__list_slider .slick-prev {
    left: 15%;

    @media (max-width: 992px) {
        padding-top: 60px;
    }

    @media (min-width: 992px) {
        left: -5%;
    }

    @media (min-width: 1400px) {
        left: -15%;
    }

    position: relative;

    &:before {
        transform: rotate(180deg) !important;
    }
}

.testimonials__list_slider .slick-slide {
    height: 100% !important;
}

.page-template-landing-page header {
    &.sans_header {
        display: none !important;
    }

    &.bandeau_header {
        .header__main {
            background: #FFF !important;
            justify-content: center;
            margin: 0px;
            max-width: none;

            .menu,
            .menu__toggle {
                display: none !important;
            }
        }
    }
}

footer.landing_page {
    background: #2E3861 !important;

    .footer__main {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
        gap: 100px;

        @media (max-width: 991px) {
            flex-direction: column;
            gap: 20px;
            align-items: center;
            text-align: center;
            margin-bottom: 35px;

            img {
                width: 40%;
            }

            .footer__adresse {
                flex-direction: column;
                align-items: center !important;
            }
        }

        >img {
            object-fit: contain;
            flex: 0.2;
        }

        .footer__presentation {
            justify-content: center;
            flex: 0.5;
            display: flex;
            align-items: center;
        }

        .footer__adresse {
            justify-content: center;
            flex: 0.3;
            display: flex;
            align-items: start;
            gap: 10px;
        }

        .socials {
            justify-content: center;
            flex: 0.3;
            display: flex;
            align-items: center;

            .socials__item {
                a {
                    background-color: #FFF !important;
                }
            }
        }
    }

    .footer__last .container {
        border-top: 1px solid #4F54A0;
        display: flex;
        justify-content: center;
        padding-top: 40px;

        .copyrights {
            margin: 0;
        }
    }
}

@media (max-width: 991px) {
    .header__main .menu {
        .menu-item {
            a {
                align-items: center;

                .menu-item-description {
                    display: none;
                }
            }
        }
    }
}

.header__main:has(.menu__main.new_full) {
    position: unset !important;

    .menu__main.new_full {
        position: unset !important;

        @media (min-width: 992px) {

            &>.menu-item>a,
            &>.menu-item>span {
                padding: 11px 10px;
            }
        }

        .menu_solutions {

            &>.sub-menu {
                @media (min-width:992px) {
                    box-shadow: 0px 14px 20px -5px rgba(0, 0, 0, 0.16);
                    background: #FFF;
                    border-radius: 0px;
                    width: 100vw;
                    top: calc(100% - 25px);
                    min-height: 490px;
                    padding: 16px 0px;
                }

                >.container {
                    @media (max-width: 992px) {
                        max-width: unset !important;
                    }

                    @media (min-width: 1600px) {
                        max-width: 1580px;
                    }

                    /* &:has(.menu-item.noclic) {
                        &>.menu-item {
                            &:first-child {
                                &>a {
                                    &:after {
                                        right: 0 !important;
                                    }
                                }
                            }
                        }
                    } */

                    @media (min-width:992px) {
                        &>.menu-item {
                            max-width: 380px;

                            &:nth-child(2) {
                                .sub-menu {
                                    top: -55px;
                                }
                            }

                            &:nth-child(3) {
                                .sub-menu {
                                    top: -110px;
                                }
                            }

                            &.tous_modules {
                                .sub-menu {
                                    top: -265px !important;
                                }
                            }

                            &:nth-child(4) {
                                .sub-menu {
                                    top: -165px;
                                }
                            }

                            &:nth-child(5) {
                                .sub-menu {
                                    top: -220px;
                                }
                            }

                            &:nth-child(6) {
                                .sub-menu {
                                    top: -275px;
                                }
                            }

                            &:nth-child(7) {
                                .sub-menu {
                                    top: -330px;
                                }
                            }

                            &:nth-child(8) {
                                .sub-menu {
                                    top: -385px;
                                }
                            }

                            &:nth-child(9) {
                                .sub-menu {
                                    top: -440px;
                                }
                            }

                            &:nth-child(10) {
                                .sub-menu {
                                    top: -495px;
                                }
                            }

                            &:nth-child(11) {
                                .sub-menu {
                                    top: -550px;
                                }
                            }

                            &:nth-child(12) {
                                .sub-menu {
                                    top: -605px;
                                }
                            }

                            &:nth-child(13) {
                                .sub-menu {
                                    top: -660px;
                                }
                            }

                            &:nth-child(14) {
                                .sub-menu {
                                    top: -715px;
                                }
                            }

                            &:nth-child(15) {
                                .sub-menu {
                                    top: -770px;
                                }
                            }

                            &:first-child {
                                >a {
                                    &:after {
                                        content: '';
                                        height: 100vh;
                                        background: #E2EAFF;
                                        position: absolute;
                                        top: -25px;
                                        width: 1px;
                                        right: -38px;
                                    }
                                }
                            }

                            a {
                                color: #2a3862 !important;
                            }

                            .sub-menu {
                                padding: 0px;
                            }
                        }
                    }

                    @media (min-width:992px) {

                        &>.menu-item-has-children {
                            >a {
                                display: flex;
                                flex-direction: row-reverse;
                                align-items: center;
                                position: relative;
                                justify-content: space-between;

                                &:before {
                                    content: '';
                                    background-image: url(./img/chevron-right.svg);
                                    width: 17px;
                                    height: 17px;
                                    background-size: contain;
                                    background-repeat: no-repeat;
                                    background-position: center;
                                    display: inline-block;
                                }

                                .fa-chevron-down {
                                    display: none;
                                }
                            }
                        }
                    }
                }

                .menu-item.noclic~.menu-item.tous_modules {
                    .sub-menu {
                        @media (min-width: 992px) {
                            top: -320px;
                        }
                    }
                }

                .menu-item {
                    @media (min-width:992px) {
                        display: flex;
                        padding: 0px 24px;
                        position: relative;
                        margin-bottom: 5px;
                    }

                    @media (min-width: 1200px) {
                        padding: 0px 24px 0px 0px;
                    }

                    @media (min-width: 1400px) {
                        padding: 0px 24px;
                    }

                    @media (min-width:992px) {

                        &.sirh {
                            position: relative;
                            margin-top: 50px;

                            &:after {
                                content: '';
                                height: 1px;
                                background: #E2EAFF;
                                position: absolute;
                                top: -25px;
                                width: calc(100% + 2000px);
                                left: -2000px;
                            }
                        }
                    }

                    &.tous_modules {
                        @media (min-width:992px) {

                            .menu-item {
                                padding: 0px;
                            }
                        }


                        .sub-menu {
                            @media (min-width:992px) {

                                top: -270px;
                                display: grid;
                                grid-template-columns: repeat(2, minmax(400px, 1fr));
                                grid-auto-rows: max-content;
                                align-items: center;
                                padding: 14px;
                            }

                            @media (min-width: 992px) and (max-width: 1199px) {
                                grid-template-columns: repeat(2, minmax(290px, 1fr));
                                grid-auto-rows: 95px;

                                a {
                                    .menu-item-title {
                                        font-size: 14px;
                                    }
                                }
                            }

                            @media (min-width: 1200px) and (max-width: 1399px) {
                                grid-template-columns: repeat(2, minmax(380px, 1fr));
                            }

                            @media (min-width: 1200px) {
                                padding: 0px 24px;

                                .menu-item {
                                    a {
                                        white-space: normal;
                                    }
                                }
                            }

                            @media (max-width: 1399px) {
                                .menu-item {
                                    a {
                                        white-space: normal;
                                    }
                                }
                            }
                        }
                    }

                    &.menu-item-image {
                        @media (min-width:992px) {

                            height: 100%;
                            transition: opacity 0.3s;
                            max-width: 380px;
                        }

                        @media (max-width: 1400px) {
                            max-width: 280px;
                            padding: 0px;
                        }

                        a {
                            @media (min-width:992px) {

                                height: 100%;
                                max-width: unset;
                                width: 100%;
                                padding: 15px 0;
                                position: relative;
                                display: block;

                                img {
                                    object-fit: cover;
                                    width: 100%;
                                    height: 100%;
                                }

                                .image_description {
                                    display: flex;
                                    flex-direction: column-reverse;
                                    position: absolute;
                                    bottom: 30px;
                                    padding: 20px 25px;
                                    justify-content: center;
                                    align-items: center;
                                    width: 90%;
                                    background: rgba(255, 255, 255, 0.2);
                                    border-radius: 16px;
                                    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
                                    backdrop-filter: blur(5px);
                                    -webkit-backdrop-filter: blur(5px);
                                    border: 1px solid rgba(255, 255, 255, 0.3);
                                    left: 0px;
                                    transform: translate(18px, 0%);
                                    height: fit-content;
                                    gap: 10px;

                                    .menu-item-image-span {
                                        background: #ff6136;
                                        border-radius: 24px;
                                        color: #fff;
                                        display: inline-block;
                                        font-size: 14px;
                                        line-height: 1;
                                        overflow: hidden;
                                        padding: 17px 24px;
                                        text-align: center;
                                        text-decoration: none;
                                        -webkit-transition: all 0.3s;
                                        transition: all 0.3s;
                                        vertical-align: middle;
                                        width: -webkit-max-content;
                                        width: -moz-max-content;
                                        width: max-content;
                                        z-index: 1;
                                        margin: auto;

                                        &:hover {
                                            background: #2a3862;
                                            color: #fff;
                                        }
                                    }

                                    .menu-item-description {
                                        font-weight: 800;
                                        color: #FFF;
                                        margin: auto;
                                    }
                                }
                            }
                        }
                    }

                    @media (min-width:992px) {

                        &.noclic {
                            /* pointer-events: none; */
                            display: flex;

                            >a {
                                background: rgba(155, 182, 255, 0.15);
                                /* pointer-events: none; */
                            }
                        }

                        &:first-child:not(.end-hovered) {
                            >a:has(+.sub-menu) {
                                background: rgba(155, 182, 255, 0.15);
                            }

                            >a+.sub-menu {
                                opacity: 1;
                                visibility: visible;
                                transform: translateY(0px);

                                a {
                                    width: fit-content;

                                    .menu-picto {
                                        background: rgba(115, 143, 200, 0.2);

                                        img {
                                            filter: none !important;
                                        }
                                    }
                                }
                            }
                        }

                        &:hover {
                            >a {
                                background: rgba(155, 182, 255, 0.15);

                                &+.sub-menu {
                                    opacity: 1;
                                    visibility: visible;
                                    transform: translateY(0px);

                                    a {
                                        width: fit-content;

                                        .menu-picto {
                                            background: rgba(115, 143, 200, 0.2);

                                            img {
                                                filter: none !important;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }

                    @media (min-width:992px) {

                        a {
                            width: 320px;
                            font-weight: 400;
                            padding: 13px 15px;
                            border-radius: 10px;
                        }

                        .sub-menu {
                            position: absolute;
                            top: 0px;
                            opacity: 0;
                            visibility: hidden;
                            transform: translateY(400px);
                            transition: all 0.3s;
                            min-height: 100vh;
                            left: 380px;

                            a {
                                display: flex;
                                gap: 15px;
                                white-space: pre;

                                &:not(:has(.menu-picto)) {
                                    font-weight: 700;
                                    color: #2a3862;
                                    margin-left: 63px;
                                    display: flex;
                                    justify-content: center;
                                    flex-direction: column;
                                    gap: 0px;

                                    .menu-item-description {
                                        font-weight: 300;
                                        font-size: 14px;
                                    }
                                }

                                .menu-item-title {
                                    display: flex;
                                    flex-direction: column;
                                    font-weight: 700;
                                    color: #2a3862;
                                    justify-content: center;

                                    .menu-item-description {
                                        font-weight: 300;
                                        font-size: 14px;
                                    }
                                }
                            }
                        }
                    }
                }

                .menu-item-image {
                    @media (min-width:992px) {

                        top: 0px;
                        position: absolute;
                    }

                    @media (max-width: 1199px) {
                        display: none;
                    }

                    @media (min-width: 1200px) {
                        right: calc(100vw - 98%);
                    }

                    @media (min-width: 1400px) {
                        right: calc(100vw - 95%);
                    }
                }
            }
        }

        @media (min-width:992px) {

            &>.menu-item:not(.menu_solutions, .pll-parent-menu-item) {

                >.sub-menu {
                    top: calc(100% - 20px);
                }

            }

            &>.menu-item.pll-parent-menu-item {
                position: relative;
                top: 0px;

                >.sub-menu {
                    top: 45px;
                }
            }
        }
    }
}

@media (max-width: 991px) {
    .header__main {
        .menu__main.new_full {
            .menu_solutions {
                .sub-menu {
                    .menu-item {
                        transition: all 0.3s;

                        a {
                            transition: all 0.3s;

                            &:not(.open) {
                                transition: all 0.3s;

                                &+.sub-menu {
                                    margin: 0;
                                    padding: 0;
                                    height: 0;
                                    overflow: hidden;
                                    transition: all 0.3s;
                                    transform: translateY(20px);
                                }
                            }

                            &.open {
                                transition: all 0.3s;

                                &+.sub-menu {
                                    transition: all 0.3s;
                                    transform: translate(0px);
                                    height: auto;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}