.section-timeline{position:relative}.section-timeline__header{width:100%;max-width:40em;margin-bottom:3em}@media (width<=1024px){.section-timeline__header{margin-bottom:2em}}.section-timeline__header p.subtitle{text-transform:uppercase;margin:0;font-size:.875em}.section-timeline__header .text P{margin:0;font-size:1.25em;font-weight:300}@media (width<=1024px){.section-timeline__header .text P{font-size:1.125em}}.section-timeline__inner{grid-template-columns:1fr auto;gap:2em;display:grid}@media (width<=1024px){.section-timeline__inner{grid-template-columns:100%;gap:0}}.section-timeline .timeline-steps{align-self:start;position:sticky;top:2em}@media (width<=1024px){.section-timeline .timeline-steps{display:none}}.section-timeline .timeline-counter{margin-bottom:3em}.section-timeline .timeline-counter span{font-variant-numeric:lining-nums proportional-nums;font:700 8em/1 Cormorant Garamond,serif;display:block}.section-timeline .steps-list{flex-direction:column;gap:3em;display:flex}.section-timeline .steps-list .step{flex-wrap:nowrap;align-items:center;gap:1em;display:flex}.section-timeline .steps-list .step .step-device{justify-content:flex-start;align-items:center;width:4em;min-width:4em;height:auto;display:flex;position:relative}.section-timeline .steps-list .step .step-device .marker{z-index:1;background-color:#0000;border:1px solid #555e45;border-radius:50%;width:1.5em;height:1.5em;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-timeline .steps-list .step .step-device .icon{z-index:2;background-color:#0000000d;border-radius:50%;width:2.5em;height:2.5em;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-timeline .steps-list .step .step-device.active .marker{background-color:#8cb277;border:1px solid #0000}.section-timeline .steps-list .step .step-device.active .icon{display:block}.section-timeline .steps-list .step .step-content{color:#555e45;flex-direction:column;width:100%;height:100%;display:flex}.section-timeline .steps-list .step .step-content .label span{text-transform:uppercase;font-weight:700}.section-timeline .timeline-content{flex-direction:column;gap:3em;padding-top:1em;display:flex}@media (width<=1024px){.section-timeline .timeline-content{padding-top:0}}.section-timeline .timeline-content .step{flex-direction:column;width:100%;max-width:640px;display:flex;position:relative}@media (width<=1024px){.section-timeline .timeline-content .step{max-width:100%}}.section-timeline .timeline-content .step img{z-index:1;border-radius:.5em;width:100%;margin-bottom:1.25em;position:relative}.section-timeline .timeline-content .counter{z-index:2;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff40;border-radius:100%;padding:.375em;display:block;position:absolute;top:.5em;left:.5em}.section-timeline .timeline-content .counter .value{color:#fff;background-color:#8cb277;border-radius:100%;justify-content:center;align-items:center;width:2em;height:2em;line-height:1;display:flex}.section-timeline .timeline-content .counter .value span{font-size:1.125em}.section-timeline .timeline-content .label{margin-bottom:.5em}.section-timeline .timeline-content .label span{text-transform:uppercase;font-size:.875em}.section-timeline .timeline-content .title{margin-bottom:.5em}.section-timeline .timeline-content .title span{font:700 2em Cormorant Garamond,serif}.section-timeline .timeline-content .text span{font-size:.875em}
