.as-history-timeline{
 position:relative;
 max-width:1040px;
 margin:28px auto 48px;
 padding:4px 0 24px;
}
.as-history-timeline::before{
 content:'';
 position:absolute;
 top:0;
 bottom:5px;
 left:50%;
 width:3px;
 border-radius:99px;
 background:linear-gradient(180deg,var(--mint,#008d7d),#9bcfc4);
 transform:translateX(-50%);
}
.as-history-timeline::after{
 content:'';
 position:absolute;
 bottom:0;
 left:50%;
 width:11px;
 height:11px;
 border-right:3px solid #9bcfc4;
 border-bottom:3px solid #9bcfc4;
 transform:translateX(-50%) rotate(45deg);
}
.as-history-milestone{
 position:relative;
 width:calc(50% - 48px);
 min-width:0;
 min-height:132px;
 margin:0 0 22px;
 padding:20px 22px;
 overflow:visible;
 background:linear-gradient(145deg,#f5fbf9 0%,#fff 72%);
 border:1px solid var(--line,#dfeae8);
 border-radius:12px;
 box-shadow:0 5px 20px #153f3a0a;
}
.as-history-milestone:nth-child(odd){
 margin-right:auto;
 border-right:3px solid var(--mint,#008d7d);
}
.as-history-milestone:nth-child(even){
 margin-left:auto;
 border-left:3px solid var(--mint,#008d7d);
}
.as-history-milestone::before{
 content:'';
 position:absolute;
 top:33px;
 width:48px;
 height:2px;
 background:#9bcfc4;
}
.as-history-milestone:nth-child(odd)::before{right:-48px}
.as-history-milestone:nth-child(even)::before{left:-48px}
.as-history-year{
 position:absolute;
 top:16px;
 z-index:2;
 display:flex;
 align-items:center;
 justify-content:center;
 min-width:66px;
 min-height:36px;
 padding:5px 10px;
 border-radius:999px;
 background:var(--teal,#00564f);
 color:#fff;
 font-size:14px;
 font-weight:750;
 line-height:1;
 letter-spacing:.04em;
 box-shadow:0 0 0 5px #fff,0 4px 12px #00564f24;
}
.as-history-milestone:nth-child(odd) .as-history-year{right:-81px}
.as-history-milestone:nth-child(even) .as-history-year{left:-81px}
.as-history-milestone h4{
 position:relative;
 z-index:1;
 margin:0 0 8px;
 color:var(--teal,#00564f);
 font-size:16px;
 line-height:1.35;
}
.as-history-milestone p{
 position:relative;
 z-index:1;
 margin:0;
 color:var(--muted,#62767a);
 font-size:13px;
 line-height:1.6;
}
@media(max-width:700px){
 .as-history-timeline{
  margin:24px 0 38px;
  padding:4px 0 20px 76px;
 }
 .as-history-timeline::before{
  left:33px;
  transform:none;
 }
 .as-history-timeline::after{
  left:33px;
  transform:translateX(-50%) rotate(45deg);
 }
 .as-history-milestone,
 .as-history-milestone:nth-child(odd),
 .as-history-milestone:nth-child(even){
  width:100%;
  min-height:0;
  margin:0 0 17px;
  padding:18px;
  border:1px solid var(--line,#dfeae8);
  border-left:3px solid var(--mint,#008d7d);
 }
 .as-history-milestone::before,
 .as-history-milestone:nth-child(odd)::before,
 .as-history-milestone:nth-child(even)::before{
  top:31px;
  left:-44px;
  right:auto;
  width:44px;
 }
 .as-history-milestone .as-history-year,
 .as-history-milestone:nth-child(odd) .as-history-year,
 .as-history-milestone:nth-child(even) .as-history-year{
  top:14px;
  left:-77px;
  right:auto;
  min-width:64px;
 }
}
