/* HERO SECONDARY */
.hero-secondary {
  background-color: #2521e7;
  position: relative;
}
.hero-secondary .image-de-fond {
  height: 205px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  position: absolute;
  pointer-events: none;
}
.hero-secondary .container-infos {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 70.5px 16px;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 993px) {
  .hero-secondary .container-infos {
    padding: 152px 80px;
    gap: 59px;
  }
}
.hero-secondary .container-infos .btn-back {
  color: #ffffff;
}
.hero-secondary .container-infos .container-title {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hero-secondary .container-infos .container-title img {
  width: 33px;
  height: 33px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (min-width: 993px) {
  .hero-secondary .container-infos .container-title img {
    width: 42px;
    height: 42px;
  }
}
.hero-secondary .container-infos .container-title h1 {
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 48px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #ffffff;
}
@media screen and (min-width: 993px) {
  .hero-secondary .container-infos .container-title h1 {
    font-size: 5rem;
    line-height: 96px;
    max-width: 804px;
    width: 100%;
  }
}
.hero-secondary .container-infos .container-title h1 strong {
  font-weight: 500;
  font-style: italic;
}

/* END HERO SECONDARY */