.timeline{.timeline-title{margin:0 0 32px}.timeline-text{margin:0 0 48px;max-width:600px}.timeline-items{display:grid;gap:calc(var(--Gap)*2);grid-template-columns:repeat(3,1fr);padding-left:var(--Spacing-L);position:relative;&:before{background-image:radial-gradient(circle at center,var(--Smart-Red-600) 0 4px,transparent 4px);background-repeat:repeat-y;background-size:8px 24px;bottom:0;content:"";left:0;position:absolute;top:0;width:8px;@media (max-width:768px){background-image:radial-gradient(circle at center,var(--Smart-Red-600) 0 3px,transparent 3px);background-size:6px 17px;width:6px}}.item{align-items:center;border:4px solid var(--Smart-Red-600);border-radius:var(--border-radius-card);display:flex;gap:var(--Gap);padding:var(--Spacing-M);.item-left{align-items:center;aspect-ratio:1/1;background:var(--Smart-Red-600);border-radius:70px;box-shadow:0 0 2px 0 rgba(8,38,59,.1),0 0 6px 0 rgba(8,38,59,.02),0 6px 10px 0 rgba(8,38,59,.12);display:flex;gap:10px;justify-content:center;width:120px;@media (max-width:768px){width:90px}}.item-right{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:8px}&.light{background:var(--Background-Blue);border:4px solid var(--Background-Blue);.item-left{background:var(--Neutral-White,#fff)}}&.dark{background:var(--Serious-Blue-1000);border:4px solid var(--Serious-Blue-1000);.item-left{background:var(--Serious-Blue-1000)}.item-right{*{color:var(--white-color)}}}&.dashed{border:4px dashed var(--Smart-Red-600)}@media (max-width:768px){padding-bottom:24px;padding-left:24px;padding-right:24px;padding-top:24px}}@media (max-width:1024px){grid-template-columns:repeat(2,1fr);padding-left:var(--Spacing-M)}@media (max-width:768px){gap:var(--Gap);grid-template-columns:1fr;padding-left:24px}}}