.timeline{padding:50px 0 60px}.timeline__heading{font-size:58px;line-height:64px;text-align:center;font-weight:700;margin:0;color:var(--grey-900)}.timeline__content{text-align:center;color:var(--primary-500);max-width:800px;margin:30px auto}.timeline__panels.swiper{overflow:hidden;width:100%}.swiper-wrapper{transition-timing-function:linear}.swiper-slide{height:auto}.timeline__years{position:relative;display:flex;justify-content:center;flex-wrap:wrap;margin:0}.timeline__year{position:absolute;top:50%;opacity:0;transform:translateY(-50%);-webkit-text-fill-color:#fff;-webkit-text-stroke-color:#e6e7eb;-webkit-text-stroke-width:2px;color:#fff0;font-size:70px;line-height:70px;font-weight:700;cursor:pointer;background:#fff0;border:0;outline:0;text-align:right}.timeline__year.visible{opacity:1}.timeline__year.timeline__year--active{color:var(--grey-900)!important;-webkit-text-fill-color:var(--grey-900)!important;-webkit-text-stroke-color:var(--grey-900)!important;cursor:default;text-align:left}.timeline__year:hover{color:var(--primary-500);-webkit-text-fill-color:var(--primary-500);-webkit-text-stroke-color:var(--primary-500)}.timeline__panels{position:relative}.timeline__panel{display:grid;cursor:grab;grid-template-columns:1fr 1fr;gap:40px;opacity:1;transition:opacity 0.3s ease;margin-top:0}.timeline__panel-text{position:relative;display:flex;flex-direction:column;width:100%}.timeline__panel-header{color:var(--grey-900);margin:0;font-size:48px;line-height:56px}.timeline__panel-media{position:relative;border-radius:20px;overflow:hidden}.timeline__panel-image{width:100%;height:auto}.timeline__years video{width:788px;height:309px}.timeline__panel-pagination{display:flex;gap:24px;justify-content:flex-start;align-items:flex-end;height:48px;flex:1}.timeline__panel-pagination .swiper-button-next,.timeline__panel-pagination .swiper-button-prev{position:static;color:inherit;font-size:inherit;font-family:inherit;text-align:center;border:none;border-radius:999px;transition-duration:0.2s;width:42px;height:42px;min-width:42px;min-height:42px;background-color:var(--primary-50);z-index:999;transition:all var(--transition)}.timeline__panel-pagination .swiper-button-next:hover,.timeline__panel-pagination .swiper-button-prev:hover{background-color:var(--primary-500)}.timeline__panel-pagination .swiper-button-next:active,.timeline__panel-pagination .swiper-button-prev:active{transform:translateY(2px)}.timeline__panel-pagination .swiper-button-next{display:flex}.timeline__panel-pagination .swiper-button-prev{display:flex}.timeline__panel-pagination .swiper-button-prev svg,.timeline__panel-pagination .swiper-button-next svg{width:24px;height:24px}.timeline__panel-pagination .swiper-button-next:after,.timeline__panel-pagination .swiper-button-prev:after{content:unset}.timeline__panel-pagination .swiper-button-next:active::before,.timeline__panel-pagination .swiper-button-prev:active::before{transform:scale(0);opacity:.4;transition:all}.timeline__panel-pagination .swiper-button-prev::before,.timeline__panel-pagination .swiper-button-next::before{content:''!important;opacity:0;display:block;width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#ffffff 10%,transparent 8.01%);background-repeat:no-repeat;background-position:center center;background-size:1000%;transform:scale(1);transition:transform var(--transition),opacity 1s}.timeline__year:not(.timeline__year--active){text-align:right}@media (max-width:1270px){.timeline__years video{width:500px;height:281px}.timeline__year{width:auto}}@media (max-width:1200px){.timeline__year{font-size:58px;line-height:58px}}@media (max-width:1080px){.timeline__years video{display:none}.timeline__panel-pagination{display:none}.timeline__year{width:calc(100% / 2 - 24px)}.timeline__years{margin:64px 0 80px}}@media (max-width:992px){.timeline__heading{font-size:40px;line-height:40px}}@media (max-width:768px){.timeline__panel{grid-template-columns:1fr;gap:0}.timeline__heading{font-size:36px}.timeline__panel-header{font-size:28px;line-height:34px}.timeline__panel-media{display:flex;justify-content:center;align-items:center}}@media (max-width:576px){.timeline__panel-header{font-size:22px;line-height:28px}.timeline__year{font-size:42px;line-height:42px}.timeline__years{margin:48 px 0 48px}.timeline__heading{font-size:34px}}