@charset "UTF-8";
/**
 * Bootstrap 5.3 – Variabili SCSS di base
 * @see https://getbootstrap.com/docs/5.3/customize/sass/
 */
/* ----------------------------------------------------------
 * SPACING
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * COLOR SYSTEM
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BACKGROUNDS CUSTOM
 * ---------------------------------------------------------- */
.bg-gradient {
  background-image: linear-gradient(270deg, #57bfe6 0%, #1d71b8 100%) !important;
}

/* ----------------------------------------------------------
 * BODY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TYPOGRAPHY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * LINK
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BUTTONS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BORDER RADIUS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * ACCORDION
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TABS
 * ---------------------------------------------------------- */
@media (min-width: 992px) {
  .block__hero-text-image-2 {
    height: 750px;
    display: flex;
    align-items: center;
  }
}
.block__hero-text-image-2 .wrap-img {
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .block__hero-text-image-2 .wrap-img {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    overflow: hidden;
  }
}
@media (min-width: 1400px) {
  .block__hero-text-image-2 .wrap-img {
    width: auto;
  }
}
.block__hero-text-image-2 .wrap-img img {
  object-fit: cover;
  border-radius: 400px;
  width: 100%;
  height: 200px;
}
@media (min-width: 768px) {
  .block__hero-text-image-2 .wrap-img img {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .block__hero-text-image-2 .wrap-img img {
    border-radius: 400px 0 0 400px;
    height: auto;
  }
}