.elementor-125 .elementor-element.elementor-element-93aa81d{--display:flex;--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-125 .elementor-element.elementor-element-93aa81d.e-con{--align-self:center;}.elementor-125 .elementor-element.elementor-element-800aea1{--display:flex;--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-125 .elementor-element.elementor-element-e732477{--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;}body.elementor-page-125:not(.elementor-motion-effects-element-type-background), body.elementor-page-125 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS */* {
    box-sizing: border-box;
    margin:0;
    padding: 0;
    font-family: Arial, serif;
    text-transform: none !important
}

body {
    background-color: #eeeeea;
    overflow-x: hidden; /* Empêche tout débordement horizontal */
}

.wrapper {
    width: 100%;
    height: 120vh; /* Augmente la hauteur globale */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* Empêche les débordements dans le conteneur */
}

.scroll-container {
    width: 100%;
    overflow: hidden; /* Empêche les débordements latéraux */
}

.container {
    display: flex;
    height: 500px; /* Hauteur du conteneur */
    overflow-x: auto; /* Ajoute un défilement horizontal */
    justify-content: space-between;
    width: 100%; /* Ajuste la largeur pour inclure toutes les cartes */
}

.card {
    flex: 1; /* Toutes les cartes occupent initialement une largeur égale */
    transition: flex 0.5s ease, width 0.5s ease;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    cursor: pointer;
    margin: 10px 10px; /* Ajuste l'espace autour de chaque carte */
    border-radius: 0.75rem;
    box-shadow: 0px 20px 30px -15px rgba(0, 50, 50, 0.8);
    background-size: cover;
}

.card:hover {
    flex: 3; /* La carte survolée s'agrandit davantage */
}

.card:not(:hover) {
    flex: 0.3; /* Les autres cartes se réduisent davantage */
}

.card > .row {
    color: white;
    display: flex;
    flex-wrap: nowrap;
}

.card > .row > .icon {
    background: #000;
    color: white;
    border-radius: 50%;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px;
}

.card > .row > .description {
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    height: 80px;
    width: 520px;
    opacity: 0;
    transform: translateY(30px);
    transition-delay: .3s;
    transition: all .3s ease;
}

.card:hover .description {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.description p {
    color: #b0b0ba;
    padding-top: 5px;
}

.description h4 {
    text-transform: none;
}






.card:nth-child(1) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/11/nuit.png'); /* Remplacez par le chemin de votre image */
    background-size: cover;
    background-position: center;
}

.card:nth-child(2) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/11/lac.webp');
    background-size: cover;
    background-position: center;
}

.card:nth-child(3) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/11/3-gigapixel-scale-2_00x.png');
    background-size: cover;
    background-position: center;
}

.card:nth-child(4) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/11/40_Object-Removal-gigapixel-scale-2_00x-scaled.jpg');
    background-size: cover;
    background-position: center;
}

.card:nth-child(5) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/11/jardin-fab2.png');
    background-size: cover;
    background-position: center;
}

.card:nth-child(6) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/11/lac10.webp');
    background-size: cover;
    background-position: center;
}

.card:nth-child(7) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/11/harpe.webp');
    background-size: cover;
    background-position: center;
}

.card:nth-child(8) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/11/sentier.png');
    background-size: cover;
    background-position: center;
}

.card:nth-child(9) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/11/bal3.png');
    background-size: cover;
    background-position: center;
}

.card:nth-child(10) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/11/pique-nique.png');
    background-size: cover;
    background-position: center;
}

.card:nth-child(11) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/10/boiteamusique.png');
    background-size: cover;
    background-position: center;
}

.card:nth-child(12) {
    background-image: url('https://xn--le-sentier-des-rves-b0b.fr/wp-content/uploads/2024/11/12-gigapixel-scale-2_00x.png');
    background-size: cover;
    background-position: center;
}/* End custom CSS */