#timeline_section{display:flex;justify-content:space-between;background-color:var(--greige)}.timeline-img-wrapper{padding:20px 0}.timeline-img-wrapper img{object-fit:cover;height:100%;width:100%}.timeline{height:auto;padding:20px 0 20px 23px;max-width:1000px}.titulo{text-align:center}.timeline-item-inner{border-radius:20px;margin-left:10px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fdfcfb;transition:border-color 1s ease;border:2px solid transparent}.timeline-item-inner.visible{border-color:var(--template-color-2);background-color:var(--template-color-1)}.timeline-item:after{content:"";background:var(--template-color-2);transition:background 1s ease;position:absolute;bottom:0;left:-3px;top:0;width:2px}.timeline-item.visible:after{background:var(--template-color-2)}.timeline-item:last-child:after{background:linear-gradient(var(--template-color-2),#FDFCFB)}.timeline-item-inner{color:#fff;transition:color 1s ease,opacity 1s ease;opacity:0}.timeline-item-inner.visible{color:var(--paragraphsColor);opacity:1;box-shadow:0 0 5px #9a9a9a}.timeline-item :is(h1,h2,h3,h4,h5,h6){margin-bottom:10px;transition:color 1s ease;color:#fff}.visible :is(h1,h2,h3,h4,h5,h6){color:var(--headingsColor)}.timeline-item p{margin-top:0;line-height:1.4}.hexagon-wrapper{background-color:var(--greige);top:-10px;position:absolute;left:-10px;z-index:1;width:17px;height:37px;padding:10px 0}.hexagon{background-color:var(--greige);border-radius:50%;height:100%;border:2px solid var(--template-color-3)}.hexagon.visible{background-color:var(--template-color-3);border-radius:50%;height:100%;transition:border-color 1s ease,background-color 1s ease}@media (max-width: 600px){#timeline_section{flex-direction:column}.timeline-img-wrapper{width:unset;padding:0;height:300px}.timeline-item{padding:0 10px 50px;position:relative}.titulo{margin-top:25px}.timeline-item p{font-size:16px}}@media (min-width: 600px){#timeline_section{padding-top:130px;position:relative}.timeline{margin-left:10px}.timeline-item{padding:0 0 50px 15px;position:relative}.titulo{width:100%;position:absolute;top:70px;left:50%;transform:translate(-50%,-50%)}}
