@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
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
* CONTAINER
* ---------------------------------------------------------- */
.container-fluid {
  padding: 0 1.5rem !important;
}

/* ----------------------------------------------------------
* COLORS
* ---------------------------------------------------------- */
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1,
p,
.p {
  color: #00263e;
}

.block__banner-2 a p {
  font-size: clamp(1.25rem, 0.8333rem + 1.8519vw, 2.5rem);
}
.block__banner-2 a .rounded-circle {
  width: 40px;
  height: 40px;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .block__banner-2 a .rounded-circle {
    width: 80px;
    height: 80px;
  }
}
.block__banner-2 a .rounded-circle::after {
  content: "";
  background-image: url(../img/arrow-up.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.block__banner-2 a .rounded-circle:hover {
  transform: rotate(45deg);
  transition-duration: 100ms;
  transition: all 0.3s ease-in-out;
}