.timeline-container{display:flex;gap:25px;width:100%;justify-content:center;font-weight:900;font-size:67px;padding:50px 0;flex-wrap:wrap}.timeline-point{transition-duration:.5s;border-radius:50%;background:rgba(113,86,219,.1);backdrop-filter:blur(10px);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);display:grid;place-items:center;width:200px;height:200px;position:relative;color:#fff;border:1px solid hsla(0,0%,100%,.18)}.timeline-point:before{content:"";width:250px;height:250px;z-index:-1;border-radius:50%;position:absolute;background:conic-gradient(var(--color) var(--angle),transparent 0deg 1turn);animation:rotateBorder 1s linear var(--delay) forwards}.timeline-point:nth-child(odd):before{transform:rotate(-90deg)}.timeline-point:nth-child(2n):before{transform:rotate(90deg) scaleY(-1)}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.timeline-point:nth-child(n){--color:rgba(113,86,219,.8);--delay:0s}.popup{width:321.6px;height:auto;max-height:0;background-color:rgba(113,86,219,.1);backdrop-filter:blur(10px);display:grid;grid-template-columns:16% 84%;position:absolute;color:#fff;border-radius:30px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);transform-origin:bottom bottom;animation:expandPopup .5s linear calc(var(--delay) + .5s) forwards;border:1px solid hsla(0,0%,100%,.18);z-index:10}.timeline-point:nth-child(odd) .popup{bottom:270px}.timeline-point:nth-child(2n) .popup{top:270px}.popup-number{grid-row:span 2;display:grid;font-size:2rem;font-weight:700;place-items:center;cursor:auto;animation:fadeIn .5s linear calc(var(--delay) + .7s) forwards;opacity:0;height:100%}.popup-title{color:#fff;padding-bottom:6.7px;font-size:20.1px;font-weight:900}.popup-details{padding:20.1px;background-color:rgba(15,10,37,.3);border-radius:30px;opacity:0;font-weight:500;user-select:none;cursor:auto;overflow:hidden;font-size:.8rem;text-align:justify;margin:3.35px;animation:fadeIn .5s linear calc(var(--delay) + .7s) forwards}.popup:before{content:"";width:6.7px;height:0;border-radius:20px;background-color:var(--color);position:absolute;left:50%;top:-41.9px;display:flex;animation:drawLine .5s linear var(--delay) forwards}.timeline-point:nth-child(odd) .popup:before{top:calc(100% + 47px);transform:rotateX(180deg);transform-origin:top}.timeline-point:hover{background:rgba(113,86,219,.3);color:#fff}@keyframes rotateBorder{0%{--angle:0deg}to{--angle:180deg}}@keyframes expandPopup{0%{max-height:0}to{max-height:200px}}@keyframes drawLine{0%{height:0;opacity:0}to{height:33.5px;opacity:1}}@keyframes fadeIn{to{opacity:1}}@keyframes mobilePopupFade{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:1200px){.timeline-container{gap:15px}.timeline-point{width:180px;height:180px;font-size:60px}.timeline-point:before{width:225px;height:225px}.popup{width:300px}}@media (max-width:1050px){.timeline-container{flex-direction:column;align-items:center;gap:200px;padding:20px 0;margin-bottom:100px}.timeline-point{width:150px;height:150px;font-size:50px;margin-bottom:180px}.popup{width:280px;position:absolute;left:50%;transform:translateX(-50%);top:170px;opacity:1;max-height:none;height:auto;z-index:1}.timeline-point:nth-child(2n) .popup,.timeline-point:nth-child(odd) .popup{top:170px;bottom:auto}.popup:before{height:41.9px;width:6.7px;left:50%}.popup:before,.timeline-point:nth-child(odd) .popup:before{top:-41.9px;transform:translateX(-50%)}.popup,.popup-details,.popup-number{animation:none;opacity:1}}@media (max-width:768px){.timeline-container{gap:220px}.timeline-point{width:120px;height:120px;font-size:40px;margin-bottom:200px}.timeline-point:before{width:160px;height:160px}.popup{width:260px;top:140px}.popup-title{font-size:18px}.popup-details{font-size:.75rem;padding:15px;line-height:1.4}}@media (max-width:480px){.timeline-container{gap:50px}.timeline-point{width:100px;height:100px;font-size:32px;margin-bottom:220px}.timeline-point:before{width:130px;height:130px}.popup{width:240px;top:120px}.popup-title{font-size:16px}.popup-details{font-size:.75rem;padding:12px;line-height:1.4}.popup-number{font-size:1.5rem}section#milestone{padding:40px 16px;overflow:hidden}#timeline{padding-bottom:100px}}