/* 
Theme Name: Hello Elementor Child
*/


#notre-histoire-container {
    & .elementor-widget-container p {
        margin-block-end: 0!important;
    }

    & #assurance {
        & .elementor-counter-title {
            max-width: 120px;
            line-height: normal!important;
        }
        & .elementor-widget-text-editor {
            max-width: 90px;
        }
    }
}


#timeline-histoire {
    & .elementor-widget-ucaddon_ue_listing_carousel .owl-stage-outer {
        overflow: visible!important;
    }

    #uc_ue_listing_carousel_elementor_9cb83d9 .owl-stage {
        display: flex;
        align-items: stretch;
    }
    
    #uc_ue_listing_carousel_elementor_9cb83d9 .owl-item {
        display: flex;
        flex-shrink: 0; 
    }
    
    #uc_ue_listing_carousel_elementor_9cb83d9 .owl-item > .ue-carousel-item,
    #uc_ue_listing_carousel_elementor_9cb83d9 .ue-carousel-item > .elementor,
    #uc_ue_listing_carousel_elementor_9cb83d9 .elementor > .e-parent,
    #uc_ue_listing_carousel_elementor_9cb83d9 .e-parent > .e-con-inner {
        width: 100%;
        height: 100%;
    }
    
    #uc_ue_listing_carousel_elementor_9cb83d9 .evenement-timeline-item {
        height: 100%;
    }
      
}

#ce-qui-nous-guide-container {
    & .with-bg {
        & > div {
            max-height: 215px;
        }
        & .elementor-counter {
            align-items: center!important;
            & .elementor-counter-title {
                line-height: normal!important;
                text-align: center!important;
                max-width: 135px!important;
            }
        }
    }

    & #cross {
        & > div:first-child {
            & > div {
                position: relative;
                &::after {
                    position: absolute;
                    content: "";
                    width: calc(100% - 30px);
                    height: 1px;
                    background: #D9D9D9;
                    left: 0;
                    bottom: 0;
                }

                &:last-child::before {
                    position: absolute;
                    content: "";
                    width: 1px;
                    height: calc(100% - 30px);
                    background: #D9D9D9;
                    left: 0;
                    top: 0;
                }

                &:last-child {
                    &::after {
                        left: 30px;
                    }
                }
            }
        }

        & > div:last-child {
            & > div {
                position: relative;
                &:last-child::before {
                    position: absolute;
                    content: "";
                    width: 1px;
                    height: calc(100% - 30px);
                    background: #D9D9D9;
                    left: 0;
                    top: 0;
                }
            }
        }

    }

}

.evenement-timeline {
    & .evenement-timeline-item {
        & > div {
            width: fit-content!important;
        }
    }
}


.max-w-290 {
    max-width: 290px!important;
    @media(max-width:1024px) {
        max-width: 100%!important;
    }
}

.max-w-390 {
    max-width: 390px!important;
}

.max-w-540 {
    max-width: 540px!important;
}

#carousel-certification {
    & .swiper-slide {
        min-width: 200px!important;

        @media (max-width: 1024px) {
            max-width: 200px!important;
        }
    }

    &::before,
    &::after {
        content: '';
        position: absolute;
        width: 75px;
        top: 0;
        height: 100%;
        z-index: 2;
        background: #262626;
    }

    &::before {
        left: 0;
        mask-image: linear-gradient(to right, #262626 0px, transparent 50px);
        -webkit-mask-image: linear-gradient(to right, #262626 0px, transparent 50px);
    }

    &::after {
        right: 0;
        mask-image: linear-gradient(to left, #262626 0px, transparent 50px);
        -webkit-mask-image: linear-gradient(to left, #262626 0px, transparent 50px);
    }
}

@media screen and (max-width: 1100px) {
    .heros-section > .e-con-boxed > .e-con-inner > .e-con-full {
        margin-left: 0!important;
    }
    #notre-histoire-container,
    #ce-qui-nous-guide-container #cross{
        padding-left: 0!important;
    }
}



@media screen and (min-width:1024px) and (max-width:1200px) {
    #notre-histoire-container {
        & .elementor-counter-title {
            font-size: 1.125rem!important;
        }

        & #assurance {
            & > div {
                & > div:first-child {
                    max-width: 150px!important;
                }
                & > div:nth-child(2) {
                    max-width: 160px!important;
                }
            }
        & .elementor-widget-icon svg{
                height: 38px!important;
                width: 38px!important;
        }
        & .elementor-counter-number {
            font-size: 2.5rem!important;
        }
        & .elementor-widget-text-editor p {
                font-size: 1.125rem!important;
            }
        }
    }
}

@media screen and (min-width:1200px) and (max-width:1350px) {
    #notre-histoire-container {
        & .elementor-counter-title {
            font-size: 1.25rem!important;
        }

        #assurance {
            & .elementor-counter-title {
                max-width: 80px;
                line-height: normal!important;
            }
            & .elementor-widget-text-editor {
                max-width: 105px!important;
            }

            & > div {
                & > div:first-child {
                    max-width: 170px!important;
                }
                & > div:nth-child(2) {
                    max-width: 170px!important;
                }
            }
        & .elementor-widget-icon svg{
                height: 45px!important;
                width: 45px!important;
        }
        & .elementor-counter-number {
            font-size: 3rem!important;
        }
        & .elementor-widget-text-editor p {
                font-size: 1.25rem!important;
            }
        }
    }
}

@media screen and (min-width:1350px) {
    #notre-histoire-container {
        #assurance {
            & .elementor-counter-title {
                max-width: 105px;
                line-height: normal!important;
            }
            & .elementor-widget-text-editor {
                max-width: 130px!important;
            }
        }
    }
}
@media screen and (max-width:1024px) {
    #ce-qui-nous-guide-container {
        & .max-w-390,
        & .max-width-550 {
            max-width: 100%!important;
        }

        & .max-w-50-mobile {
            max-width: 550px!important;
        }
    }
}

@media screen and (max-width: 630px) {
    #ce-qui-nous-guide-container #cross {
        & > div:first-child {
            & > div {
                padding: 60px 0 30px !important;
                border-bottom: solid 1px #dedede;

                &:first-child { 
                    padding-top: 0!important;
                }
    
                &::after, &::before {
                    display: none;
                }
            }
        }
        & > div:last-child {
            margin-top: 0!important;
            & > div {
                padding: 60px 0 30px !important;
                border-bottom: solid 1px #dedede;
    
                &::after, &::before {
                    display: none;
                }
            }
        }
    }
}