@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 {
  position: relative;
  overflow: hidden;
  margin-bottom: -30px;
  z-index: 0;
}
@media (max-width: 991.98px) {
  .block__hero {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
}
.block__hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .block__hero::before {
    background: linear-gradient(180deg, #fff 0%, #fff 15%, rgba(248, 249, 250, 0.568627451) 84%, rgba(248, 249, 250, 0) 104%);
  }
}
.block__hero > * {
  position: relative;
  z-index: 2;
}
.block__hero .block__hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  pointer-events: none;
}
.block__hero .block__hero-bg.js-fade-up {
  transform: none;
  transition: opacity 1s ease-out;
}
@media (min-width: 768px) {
  .block__hero {
    min-height: 700px;
  }
}
.block__hero.is-preview-empty {
  background-color: #f8f9fa;
  min-height: 400px;
}