@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-stats img {
  width: 100%;
  object-fit: cover;
  height: 150px;
}
@media (min-width: 576px) {
  .block__hero-stats img {
    height: auto;
  }
}
@media (min-width: 1200px) {
  .block__hero-stats img {
    width: auto;
  }
}
.block__hero-stats .wrapper-stat {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 150px;
}
@media (min-width: 576px) {
  .block__hero-stats .wrapper-stat {
    height: 280px;
    padding: 0 1.5rem 2rem 1.5rem;
  }
}
.block__hero-stats h1,
.block__hero-stats h2,
.block__hero-stats .btn {
  opacity: 0;
  transform: translateY(30px);
  animation: heroFade 0.6s ease forwards;
  animation-delay: 0.4s;
}
.block__hero-stats h1 {
  animation-delay: 0.1s;
}
.block__hero-stats h2 {
  animation-delay: 0.3s;
}
.block__hero-stats .btn {
  animation-delay: 0.5s;
}

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