/* Text utility */
/* Mobile utility */
/* link hover utility */
/* Container utility mixin */
/* Container avec variable CSS */
/* Text content styles */
/* Centered content */
/* from... */
/* to... */
/* from... to... */
/* at... */
.s-steps-slider__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "ttl btns" "slider slider" "controls controls";
  column-gap: 1.5rem;
  row-gap: 2rem;
  align-items: end;
  width: 100%;
  min-width: 0;
}
@media screen and (max-width: 991px) {
  .s-steps-slider__inner {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "ttl" "slider" "controls" "btns";
    row-gap: 1.5rem;
  }
}
.s-steps-slider__ttl {
  grid-area: ttl;
  align-self: end;
  margin: 0;
  min-width: 0;
  word-break: break-word;
  font-family: "Anton", sans-serif;
  line-height: 1.11;
  font-weight: 400;
  text-transform: uppercase;
}
.s-steps-slider__ttl {
  font-size: 36px;
}
@media screen and (min-width: 569px) {
  .s-steps-slider__ttl {
    font-size: calc(36px + 20 * (100vw - 569px) / 871);
  }
}
@media screen and (min-width: 1440px) {
  .s-steps-slider__ttl {
    font-size: 3.5rem;
  }
}
.s-steps-slider__btns {
  grid-area: btns;
  align-self: end;
  justify-self: end;
  flex-shrink: 0;
  min-width: 0;
}
.s-steps-slider__btns .c-buttons {
  justify-content: flex-end;
}
@media screen and (max-width: 991px) {
  .s-steps-slider__btns {
    justify-self: stretch;
  }
  .s-steps-slider__btns .c-buttons {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .s-steps-slider__btns .c-buttons {
    flex-direction: column;
    align-items: stretch;
  }
  .s-steps-slider__btns .c-btn {
    width: 100%;
  }
}
.s-steps-slider__slider {
  grid-area: slider;
  min-width: 0;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}
.s-steps-slider__slider .splide__track {
  overflow: hidden;
}
.s-steps-slider__slider .splide__list {
  display: flex;
  align-items: stretch;
}
.s-steps-slider__slider .splide__slide {
  display: flex;
  height: auto;
  min-width: 0;
}
.s-steps-slider__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 2rem;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 4.4375rem 1.5rem 1.5rem;
  overflow: clip;
  border-radius: 1.25rem;
  color: #000000;
}
.s-steps-slider__card.is-color-pink {
  --step-accent: var(--wp--preset--color--pink);
  background-color: var(--wp--preset--color--pink);
}
.s-steps-slider__card.is-color-red {
  --step-accent: var(--wp--preset--color--red);
  background-color: var(--wp--preset--color--red);
}
.s-steps-slider__card.is-color-blue-light {
  --step-accent: var(--wp--preset--color--blue-light);
  background-color: var(--wp--preset--color--blue-light);
}
@media screen and (max-width: 991px) {
  .s-steps-slider__card {
    gap: 1.5rem;
    padding: 0 1.25rem 1.25rem;
  }
}
.s-steps-slider__index {
  position: absolute;
  top: 2.625rem;
  left: -0.4375rem;
  z-index: 0;
  margin: 0;
  color: #FFFFFF;
  opacity: 0.16;
  pointer-events: none;
  font-family: "Anton", sans-serif;
  line-height: 1;
  text-transform: uppercase;
  translate: 0 -50%;
}
.s-steps-slider__index {
  font-size: 120px;
}
@media screen and (min-width: 569px) {
  .s-steps-slider__index {
    font-size: calc(120px + 0 * (100vw - 569px) / 871);
  }
}
@media screen and (min-width: 1440px) {
  .s-steps-slider__index {
    font-size: 7.5rem;
  }
}
@media screen and (max-width: 991px) {
  .s-steps-slider__index {
    top: 1.75rem;
  }
  .s-steps-slider__index {
    font-size: 80px;
  }
}
@media screen and (max-width: 991px) and (min-width: 569px) {
  .s-steps-slider__index {
    font-size: calc(80px + 0 * (100vw - 569px) / 871);
  }
}
@media screen and (max-width: 991px) and (min-width: 1440px) {
  .s-steps-slider__index {
    font-size: 5rem;
  }
}
.s-steps-slider__header {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .s-steps-slider__header {
    padding-top: 2rem;
  }
}
.s-steps-slider__title {
  margin: 0;
  word-break: break-word;
  font-family: "Anton", sans-serif;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  max-width: 18.75rem;
  width: 100%;
}
.s-steps-slider__title {
  font-size: 24px;
}
@media screen and (min-width: 569px) {
  .s-steps-slider__title {
    font-size: calc(24px + 4 * (100vw - 569px) / 871);
  }
}
@media screen and (min-width: 1440px) {
  .s-steps-slider__title {
    font-size: 1.75rem;
  }
}
.s-steps-slider__text {
  width: 100%;
}
.s-steps-slider__text p {
  margin: 0;
  word-break: break-word;
  font-family: "Archivo", sans-serif;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.s-steps-slider__text p {
  font-size: 15px;
}
@media screen and (min-width: 569px) {
  .s-steps-slider__text p {
    font-size: calc(15px + 0 * (100vw - 569px) / 871);
  }
}
@media screen and (min-width: 1440px) {
  .s-steps-slider__text p {
    font-size: 0.9375rem;
  }
}
.s-steps-slider__text p + p {
  margin-top: 0.5rem;
}
.s-steps-slider__controls {
  grid-area: controls;
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .s-steps-slider__controls {
    gap: 1rem;
  }
}
.s-steps-slider.is-static .s-steps-slider__controls {
  display: none;
}
.s-steps-slider__progress {
  flex: 1 1 auto;
  min-width: 0;
  height: 0.25rem;
  overflow: hidden;
  border-radius: 0.625rem;
  background-color: rgba(255, 255, 255, 0.25);
}
.s-steps-slider__progress-bar {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 0.625rem;
  background-color: #F55638;
  transform-origin: left center;
  transition: width 0.25s ease;
}
.s-steps-slider__nav {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
}
.s-steps-slider__arrow {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 2.875rem;
  padding: 0.3125rem 0.75rem;
  border: 0;
  border-radius: 0.5625rem;
  background-color: #FFFFFF;
  color: #000000;
  cursor: pointer;
  font-family: "Anton", sans-serif;
  line-height: normal;
  text-transform: uppercase;
}
.s-steps-slider__arrow {
  font-size: 24px;
}
@media screen and (min-width: 569px) {
  .s-steps-slider__arrow {
    font-size: calc(24px + 0 * (100vw - 569px) / 871);
  }
}
@media screen and (min-width: 1440px) {
  .s-steps-slider__arrow {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .s-steps-slider__arrow {
    width: 3rem;
    height: 2.5rem;
  }
}
.s-steps-slider__arrow:disabled {
  opacity: 0.4;
  cursor: default;
}
.s-steps-slider__arrow:not(:disabled):hover, .s-steps-slider__arrow:not(:disabled):focus-visible {
  background-color: #CBDAF1;
}
.s-steps-slider__arrow--prev {
  scale: -1 1;
}
.s-steps-slider__empty {
  grid-area: slider;
  margin: 0;
  font-family: "Archivo", sans-serif;
  line-height: 1.14;
  font-weight: 400;
  color: #000000;
}
.s-steps-slider__empty {
  font-size: 14px;
}
@media screen and (min-width: 569px) {
  .s-steps-slider__empty {
    font-size: calc(14px + 0 * (100vw - 569px) / 871);
  }
}
@media screen and (min-width: 1440px) {
  .s-steps-slider__empty {
    font-size: 0.875rem;
  }
}