/*[data-appear] {*/
/*  position: relative;*/
/*  opacity: 0;*/
/*  transition: all .5s linear;*/

/*  &[data-effect="up"] {*/
/*    transform: translate(0, 100%);*/
/*  }*/

/*  &[data-effect="zoom"] {*/
/*    transform: scale(0.8, 0.8);*/
/*  }*/

/*  &.done {*/
/*    opacity: 1;*/

/*    &[data-effect="up"] {*/
/*      transform: translate(0, 0);*/
/*    }*/

/*    &[data-effect="zoom"] {*/
/*      transform: scale(1, 1);*/
/*    }*/
/*  }*/
/*}*/


[data-appear] {
  position: relative;
  opacity: 0;
  transition: all .5s linear;
}

[data-appear][data-effect="up"] {
  transform: translate(0, 100%);
}

[data-appear][data-effect="zoom"] {
  transform: scale(0.8, 0.8);
}

[data-appear].done {
  opacity: 1;
}

[data-appear].done[data-effect="up"] {
  transform: translate(0, 0);
}

[data-appear].done[data-effect="zoom"] {
  transform: scale(1, 1);
}

/*.timelines-container {*/
/*  --bg-color: #fff;*/
/*  --line-color: #ccc;*/
/*  --bs-gutter-x: 10px;*/
/*  max-width: var(--max-container-width);*/
/*  margin: 0 auto;*/
/*  width: calc(100% - var(--container-gap) - var(--container-gap));*/

/*  .timeline-item {*/
/*    padding-left: clamp(0rem, calc(-10.31rem + 21.48vw), 6.88rem);*/

/*    .item-content {*/
/*      margin-bottom: clamp(2.5rem, calc(-7.82rem + 21.51vw), 7.5rem);*/
/*      h1, h2, h3, h4, h5, h6 {*/
/*        font-size: var(--font-size-h6);*/
/*        font-style: normal;*/
/*        font-weight: 600;*/
/*        line-height: var(--font-line-height-h6);*/
/*        letter-spacing: 0.03px;*/
/*        margin-bottom: 1rem;*/
/*      }*/

/*      p {*/
/*        margin-bottom: 1rem;*/
/*      }*/
/*    }*/

/*    &:last-child {*/
/*      .item-content {*/
/*        margin-bottom: 0;*/
/*      }*/
/*    }*/
/*  }*/

/*  .timeline-list {*/
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/

/*    &:after {*/
/*      position: absolute;*/
/*      left: 50%;*/
/*      content: '';*/
/*      top: 0;*/
/*      bottom: 0;*/
/*      width: 1px;*/
/*      background-color: var(--line-color);*/
/*      z-index: 0;*/
/*    }*/

/*    & + .timeline-list {*/
/*      margin-top: -10%;*/
/*    }*/
/*  }*/


/*  .timeline-year {*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*    position: relative;*/
/*    background-color: var(--bg-color);*/
/*    padding: calc(var(--bs-gutter-x) * 4) 0;*/
/*    z-index: 1;*/

/*    &:after {*/
/*      content: '';*/
/*      position: absolute;*/
/*      height: 24px;*/
/*      width: 24px;*/
/*      border: 1px solid var(--line-color);*/
/*      background: #fff;*/
/*      border-radius: 50%;*/
/*      z-index: 1;*/
/*      left: 50%;*/
/*      transform: translateX(-50%);*/
/*      bottom: 0;*/
/*    }*/
/*  }*/

/*  .timeline-item {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    align-self: flex-start;*/

/*    &:last-child {*/
/*      .item-images::before {*/
/*        display: none;*/
/*      }*/
/*    }*/

/*    .item-month {*/
/*      line-height: 2;*/
/*      padding: var(--bs-gutter-x) 0;*/
/*      border-bottom: 1px solid var(--line-color);*/
/*      margin-bottom: calc(var(--bs-gutter-x) * 2);*/
/*    }*/

/*    .item-header {*/
/*      text-wrap: balance;*/
/*    }*/

/*    .item-images {*/
/*      position: relative;*/
/*      display: flex;*/
/*      flex-wrap: wrap;*/
/*      margin-right: 2.5rem;*/

/*      &::before {*/
/*        content: '';*/
/*        position: absolute;*/
/*        left: calc(50% - 1px);*/
/*        !*flex: 0 0 50%;*!*/
/*        height: 100%;*/
/*        width: 2px;*/
/*        background-color: var(--rd-textcolor-standard);*/
/*      }*/

/*      .item-image {*/
/*        display: flex;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*        width: 50px;*/
/*        height: 50px;*/
/*        background-color: var(--rd-textcolor-standard);*/
/*        border-radius: 50%;*/

/*        .img-pic {*/
/*          width: 24px;*/
/*          height: 24px;*/
/*          aspect-ratio: 1/1;*/
/*          img {*/
/*            width: 100%;*/
/*            height: 100%;*/
/*            object-fit: cover;*/
/*          }*/
/*        }*/

/*        .svg-img-wrap {*/
/*          filter: invert(1);*/
/*          width: 24px;*/
/*          height: 24px;*/

/*          svg {*/
/*            width: 100%;*/
/*            height: 100%;*/
/*          }*/
/*        }*/
/*      }*/

/*      &[data-size="1"] {*/
/*        .item-image {*/
/*          flex: 0 0 100%;*/
/*        }*/
/*      }*/

/*      &[data-size="2"] {*/
/*        .item-image {*/
/*          flex: 0 0 50%;*/
/*        }*/
/*      }*/

/*      picture, img {*/
/*        width: 100%;*/
/*        height: auto;*/
/*        vertical-align: middle;*/
/*      }*/
/*    }*/

/*    !*& + .timeline-item {*!*/
/*    !*    transform: translateY(-30%);*!*/
/*    !*}*!*/

/*    !*&:nth-of-type(even) {*!*/
/*    !*    align-self: end;*!*/

/*    !*    .item-month {*!*/
/*    !*        text-align: right;*!*/
/*    !*    }*!*/

/*    !*    .item-header, .item-description, .item-images {*!*/
/*    !*        padding-left: calc(var(--bs-gutter-x) * 8);*!*/
/*    !*        padding-right: 0;*!*/
/*    !*    }*!*/
/*    !*}*!*/
/*  }*/

/*  .swiper-years {*/
/*    .swiper-slide {*/
/*      h4 {*/
/*        padding: 0.5rem 0;*/
/*        line-height: 1.08;*/

/*        span {*/
/*          display: block;*/
/*          font-weight: normal;*/
/*          line-height: 1;*/
/*          font-size: 62.5%;*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/

/*  .swiper-contents {*/
/*    .item-images {*/
/*      picture, img {*/
/*        display: block;*/
/*        width: 100%;*/
/*        height: auto;*/
/*      }*/
/*    }*/
/*  }*/
/*}*/

.timelines-container {
  --bg-color: #fff;
  --line-color: #ccc;
  --bs-gutter-x: 10px;
  max-width: var(--max-container-width);
  margin: 0 auto;
  width: calc(100% - var(--container-gap) - var(--container-gap));
}

.timelines-container .timeline-item {
  padding-left: clamp(0rem, calc(-10.31rem + 21.48vw), 6.88rem);
}

.timelines-container .timeline-item .item-content {
  margin-bottom: clamp(2.5rem, calc(-7.82rem + 21.51vw), 7.5rem);
}

.timelines-container .timeline-item .item-content h1,
.timelines-container .timeline-item .item-content h2,
.timelines-container .timeline-item .item-content h3,
.timelines-container .timeline-item .item-content h4,
.timelines-container .timeline-item .item-content h5,
.timelines-container .timeline-item .item-content h6 {
  font-size: var(--font-size-h6);
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.03px;
  margin-bottom: 1rem;
}

.timelines-container .timeline-item .item-content p {
  margin-bottom: 0;
}

.timelines-container .timeline-item .item-content p + * {
  margin-bottom: 1rem;
}

.timelines-container .timeline-item:last-child .item-content {
  margin-bottom: 0;
}

.timelines-container .timeline-list {
  position: relative;
  display: flex;
  flex-direction: column;
}

.timelines-container .timeline-list:after {
  position: absolute;
  left: 50%;
  content: '';
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--line-color);
  z-index: 0;
}

.timelines-container .timeline-list + .timeline-list {
  margin-top: -10%;
}

.timelines-container .timeline-year {
  margin: 0 auto;
  text-align: center;
  position: relative;
  background-color: var(--bg-color);
  padding: calc(var(--bs-gutter-x) * 4) 0;
  z-index: 1;
}

.timelines-container .timeline-year:after {
  content: '';
  position: absolute;
  height: 24px;
  width: 24px;
  border: 1px solid var(--line-color);
  background: #fff;
  border-radius: 50%;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.timelines-container .timeline-item {
  display: flex;
  flex-direction: row;
  align-self: flex-start;
}

.timelines-container .timeline-item:last-child .item-images::before {
  display: none;
}

.timelines-container .timeline-item .item-month {
  line-height: 2;
  padding: var(--bs-gutter-x) 0;
  border-bottom: 1px solid var(--line-color);
  margin-bottom: calc(var(--bs-gutter-x) * 2);
}

.timelines-container .timeline-item .item-header {
  text-wrap: balance;
}

.timelines-container .timeline-item .item-images {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-right: 2.5rem;
}

.timelines-container .timeline-item .item-images::before {
  content: '';
  position: absolute;
  left: calc(50% - 1px);
  height: 100%;
  width: 2px;
  background-color: var(--rd-textcolor-standard);
}

.timelines-container .timeline-item .item-images .item-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: var(--rd-textcolor-standard);
  border-radius: 50%;
}

.timelines-container .timeline-item .item-images .item-image .img-pic {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
}

.timelines-container .timeline-item .item-images .item-image .img-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.timelines-container .timeline-item .item-images .item-image .svg-img-wrap {
  filter: invert(1);
  width: 24px;
  height: 24px;
}

.timelines-container .timeline-item .item-images .item-image .svg-img-wrap svg {
  width: 100%;
  height: 100%;
}

.timelines-container .timeline-item .item-images[data-size="1"] .item-image {
  flex: 0 0 100%;
}

.timelines-container .timeline-item .item-images[data-size="2"] .item-image {
  flex: 0 0 50%;
}

.timelines-container .timeline-item .item-images picture,
.timelines-container .timeline-item .item-images img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.timelines-container .swiper-years .swiper-slide h4 {
  padding: 0.5rem 0;
  line-height: 1.08;
}

.timelines-container .swiper-years .swiper-slide h4 span {
  display: block;
  font-weight: normal;
  line-height: 1;
  font-size: 62.5%;
}

.timelines-container .swiper-contents .item-images picture,
.timelines-container .swiper-contents .item-images img {
  display: block;
  width: 100%;
  height: auto;
}


/*.timelines-container {*/
/*  --bs-gutter-x: 30px;*/

/*  .swiper-controls {*/
/*    padding: calc(var(--bs-gutter-x) / 2) 0;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/

/*    div {*/
/*      margin: 0 calc(var(--bs-gutter-x) / 2);*/
/*      cursor: pointer;*/
/*      opacity: 0.5;*/

/*      &:hover {*/
/*        opacity: 0.75;*/
/*      }*/

/*      &.disabled {*/
/*        opacity: 0.25;*/
/*        cursor: not-allowed;*/
/*      }*/
/*    }*/

/*    .iconfont {*/
/*      font-size: 2rem;*/
/*      color: var(--rd-textcolor-standard);*/
/*    }*/
/*  }*/

/*  .swiper-years {*/
/*    .swiper-slide {*/
/*      text-align: center;*/
/*      padding: calc(var(--bs-gutter-x) / 2) 0;*/

/*      h4 {*/
/*        transition: all 0.2s linear;*/
/*        margin: 0 auto;*/
/*      }*/

/*      &.swiper-slide-active {*/
/*        h4 {*/
/*          transform: scale(2);*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*}*/

.timelines-container {
  --bs-gutter-x: 30px;
}

.timelines-container .swiper-controls {
  padding: calc(var(--bs-gutter-x) / 2) 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.timelines-container .swiper-controls div {
  margin: 0 calc(var(--bs-gutter-x) / 2);
  cursor: pointer;
  opacity: 0.5;
}

.timelines-container .swiper-controls div:hover {
  opacity: 0.75;
}

.timelines-container .swiper-controls div.disabled {
  opacity: 0.25;
  cursor: not-allowed;
}

.timelines-container .swiper-controls .iconfont {
  font-size: 2rem;
  color: var(--rd-textcolor-standard);
}

.timelines-container .swiper-years .swiper-slide {
  text-align: center;
  padding: calc(var(--bs-gutter-x) / 2) 0;
}

.timelines-container .swiper-years .swiper-slide h4 {
  transition: all 0.2s linear;
  margin: 0 auto;
}

.timelines-container .swiper-years .swiper-slide.swiper-slide-active h4 {
  transform: scale(2);
}

/*.timelines-container {*/
/*  .rd-tabs {*/
/*    ul {*/
/*      display: flex;*/
/*      list-style: none;*/
/*      margin: 0 0 2rem;*/
/*      padding: 0 0 1rem;*/
/*      border-bottom: 1px solid var(--rd-textcolor-1);*/

/*      li {*/
/*        & + li {*/
/*          margin-left: 1rem;*/
/*        }*/

/*        a {*/
/*          border-radius: 1lh;*/
/*          text-decoration: none;*/
/*          padding: 0.75rem 1.5rem;*/
/*          display: block;*/
/*          background-color: var(--color-bg-header);*/
/*          transition: all 0.1s ease-in;*/
/*          line-height: 1;*/

/*          &:hover {*/
/*            background-color: var(--rd-textcolor-2);*/
/*            color: var(--rd-bgcolor-standard);*/
/*          }*/
/*        }*/

/*        &.active {*/
/*          a {*/
/*            background-color: var(--rd-textcolor-2);*/
/*            color: var(--rd-bgcolor-standard);*/
/*            font-weight: bold;*/
/*          }*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/

/*  .rd-panes {*/
/*    .rd-pane {*/
/*      display: none;*/
/*      position: relative;*/
/*      overflow: hidden;*/

/*      &.active {*/
/*        display: block;*/
/*      }*/

/*      .swiper-slide {*/
/*        background-color: var(--rd-bgcolor-1);*/
/*        padding: 1.6rem;*/
/*        box-sizing: border-box;*/

/*        img {*/
/*          width: 100%;*/
/*          height: auto;*/
/*        }*/
/*      }*/

/*      .swiper-controls {*/
/*        display: flex;*/
/*        margin-bottom: 2rem;*/

/*        .rd-button {*/
/*          margin-right: 2rem;*/
/*          padding: .8rem;*/

/*          &:before {*/
/*            display: none;*/
/*          }*/

/*          &.swiper-button-disabled {*/
/*            opacity: 0.5;*/
/*          }*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*}*/

.timelines-container .rd-tabs ul {
  display: flex;
  list-style: none;
  margin: 0 0 2rem;
  padding: 0 0 1rem;
  border-bottom: 1px solid var(--rd-textcolor-1);
}

.timelines-container .rd-tabs ul li + li {
  margin-left: 1rem;
}

.timelines-container .rd-tabs ul li a {
  border-radius: 1lh;
  text-decoration: none;
  padding: 0.75rem 1.5rem;
  display: block;
  background-color: var(--color-bg-header);
  transition: all 0.1s ease-in;
  line-height: 1;
}

.timelines-container .rd-tabs ul li a:hover {
  background-color: var(--rd-textcolor-2);
  color: var(--rd-bgcolor-standard);
}

.timelines-container .rd-tabs ul li.active a {
  background-color: var(--rd-textcolor-2);
  color: var(--rd-bgcolor-standard);
  font-weight: bold;
}

.timelines-container .rd-panes .rd-pane {
  display: none;
  position: relative;
  overflow: hidden;
}

.timelines-container .rd-panes .rd-pane.active {
  display: block;
}

.timelines-container .rd-panes .rd-pane .swiper-slide {
  background-color: var(--rd-bgcolor-1);
  padding: 1.6rem;
  box-sizing: border-box;
}

.timelines-container .rd-panes .rd-pane .swiper-slide img {
  width: 100%;
  height: auto;
}

.timelines-container .rd-panes .rd-pane .swiper-controls {
  display: flex;
  margin-bottom: 2rem;
}

.timelines-container .rd-panes .rd-pane .swiper-controls .rd-button {
  margin-right: 2rem;
  padding: .8rem;
}

.timelines-container .rd-panes .rd-pane .swiper-controls .rd-button:before {
  display: none;
}

.timelines-container .rd-panes .rd-pane .swiper-controls .rd-button.swiper-button-disabled {
  opacity: 0.5;
}