/* HERO SECONDARY */
.hero-secondary {
  position: relative;
}
.hero-secondary .container {
  padding: 185px 16px 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (min-width: 768px) {
  .hero-secondary .container {
    padding: 279px 16px 96px 16px;
  }
}
@media screen and (min-width: 1281px) {
  .hero-secondary .container {
    padding: 279px 80px 96px 80px;
  }
}
.hero-secondary .container-text {
  color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 24px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .hero-secondary .container-text {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .hero-secondary .container-text p {
    max-width: 610px;
    width: 100%;
    font-size: 1.25rem;
    line-height: 170%;
  }
}
.hero-secondary .container-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.hero-secondary .container-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /* background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); */
  background: linear-gradient(
      179deg,
      rgba(1, 14, 14, 0.2) 16.25%,
      rgba(1, 14, 14, 0.2) 41.75%
    ),
    linear-gradient(
      275deg,
      rgba(1, 14, 14, 0.4) 31.9%,
      rgba(1, 14, 14, 0) 80.92%
    );
}
.hero-secondary .container-img .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  -o-object-position: top;
     object-position: top;
}
.hero-secondary .container-img .blended {
  mix-blend-mode: darken;
  opacity: 0.2;
}

/* END HERO SECONDARY */