body.elementor-page-7:not(.elementor-motion-effects-element-type-background), body.elementor-page-7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF6EF;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-90f835e */.ligne-horizontale-hero {
    background-color: #ede4d9;
    width: 100%;
    height: 1px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dfb5701 */.marquee-container {
  overflow: hidden;
  width: 100%;
}

.marquee {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 20s linear infinite;
}

.marquee span {
  display: inline-block;
  font-size: 5rem;
  font-family: "Display Fair";
  font-weight: 400;
  line-height: 6rem;
  text-transform: uppercase;
  color: #ede4d9;
}


@keyframes marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
    .marquee span {
        font-size: 3rem;
        line-height: 4rem;
    }
}/* End custom CSS */
/* Start custom CSS */.gradient-over-left,
.gradient-over-right {
  height: 100%;
}

.gradient-over-left {
  background: radial-gradient(ellipse 100% 50% at left center, #FAF6EFB5, #FAF6EF);
}

.gradient-over-right {
  background: radial-gradient(ellipse 100% 50% at right center, #FAF6EFB5, #FAF6EF);
}

/* ===== Cards (zoom image au survol) ===== */
.single-card img,
.room-card img, .experience-card img {
  transition: transform var(--ease-fast);
}

.full-single-card:hover .single-card img,
.room-card:hover img {
  transform: scale(1.08);
}

.experience-card:hover img {
  transform: scale(1.08);
}

.arrow-container-signle-card {
  transition: background-color var(--ease-fast);
}

.full-single-card:hover .arrow-container-signle-card {
  background-color: var(--primary);
}

.room-card:hover .arrow-container-signle-card {
    background-color: var(--primary);
}

.experience-card:hover .arrow-container-signle-card {
    background-color: var(--primary);
}

.arrow-signle-card svg {
  transition: fill var(--ease-fast);
}

.full-single-card:hover .arrow-signle-card svg {
  fill: var(--text-on-dark);
}

.room-card:hover .arrow-signle-card svg {
  fill: var(--text-on-dark);
}

.experience-card:hover .arrow-signle-card svg {
  fill: var(--text-on-dark);
}/* End custom CSS */