@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_timeline {
  padding-left: 1rem;
}
@media (min-width: 576px) {
  .block_timeline {
    padding-left: 0;
  }
}
.block_timeline .container-timeline {
  position: relative;
}
.block_timeline .container-timeline:before {
  content: "";
  width: 1px;
  height: 100%;
  border-left: 1px solid #2c313a; /* Linea  */
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}
@media (min-width: 576px) {
  .block_timeline .container-timeline:before {
    left: 50%;
  }
}
.block_timeline .container-timeline .item {
  position: relative;
  margin-bottom: 64px;
  align-items: center;
  padding-left: 1rem;
}
@media (min-width: 576px) {
  .block_timeline .container-timeline .item {
    margin: 0 0 80px 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .block_timeline .container-timeline .item {
    margin-bottom: 120px;
  }
}
.block_timeline .container-timeline .item .dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
}
@media (min-width: 576px) {
  .block_timeline .container-timeline .item .dot {
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translateX(-50%);
    border: 5px solid #fff;
  }
}
.block_timeline .container-timeline .item .dot::before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  background-color: #fff;
  border: 1px solid #af055f;
}
@media (min-width: 576px) {
  .block_timeline .container-timeline .item .dot::before {
    width: 100%;
    height: 100%;
  }
}
.block_timeline .container-timeline .item .wrap-img,
.block_timeline .container-timeline .item .wrap-content {
  padding: 0rem;
}
@media (min-width: 576px) {
  .block_timeline .container-timeline .item .wrap-img,
  .block_timeline .container-timeline .item .wrap-content {
    padding: 2rem;
  }
}
.block_timeline .container-timeline .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}