/*!
 * Bootstrap  v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.block-timeline .block__title {
  margin-bottom: 3.125rem;
}

@media (max-width: 991.98px) {
  .block-timeline .block__title {
    margin-bottom: 1.875rem;
  }
}

.block-timeline .timeline-year {
  transition: font-size .3s ease, opacity .3s ease;
  opacity: .6;
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: .625rem;
  line-height: 1.1;
}

@media (max-width: 767.98px) {
  .block-timeline .timeline-year {
    font-size: 1.125rem;
  }
}

.block-timeline .timeline-month {
  font-size: 1rem;
  opacity: .6;
  line-height: 1.3;
}

@media (max-width: 767.98px) {
  .block-timeline .timeline-month {
    font-size: .75rem;
  }
}

.block-timeline .timeline-header {
  padding-bottom: 2.5rem;
  position: relative;
}

@media (max-width: 991.98px) {
  .block-timeline .timeline-header {
    padding-bottom: 1.25rem;
  }
}

.block-timeline .timeline-header::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 150vw;
  height: 1px;
  background-color: #1d4789;
}

[dir="rtl"] .block-timeline .timeline-header::before {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

.block-timeline .timeline-header::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #000;
}

[dir="rtl"] .block-timeline .timeline-header::after {
  left: auto;
  right: 0;
}

.block-timeline .timeline-details {
  opacity: 0;
  transition: opacity .3s ease;
  margin-top: 2.5rem;
}

@media (max-width: 991.98px) {
  .block-timeline .timeline-details {
    margin-top: 1.25rem;
  }
}

.vlb-section.bg-image .block-timeline .timeline-year {
  color: #fff;
}

.vlb-section.bg-image .block-timeline .timeline-month {
  color: #fff;
}

.vlb-section.bg-image .block-timeline .timeline-header::before {
  background-color: #e1ff67;
}

.vlb-section.bg-image .block-timeline .timeline-header::after {
  background: #fff;
}

.vlb-section.bg-image .block-timeline .slick .slick-current .timeline-year,
.vlb-section.bg-image .block-timeline .slick > .slick__slide:only-child .timeline-year {
  color: #e1ff67;
}

.vlb-section.bg-image .block-timeline .slick .slick-current .timeline-header::after,
.vlb-section.bg-image .block-timeline .slick > .slick__slide:only-child .timeline-header::after {
  width: 20px;
  height: 20px;
  border-radius: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="5" fill="%23E1FF67"/><circle cx="10" cy="10" r="9.5" stroke="%23E1FF67"/></svg>') no-repeat center;
}

.block-timeline .slick .slick-current .timeline-year,
.block-timeline .slick > .slick__slide:only-child .timeline-year {
  font-size: 4.125rem;
  opacity: 1;
}

@media (max-width: 767.98px) {
  .block-timeline .slick .slick-current .timeline-year,
  .block-timeline .slick > .slick__slide:only-child .timeline-year {
    font-size: 1.875rem;
  }
}

.block-timeline .slick .slick-current .timeline-month,
.block-timeline .slick > .slick__slide:only-child .timeline-month {
  opacity: 1;
}

.block-timeline .slick .slick-current .timeline-details,
.block-timeline .slick > .slick__slide:only-child .timeline-details {
  opacity: 1;
}

.block-timeline .slick .slick-current .timeline-header::after,
.block-timeline .slick > .slick__slide:only-child .timeline-header::after {
  width: 20px;
  height: 20px;
  border-radius: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="5" fill="%231D4789"/><circle cx="10" cy="10" r="9.5" stroke="%231D4789"/></svg>') no-repeat center;
}

.block-timeline .slick .slick__arrow .slick-arrow.slick-prev {
  right: auto;
  left: 0;
}

[dir="rtl"] .block-timeline .slick .slick__arrow .slick-arrow.slick-prev {
  left: auto;
  right: 0;
}

.block-timeline .slick .slick__arrow .slick-arrow.slick-next {
  left: 3.625rem;
  right: auto;
}

[dir="rtl"] .block-timeline .slick .slick__arrow .slick-arrow.slick-next {
  right: 3.625rem;
  left: auto;
}

@media (max-width: 991.98px) {
  .block-timeline .slick .slick__arrow .slick-arrow.slick-next {
    left: 2.25rem;
  }

  [dir="rtl"] .block-timeline .slick .slick__arrow .slick-arrow.slick-next {
    left: auto;
    right: 2.25rem;
  }
}

.block-timeline .slick-slide:has(+ .slick-current) .paragraph--type--timeline-item {
  display: flex !important;
  flex-direction: column;
  align-items: flex-end;
}

.block-timeline .slick .slick-slide.slick-current .paragraph--type--timeline-item .timeline-header,
.block-timeline .slick > .slick__slide:only-child .paragraph--type--timeline-item .timeline-header {
  width: 100% !important;
}

.block-timeline .slick .slick-list {
  padding: 0 50% 0 0 !important;
  overflow: visible !important;
  margin: 0 -0.9375rem;
}

[dir="rtl"] .block-timeline .slick .slick-list {
  padding: 0 0 0 50% !important;
}

@media (max-width: 991.98px) {
  .block-timeline .slick .slick-list {
    margin: 0 -0.4688rem;
  }
}

@media (min-width: 1400px) {
  .block-timeline .slick .slick-list {
    padding: 0 50% 0 15% !important;
  }

  [dir="rtl"] .block-timeline .slick .slick-list {
    padding: 0 15% 0 50% !important;
  }
}

.block-timeline .slick .slick__slide {
  margin: 0 .9375rem;
}

.block-timeline .slick .slick__slide.slick-current + .slick__slide {
  margin-right: -14rem;
}

[dir="rtl"] .block-timeline .slick .slick__slide.slick-current + .slick__slide {
  margin-right: 0;
  margin-left: -14rem;
}

@media (max-width: 991.98px) {
  .block-timeline .slick .slick__slide {
    margin: 0 .4688rem;
  }
}

@media (min-width: 1400px) {
  .block-timeline .slick .slick__slide.slick-current + .slick__slide {
    margin-right: -39.375rem;
  }

  [dir="rtl"] .block-timeline .slick .slick__slide.slick-current + .slick__slide {
    margin-right: 0;
    margin-left: -39.375rem;
  }
}

@media (min-width: 1400px) {
  .block-timeline .slick .slick__slide {
    width: 820px;
  }
}

@media (max-width: 767.98px) {
  .block-timeline .slick .slick__slide.slick-current + .slick__slide {
    margin-right: -10rem;
  }

  [dir="rtl"] .block-timeline .slick .slick__slide.slick-current + .slick__slide {
    margin-right: 0;
    margin-left: -10rem;
  }
}

@media (max-width: 575.98px) {
  .block-timeline .slick .slick__slide.slick-current + .slick__slide {
    margin-right: -6rem;
  }

  [dir="rtl"] .block-timeline .slick .slick__slide.slick-current + .slick__slide {
    margin-right: 0;
    margin-left: -6rem;
  }
}

.block-timeline .unslick {
  display: flex;
  justify-content: center;
}

.block-timeline .unslick .slick__slide {
  width: 66.6667%;
}