.timeline{background:#fff;display:flex;justify-content:center}.timeline__category{display:none}.timeline__circle{position:absolute;width:536px;height:536px;border:1px solid #dfe3ef;border-radius:50%;left:50%;top:40%;transform:translate(-50%, -50%);pointer-events:none;z-index:1}.timeline__dots-container{position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:50% 40%;z-index:5;pointer-events:none}.timeline__dot-wrapper{position:absolute;width:56px;height:56px;transform:translate(-50%, -50%);cursor:pointer;pointer-events:auto}.timeline__dot-wrapper--active .timeline__dot-label{opacity:1}.timeline__dot-inner{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;transform-origin:center center}.timeline__dot-ring{position:absolute;width:56px;height:56px;border-radius:50%;border:1px solid #42567a;background:#fff;box-shadow:0 0 40px rgba(66,86,122,.15);transform:scale(0)}.timeline__dot-center{width:6px;height:6px;border-radius:50%;background:#42567a}.timeline__dot-number{position:absolute;font-family:"PT Sans",sans-serif;font-size:20px;line-height:30px;color:#42567a;opacity:0;pointer-events:none}.timeline__dot-label{position:absolute;left:76px;top:50%;transform:translateY(-50%);font-family:"PT Sans",sans-serif;font-weight:700;font-size:20px;color:#42567a;white-space:nowrap;opacity:0;transition:opacity .25s ease}.timeline__content{position:relative;margin-top:120px;height:134px}.timeline__line{width:5px;height:120px;background:linear-gradient(180deg, #3877ee 0%, #ef5da8 100%);align-self:center}.timeline__title-wrap{display:flex;align-items:flex-start;gap:78px;max-width:431px}.timeline__title{font-size:56px;font-weight:700;line-height:1.2;color:#2c3e68;margin:0;max-width:353px;font-family:"PT Sans",sans-serif}.timeline__frame{position:relative;width:100%;max-width:1440px;min-height:1080px;margin:0 auto}.timeline__frame::before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#dfe3ef}.timeline__frame::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:#dfe3ef}.timeline__frame .timeline__v-center{position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%);background:#dfe3ef}.timeline__frame .timeline__h-center{position:absolute;left:0;right:0;top:40%;height:1px;transform:translateY(-50%);background:#dfe3ef}.timeline__h-center--mobile{display:none}.timeline__years{width:973px;height:160px;display:flex;justify-content:space-between;align-items:center;margin:90px auto 0;pointer-events:none}.timeline__year{font-family:"PT Sans",sans-serif;font-weight:700;font-size:200px;line-height:1}.timeline__year--left{color:#3877ee}.timeline__year--right{color:#ef5da8}.timeline__controls{max-width:120px;min-height:88px;display:flex;flex-direction:column;justify-content:flex-start;margin:150px 0 0 80px}.timeline__controls-top{display:flex;flex-direction:column}.timeline__controls-counter{font-family:"PT Sans",sans-serif;font-size:14px;line-height:1.2;color:#4a5673;margin-bottom:20px}.timeline__controls-buttons{display:flex;gap:20px}.timeline__controls-btn{width:50px;height:50px;border-radius:50%;border:1px solid #dfe3ef;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.timeline__controls-btn:not(.timeline__controls-btn--disabled):hover{border-color:#3877ee;background-color:#f5f7ff}.timeline__controls-btn--disabled{opacity:.5;cursor:default;pointer-events:none}.timeline__controls-arrow{width:6.25px;height:12.5px;display:block;color:#4a5673}.timeline__controls-btn--prev .timeline__controls-arrow{transform:rotate(180deg)}.timeline__bottom{position:relative;margin-top:56px;display:flex;align-items:flex-start;gap:40px;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.timeline__bottom--fade{opacity:0;transform:translateY(10px);pointer-events:none}.timeline__bottom-arrow{width:40px;height:40px;border-radius:50%;border:1px solid #dfe3ef;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease;align-self:center;transform:translateY(-25px)}.timeline__bottom-arrow--disabled{opacity:0;pointer-events:none}.timeline__bottom-arrow:not(.timeline__bottom-arrow--disabled):hover{border-color:#3877ee;background-color:#f5f7ff}.timeline__bottom-arrow--prev{margin-left:40px}.timeline__bottom-arrow--next{margin-right:40px}.timeline__bottom-arrow-icon{width:6.25px;height:12.5px;display:block;color:#3877ee}.timeline__bottom-arrow--prev .timeline__bottom-arrow-icon{transform:rotate(180deg)}.timeline__cards{flex:1;max-width:1200px;overflow:hidden}.timeline__card{max-width:320px}.timeline__card-year{font-family:"BebasNeue",sans-serif;font-weight:400;font-size:25px;line-height:1.2;color:#3877ee;margin:0 0 15px}.timeline__card-text{font-family:"PT Sans",sans-serif;font-size:20px;line-height:1.5;color:#4a5673;margin:0}.timeline__swiper{width:100%}.timeline__swiper .swiper-slide{width:auto !important;flex-shrink:0;display:flex}.timeline__swiper-pagination{display:none}.timeline__swiper-pagination-dot{width:6px;height:6px;border-radius:50%;border:none;padding:0;background:#d9d9d9;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.timeline__swiper-pagination-dot--active{background:#000;transform:scale(1.2)}@media(max-width: 768px){.timeline{max-width:280px;margin:0 auto}.timeline__category{order:3;margin-top:28px;font-family:"PT Sans",sans-serif;font-weight:700;font-size:16px;line-height:1.2;color:#42567a;display:block;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.timeline__category--fade{opacity:0;transform:translateY(10px);pointer-events:none}.timeline__line{display:none}.timeline__frame{width:100%;max-width:320px;min-height:auto;margin:0 auto}.timeline__frame .timeline__v-center{display:none}.timeline__frame .timeline__h-center{display:none}.timeline__frame::before,.timeline__frame::after{display:none}.timeline__h-center--mobile{order:3;width:280px;height:1px;background:#dfe3ef;margin:15px 0 0;display:block;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.timeline__h-center--mobile.timeline__h-center--fade{opacity:0;transform:translateY(10px);pointer-events:none}.timeline__circle,.timeline__dots-container{display:none}.timeline__content{display:flex;flex-direction:column;max-width:280px;margin:0 auto;height:auto}.timeline__title-wrap{order:1;max-width:280px;gap:16px;margin-top:59px}.timeline__title{font-size:20px;line-height:1.2;max-width:123px}.timeline__years{order:2;max-width:280px;height:73px;margin-top:52px;justify-content:space_between}.timeline__year{font-size:56px}.timeline__bottom{order:4;max-width:280px;margin:18px auto 0;display:flex;align-items:center;gap:16px}.timeline__cards{flex:1;max-width:280px;overflow:hidden;min-height:160px}.timeline__card{max-width:170px}.timeline__card-year{font-size:16px;margin-bottom:15px}.timeline__card-text{font-size:14px}.timeline__bottom-arrow{transform:translateY(-8px);margin-left:0;margin-right:0;display:none}.timeline__controls{order:5;max-width:280px;margin:15px 0 0;display:flex;flex-direction:row;align-items:flex-start;gap:39px}.timeline__controls-btn{width:25px;height:25px}.timeline__controls-top{max-width:58px;display:flex;align-items:center;justify-content:flex-start;gap:10px;align-self:center}.timeline__controls-counter{margin-bottom:0;align-self:start}.timeline__controls-buttons{gap:8px}.timeline__swiper-pagination{display:flex;justify-content:center;gap:10px;max-width:86px;margin:0;align-self:center}}
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

@font-face{font-family:"PT Sans";src:url(fonts/pt-sans-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"PT Sans";src:url(fonts/pt-sans-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"BebasNeue";src:url(fonts/BebasNeue-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{margin:0;padding:0;font-family:Arial,sans-serif}
