@charset "UTF-8";
/**
 * Bootstrap 5.3 – Variabili SCSS di base
 * @see https://getbootstrap.com/docs/5.3/customize/sass/
 */
/* ----------------------------------------------------------
 * SPACING
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * COLOR SYSTEM
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BODY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TYPOGRAPHY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * LINK
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BUTTONS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BORDER RADIUS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * ACCORDION
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TABS
 * ---------------------------------------------------------- */
.block__hero {
  overflow: hidden;
}
@media (min-width: 1200px) {
  .block__hero {
    min-height: 550px;
  }
}
.block__hero .rectangle-red,
.block__hero .rectangle-azure {
  position: absolute;
}
@media (min-width: 1200px) {
  .block__hero .rectangle-red {
    top: -150px;
    left: 0;
    width: 250px;
    height: 0;
    background-color: #fa5947;
  }
}
@media (min-width: 1200px) {
  .block__hero .rectangle-azure {
    bottom: -50px;
    right: 0;
    width: 180px;
    height: 0;
    background-color: #aec4e2;
  }
}
.block__hero h1,
.block__hero h2,
.block__hero .btn {
  opacity: 0;
  transform: translateY(30px);
  animation: heroFade 0.6s ease forwards;
  animation-delay: 0.4s;
}
.block__hero h1 {
  animation-delay: 0.1s;
}
.block__hero h2 {
  animation-delay: 0.3s;
}
.block__hero .btn {
  animation-delay: 0.5s;
}

@keyframes heroFade {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}