/* SACO Timeline Tabs v1.3.1 */

.saco-ttabs{padding:48px 0;color:#333;position:relative}
.saco-ttabs__nav{display:flex;justify-content:space-between;position:relative;margin-bottom:40px}

/* desktop horizontal line */
.saco-ttabs__nav:before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:34px;
  border-top:2px dotted var(--stt-line);
}

/* points */
.saco-ttabs__point{
  position:relative;
  z-index:1;
  text-align:center;
  flex:1;
  cursor:pointer;
}
.saco-ttabs__year{
  font-family:Poppins,sans-serif;
  font-size:14px;
  margin-bottom:8px;
  color:var(--stt-inactive);
}
.saco-ttabs__dot{
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--stt-inactive);
  margin:0 auto;
}
.saco-ttabs__point.active .saco-ttabs__dot{background:var(--stt-active)}
.saco-ttabs__point.active .saco-ttabs__year{color:var(--stt-active)}

/* content */
.saco-ttabs__content .saco-ttabs__tab{display:none}
.saco-ttabs__content .saco-ttabs__tab.active{display:block}

/* MOBILE: vertical timeline */
@media(max-width:768px){
  .saco-ttabs__nav{
    flex-direction:column;
    align-items:flex-start;
    padding-left:32px;
    contain-intrinsic-block-size: auto 100px;
  }
  .saco-ttabs__nav:before{
    left:14px;
    right:auto;
    top:0;
    bottom:0;
    width:2px;
    border-top:none;
    border-left:2px dotted var(--stt-line);
  }
  .saco-ttabs__point{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:22px;
    position:relative;
  }
  .saco-ttabs__dot{
    margin:0;
    position:relative;
    left:-16px; /* EXACT spec */
  }
}