.ehtw-history-timeline{
  position:relative;
  width:100%;
  max-width:1024px;
  margin:88px auto 28px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding:0 0;
  box-sizing:border-box;
}

.ehtw-history-timeline .ehtw-line{
  position:absolute;
  top:60px;
  left:8%;
  right:8%;
  height:1px;
  background:rgba(201,160,83,.40);
  z-index:1;
}

.ehtw-history-timeline .ehtw-item{
  position:relative;
  z-index:2;
  flex:1 1 0;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
}

.ehtw-history-timeline .ehtw-circle{
  position:relative;
  width:120px;
  height:120px;
  border-radius:9999px;

  background-color:#f8efe0;
  background-image:
    repeating-linear-gradient(
      0deg,
      #cea2560b 0% 1px,
      transparent 1px 38px
    ),
    radial-gradient(
      #856d520f 1px,
      transparent 1px
    );
  background-size:auto,3px 3px;

  color:#062244;
  display:grid;
  place-items:center;
  box-shadow:
    0 0 0 1px rgba(201,160,83,.38),
    0 10px 22px rgba(68,45,16,.15),
    inset 0 0 0 4px rgba(255,255,255,.68);
}

.ehtw-history-timeline .ehtw-inner-border{
  position:absolute;
  inset:6px;
  border-radius:9999px;
  border:1px solid rgba(201,160,83,.50);
}

.ehtw-history-timeline .ehtw-cross{
  position:absolute;
  top:8px;
  left:50%;
  transform:translateX(-50%);
  color:#c9a053;
  font-family:Georgia,'Times New Roman',serif;
  font-size:11px;
  line-height:1;
  font-weight:400;
}

.ehtw-history-timeline .ehtw-year{
  font-family:Georgia,'Times New Roman',serif;
  font-size:30px;
  line-height:1;
  font-weight:500;
  color:#062244;
  margin-top:7px;
}

.ehtw-history-timeline .ehtw-text{
  margin-top:18px;
  max-width:150px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:10.5px;
  line-height:1.45;
  letter-spacing:.30em;
  text-transform:uppercase;
  color:rgba(6,34,68,.70);
}

@media(max-width:1024px){
  .ehtw-history-timeline{
    max-width:860px;
    margin:68px auto 24px;
    gap:12px;
    padding:0 18px;
  }
  .ehtw-history-timeline .ehtw-circle{
    width:105px;
    height:105px;
  }
  .ehtw-history-timeline .ehtw-line{
    top:52.5px;
    left:10%;
    right:10%;
  }
  .ehtw-history-timeline .ehtw-year{
    font-size:26px;
  }
  .ehtw-history-timeline .ehtw-text{
    font-size:9px;
    letter-spacing:.26em;
  }
}

@media(max-width:767px){
  .ehtw-history-timeline{
    max-width:420px;
    margin:42px auto 18px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:32px 18px;
    padding:0 16px;
  }
  .ehtw-history-timeline .ehtw-line{
    display:none;
  }
  .ehtw-history-timeline .ehtw-circle{
    width:96px;
    height:96px;
  }
  .ehtw-history-timeline .ehtw-inner-border{
    inset:5px;
  }
  .ehtw-history-timeline .ehtw-cross{
    top:8px;
    font-size:10px;
  }
  .ehtw-history-timeline .ehtw-year{
    font-size:23px;
  }
  .ehtw-history-timeline .ehtw-text{
    margin-top:14px;
    font-size:8px;
    letter-spacing:.23em;
    max-width:125px;
  }
}

@media(max-width:480px){
  .ehtw-history-timeline{
    max-width:340px;
    margin:36px auto 16px;
    gap:28px 12px;
    padding:0 10px;
  }
  .ehtw-history-timeline .ehtw-circle{
    width:86px;
    height:86px;
  }
  .ehtw-history-timeline .ehtw-year{
    font-size:21px;
  }
  .ehtw-history-timeline .ehtw-text{
    max-width:112px;
    font-size:7.5px;
    letter-spacing:.20em;
    line-height:1.4;
  }
}