@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__grid-cards .gc-grid {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.block__grid-cards .gc-grid__row {
  display: flex;
  gap: 0.875rem;
  align-items: stretch;
}
.block__grid-cards .gc-card {
  border-radius: 0.5rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
}
.block__grid-cards .gc-card__icon {
  padding-bottom: 1.25rem;
}
.block__grid-cards .gc-card__icon img,
.block__grid-cards .gc-card__icon svg {
  display: block;
  width: 52px;
  height: 52px;
  object-fit: contain;
}
.block__grid-cards .gc-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.15) 60%, transparent 100%);
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;
}
.block__grid-cards .gc-card > *:not(.gc-card__overlay) {
  position: relative;
  z-index: 1;
}
.block__grid-cards .gc-card--cta {
  justify-content: space-between;
}
.block__grid-cards .gc-card--cta a {
  width: fit-content;
}
.block__grid-cards .gc-card--light .gc-card__icon img {
  filter: none;
}
.block__grid-cards .gc-card--red .gc-card__icon img {
  filter: brightness(0) invert(1);
}
.block__grid-cards .gc-card--image {
  background-size: cover;
  background-position: center;
}
.block__grid-cards .gc-card--image .gc-card__icon img {
  filter: brightness(0) invert(1);
}

.gc-grid__row:nth-child(1) {
  height: 260px;
}
.gc-grid__row:nth-child(1) .gc-card:nth-child(1) {
  flex: 5.5 0 0;
}
.gc-grid__row:nth-child(1) .gc-card:nth-child(2) {
  flex: 2.75 0 0;
}
.gc-grid__row:nth-child(1) .gc-card:nth-child(3) {
  flex: 2.75 0 0;
}
.gc-grid__row:nth-child(1) .gc-card {
  flex-basis: 0;
  min-width: 0;
}
.gc-grid__row:nth-child(1) .gc-card:nth-child(1) {
  flex-grow: 5.5;
}
.gc-grid__row:nth-child(1) .gc-card:nth-child(2) {
  flex-grow: 2.75;
}
.gc-grid__row:nth-child(1) .gc-card:nth-child(3) {
  flex-grow: 2.75;
}

.gc-grid__row:nth-child(2) {
  height: 260px;
}
.gc-grid__row:nth-child(2) .gc-card {
  flex-basis: 0;
  min-width: 0;
}
.gc-grid__row:nth-child(2) .gc-card:nth-child(1) {
  flex-grow: 2.75;
}
.gc-grid__row:nth-child(2) .gc-card:nth-child(2) {
  flex-grow: 2.75;
}
.gc-grid__row:nth-child(2) .gc-card:nth-child(3) {
  flex-grow: 5.5;
}

@media (max-width: 991.98px) {
  .gc-grid__row {
    flex-wrap: wrap;
    height: auto !important;
  }
  .gc-card {
    flex-grow: 1 !important;
    flex-basis: calc(50% - 0.875rem) !important;
    min-height: 220px;
  }
  .gc-grid__row:nth-child(1) .gc-card:nth-child(1) {
    flex-basis: 100% !important;
  }
  .gc-grid__row:nth-child(2) .gc-card:nth-child(3) {
    flex-basis: 100% !important;
    min-height: 260px;
  }
}
@media (max-width: 575.98px) {
  .block-grid-cards {
    padding-block: 48px;
  }
  .gc-card {
    flex-basis: 100% !important;
    min-height: 200px;
  }
}