.timeline {
  background-color: #F6F6F6 !important;
  padding-bottom: 460px !important;
}
.timeline .timeline-slider-wrap {
  position: absolute;
  top: 158px;
  left: auto;
  width: 100%;
  padding-bottom: 30px;
}
.timeline .chronology-title-wrap{
  margin-bottom: 0;
}
@media (max-width:575.98px){
  .timeline .timelineSwiper{
    margin-right: 30px;
  }
}

.timeline .timeline-slider-wrap .card .inner-wrap .description{
  /* margin-bottom: 10px; */
}

.timeline .timeline-slider-wrap .swiper-scrollbar {
  bottom: var(--swiper-scrollbar-bottom, -15px) !important;
}

.timeline .timeline-slider-wrap .timeline-pagination {
  display: none !important;
}
.timeline-slider-wrap .card .inner-wrap .year {
  margin-bottom: 53px;
}

.timeline .timeline-title .ttl-xs,
.timeline .timeline-title .ttl-md {
  text-align: left;
}

.timeline-modal .modal-dialog {
  max-width: 764px;
}
.timeline-modal .card{
  max-width: 100%;
}

.timeline-modal .modal-dialog .card {
  max-width: 100%;
  padding: 65px 55px;
}

.timeline-modal .modal-dialog .card .year {
  margin-bottom: 35px;
}

.timeline-modal .card .modal-description {
  font-size: 18px;
  line-height: 1.5556;
}

.timeline-modal .close {
  top: -45px;
  right: 0;
  color: #ffff;
}

.timeline-slider-wrap .slide-content .readmore_description {
  display: none;
}

.timeline-slider-wrap .swiper-slide {
  height: auto;
}
.timeline-slider-wrap .swiper-slide .card .btn-black-lined {
  text-decoration: none;
  text-transform: inherit;
}

.timeline-slider-wrap .swiper-slide .timeline-popup {
  height: 100%;
  display: block;
}

.timeline-slider-wrap .slide-content {
  height: 100%;
}

.timeline .timeline-slider-wrap .timelineSwiper {
  overflow: visible;
}

.timeline .timeline-slider-wrap .timelineSwiper::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 101%;
  left: -100%;
  top: -1px;
  z-index: 99;
  background-color: #F6F6F6;
}


@media (max-width: 991.98px) {
  .timeline-modal .modal-dialog {
    max-width: 90%;
  }
}

@media (max-width: 767.98px) {
  .timeline {
    padding-bottom: 345px !important;
  }

  .timeline .chronology-title-wrap {
    padding-top: 0;
    margin-bottom: 22px;
  }

  .timeline .timeline-slider-wrap {
    top: 90px;
  }

  .timeline .timeline-slider-wrap .swiper-scrollbar {
    display: block !important;
    bottom: var(--swiper-scrollbar-bottom, -35px) !important;
  }
}

@media (max-width:575px){
  .timeline {
    padding-bottom: 320px !important;
  }
  @media (max-width:377.98px){
    .timeline .timeline-slider-wrap {
      top: 120px;
    }
  }
}