.tj-timeline--id434632 {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  background: linear-gradient(0deg, rgba(255,255, 255, 1) 0%, rgba(255,255, 255, 1) 100%);
}

.tj-timeline--id434632 .tj-timeline__container {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3.75rem 0;
  padding: 1.87rem 1.87rem 1.56rem 0;
  margin: 0 auto;
}

.tj-timeline--id434632 .tj-timeline__header {
  position: relative;
  width: 100%;
  display: flow-root;
}

.tj-timeline--id434632 .tj-timeline__title {
  position: relative;
  width: 100%;
  font-size: 2.87rem;
  font-family: 'DM Serif Text', sans-serif;
  font-weight: 400;
  line-height: 1.17;
  letter-spacing: 0em;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  color: rgba(76,76, 76, 1);
  display: block;
  margin: 0 auto 2.18rem 0;
  white-space: nowrap;
}

.tj-timeline--id434632 .tj-timeline__description {
  position: relative;
  width: 100%;
  font-size: 1.31rem;
  font-family: 'Kanit', sans-serif;
  font-weight: 300;
  line-height: 1.52;
  letter-spacing: 0em;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  color: rgba(76,76, 76, 1);
  display: block;
  margin-top: 2.18rem;
}

.tj-timeline--id434632 .tj-timeline__content {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.tj-timeline--id434632 .tj-timeline__item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2.81rem 3%;
}

.tj-timeline--id434632 .tj-timeline__date {
  position: relative;
  width: 18.46%;
  font-size: 2rem;
  min-width: 10rem;
  font-family: 'DM Serif Text', sans-serif;
  font-weight: 400;
  font-style: italic;
  line-height: 129.99999%;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-transform: none;
  text-align: right;
  color: rgba(76,76, 76, 1);
  display: block;
  white-space: nowrap;
}

.tj-timeline--id434632 .tj-timeline__marker {
  position: relative;
  width: 0.93rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0.62rem;
}

.tj-timeline--id434632 .tj-timeline__dot {
  position: relative;
  width: 1.56rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.62rem 71%;
  padding: 0.34rem;
  border-radius: 50px;
  background: linear-gradient(0deg, rgba(206,233, 242, 1) 0%, rgba(206,233, 242, 1) 100%);
}

.tj-timeline--id434632 .tj-timeline__icon {
  position: relative;
  width: 0.87rem;
  height: 0.87rem;
  display: block;
}

.tj-timeline--id434632 .tj-timeline__line {
  position: absolute;
  width: 0.06rem;
  max-width: 0.06rem;
  height: 100%;
  display: block;
  top: 1rem;
  background: linear-gradient(0deg, rgba(68,174, 207, 1) 0%, rgba(68,174, 207, 1) 100%);
}

.tj-timeline--id434632 .tj-timeline__item--last .tj-timeline__line {
  display: none;
}

.tj-timeline--id434632 .tj-timeline__details {
  position: relative;
  width: 73.46%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px 0;
  padding-top: 0.42rem;
  padding-bottom: 8rem;
}

.tj-timeline--id434632 .tj-timeline__item--last .tj-timeline__details {
  padding-bottom: 0;
}

.tj-timeline--id434632 .tj-timeline__headline {
  position: relative;
  width: 100%;
  font-size: 1.31rem;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 0em;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  color: rgba(76,76, 76, 1);
  display: block;
  margin: 0;
}

.tj-timeline--id434632 .tj-timeline__text {
  position: relative;
  width: 100%;
  font-size: 1.31rem;
  font-family: 'Kanit', sans-serif;
  font-weight: 300;
  line-height: 1.52;
  letter-spacing: 0em;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  color: rgba(76,76, 76, 1);
  display: block;
}

/* Responsive Breakpoints */
@media (max-width: 1269px) {
  .tj-timeline--id434632 .tj-timeline__container {
    gap: 2.88rem 0;
  }

  .tj-timeline--id434632 .tj-timeline__title {
    font-size: 2.43rem;
  }

  .tj-timeline--id434632 .tj-timeline__date {
    width: 18.58%;
  }

  .tj-timeline--id434632 .tj-timeline__marker {
    width: calc(3.03% - 0.94rem);
    max-width: 0.93rem;
  }

  .tj-timeline--id434632 .tj-timeline__details {
    width: 100%;
  }

  .tj-timeline--id434632 .tj-timeline__item {
    gap: 2.15rem 1rem;
  }
}

@media (max-width: 1023px) {
  .tj-timeline--id434632 .tj-timeline__container {
    gap: 2.16rem 0;
  }

  .tj-timeline--id434632 .tj-timeline__title {
    font-size: 2.06rem;
  }

  .tj-timeline--id434632 .tj-timeline__date {
    width: 24.39%;
    font-size: 1.56rem;
  }

  .tj-timeline--id434632 .tj-timeline__marker {
    width: calc(5.13% - 1.42rem);
    max-width: 0.93rem;
  }

  .tj-timeline--id434632 .tj-timeline__details {
    width: 100%;
  }

  .tj-timeline--id434632 .tj-timeline__item {
    gap: 1.59rem 1rem;
  }
}

@media (max-width: 767px) {
  .tj-timeline--id434632 .tj-timeline__container {
    padding: 1.31rem 1.31rem 1.56rem 0;
    gap: 1.35rem 0;
  }

  .tj-timeline--id434632 .tj-timeline__title {
    margin-bottom: 1.56rem;
    font-size: 1.62rem;
  }

  .tj-timeline--id434632 .tj-timeline__description {
    margin-top: 1.56rem;
    font-size: 1.06rem;
  }

  .tj-timeline--id434632 .tj-timeline__date {
    font-size: 1.31rem;
    min-width: 7rem;
  }

  .tj-timeline--id434632 .tj-timeline__marker {
    width: calc(10.07% - 1.95rem);
    max-width: 0.93rem;
    padding-top: 0;
  }

  .tj-timeline--id434632 .tj-timeline__details {
    width: 100%;
    padding-top: 0;
    padding-bottom: 5rem;
  }

  .tj-timeline--id434632 .tj-timeline__headline {
    font-size: 1.06rem;
  }

  .tj-timeline--id434632 .tj-timeline__text {
    font-size: 1.06rem;
  }

  .tj-timeline--id434632 .tj-timeline__item {
    gap: 1rem 1rem;
  }
}

@media (max-width: 479px) {
  .tj-timeline--id434632 .tj-timeline__container {
    padding: 1rem 1.18rem 1.56rem 0;
    gap: 1rem 0;
  }

  .tj-timeline--id434632 .tj-timeline__title {
    margin-bottom: 1rem;
    font-size: 1.43rem;
  }

  .tj-timeline--id434632 .tj-timeline__description {
    margin-top: 1rem;
    font-size: 1.06rem;
  }

  .tj-timeline--id434632 .tj-timeline__date {
    width: auto;
    font-size: 2rem;
    text-align: left;
  }

  .tj-timeline--id434632 .tj-timeline__marker {
    width: calc(16.93% - 2.24rem);
    max-width: 0.93rem;
    order: -1;
    padding-top: 0.5rem;
  }
  .tj-timeline--id434632 .tj-timeline__line{
    height: 22rem;
  }

  .tj-timeline--id434632 .tj-timeline__details {
    width: 100%;
    padding-left: 2rem;
  }

  .tj-timeline--id434632 .tj-timeline__text {
    font-size: 1.06rem;
  }

  .tj-timeline--id434632 .tj-timeline__item {
    flex-wrap: wrap;
  }
}

@media (max-width: 319px) {
  .tj-timeline--id434632 .tj-timeline__container {
    padding: 1rem 1.12rem 1.56rem 0;
    gap: 1rem 0;
  }

  .tj-timeline--id434632 .tj-timeline__title {
    margin-bottom: 1rem;
    font-size: 1.37rem;
  }

  .tj-timeline--id434632 .tj-timeline__description {
    margin-top: 1rem;
    font-size: 1.06rem;
  }

  .tj-timeline--id434632 .tj-timeline__date {
  }

  .tj-timeline--id434632 .tj-timeline__marker {
    width: calc(19.9% - 2.32rem);
    max-width: 0.93rem;
  }

  .tj-timeline--id434632 .tj-timeline__details {
    padding-bottom: 3.12rem;
    width: 100%;
  }

  .tj-timeline--id434632 .tj-timeline__text {
    font-size: 1.06rem;
  }

}