/* ---------------------------- ROW IMAGE + TEXT ---------------------------- */

#cms .cmsImageTextRow .elementor-inner-section:nth-child(even) > .elementor-container > .elementor-row{
    flex-direction: row-reverse;
}

#cms .cmsImageTextRow .elementor-heading-title{
    font-size: 28px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-family: 'Keep Calm Med';
    font-weight: normal;
}

#cms .cmsImageTextRow .elementor-widget-text-editor *{
    font-size: 16px;
    line-height: 1.2em;
}

#cms .cmsImageTextRow .elementor-button-link{
    width: fit-content;
    padding-inline: 40px !important;
}

#cms .cmsImageTextRow .elementor-widget-image img{
    border-radius: 8px;
    aspect-ratio: 1;
    object-fit: cover;
}

#cms .cmsImageTextRow .citation{
    padding: 16px 24px;
    background-color: #75BF9133;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 16px;
}

#cms .cmsImageTextRow .citation::before{
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28 26.8714V3.58285V0H24.4171H1.1286V3.58285H21.8912L0 25.4741L2.53487 28L24.4171 6.11772V26.8714H28Z' fill='%23006542'/%3E%3C/svg%3E");
    display: block;
    min-width: 28px;
    height: auto;
    aspect-ratio: 1;
}

#cms .cmsImageTextRow .citation *{
    font-size: 14px !important;
    line-height: 1.2em !important;
    color: var(--color-primary) !important;
    font-family: "Keep Calm Med" !important;
    font-weight: normal !important;
}

#cms .cmsImageTextRow .ce-image-gallery{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    align-items: center;
    gap: 20px;
}

@media (max-width: 1200px) {
    #cms .cmsImageTextRow .elementor-heading-title{
        font-size: 24px;
    }
}

/* ---------------------------- HEADER CMS ---------------------------- */

#headerCMS{
    padding-block: 15vh 50px;
}

#headerCMS .elementor-widget-wrap{
    border-radius: 8px;
    padding: 32px;
    background-color: #ffffff3d;
    max-width: 60%;
}

#headerCMS .elementor-widget-text-editor *{
    color: var(--color-white);
}

#headerCMS .elementor-heading-title{
    font-size: 40px;
    line-height: 48px;
    color: var(--color-white);
    font-family: 'Keep Calm Med';
    text-transform: uppercase;
}

#headerCMS .elementor-widget-heading::before{
    content: "";
    display: block;
    font-size: 13px;
    line-height: 16px;
    border: solid 1px var(--color-white);
    padding: 9px 16px;
    border-radius: 30px;
    width: fit-content;
    color: var(--color-white);
    margin-bottom: 16px;
}

.cms-id-7 #headerCMS .elementor-widget-heading::before{
    content: "Nos services";
}

.cms-id-9 #headerCMS .elementor-widget-heading::before{
    content: "Nos engagements";
}

.cms-id-4 #headerCMS .elementor-widget-heading::before{
    content: "Qui sommes-nous ?";
}

@media (max-width: 1500px) {
    #headerCMS .elementor-heading-title{
        font-size: 35px;
        line-height: 43px;
    }
}

@media (max-width: 1200px) {
    #headerCMS .elementor-widget-wrap{
        max-width: 65%;
    }
}

@media (max-width: 992px) {
    #headerCMS .elementor-widget-wrap{
        max-width: 100%;
    }
    #headerCMS .elementor-heading-title{
        font-size: 30px;
        line-height: 38px;
    }
    #headerCMS{
        padding-block: 25vh 40px;
        min-height: 100vh;
        display: flex;
    }
    #headerCMS .elementor-widget-wrap{
        padding: 16px;
    }
}

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

.sectionCards{
    background: rgba(230, 243, 235, 1) !important;
}

.sectionCards .elementor-heading-title{
    font-size: 40px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-family: 'Keep Calm Med';
    text-transform: uppercase;
    font-weight: normal;
}

.sectionCards .elementor-widget-text-editor{
    max-width: 600px;
}

.sectionCards .elementor-button{
    width: fit-content !important;
}

.sectionCards .cards > .elementor-container  > .elementor-row{
    overflow-x: scroll;
    flex-wrap: nowrap;
    gap: 70px !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.sectionCards .cards > .elementor-container  > .elementor-row::-webkit-scrollbar{
    display: none;
}

.sectionCards .cards > .elementor-container  > .elementor-row::before{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--color-black);
    position: absolute;
    left: 0px;
    top: 15px;
}

.sectionCards .card{
    background: none !important;
    margin: 0px !important;
    min-width: 300px;
}

.sectionCards .card:last-child{
    background: rgba(230, 243, 235, 1) !important;
}

.sectionCards .card .elementor-widget-wrap{
    gap: 16px !important;
}

.sectionCards .card .number{
    width: fit-content;
    background-color: var(--color-primary) !important;
    text-align: center;
    padding: 8px 20px 5px 20px;
    border-radius: 50px;
}

.sectionCards .card .number *{
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.2em !important;
    font-family: "Keep Calm Med" !important;
}

.sectionCards .card .elementor-widget-heading{
    margin-bottom: -8px !important;
}

.sectionCards .card .elementor-heading-title{
    font-size: 24px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-weight: normal;
    text-transform: none;
    font-family: "Arboria";
    margin-bottom: 8px;
}

.sectionCards .card .elementor-widget-image img{
    border-radius: 8px;
    aspect-ratio: 300/370;
    object-fit: cover;
}

@media (max-width: 992px) {
    .sectionCards .elementor-heading-title{
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .sectionCards .cards > .elementor-container  > .elementor-row{
        gap: 50px !important;
        width: 100vw;
        min-width: 100vw;
        transform: translateX(-20px);
        padding-inline: 20px;
    }
    .sectionCards .cards > .elementor-container  > .elementor-row::before{
        display: none;
    }
}

/* ---------------------------- BIG SUBTITLE ---------------------------- */

.bigSubtitle{
    max-width: 800px;
    margin-inline: auto;
}

.bigSubtitle .elementor-widget-wrap{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 28px !important;
}

.bigSubtitle .elementor-widget-wrap > .elementor-widget{
    width: auto !important;
}

.bigSubtitle .elementor-heading-title{
    font-family: "Keep Calm Med";
    font-size: 60px !important;
    line-height: 1.2em;
    color: var(--color-secondary);
    text-transform: uppercase !important;
    font-weight: normal;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.bigSubtitle .number{
    text-align: center;
    padding: 12px 32px;
    border-radius: 50px;
    border: solid 1px var(--color-primary);
    background-color: var(--color-white);
}

.bigSubtitle .number *{
    font-family: "Keep Calm Med" !important;
    font-weight: normal !important;
    font-size: 24px !important;
    line-height: 1.2em !important;
    color: var(--color-primary) !important;
    text-box-trim: trim-both !important;
    text-box-edge: cap alphabetic !important;
}

.cms-id-4 .bigSubtitle{
    max-width: 100%;
}

.cms-id-4  .bigSubtitle .elementor-widget-wrap{
    justify-content: start !important;
}

@media (max-width: 1600px) {
    .bigSubtitle .elementor-heading-title{
        font-size: 50px !important;
    }
}

@media (max-width: 992px) {
    .bigSubtitle .elementor-heading-title{
        font-size: 35px !important;
        word-break: break-word;
        hyphens: auto;
    }
    .bigSubtitle .number{
        padding: 9px 20px;
    }
    .bigSubtitle .number *{
        font-size: 16px !important;
    }
    .bigSubtitle .elementor-widget-wrap{
        gap: 18px !important;
    }
}

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

.sectionAccompagnement .elementor-button-link{
    width: fit-content !important;
}

.sectionAccompagnement .elementor-heading-title{
    font-size: 40px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-family: 'Keep Calm Med';
    text-transform: uppercase;
    font-weight: normal;
    display: flex;
    align-items: start;
    gap: 25px;
}

.sectionAccompagnement .elementor-heading-title::before{
    content: "";
    display: block;
    min-width: 110px;
    height: auto;
    aspect-ratio: 11/10;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/themes/theme_sybellis/assets/img/favicon.svg");
}

.sectionAccompagnement .elementor-widget-text-editor{
    max-width: 600px;
}

@media (max-width: 992px) {
    .sectionAccompagnement .elementor-heading-title{
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .sectionAccompagnement .elementor-heading-title{
        flex-direction: column;
    }
}

/* ---------------------------- SECTION DÉCOUVRIR ---------------------------- */

.sectionDecouvrir .elementor-inner-section .elementor-row{
    gap: 25px 20px !important;
}

.sectionDecouvrir .elementor-heading-title{
    font-size: 40px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-family: 'Keep Calm Med';
    text-transform: uppercase;
    font-weight: normal;
    display: flex;
    align-items: start;
    gap: 25px;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.sectionDecouvrir .elementor-heading-title::before{
    content: "";
    display: block;
    min-width: 110px;
    height: auto;
    aspect-ratio: 11/10;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/themes/theme_sybellis/assets/img/favicon.svg");
}

.sectionDecouvrir .elementor-image-box-wrapper{
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.sectionDecouvrir .elementor-image-box-wrapper .elementor-image-box-img{
    width: 100% !important;
    order: 1;
}

.sectionDecouvrir .elementor-image-box-wrapper .elementor-image-box-img a::before{
    order: 2;
    content: "";
    display: block;
    width: 0%;
    height: auto;
    background-color: #a1a1a133;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 100% 0 8px;
    aspect-ratio: 56 / 47;
    transition: width 400ms ease;
    backdrop-filter: blur(2px);
}

.sectionDecouvrir .elementor-image-box-wrapper .elementor-image-box-img a{
    display: block;
}

.sectionDecouvrir .elementor-image-box-wrapper .elementor-image-box-img a img{
    border-radius: 8px;
    aspect-ratio: 56/47;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.sectionDecouvrir .elementor-image-box-wrapper .elementor-image-box-content{
    order: 3;
    position: absolute;
    left: 30px;
    bottom: 25px;
    width: 100%;
    max-width: calc(100% - 60px);
    transition: left 400ms ease;
}

.sectionDecouvrir .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title{
    margin: 0px !important;
    font-family: "Keep Calm Med";
    font-size: 40px;
    line-height: 1.2em;
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: normal !important;
    text-align: start;
    display: flex;
    align-items: end;
    gap: 16px;
}

.sectionDecouvrir .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title a{
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.sectionDecouvrir .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title::after{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_2312_247)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 23.0326V3.07102V0H20.929H0.96737V3.07102H18.7639L0 21.8349L2.17274 24L20.929 5.24376V23.0326H24Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2312_247'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 1100px) {
    .sectionDecouvrir .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title{
        font-size: 30px;
    }
}

@media (min-width: 993px) {
    .sectionDecouvrir .elementor-image-box-wrapper:hover .elementor-image-box-content{
        left: 50px;
        max-width: calc(100% - 100px);
        transition: left 400ms ease;
    }
    .sectionDecouvrir .elementor-image-box-wrapper:hover .elementor-image-box-img a::before{
        transition: width 400ms ease;
        width: 150%;
    }
}

@media (max-width: 992px) {
    .sectionDecouvrir .elementor-heading-title{
        font-size: 30px;
    }
    .sectionDecouvrir .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title{
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .sectionDecouvrir .elementor-heading-title{
        flex-direction: column;
    }
}

/* ---------------------------- PAGE NOS PRODUITS ---------------------------- */

#cms.cms-id-6 .headerRow .elementor-widget-heading{
    display: flex;
    flex-direction: column;
    gap: 22px;
}

#cms.cms-id-6 .headerRow .elementor-widget-heading::before{
    content: "Nos produits";
    display: block;
    font-size: 13px;
    line-height: 16px;
    border: solid 1px var(--color-black);
    padding: 9px 16px;
    border-radius: 30px;
    width: fit-content;
}

#cms.cms-id-6 .headerRow .elementor-heading-title{
    color: var(--color-primary);
    font-size: 40px;
    line-height: 1.2em;
    font-family: 'Keep Calm Med';
    text-transform: uppercase;
}

@media (max-width: 1600px) {
    #cms.cms-id-6 .headerRow .elementor-heading-title{
        font-size: 35px;
    }
}

@media (max-width: 992px) {
    #cms.cms-id-6 .headerRow .elementor-heading-title{
        font-size: 30px;
    }
}

/* ---------------------------- PAGE NOS SERVICES ---------------------------- */

#cms.cms-id-7 #wrapper{
    padding-top: 0px !important;
}

/* ---------------------------- PAGE SERVICE ---------------------------- */

.pageServiceHeader .elementor-row{
    gap: 25px 110px !important;
}

.pageServiceHeader .back .elementor-widget-container{
    display: flex;
    align-items: center;
    gap: 10px;
}

.pageServiceHeader .back p,
.pageServiceHeader .back a{
    font-size: 13px !important;
    line-height: 1.2em !important;
    color: var(--color-black) !important;
}

.pageServiceHeader .back .elementor-widget-container::before{
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='12' viewBox='0 0 19 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.35598 6.43837L18.082 6.52056L18.1094 5.28768L2.62995 5.28768L6.95871 0.958924L5.99981 2.20395e-05L-0.000181725 5.97261L0.0272154 6.00001L0.958721 6.93152L5.99981 12L6.95871 11.0411L2.35598 6.43837Z' fill='%230A0A0A'/%3E%3C/svg%3E");
    display: block;
    width: 19px;
    height: 12px;
}

.pageServiceHeader .titlePage .elementor-heading-title{
    font-size: 13px;
    line-height: 1.2em;
    font-weight: normal;
    color: var(--color-black);
    padding: 9px 16px;
    border: solid 1px var(--color-black);
    border-radius: 30px;
    width: fit-content;
    text-box-trim: trim-end;
}

.pageServiceHeader .title .elementor-heading-title{
    font-size: 40px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-family: 'Keep Calm Med';
    text-transform: uppercase;
    font-weight: normal;
}

.pageServiceHeader img{
    border-radius: 8px;
    aspect-ratio: 65/42;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 1300px) {
    .pageServiceHeader .elementor-row{
        gap: 25px 80px !important;
    }
}

@media (max-width: 992px) {
    .pageServiceHeader .title .elementor-heading-title{
        font-size: 30px;
    }
}

/* --------------------------- */

.pageServiceSection1 > .elementor-column-wrap > .elementor-widget-wrap{
    gap: 35px !important;
}

.btnCenter .elementor-button-link{
    width: fit-content !important;
}

.btnCenter .elementor-widget-button .elementor-widget-container{
    display: flex;
    justify-content: center;
}

.pageServiceSection1 .pageServiceSection1Card{
    border: solid 1px var(--color-primary);
    border-radius: 8px;
}

.pageServiceSection1 .pageServiceSection1Card .elementor-row{
    gap: 0px !important;
}

.pageServiceSection1 .pageServiceSection1Card .figcaption .elementor-widget-wrap{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px 40px;
    align-content: center;
    align-items: center;
}

.pageServiceSection1 .pageServiceSection1Card .figcaption{
    padding: 36px;
}

.pageServiceSection1 .pageServiceSection1Card .figcaption .elementor-widget-heading{
    grid-column: 2/3;
}

.pageServiceSection1 .pageServiceSection1Card .figcaption .elementor-widget-heading .elementor-heading-title{
    font-size: 28px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-weight: normal !important;
}

.pageServiceSection1 .pageServiceSection1Card .figcaption .elementor-widget-text-editor{
    grid-column: 2/3;
}

.pageServiceSection1 .pageServiceSection1Card .figcaption .number{
    grid-column: 1/2;
    grid-row: 1/3;
}

.pageServiceSection1 .pageServiceSection1Card .figcaption .number{
    text-align: center;
    padding: 50px 10px;
    border-radius: 50px;
    background: rgba(117, 191, 145, 0.20);
    width: 90px;
}

.pageServiceSection1 .pageServiceSection1Card .figcaption .number *{
    font-family: "Keep Calm Med" !important;
    font-weight: normal !important;
    font-size: 100px !important;
    line-height: 1.2em !important;
    color: var(--color-primary) !important;
    text-box-trim: trim-both !important;
    text-box-edge: cap alphabetic !important;
}

.pageServiceSection1 .pageServiceSection1Card .imgContainer img{
    border-radius: 7px;
    aspect-ratio: 460/290;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 1400px) {
    .pageServiceSection1 .pageServiceSection1Card .figcaption .number{
        padding: 40px 10px;
        width: 75px;
    }
    .pageServiceSection1 .pageServiceSection1Card .figcaption .number *{
        font-size: 60px !important;
    }
    .pageServiceSection1 .pageServiceSection1Card .figcaption .elementor-widget-heading .elementor-heading-title{
        font-size: 24px;
    }
    .pageServiceSection1 .pageServiceSection1Card .figcaption .elementor-widget-wrap{
        gap: 16px 30px;
    }
    .pageServiceSection1 .pageServiceSection1Card .figcaption{
        padding: 30px;
    }
}

@media (max-width: 1024px) {
    .pageServiceSection1 .pageServiceSection1Card .figcaption{
        order: 1;
    }
}

@media (max-width: 768px) {
    .pageServiceSection1 > .elementor-column-wrap > .elementor-widget-wrap{
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        width: 100vw;
        min-width: 100vw;
        padding-inline: 20px;
        transform: translateX(-20px);
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .pageServiceSection1 > .elementor-column-wrap > .elementor-widget-wrap::-webkit-scrollbar{
        display: none;
    }
    .pageServiceSection1 .pageServiceSection1Card{
        width: 80vw;
        min-width: 80vw;
    }
    .pageServiceSection1 .pageServiceSection1Card .elementor-row{
        display: grid;
        grid-template-rows: 1fr auto;
    }
    .pageServiceSection1 .pageServiceSection1Card > .elementor-container{
        min-height: 100%;
    }
    .pageServiceSection1 .pageServiceSection1Card .figcaption{
        order: -1;
    }
    .pageServiceSection1 .pageServiceSection1Card .figcaption .elementor-widget-wrap{
        grid-template-columns: 1fr;
        align-content: start !important;
    }
    .pageServiceSection1 .pageServiceSection1Card .figcaption .elementor-widget-heading,
    .pageServiceSection1 .pageServiceSection1Card .figcaption .elementor-widget-text-editor,
    .pageServiceSection1 .pageServiceSection1Card .figcaption .number{
        grid-column: initial;
        grid-row: initial;
    }
    .pageServiceSection1 .pageServiceSection1Card .figcaption .number{
        padding: 24px 10px;
        width: 60px;
    }
    .pageServiceSection1 .pageServiceSection1Card .figcaption .number *{
        font-size: 40px !important;
    }
}

/* --------------------------- */

.pageServiceSection2 > .elementor-container > .elementor-row{
    gap: 50px 30px !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.pageServiceSection2 .pageServiceSection2Card{
    width: 100% !important;
    border: solid 1px var(--color-primary);
    border-radius: 8px;
}

.pageServiceSection2 .pageServiceSection2Card img{
    aspect-ratio: 37/34;
    width: 100%;
    height: auto;
    border-radius: 7px;
    object-fit: cover;
}

.pageServiceSection2 .pageServiceSection2Card .elementor-widget-text-editor{
    padding: 32px 32px 12px 32px !important;
}

.pageServiceSection2 .pageServiceSection2Card .elementor-widget-text-editor h3{
    font-size: 28px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-weight: normal !important;
}

.pageServiceSection2 .pageServiceSection2Card > .elementor-column-wrap > .elementor-widget-wrap{
    display: grid;
    grid-template-rows: 1fr auto;
}

@media (max-width: 1400px) {
    .pageServiceSection2 .pageServiceSection2Card .elementor-widget-text-editor h3{
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .pageServiceSection2 > .elementor-container > .elementor-row{
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        width: 100vw;
        min-width: 100vw;
        padding-inline: 20px;
        transform: translateX(-20px);
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .pageServiceSection2 > .elementor-container > .elementor-row::-webkit-scrollbar{
        display: none;
    }
    .pageServiceSection2 .pageServiceSection2Card{
        width: 80vw !important;
        min-width: 80vw !important;
    }
}

/* --------------------------- */

.pageServiceSection3 > .elementor-column-wrap > .elementor-widget-wrap{
    gap: 35px !important;
}

.pageServiceSection3 .pageServiceSection3Card{
    border: solid 1px var(--color-primary);
    border-radius: 8px;
}

.pageServiceSection3 .pageServiceSection3Card .elementor-row{
    gap: 0px !important;
}

.pageServiceSection3 .pageServiceSection3Card .figcaption{
    padding: 50px;
}

.pageServiceSection3 .pageServiceSection3Card .figcaption .elementor-widget-heading .elementor-heading-title{
    font-size: 28px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-weight: normal !important;
}

.pageServiceSection3 .pageServiceSection3Card .imgContainer img{
    border-radius: 7px;
    aspect-ratio: 460/290;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 1400px) {
    .pageServiceSection3 .pageServiceSection3Card .figcaption .elementor-widget-heading .elementor-heading-title{
        font-size: 24px;
    }
    .pageServiceSection3 .pageServiceSection3Card .figcaption{
        padding: 35px 30px;
    }
}

@media (max-width: 1024px) {
    .pageServiceSection3 .pageServiceSection3Card .figcaption{
        order: 1;
    }
}

@media (max-width: 768px) {
    .pageServiceSection3 > .elementor-column-wrap > .elementor-widget-wrap{
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        width: 100vw;
        min-width: 100vw;
        padding-inline: 20px;
        transform: translateX(-20px);
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .pageServiceSection3 > .elementor-column-wrap > .elementor-widget-wrap::-webkit-scrollbar{
        display: none;
    }
    .pageServiceSection3 .pageServiceSection3Card{
        width: 80vw;
        min-width: 80vw;
    }
    .pageServiceSection3 .pageServiceSection3Card .elementor-row{
        display: grid;
        grid-template-rows: 1fr auto;
    }
    .pageServiceSection3 .pageServiceSection3Card > .elementor-container{
        min-height: 100%;
    }
    .pageServiceSection3 .pageServiceSection3Card .figcaption{
        order: -1;
    }
    .pageServiceSection3 .pageServiceSection3Card .figcaption .elementor-widget-wrap{
        align-content: start !important;
    }
}

/* ---------------------------- POURQUOI SYBELLIS ---------------------------- */

.pourquoiSybellis .pourquoiSybellisColonne > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading .elementor-heading-title{
    font-size: 40px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-family: 'Keep Calm Med';
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.pourquoiSybellis .pourquoiSybellisColonne > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-text-editor{
    text-align: center;
    max-width: 600px;
    margin-inline: auto;
}

.pourquoiSybellis .pourquoiSybellisColonne > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-button{
    display: flex !important;
    justify-content: center !important;
}

.pourquoiSybellis .pourquoiSybellisColonne > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-button .elementor-button{
    width: fit-content !important;
}

.pourquoiSybellis .pourquoiSybellisCards > .elementor-container > .elementor-row{
    gap: 40px !important;
}

.pourquoiSybellis .pourquoiSybellisCard{
    background-color: var(--color-primary);
    padding: 35px 24px;
    border-radius: 8px;
}

.pourquoiSybellis .pourquoiSybellisCard:nth-child(even){
    background-color: var(--color-secondary);
}
 
.pourquoiSybellis .pourquoiSybellisCard .elementor-heading-title{
    font-size: 18px;
    line-height: 1.2em;
    color: var(--color-white);
    font-family: 'Keep Calm Med';
    font-weight: normal !important;
}

.pourquoiSybellis .pourquoiSybellisCard:nth-child(even) .elementor-heading-title{
    color: var(--color-black);
}

.pourquoiSybellis .pourquoiSybellisCard .elementor-widget-text-editor *{
    color: var(--color-white);
}

.pourquoiSybellis .pourquoiSybellisCard:nth-child(even) .elementor-widget-text-editor *{
    color: var(--color-black);
}

.pourquoiSybellis .pourquoiSybellisCard .elementor-widget-icon .elementor-widget-container{
    text-align: start;
    margin-bottom: 5px;
}

.pourquoiSybellis .pourquoiSybellisCard .elementor-widget-icon .elementor-icon svg{
    height: 60px;
    width: auto;
}

@media (max-width: 992px) {
    .pourquoiSybellis .pourquoiSybellisColonne > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget-heading .elementor-heading-title{
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .pourquoiSybellis .pourquoiSybellisCards > .elementor-container > .elementor-row{
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        width: 100vw;
        min-width: 100vw;
        padding-inline: 20px;
        transform: translateX(-20px);
        -ms-overflow-style: none;
        scrollbar-width: none;
        gap: 15px !important;
    }
    .pourquoiSybellis .pourquoiSybellisCards > .elementor-container > .elementor-row::-webkit-scrollbar{
        display: none;
    }
    .pourquoiSybellis .pourquoiSybellisCard{
        width: 80vw;
        min-width: 80vw;
    }
}

/* ---------------------------- PAGE NOS ENGAGEMENTS ---------------------------- */

#cms.cms-id-9 #wrapper{
    padding-top: 0px !important;
}

/* ---------------------------- PAGE QUI SOMMES NOUS ---------------------------- */

#cms.cms-id-4 #wrapper{
    padding-top: 0px !important;
}

.entrepriseHistorique .entrepriseHistoriqueLeft .elementor-heading-title{
    font-size: 28px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-family: 'Keep Calm Med';
    font-weight: normal;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.entrepriseHistorique .entrepriseHistoriqueLeft .elementor-widget-wrap::after{
    content: "";
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 30/27;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/themes/theme_sybellis/assets/img/favicon.svg");
    margin-top: 20px;
}

.entrepriseHistorique .entrepriseHistoriqueRight > .elementor-column-wrap > .elementor-widget-wrap{
    gap: 40px !important;
}

.entrepriseHistorique .entrepriseHistoriqueRight .elementor-inner-section .elementor-row{
    gap: 50px !important;
}

.entrepriseHistorique .entrepriseHistoriqueRight .elementor-inner-section .elementor-row > .elementor-element::before{
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 31px;
    width: 100%;
    height: 1px;
    background-color: var(--color-black);
}

.entrepriseHistorique .entrepriseHistoriqueRight .elementor-inner-section .elementor-row > .elementor-element:not(:last-child)::before{
    transform: translateX(90px);
}

.entrepriseHistorique .entrepriseHistoriqueRight > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element:last-child .elementor-row > .elementor-element:last-child::before{
    display: none;
}

.entrepriseHistorique .entrepriseHistoriqueRight pre{
    font-family: "Keep Calm Med" !important;
    font-size: 18px !important;
    line-height: 1.2em !important;
    color: var(--color-white) !important;
    font-weight: normal !important;
    padding: 21px 24px 18px 24px !important;
    border-radius: 50px !important;
    background-color: var(--color-primary) !important;
    width: fit-content;
}

.entrepriseHistorique .entrepriseHistoriqueRight > .elementor-column-wrap > .elementor-widget-wrap > .elementor-inner-section:not(:last-child){
    border-bottom: solid 1px var(--color-black);
    padding-bottom: 30px;
}

.entrepriseHistorique .entrepriseHistoriqueRight > .elementor-column-wrap > .elementor-widget-wrap > .elementor-inner-section:not(:last-child)::before{
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    bottom: -1px;
    transform: translateX(100%);
    width: 60px;
    height: calc(100% - 30px);
    border: solid var(--color-black);
    border-width: 1px 1px 1px 0px;
    border-radius: 0px 100px 100px 0px;
}

.entrepriseHistorique .entrepriseHistoriqueRight > .elementor-column-wrap > .elementor-widget-wrap > .elementor-inner-section:not(:last-child)::after{
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: -70px;
    transform: translateX(-100%);
    width: 60px;
    height: 70px;
    border: solid var(--color-black);
    border-width: 1px 0px 1px 1px;
    border-radius: 100px 0px 0px 100px;
}

@media (max-width: 1024px) {
    .entrepriseHistorique .entrepriseHistoriqueLeft .elementor-widget-wrap::after{
        max-width: 160px;
        margin-block: 0px 30px;
    }
    .entrepriseHistorique .entrepriseHistoriqueRight .elementor-inner-section::before,
    .entrepriseHistorique .entrepriseHistoriqueRight .elementor-inner-section::after,
    .entrepriseHistorique .entrepriseHistoriqueRight .elementor-element::before,
    .entrepriseHistorique .entrepriseHistoriqueRight .elementor-element::after{
        display: none !important;
    }
    .entrepriseHistorique .entrepriseHistoriqueRight .elementor-inner-section{
        border-bottom: none !important;
        padding-bottom: 0px !important;
    }
    .entrepriseHistorique .entrepriseHistoriqueRight > .elementor-column-wrap > .elementor-widget-wrap,
    .entrepriseHistorique .entrepriseHistoriqueRight .elementor-inner-section .elementor-row{
        gap: 30px !important;
    }
}

@media (max-width: 992px) {
    .entrepriseHistorique .entrepriseHistoriqueLeft .elementor-heading-title{
        font-size: 24px;
    }
    .entrepriseHistorique .entrepriseHistoriqueRight pre{
        font-size: 16px !important;
        padding: 18px 20px 14px 20px !important;
    }
}

/* ------------------------------ */

.cms-id-4 .sectionCards .elementor-heading-title{
    text-transform: none;
    font-size: 28px;
}

@media (max-width: 992px) {
    .cms-id-4 .sectionCards .elementor-heading-title{
        font-size: 24px;
    }
}

/* ------------------------------ */

.entrepriseActeur .entrepriseActeurLeft .elementor-heading-title{
    font-size: 28px;
    line-height: 1.2em;
    color: var(--color-primary);
    font-family: 'Keep Calm Med';
    font-weight: normal;
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .elementor-row{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px 24px !important;
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard{
    width: 100%;
    padding: 24px;
    border-radius: 8px;
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(odd){
    background-color: var(--color-primary);
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(odd) .elementor-heading-title,
.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(odd) .elementor-widget-text-editor *{
    color: var(--color-white);
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(even){
    background-color: var(--color-secondary);
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(1),
.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(2),
.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(3){
    grid-column: span 2;
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(4),
.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(5){
    grid-column: span 3;
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard .elementor-widget-wrap{
    gap: 10px !important;
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard .elementor-heading-title{
    font-size: 30px;
    line-height: 1em;
    font-family: 'Keep Calm Med';
    font-weight: normal;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(4) .elementor-heading-title,
.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(5) .elementor-heading-title{
    font-size: 45px;
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard .elementor-widget-icon{
    text-align: start;
    margin-top: 14px;
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard .elementor-widget-icon svg{
    width: auto;
    height: 80px;
    max-width: 90px;
}

.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(4) .elementor-widget-icon svg,
.entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard:nth-child(5) .elementor-widget-icon svg{
    max-width: 110px;
}

@media (max-width: 768px) {
    .entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .elementor-row{
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        width: 100vw;
        min-width: 100vw;
        padding-inline: 20px;
        transform: translateX(-20px);
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .elementor-row::-webkit-scrollbar{
        display: none;
    }
    .entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard{
        grid-column: initial !important;
        width: 80vw;
        min-width: 80vw;
    }
    .entrepriseActeur .entrepriseActeurRight .entrepriseActeurCards .entrepriseActeurCard .elementor-heading-title{
        font-size: 40px !important;
    }
}