:root {
    --color-primary: #1b1b1a !important;
    --color-secondary: #0094de !important;
    --color-tertiary: #0094de !important;
    --color-primary-text: #1b1b1a;
    --color-background: #ffffff;
    --max-width: normal;
    --font-primary: 'local', Arial, sans-serif;
    --font-secondary: 'local2', Arial, sans-serif;
  } 
  
  
  
  
  :root { --border-radius: 0.375rem; }
  
  
  
  
  
  .container {
      @media screen and (max-width: 1700px) {
        max-width: 90%;
      }
    }
  .btn {
  border-radius: 9999px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.module-box.has-background-color,
.footer {
  position: relative;
  overflow: hidden;
  > div {
    position: relative;
    z-index: 1;
  }
  &:before,
  &:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background-image: url("https://cdn.omnicasaassets.com/public/omnicasaresources/cms/eauxvives/Vague_2[1]_(1).png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.7;
    z-index: 0;
  }
  &:nth-child(1) {
    &:before {
      left: -15%;
      top: -20%;
      width: 60%;
      height: 120%;
      rotate: 45deg;
      @media (max-width: 1024px) {
        left: 0;
        top: auto;
        bottom: -10%;
        width: 100%;
        height: 100%;
        rotate: 0deg;
      }
    }
    &:after {
      right: -20%;
      bottom: -10%;
      width: 55%;
      height: 110%;
      rotate: 160deg;
      @media (max-width: 1024px) {
        display: none;
      }
    }
  }
  &:nth-child(2) {
    &:before {
      left: -15%;
      bottom: -30%;
      width: 55%;
      height: 90%;
      rotate: 30deg;
      @media (max-width: 1024px) {
        left: 0;
        top: auto;
        bottom: -10%;
        width: 100%;
        height: 100%;
        rotate: 0deg;
      }
    }
    &:after {
      right: -20%;
      top: -30%;
      width: 50%;
      height: 115%;
      rotate: 215deg;
      @media (max-width: 1024px) {
        display: none;
      }
    }
  }
  &:nth-child(3) {
    &:before {
      left: -10%;
      top: -10%;
      width: 55%;
      height: 110%;
      rotate: 15deg;
      @media (max-width: 1024px) {
        left: 0;
        top: auto;
        bottom: -10%;
        width: 100%;
        height: 100%;
        rotate: 0deg;
      }
    }
    &:after {
      right: -25%;
      bottom: -20%;
      width: 65%;
      height: 130%;
      rotate: 210deg;
      @media (max-width: 1024px) {
        display: none;
      }
    }
  }
  &:nth-child(4) {
    &:before {
      left: -25%;
      bottom: -5%;
      width: 70%;
      height: 100%;
      rotate: 35deg;
      @media (max-width: 1024px) {
        left: 0;
        top: auto;
        bottom: -10%;
        width: 100%;
        height: 100%;
        rotate: 0deg;
      }
    }
    &:after {
      right: -10%;
      top: -15%;
      width: 45%;
      height: 120%;
      rotate: 219deg;
      @media (max-width: 1024px) {
        display: none;
      }
    }
  }
  &:nth-child(5) {
    &:before {
      left: -15%;
      top: -15%;
      width: 65%;
      height: 130%;
      rotate: 35deg;
      @media (max-width: 1024px) {
        left: 0;
        top: auto;
        bottom: -10%;
        width: 100%;
        height: 100%;
        rotate: 0deg;
      }
    }
    &:after {
      right: -20%;
      bottom: -25%;
      width: 60%;
      height: 140%;
      rotate: 195deg;
      @media (max-width: 1024px) {
        display: none;
      }
    }
  }
  &:nth-child(6) {
    &:before {
      left: -20%;
      bottom: -20%;
      width: 50%;
      height: 140%;
      rotate: 25deg;
      @media (max-width: 1024px) {
        left: 0;
        top: auto;
        bottom: -10%;
        width: 100%;
        height: 100%;
        rotate: 0deg;
      }
    }
    &:after {
      right: -15%;
      top: -10%;
      width: 55%;
      height: 110%;
      rotate: 170deg;
      @media (max-width: 1024px) {
        display: none;
      }
    }
  }
}

.footer:nth-child(3):before {
  left: -10%;
  top: -10%;
  width: 55%;
  height: 110%;
  rotate: 0deg;
  @media (max-width: 1024px) {
    left: 0;
    top: auto;
    bottom: -10%;
    width: 100%;
    height: 100%;
    rotate: 0deg;
    transform: scaleX(-1);
  }
}

.banner-box-image {
  .banner-box-image-container {
    img {
      @media (max-width: 1024px) {
        content: url("https://cdn.omnicasaassets.com/public/omnicasaresources/cms/eauxvives/bghome.jpg");
      }
    }
  }
}

[data-page="67a10204c1d8509184934563"] {
  .banner-content {
    padding-top: 3rem;
  }
  .banner-box-image {
    .banner-box-image-container {
      > div:first-child {
        &:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 50%;
          max-width: 400px;
          height: 100%;
          background-image: url("https://cdn.omnicasaassets.com/public/omnicasaresources/cms/eauxvives/amaurynicolas.png");
          background-size: contain;
          background-position: bottom;
          background-repeat: no-repeat;
          z-index: 10;
          @media (min-width: 1280px) {
            width: 30%;
            max-width: 400px;
          }
        }
      }
    }
  }
}

#module-67ab441c4e0877578cdefc4f {
  .embla__slide {
    .testimonial-card {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  }
}

#module-67a10236396c3600015593e4 {
  form {
    max-width: 968px;
    margin: auto;
  }
}

.banner-box-color {
  position: relative;
  overflow: hidden;
  &:before,
  &:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background-image: url("https://cdn.omnicasaassets.com/public/omnicasaresources/cms/eauxvives/Vague_2[1]_(1).png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.7;
    z-index: 0;
  }
  &:before {
    left: 0%;
    top: 0%;
    width: 50%;
    height: 100%;
    rotate: 0deg;
  }
  &:after {
    right: 0%;
    top: 0%;
    width: 50%;
    height: 100%;
    rotate: 0deg;
  }
}