@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__cards-highlight .highlight-card {
  min-height: 450px;
  position: relative;
}
@media (min-width: 992px) {
  .block__cards-highlight .highlight-card {
    min-height: 600px;
  }
}
.block__cards-highlight .highlight-card:not(.cards-bg-image) {
  background-color: #005cb9;
  transition: background-color 0.3s ease;
}
.block__cards-highlight .highlight-card:not(.cards-bg-image):hover {
  background-color: #ff471d;
}
.block__cards-highlight .highlight-card .icon-wrapper {
  width: 64px;
  height: 64px;
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.block__cards-highlight .highlight-card .icon-wrapper img {
  width: 32px;
  height: 32px;
  filter: brightness(0) invert(1);
}
.block__cards-highlight .highlight-card.cards-bg-image {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.block__cards-highlight .highlight-card.cards-bg-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../img/bg-sea-card.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1);
  transition: transform 0.6s ease;
  z-index: -2;
}
.block__cards-highlight .highlight-card.cards-bg-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(1, 9, 16, 0.2) 0%, rgba(1, 9, 16, 0.65) 100%);
  pointer-events: none;
  z-index: -1;
}
.block__cards-highlight .highlight-card.cards-bg-image:hover::before, .block__cards-highlight .highlight-card.cards-bg-image:focus-within::before {
  transform: scale(1.08);
}
@media (prefers-reduced-motion: reduce) {
  .block__cards-highlight .highlight-card.cards-bg-image::before {
    transition: none;
    transform: none;
  }
}