.vert-time-wrap *,.vert-time-wrap :after,.vert-time-wrap :before{box-sizing:border-box;margin:0;padding:0}.vert-time-wrap{align-content:center;background:var(--bgColor);color:var(--color);display:grid;font-family:Poppins,sans-serif;gap:2rem;padding:2rem}ul.vert-time{--col-gap:2rem;--row-gap:2rem;--line-w:0.25rem;column-gap:var(--col-gap);display:grid;grid-auto-columns:max-content;grid-template-columns:var(--line-w) 1fr;list-style:none;margin-inline:auto;width:min(60rem,90%)}ul.vert-time:before{background:#e1e1e1;border-radius:calc(var(--line-w)/2);content:"";grid-column:1;grid-row:1/span 20}ul.vert-time li:not(:last-child){margin-bottom:var(--row-gap)}ul.vert-time li{grid-column:2;--inlineP:1.5rem;display:grid;grid-row:span 2;grid-template-rows:min-content min-content min-content;margin-inline:var(--inlineP)}ul.vert-time li .date{--dateH:4rem;background-color:var(--accent-color);border-radius:calc(var(--dateH)/2) 0 0 calc(var(--dateH)/2);color:#fff;display:grid;font-family:Merriweather,serif;font-size:32px;font-weight:700;height:var(--dateH);margin-inline:calc(var(--inlineP)*-1);place-content:center;position:relative;text-align:center}ul.vert-time li .date:before{aspect-ratio:1;background:var(--accent-color);background-image:linear-gradient(rgba(0,0,0,.2) 100%,transparent);clip-path:polygon(0 0,100% 0,0 100%);content:"";position:absolute;right:0;top:100%;width:var(--inlineP)}ul.vert-time li .date:after{aspect-ratio:1;background:#fff;border:.3rem solid var(--accent-color);border-radius:50%;content:"";position:absolute;right:calc(100% + var(--col-gap) + var(--line-w)/2);top:50%;transform:translate(50%,-50%);width:2rem}ul.vert-time li .descr,ul.vert-time li .title{padding-inline:1.5rem;position:relative}ul.vert-time li .title{font-weight:500;overflow:hidden;padding-block-end:1rem;padding-block-start:1rem}ul.vert-time li .descr{font-weight:300;padding-block-end:1.5rem}ul.vert-time li .descr:before,ul.vert-time li .title:before{background:rgba(0,0,0,.5);border-radius:50%;content:"";filter:blur(4px);height:.5rem;left:50%;position:absolute;transform:translate(-50%,50%);width:90%}ul.vert-time li .title:before{bottom:calc(100% + .125rem)}ul.vert-time li .descr:before{bottom:.25rem;z-index:-1}@media (min-width:767px){ul.vert-time{grid-template-columns:1fr var(--line-w) 1fr}ul.vert-time:before{grid-column:2}ul.vert-time li:nth-child(odd){grid-column:1}ul.vert-time li:nth-child(2n){grid-column:3}ul.vert-time li:nth-child(2){grid-row:2/4}ul.vert-time li:nth-child(odd) .date:before{clip-path:polygon(0 0,100% 0,100% 100%);left:0}ul.vert-time li:nth-child(odd) .date:after{left:calc(100% + var(--col-gap) + var(--line-w)/2);transform:translate(-50%,-50%)}ul.vert-time li:nth-child(odd) .date{border-radius:0 calc(var(--dateH)/2) calc(var(--dateH)/2) 0}}@media (max-width:767px){ul.vert-time li .date{font-size:24px;line-height:1}ul.vert-time li .descr,ul.vert-time li .title{padding-inline:0}}