.elementor-727 .elementor-element.elementor-element-b0deb68{--display:flex;--min-height:800px;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-727 .elementor-element.elementor-element-b0deb68:not(.elementor-motion-effects-element-type-background), .elementor-727 .elementor-element.elementor-element-b0deb68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}/* Start custom CSS for html, class: .elementor-element-3b58ade */.marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 920px; /* hauteur fixe */
}

/* Overlay noir transparent */
.marquee::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 5;
  pointer-events: none;
}

.marquee-track {
  display: flex;
  width: 200%;              /* deux images côte à côte */
  animation: marquee 40s linear infinite;
}

.marquee-track img {
  height: 920px;
  width: auto;
  flex-shrink: 0;
  display: block;
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* seulement la moitié */
}

/* --- Contenu superposé --- */
.overlay-content {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  font-family: "Space Grotesk", sans-serif;
}

.overlay-content .logo img {
  height: 80px;
  margin-bottom: 100px;
}

.overlay-content h1 {
  font-size: 64px;
  font-weight: 700;
  margin-bottom: 120px;
}

.overlay-content .learn-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  font-size: 16px;
  font-weight: 500;
}

.overlay-content .learn-more .arrow {
  font-size: 28px;
  margin-top: 60px;
  margin-bottom: -100px;
  animation: bounce 3s infinite;
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(30px); }
}/* End custom CSS */