.elementor-834 .elementor-element.elementor-element-be6a756{--display:flex;}.elementor-834 .elementor-element.elementor-element-c0d17e8{--spacer-size:50px;}.elementor-834 .elementor-element.elementor-element-09365c4{text-align:center;}.elementor-834 .elementor-element.elementor-element-d52e139{--display:flex;}.elementor-834 .elementor-element.elementor-element-0c0c0f1{text-align:center;}.elementor-834 .elementor-element.elementor-element-b68a83b{--display:flex;}.elementor-834 .elementor-element.elementor-element-2f4b418{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-834 .elementor-element.elementor-element-2f4b418 .elementor-divider-separator{width:100%;}.elementor-834 .elementor-element.elementor-element-2f4b418 .elementor-divider{padding-block-start:50px;padding-block-end:50px;}.elementor-834 .elementor-element.elementor-element-a2a4eb0{--display:flex;}.elementor-834 .elementor-element.elementor-element-9a255fb{text-align:center;}.elementor-834 .elementor-element.elementor-element-364bf7c{--display:flex;--min-height:0px;}.elementor-834 .elementor-element.elementor-element-b2e97f2{--display:flex;}.elementor-834 .elementor-element.elementor-element-b2295b3{text-align:center;}.elementor-834 .elementor-element.elementor-element-8d4163e{--display:flex;}.elementor-834 .elementor-element.elementor-element-8d4163e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-834 .elementor-element.elementor-element-4e6b379{--display:flex;}.elementor-834 .elementor-element.elementor-element-fcfeca8{text-align:center;}.elementor-834 .elementor-element.elementor-element-921f4ee{--display:flex;}@media(max-width:1024px) and (min-width:768px){.elementor-834 .elementor-element.elementor-element-8d4163e{--width:1177px;}}@media(max-width:767px){.elementor-834 .elementor-element.elementor-element-b2e97f2{--min-height:0px;}}/* Start custom CSS for html, class: .elementor-element-c91f21c */.slider {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}

.slide-track {
  display: flex;
  align-items: center;
  gap: 40px;
  animation: scroll 60s linear infinite;
  width: max-content;
}

.slide {
  flex: 0 0 auto;
  width: 160px;       /* largeur fixe pour chaque logo */
  height: 80px;       /* hauteur fixe pour chaque logo */
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide img {
  max-height: 80px;   /* hauteur maximale uniforme */
  max-width: 100%;    /* largeur auto mais limitée au conteneur */
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.slide img:hover {
  transform: scale(1.1);
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a7f934 *//* ================================
STYLE GLOBAL DES CARTES SWIPABLES
================================ */

/* Section principale */
.swipe-section {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: #fff;
overflow: hidden;
padding: 40px 0;
}

/* Conteneur des cartes */
.card-container {
position: relative;
width: 100%;
max-width: 900px;
height: 80vh;
}

/* Chaque carte */
.card {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f9f9f9;
border-radius: 20px;
/* Ombre rosée */
box-shadow: 0 8px 16px rgba(255, 105, 180, 0.25);
overflow: hidden;
transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: 30px;
gap: 30px;
}

/* Effet d’accentuation de l’ombre au survol */
.card:hover {
box-shadow: 0 12px 24px rgba(255, 105, 180, 0.35);
}

/* Ordre d’empilement - diagonale haut-droite */
.card:nth-child(1) { z-index: 4; }
.card:nth-child(2) { z-index: 3; transform: translate(10px, -10px) scale(0.98); }
.card:nth-child(3) { z-index: 2; transform: translate(20px, -20px) scale(0.96); }
.card:nth-child(4) { z-index: 1; transform: translate(30px, -30px) scale(0.94); }

/* ================================
CONTENU VIDÉO ET TEXTE
================================ */

.video-wrapper {
flex: 1;
display: flex;
justify-content: flex-start;
align-items: center;
overflow: hidden;
border-radius: 16px;
background: #00000008;
height: 100%;
padding-left: 10px;
}

.video-wrapper iframe,
.video-wrapper blockquote {
transform: scale(0.85);
transform-origin: left center;
width: 100%;
height: 100%;
pointer-events: auto;
transition: transform 0.3s ease;
}

.card:hover .video-wrapper iframe,
.card:hover .video-wrapper blockquote {
transform: scale(0.9);
}

.card .content {
flex: 1;
padding: 10px 20px;
text-align: left;
}

.card h2 {
font-size: 1.6rem;
margin-bottom: 10px;
color: #222;
}

.card p {
font-size: 1rem;
color: #555;
line-height: 1.5;
}

/* ================================
RESPONSIVE DESIGN
================================ */

@media (max-width: 992px) {
.card-container {
max-width: 95%;
height: 70vh;
}

.card {
padding: 20px;
gap: 20px;
}

.video-wrapper {
flex: 1;
height: 90%;
}

.card h2 {
font-size: 1.4rem;
}

.card p {
font-size: 0.95rem;
}
}

@media (max-width: 600px) {
.card-container {
max-width: 90%;
margin: 0 auto;
height: 88vh;
}

.card {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 88vh;
padding: 20px 15px;
gap: 20px;
border-radius: 18px;
}

.video-wrapper {
width: 90%;
height: auto;
max-height: 45vh;
justify-content: center;
align-items: center;
border-radius: 12px;
background: #00000010;
padding: 10px;
}

.video-wrapper iframe,
.video-wrapper blockquote {
width: 100%;
height: 100%;
transform: scale(0.9);
transform-origin: center;
}

.card .content {
text-align: center;
padding: 0 10px;
}

.card h2 {
font-size: 1.3rem;
}

.card p {
font-size: 0.95rem;
}
}

@media (min-width: 1200px) {
.card-container {
max-width: 1000px;
height: 85vh;
}
}

@media (max-width: 992px) {
.swipe-section {
padding: 0px 0;
}
}

/* ================================
EFFET DE STACK REVEAL SUR SURVOL
================================ */

.card-container:hover .card:nth-child(2) {
transform: translate(20px, -20px) scale(0.98);
transition: transform 0.4s ease;
}

.card-container:hover .card:nth-child(3) {
transform: translate(30px, -30px) scale(0.96);
transition: transform 0.4s ease;
}

.card-container:hover .card:nth-child(4) {
transform: translate(40px, -40px) scale(0.94);
transition: transform 0.4s ease;
}

.card-container:hover .card:nth-child(1) {
transform: translate(5px, -5px) scale(1.02);
transition: transform 0.25s ease;
}
.card-container {
  touch-action: none; /* bloque le scroll natif pendant le swipe */
}/* End custom CSS */