.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a255bdb:#047DEB;--e-global-color-6613151:#FD9E3B;--e-global-color-2efed15:#FFFFFF;--e-global-color-90cb841:#000000;--e-global-color-a2367a0:#F3F6FB61;--e-global-color-2637a3e:#F3F6FB;--e-global-color-f70022e:#33C2F6;--e-global-color-a1df21f:#CDD6E3;--e-global-color-3a181ea:#E6EAF0;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-2ec6c7d-font-family:"Poppins";--e-global-typography-2ec6c7d-font-weight:600;--e-global-typography-4118ee3-font-family:"Poppins";--e-global-typography-4118ee3-font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-a255bdb );}.elementor-kit-6 a:hover{color:var( --e-global-color-f70022e );}.elementor-kit-6 h1{color:var( --e-global-color-90cb841 );font-family:"Poppins", Sans-serif;font-size:52px;font-weight:700;}.elementor-kit-6 h2{color:var( --e-global-color-90cb841 );font-family:"Poppins", Sans-serif;font-size:42px;font-weight:700;}.elementor-kit-6 h3{color:var( --e-global-color-90cb841 );font-family:"Poppins", Sans-serif;font-size:28px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6 h1{font-size:42px;}.elementor-kit-6 h2{font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:32px;}.elementor-kit-6 h2{font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html {
  scroll-behavior: smooth;
}

.elementor-element {
  scroll-margin-top: 90px; /* ajuste selon la hauteur exacte de ton header */
}




/* Keeping the original fade animations */
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

/* Optimized animations for non-fade effects */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translate3d(30px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes zoomOut {
    from {
        opacity: 0;
        transform: scale(1.2);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* Apply animations */
.elementor-element.zoomIn {
    animation-name: zoomIn;
}

.elementor-element.zoomOut {
    animation-name: zoomOut;
}

.elementor-element.slideIn {
    animation-name: slideIn;
}

.elementor-element.slideInLeft {
    animation-name: slideInLeft;
}

.elementor-element.slideInRight {
    animation-name: slideInRight;
}

.elementor-element.slideInUp {
    animation-name: slideInUp;
}

.elementor-element.slideInDown {
    animation-name: slideInDown;
}

/* Apply general settings to animations */
.elementor-element {
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}/* End custom CSS */