.elementor-9 .elementor-element.elementor-element-c58628f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-147px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-537dd86{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-537dd86.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-element-699f14a{--display:flex;--min-height:509px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-699f14a:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-699f14a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://astoholidays.camdsi.fr/wp-content/uploads/2025/04/map-monde-asto-holidays.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-9 .elementor-element.elementor-element-3aa6574{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9 .elementor-element.elementor-element-3aa6574.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-global-1415{text-align:center;}.elementor-9 .elementor-element.elementor-element-d4bde39{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-d4bde39.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-f850736{text-align:center;}.elementor-9 .elementor-element.elementor-element-c94729d{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-23dd81a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:70px;--margin-bottom:0;--margin-left:auto;--margin-right:auto;}.elementor-9 .elementor-element.elementor-element-23dd81a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-7fb7ad2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-be6ef38{--display:flex;}.elementor-9 .elementor-element.elementor-element-d4bf4fc{text-align:right;}.elementor-9 .elementor-element.elementor-element-f4826ff{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:right;}.elementor-9 .elementor-element.elementor-element-d523b3e.elementor-element{--align-self:flex-end;}.elementor-9 .elementor-element.elementor-element-5443aaf{--display:flex;}.elementor-9 .elementor-element.elementor-element-43cbca6{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-43cbca6:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-43cbca6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fe8de45 );}.elementor-9 .elementor-element.elementor-element-b79044f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-9 .elementor-element.elementor-element-d0e2503{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-d0e2503.elementor-element{--align-self:flex-end;}.elementor-9 .elementor-element.elementor-element-d0e2503 .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-d0e2503 .elementor-icon{font-size:45px;}.elementor-9 .elementor-element.elementor-element-d0e2503 .elementor-icon svg{height:45px;}.elementor-9 .elementor-element.elementor-element-d0e2503 .elementor-icon-wrapper svg{width:auto;}.elementor-9 .elementor-element.elementor-element-6dc2528{text-align:left;}.elementor-9 .elementor-element.elementor-element-cd14813{--display:flex;--margin-top:-27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-8c8add8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-9 .elementor-element.elementor-element-e232681{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-e232681:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-e232681 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fe8de45 );}.elementor-9 .elementor-element.elementor-element-67ffec2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-9 .elementor-element.elementor-element-484d683 .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-484d683 .elementor-icon{font-size:45px;}.elementor-9 .elementor-element.elementor-element-484d683 .elementor-icon svg{height:45px;}.elementor-9 .elementor-element.elementor-element-484d683 .elementor-icon-wrapper svg{width:auto;}.elementor-9 .elementor-element.elementor-element-e03c55e{text-align:left;}.elementor-9 .elementor-element.elementor-element-6d2e0bf{--display:flex;--margin-top:-27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-84d3dc1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-9 .elementor-element.elementor-element-2866f1c{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-2866f1c:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-2866f1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fe8de45 );}.elementor-9 .elementor-element.elementor-element-9b40eb4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-9 .elementor-element.elementor-element-759853e .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-759853e .elementor-icon{font-size:45px;}.elementor-9 .elementor-element.elementor-element-759853e .elementor-icon svg{height:45px;}.elementor-9 .elementor-element.elementor-element-759853e .elementor-icon-wrapper svg{width:auto;}.elementor-9 .elementor-element.elementor-element-b5c212a{text-align:left;}.elementor-9 .elementor-element.elementor-element-7f0ec76{--display:flex;--margin-top:-27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-6893bf4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-9 .elementor-element.elementor-element-a5e0dd9.elementor-element{--align-self:flex-end;}.elementor-9 .elementor-element.elementor-element-f197d13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-537dd86{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-d4bde39{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-23dd81a{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-7fb7ad2{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-d4bf4fc{text-align:center;}.elementor-9 .elementor-element.elementor-element-f4826ff{text-align:center;}.elementor-9 .elementor-element.elementor-element-f197d13{--padding-top:50px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-c58628f{--margin-top:-85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-537dd86{--border-radius:20px 20px 20px 20px;--margin-top:-26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:55px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-699f14a:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-699f14a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:596px 0px;}.elementor-9 .elementor-element.elementor-element-d4bde39{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-23dd81a{--margin-top:50px;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-d4bf4fc{text-align:center;}.elementor-9 .elementor-element.elementor-element-f4826ff{text-align:center;}.elementor-9 .elementor-element.elementor-element-5443aaf{--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-a5e0dd9{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-f197d13{--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-699f14a{--width:85%;}.elementor-9 .elementor-element.elementor-element-3aa6574{--width:81%;}.elementor-9 .elementor-element.elementor-element-d4bde39{--width:70%;}.elementor-9 .elementor-element.elementor-element-23dd81a{--width:75%;}.elementor-9 .elementor-element.elementor-element-f197d13{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9 .elementor-element.elementor-element-699f14a{--width:100%;}.elementor-9 .elementor-element.elementor-element-3aa6574{--width:100%;}.elementor-9 .elementor-element.elementor-element-d4bde39{--width:100%;}.elementor-9 .elementor-element.elementor-element-23dd81a{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-2e453db */.diaporama-wrapper,
.diaporama-slider,
.slide-diaporama {
    width: 100%;
    height: 100%;
    position: relative;
}

.diaporama-wrapper {
    height: 100vh;
    overflow: hidden;
}

.diaporama-slider {
    height: 100%;
}

.slide-diaporama {
    position: relative;
    width: 100%;
    height: 100%;
}

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

.texte-slide {
    position: absolute;
    bottom: 400px;
    left: 250px;
    text-align: left;
    padding: 20px 35px;
    color: var(--e-global-color-c8d7405);
    backdrop-filter: blur(4px) brightness(1.2) contrast(1.1);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 30px;

}

.texte-slide::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(21, 37, 60, 0.1); /* Bleu avec opacité */
    border-radius: 30px;
    z-index: -1;
}

.texte-slide h2 {
    font-size: 60px;
}

.texte-slide p {
    margin-top: -15px;
}

.texte-slide .diapo-arrow-next {
    margin-top: 20px;
    width: 30px;
}

.slide-counter {
    position: absolute;
    top: 50%;
    left: 64px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 400px;
    width: 40px;
    font-weight: bold;
    color: white;
    z-index: 10;
}

.slide-counter .bar {
    position: relative;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.4);
    flex-grow: 1;
    margin: 10px 0;
}

.slide-counter .current-slide,
.slide-counter .total-slide {
    font-size: 14px;
}

.slide-counter .dot-indicator {
    position: absolute;
    width: 6px;
    background-color: #fff;
    transition: all 0.4s ease;
    border-radius: 3px;
}

@media screen and (max-width: 1024px) {
    .diaporama-wrapper {
        height: 600px;
    }

    .slide-diaporama img {
        height: 600px;
    }

    .slide-counter {
        display: none;
    }

    .slide-counter .bar {
        width: 150px;
        height: 2px;
        margin: 0 10px;
    }

    .slide-counter .dot-indicator {
        width: 0;
        height: 6px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .slide-counter .current-slide,
    .slide-counter .total-slide {
        font-size: 12px;
        display: none;
    }

    .texte-slide {
        width: 300px;
        bottom: 120px;
        left: 20px;
    }

    .texte-slide h2 {
        font-size: 40px;
    }
    
    .diapo-arrows {
        bottom: 40px !important;
        left: 170px !important;
    }
    
    .diapo-arrow-prev, .diapo-arrow-next {
        width: 60px !important;
        height: 30px !important;
    }
}
@media screen and (min-width: 1366px) and (max-width: 1500px) {

    .slide-counter {
        height: 410px;
        top: 58%;
    }
    
    .texte-slide {
        bottom: 310px;
    }
    
    .diapo-arrows {
        bottom: 240px !important
    }
}

@media screen and (min-width: 2200px) {
    .texte-slide {
        position: absolute;
        bottom: 570px;
    }
    .diapo-arrows {
        display: flex;
        bottom: 500px !important;
    }
}

.diapo-arrows {
    display: flex;
    gap: 20px;
    position: absolute;
    left: 310px;
    bottom: 330px; /* ajuste selon la hauteur de ton bloc texte */
    z-index: 10;
}

.diapo-arrow-prev, .diapo-arrow-next {
    width: 75px;
    height: 46px;
    cursor: pointer;
    border: 2px solid white;
    padding: 20px 15px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.diapo-arrow-next:hover {
    opacity: .5;
}

.diapo-arrow-prev:hover {
    opacity: 1;
}

.diapo-arrow-prev {
    opacity: .5;
}


.diapo-arrow-prev img {
    transform: rotate(180deg);
}

.diapo-arrow-prev img,
.diapo-arrow-next img {
    width: 32px;
    height: auto;
    display: block
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bcbfc6b */.general-slider {
    display: flex;
    gap: 10px;
    width: 100%;
}

.colonne {
    position: relative;
    flex: 1;
    transition: flex 0.5s ease;
    height: 500px;
    overflow: hidden;
    border-radius: 20px;
}

.colonne::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%; /* Ajuste selon l'effet désiré */
    background: linear-gradient(to bottom, rgba(23, 87, 62, 0) 0%, rgba(23, 87, 62, 0.5) 100%);
    border-radius: 20px;
}

.colonne img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    z-index: 1; /* Image en arrière-plan */


}

/* Overlay texte */
.text-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    transition: all 0.5s ease;
    transform-origin: left bottom;
    white-space: nowrap;
        z-index: 3; /* Image en arrière-plan */

}

.text-overlay h2 {
    margin-bottom: 0;
}

/* Texte par défaut en vertical (toutes sauf .active) */
.colonne:not(.active) .text-overlay {
    transform: rotate(-90deg);
    left: 80px;
}

/* Masquer p et .see-more sauf pour .active */
.colonne:not(.active) .text-overlay p,
.colonne:not(.active) .text-overlay .see-more {
    display: none;
}

/* Colonne active = plus grande */
.colonne.active {
    flex: 5;
}

/* Texte horizontal + visible pour colonne active */
.colonne.active .text-overlay {
    transform: rotate(0deg);
    left: 20px;
}

.see-more {
    font-family: 'Roboto', Sans-Serif !important;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: transparent;
    border: 1px solid var(--e-global-color-c8d7405);
    padding: 10px 4px 10px 35px;
    border-radius: 30px;
    color: var(--e-global-color-c8d7405) !important;
    text-transform: uppercase;
    width: fit-content;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    opacity: 0;
    z-index: 3;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 16px !important;
    font-weight: 800 !important;
    gap: 10px;
}

/* Colonne active : bouton visible + animé */
.colonne.active .see-more {
    opacity: 1;
    pointer-events: auto;
    animation: slideInFromRight 1s ease forwards;
}

.see-more img {
    width: 20px;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.see-more:hover img {
    opacity: 1;
    transform: translateX(5px);
}

.see-more:hover {
    padding-right: 35px; /* effet fluide au lieu d'une width fixe */
}

.see-more:hover::after {
    right: 10px;
}

@keyframes slideInFromRight {
    0% {
        opacity: 0;
        transform: translateX(40px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media screen and (max-width: 767px) {
    .general-slider {
        flex-direction: column; /* Garder l'orientation horizontale même sur mobile */
        flex-wrap: wrap; /* Permet aux colonnes de s'enrouler si nécessaire */
        gap: 10px; /* Ajuste l'écart entre les colonnes */
    }

    .colonne {
        flex: 1 1 45%; /* Réduit la largeur des colonnes à 45% de l'écran */
        height: 300px; /* Ajuste la hauteur pour mieux s'adapter à l'écran */
    }

    .colonne img {
        height: 100%; /* L'image prend toute la hauteur de la colonne */
    }

    .text-overlay {
        left: 20px;
        bottom: 70px; /* Plus haut qu'avant */
    }

    .see-more {
        bottom: 22px; /* Ajuste la position du bouton */
        right: auto; /* Positionne le bouton à droite */
        left: 20px;
    }
    
    .colonne .text-overlay {
        transform: rotate(0deg);
        left: 20px;
    }
    
    .colonne.active .text-overlay {
        transform: rotate(0deg);
        left: 20px;
    }
    
    .colonne:not(.active) .text-overlay {
        transform: rotate(-0deg);
        left: 20px;
        bottom: 10px
    }


    .colonne {
        position: relative;
        flex: 1;
        transition: flex 0.5s ease;
        height: 150px;
        overflow: hidden;
        border-radius: 20px;
        transition: .5s height ease-in-out;
    }

    .colonne.active {
        height: 250px !important;
    }

    .colonne:hover {
        height: 250px;
    }

    /* Masquer p et .see-more sauf pour .active */
    .colonne:not(.active) .text-overlay p,
    .colonne:not(.active) .text-overlay .see-more {
        display: block;
    }
    
    .colonne::after {
        content: "";
        position: absolute;
        bottom: 8px;
    }
    
    .colonne.active .see-more {
        display: block;
        animation: slideInDownTop 1s ease forwards;
    }


}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .general-slider {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 10px;
    }

    .colonne img {
        height: 100%; /* L'image prend toute la hauteur de la colonne */
    }
    
    .colonne {
        flex: 1 1 45%;
        height: 100px !important;
    }

    .text-overlay {
        left: 20px;
        bottom: 70px; /* Plus haut qu'avant */
    }

    .see-more {
        bottom: 22px; /* Ajuste la position du bouton */
        right: auto; /* Positionne le bouton à droite */
        left: 20px;
    }
    
    .colonne .text-overlay {
        transform: rotate(0deg);
        left: 20px;
    }
    
    .colonne.active .text-overlay {
        transform: rotate(0deg);
        left: 20px;
    }
    
    .colonne:not(.active) .text-overlay {
        transform: rotate(-0deg);
        left: 20px;
        bottom: 10px
    }


    .colonne {
        flex: 1 1 45%;
        height: 200px !important;
        position: relative;
        flex: 1;
        transition: flex 0.5s ease;
        overflow: hidden;
        border-radius: 20px;
        transition: .5s height ease-in-out;
    }

    .colonne.active {
        height: 350px !important;
    }

    .colonne:hover {
        height: 250px;
    }

    /* Masquer p et .see-more sauf pour .active */
    .colonne:not(.active) .text-overlay p,
    .colonne:not(.active) .text-overlay .see-more {
        display: block;
    }
    
    .colonne::after {
        content: "";
        position: absolute;
        bottom: 8px;
    }
    
    .colonne.active .see-more {
        display: block;
        animation: slideInDownTop 1s ease forwards;
    }
}

@keyframes slideInDownTop {
        0% {
            opacity: 0;
            transform: translateY(40px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d523b3e */.btn-custom {
    font-family: 'Roboto', Sans-Serif !important;
    background: transparent;
    color: var(--e-global-color-primary) !important;
    border-radius: 40px;
    padding: 10px 20px;
    border: 1px solid var(--e-global-color-primary);
    width: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition: background 0.5s ease, width 0.5s ease;
    position: relative;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 16px !important
}



.btn-custom img {
    display: none;  /* Caché par défaut */
    margin-left: 10px;
    height: auto;
    max-height: 20px;
    transition: opacity 0.5s ease;
}

.btn-custom:hover img {
    display: inline-block;
    opacity: 1;
    
}

.btn-custom::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%) rotate(-90deg);
    transition:right 1s ease;
}

.btn-custom:hover {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-primary) !important;
    width: 215px;
    border-color: var(--e-global-color-primary);
}

.btn-custom:hover::after {
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b346f46 */.img-transporter {
    margin-top: 40px;
    height: 803px !important;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 30px !important
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5e0dd9 */.btn-custom {
    font-family: 'Roboto', Sans-Serif !important;
    background: transparent;
    color: var(--e-global-color-secondary) !important;
    border-radius: 40px;
    padding: 10px 20px;
    border: 1px solid var(--e-global-color-secondary);
    width: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition: background 0.5s ease, width 0.5s ease;
    position: relative;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 16px !important
}



.btn-custom img {
    display: none;  /* Caché par défaut */
    margin-left: 10px;
    height: auto;
    max-height: 20px;
    transition: opacity 0.5s ease;
}

.btn-custom:hover img {
    display: inline-block;
    opacity: 1;
    
}

.btn-custom::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%) rotate(-90deg);
    transition:right 1s ease;
}

.btn-custom:hover {
    background: var(--e-global-color-secondary);
    color: var(--e-global-color-c8d7405) !important;
    width: 215px;
    border-color: var(--e-global-color-secondary);
}

.btn-custom:hover::after {
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0554ba4 */#sb_instagram .sbi_photo img {
    border-radius: 30px;
}

#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium .sbi_header_text h3 {
    font-family: "Montserrat", sans-serif !important;
    font-weight: bold;
}

#sb_instagram .sb_instagram_header, .sb_instagram_header {;
    padding: 12px 11%;
}

#sb_instagram #sbi_load .sbi_follow_btn {
    margin-left: 5px;
    position: absolute;
    top: 30px;
    right: 11%;
}

#sb_instagram .sbi_follow_btn a {
    background: #408bd1;
    color: #fff;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    #sb_instagram .sb_instagram_header, .sb_instagram_header {;
        padding: 12px 0;
    }

    #sb_instagram #sbi_load .sbi_follow_btn {
        margin-left: 5px;
        position: absolute;
        top: 15px;
        right: 0;
    }

    #sb_instagram .sbi_follow_btn a {
        background: #408bd1;
        color: #fff;
        border-radius: 30px;
        font-size: 18px;
        font-weight: bold;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1500px) {
    #sb_instagram .sb_instagram_header, .sb_instagram_header {;
        padding: 12px 0 0 90px;
    }

    #sb_instagram #sbi_load .sbi_follow_btn {
        margin-left: 5px;
        position: absolute;
        top: 15px;
        right: 100px;
    }

    #sb_instagram .sbi_follow_btn a {
        background: #408bd1;
        color: #fff;
        border-radius: 30px;
        font-size: 18px;
        font-weight: bold;
    }
}/* End custom CSS */