.timeline{overflow:hidden}.wrapper{margin:0 auto;max-width:600px;padding:0 0 50px;width:60%}.timeline__section{margin:0 auto;position:relative}.timeline__section .wrapper{display:flex;flex-direction:column;gap:30px}.timeline{position:relative}.timeline__nav{opacity:0;position:fixed;transition:all .5s ease-out;z-index:99}.timeline__nav.fixed{opacity:1;position:fixed}.timeline__nav ul{list-style:none;list-style-position:inside;margin:0}.timeline__nav ul li{cursor:pointer;list-style-type:none;margin:15px 0;padding-left:0}.timeline__nav ul li,.timeline__nav ul li h4{transition:all .25s cubic-bezier(.37,.05,.14,.95)!important}.timeline__nav ul li h4{color:var(--grey3);margin:0}.timeline__nav ul li.active h4{color:var(--black);font-kerning:auto;font-size:2em!important;font-weight:700}.timeline__nav ul li:hover{color:#000}.milestone{border-radius:var(--border-radius);box-shadow:0 2px 20px rgba(0,0,0,.16);display:flex;flex-direction:column;justify-content:space-between;min-height:400px;overflow:hidden;padding:24px;transition:all .45s cubic-bezier(.37,.05,.14,.95)!important}.milestone.active{background:var(--black);color:var(--white)}.milestone.active h4{color:var(--grey2)}.milestone h4{color:var(--grey3);letter-spacing:-1px;margin:0!important}.milestone h2{letter-spacing:-2px;line-height:1em;margin-top:10px!important}@media screen and (max-width:1202px){.timeline h4{font-size:24px!important}}@media screen and (max-width:850px){.timeline__nav ul{padding:0}.timeline .wrapper{margin-right:20px;width:80%}}@media screen and (max-width:767px){.timeline__nav ul{padding:0}.timeline__nav ul li{margin:10px 0!important}.timeline .wrapper{margin-right:0;width:80%}.timeline__nav ul li h4{font-size:1.2em!important}.timeline__nav ul li.active h4{font-size:1.5em!important}}@media screen and (max-width:575px){.timeline__nav ul{margin:10px 0!important;padding:0}.timeline .wrapper{width:80%}.timeline__nav ul li h4{font-size:1em!important}.timeline__nav ul li.active h4{font-size:1.2em!important}}