.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-851e495-font-family:"Prompt";--e-global-typography-851e495-font-size:16px;--e-global-typography-851e495-font-weight:700;--e-global-typography-851e495-text-transform:uppercase;--e-global-typography-851e495-line-height:1.1;--e-global-typography-851e495-letter-spacing:1.6px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h4{color:#A38553;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:700;letter-spacing:1.6px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:var(--container);}.e-con{--container-max-width:var(--container);--container-default-padding-top:0px;--container-default-padding-right:64px;--container-default-padding-bottom:0px;--container-default-padding-left:64px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:32px;--container-default-padding-bottom:0px;--container-default-padding-left:32px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:16px;--container-default-padding-bottom:0px;--container-default-padding-left:16px;}}/* Start custom CSS */:root {
    --container: 1620px;
}

@media (max-width: 768px) {
    .big-block { /* Utilisez le bon sélecteur pour cibler les éléments concernés */
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media (min-width: 1024px) {
    .big-block { /* Utilisez le bon sélecteur pour cibler les éléments concernés */
        padding-top: 32px;
        padding-bottom: 32px;
    }
}


@media (min-width: 1440px) {
    .big-block { /* Assurez-vous d'utiliser le bon sélecteur ici, j'ai utilisé .big-block en exemple */
        padding-top: 64px;
        padding-bottom: 64px;
    }
}


@media (max-width: 768px) {
     .big-block96 {
        padding-top: 56px;
    }
}

@media (min-width: 1440px) {
    .big-block96 {
        padding-top: 96px;
    }
}

@media (min-width: 1024px) {
    .big-block96 {
        padding-top: 66px;
    }
}



@keyframes animate-word {
    0% {
        opacity: 0;
        color: #56766D;
        transform: translateY(-32px);
    }
    40% {
        opacity: 1;
        color: #56766D;
    }
    70% {
        opacity: 1;
        color: #56766D;
    }
    100% {
        opacity: 1;
        color: white;
        transform: translateY(0px);
    }
}

@keyframes animate-word-white {
    0% {
        opacity: 0;
        color: #56766D;
        transform: translateY(-32px);
    }
    40% {
        opacity: 1;
        color: #56766D;
    }
    70% {
        opacity: 1;
        color: #56766D;
    }
    100% {
        opacity: 1;
        color: white;
        transform: translateY(0px);
    }
}


[data-aos="animate-word"] span, [data-aos="animate-word-white"] span {
    opacity: 0;
    display: inline-block;
    transition: all .6s ease-in-out;
}

[data-aos="animate-word"] .elementor-heading-title, [data-aos="animate-word-white"] .elementor-heading-title {
    gap: 0 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

[data-aos="animate-word"].aos-animate span{
    animation-name: animate-word;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

[data-aos="animate-word-white"].aos-animate span{
    animation-name: animate-word-white;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

@media screen and (max-width: 767px) {
    [data-aos="animate-word"] .elementor-heading-title, [data-aos="animate-word-white"] .elementor-heading-title {
        gap: 0 6px;
    }
}/* End custom CSS */