/* ==========================================================================
   Components / MIXINS
   ========================================================================== */
/*********************
  BREAKPOINTS RESPONSIVE LAYOUT
  *********************/
/* ==========================================================================
   Layout / Block Texte + Trois Images
   ========================================================================== */
.blocktexthreeimg {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
}
@media (min-width: 1000px) {
  .blocktexthreeimg {
    flex-direction: row;
    gap: 2.5rem;
  }
}
@media (min-width: 1360px) {
  .blocktexthreeimg {
    gap: 6rem;
  }
}
@media (min-width: 1500px) {
  .blocktexthreeimg {
    left: 2%;
  }
}
@media (min-width: 1000px) {
  .blocktexthreeimg.alignimgright {
    flex-direction: row-reverse;
  }
}
.blocktexthreeimg:has(.blocktexthreeimg-title):before {
  content: " ";
  display: block;
  width: 300px;
  height: 300px;
  border-radius: 500px;
  background: linear-gradient(130deg, #FF8955 10%, rgba(255, 255, 255, 0) 70%);
  position: absolute;
  top: -155px;
  left: 50%;
  z-index: 0;
}
@media (min-width: 760px) {
  .blocktexthreeimg:has(.blocktexthreeimg-title):before {
    width: 500px;
    height: 500px;
    top: -320px;
    left: -22%;
  }
}
.blocktexthreeimg-title {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 576px) {
  .blocktexthreeimg-title {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 760px) {
  .blocktexthreeimg-title {
    gap: 2rem;
  }
}
.blocktexthreeimg-title .subtitle {
  margin-bottom: 0.375rem;
}
.blocktexthreeimg-title .h1-title {
  margin-bottom: 1rem;
}
@media (min-width: 760px) {
  .blocktexthreeimg-title .h1-title {
    margin-bottom: 2rem;
  }
}
.blocktexthreeimg-title img {
  width: 96px;
  height: 96px;
  object-fit: contain;
  flex-shrink: 0;
}
.blocktexthreeimg-intro {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 1200px) {
  .blocktexthreeimg-intro {
    min-height: 230px;
  }
}
@media (min-width: 1360px) {
  .blocktexthreeimg-intro {
    min-height: 290px;
  }
}
.blocktexthreeimg-text {
  position: relative;
  z-index: 1;
}
@media (min-width: 1000px) {
  .blocktexthreeimg-text {
    width: 55%;
    flex-basis: 55%;
  }
}
@media (min-width: 1500px) {
  .blocktexthreeimg-text {
    padding-right: 106px;
    box-sizing: border-box;
  }
}
.blocktexthreeimg-text .wysiwyg {
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .blocktexthreeimg-text .wysiwyg {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 760px) {
  .blocktexthreeimg-text .wysiwyg {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .blocktexthreeimg-text .wysiwyg {
    margin-bottom: 4.688rem;
  }
}
@media (min-width: 1500px) {
  .blocktexthreeimg-text .wysiwyg {
    margin-bottom: 6rem;
  }
}
.blocktexthreeimg-text .images {
  display: flex;
  gap: 1rem;
  position: relative;
}
@media (min-width: 1000px) {
  .blocktexthreeimg-text .images {
    width: 130%;
    left: -30%;
  }
}
@media (min-width: 1500px) {
  .blocktexthreeimg-text .images {
    width: 122.5%;
    left: -23.1%;
    gap: 37px;
  }
}
.blocktexthreeimg-text .images > div {
  width: 50%;
  flex-basis: 50%;
}
.blocktexthreeimg-text .images > div img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  border-radius: 4px;
}
.blocktexthreeimg-firstimg {
  position: relative;
}
@media (min-width: 576px) {
  .blocktexthreeimg-firstimg {
    width: 80%;
    max-width: 630px;
    margin-top: -130px;
    left: 10%;
  }
}
@media (min-width: 1000px) {
  .blocktexthreeimg-firstimg {
    left: 0;
    margin: 0 0 195px;
    width: 45%;
    flex-basis: 45%;
  }
}
.blocktexthreeimg-firstimg img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 3/3;
  border-radius: 4px;
  object-fit: cover;
}
@media (min-width: 576px) {
  .blocktexthreeimg-firstimg img {
    aspect-ratio: 3/4;
  }
}
@media (min-width: 1200px) {
  .blocktexthreeimg.w-medium .blocktexthreeimg-text .wysiwyg {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1500px) {
  .blocktexthreeimg.w-medium .blocktexthreeimg-text .wysiwyg {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1360px) {
  .blocktexthreeimg.w-medium .blocktexthreeimg-text .images {
    width: 125%;
    left: -25%;
  }
}
@media (min-width: 1500px) {
  .blocktexthreeimg.w-medium .blocktexthreeimg-text .images {
    width: 145%;
    left: -35%;
  }
}
@media (min-width: 1200px) {
  .blocktexthreeimg.w-medium .blocktexthreeimg-firstimg {
    margin: 0 0 120px;
  }
}
@media (min-width: 1360px) {
  .blocktexthreeimg.w-medium .blocktexthreeimg-firstimg {
    margin: 0 0 75px;
  }
}
/*# sourceMappingURL=blocktexthreeimg.css.map */