/* timeline component on the homepage */

.dotted-line {
  width: 100%;
  height: 1px; /* Height of the dashed line */
  background-image: repeating-linear-gradient(
      to right,
      grey,    /* Color of the dash */
      grey 10px, /* Length of the dash */
      transparent 10px, /* Start of the gap */
      transparent 20px /* Length of the gap */
  );
  position: absolute;
  top: 8rem;
}

.dotted-line::before {
  left: 0;
  margin-right: -10px;
}

.dotted-line::after {
  right: 0;
}

.swiper {
  margin-bottom: 1rem;
}

.timeline-item {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.timeline-active {
  .timeline-year {
    color: #15ab5a;
  }

  .large-circle {
    background-color: #15ab5a;
  }
}

.timeline-year {
  font-size: 2rem;
  margin-bottom: 2rem;
  color: #fff;
}

.timeline-content {
  margin-top: 4rem;
}

.timeline-content ul {
  margin-left: 1rem;
  padding: 0.5rem;
}

.timeline-content ul li {
  font-size: 0.9rem;  
  color: rgba(255, 255, 255, 0.5);
}

.timeline-container {
  position: relative;
  display: flex;
  gap: 10px;
}

.timeline-dots {
  position: relative;
  margin-right: 2rem;
  margin-left: 1rem;
}

.small-circle {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.line {
  width: 1px;
  height: 50px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.large-circle {
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  position: absolute;
  top: 60px;
  left: 50%;
  padding: 10px;
  transform: translateX(-50%);
  > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.swiper-button-next, .swiper-button-prev {
  position: relative !important;
  display: inline !important;
  width: auto !important;
  border: 0px;
  outline: none;
  box-shadow: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}


/* social */
.timeline-button-outer {
  color: #151515;
}

.timeline-button-inner {
  color:  #fff;
}

.timeline-button-inner:hover {
  color: var(--tara-green);
}
/*
     FILE ARCHIVED ON 00:49:25 Oct 10, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:04:49 Mar 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.628
  exclusion.robots: 0.061
  exclusion.robots.policy: 0.049
  esindex: 0.01
  cdx.remote: 27.795
  LoadShardBlock: 387.91 (3)
  PetaboxLoader3.datanode: 444.892 (5)
  PetaboxLoader3.resolve: 333.604 (3)
  load_resource: 524.293 (2)
*/