.timeline::after,
.timeline__date::after {
  position: absolute;
  content: "";
  display: block
}
.timeline::after {
  background-color: #000;
  width: 1px;
  height: 100%;
  top: 0;
  left: 420px
}
.timeline__date::after {
  background-color: #fff;
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-style: solid;
  border-top: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-color: gray;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-radius: 50%;
  left: 100%;
  top: -20%;
  transform: translateY(-50%)
}
.aa {
  opacity: .86;
  border-top-color: rgba(0,204,255,.663);
  background-size: cover;
  background-color: rgba(49,9,66,.235);
  filter: grayscale(.4);
  display: inherit;
  box-shadow: rgba(244,135,218,.773) 0 0 0 0 inset
}
.bg-j,
.dd {
  opacity: 1
}
.dd,
.ff {
  background-size: unset
}
.dd,
.dropdown-mobile.open,
.timeline__date {
  display: flex
}
.bg-j {
  background-color: rgba(0,0,0,.67);
  filter: grayscale(.5);
  mix-blend-mode: darken
}
.dd {
  background-color: rgba(162,15,194,.635);
  box-shadow: #24b2d5 0 0 0 0;
  overflow-x: hidden;
  overflow-y: hidden
}
.ff {
  opacity: .96;
  text-shadow: #000 0 0 0;
  filter: grayscale(0);
  background-color: rgba(103,17,152,.576);
  color: #42abc5;
  position: sticky
}
.timeline,
.timeline__date,
.timeline__single {
  position: relative
}
.timeline__date {
  width: 412px;
  min-width: 412px;
  padding-right: 80px;
  justify-content: flex-end;
  align-items: center
}
.timeline__single {
  display: flex;
  padding: 40px 0;
  z-index: 1
}
.ff1 {
  opacity: 1;
  background-color: #000
}
.header-left {
  width: 45%
}
.w {
  background-color: #0cf
}
.square .relative::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%
}
.square .absolute {
  top: 0;
  left: 0
}
.b {
  box-shadow: #000 0 0 0 0
}
.timeline__text {
  padding-left: 80px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%
}
.gg {
  filter: grayscale(.4)
}
.bg-indigo-900 {
  background-color: #302152
}
@media screen and (min-width:1280px) {
  .dropdown,
  .dropdown-mobile {
    display: none
  }
  .dropdown {
    position: absolute;
    top: 100%;
    flex-direction: column;
    width: fit-content;
    background-color: #fff;
    cursor: pointer;
    border-radius: 2px;
    box-shadow: rgba(0,0,0,.1) 1px 1px 2px 1px
  }
  .dropdownLink {
    white-space-collapse: collapse;
    text-wrap: nowrap;
    font-size: 14px;
    line-height: 2rem;
    padding: 8px 10px;
    text-transform: uppercase
  }
  .dropdownItem {
    border-bottom: 1px solid #a3a3a3
  }
  .dropdownItem:hover {
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgba(100,52,148,.1)
  }
  .dropdownWrapper {
    position: relative
  }
  .dropdownWrapper:hover .dropdown {
    display: flex
  }
  .dropdown-mobile.open {
    display: flex;
    flex-direction: column!important;
    padding-left: 2rem;
  }
  .dropdown-mobile.open .dropdownItem {
    padding: .4rem;
    width: 100%;
    opacity: .7;
    border-bottom: .1rem solid rgba(0, 0, 0, .1);
    text-transform: uppercase;
  }
  .dropdown-mobile.open .dropdownItem a {
    display: block;
    width: 100%;
  }
  @media (max-width:1279px) {
    .dropdown-mobile {
      display: none;
      flex-direction: column;
      position: relative;
      width: 100%
    }
    .open {
      display: flex
    }
    .dropdownLink {
      white-space-collapse: collapse;
      text-wrap: nowrap;
      font-size: 14px;
      line-height: 20px;
      padding: 10px 20px;
      text-transform: uppercase;
      display: block;
      border-bottom: 1px solid #f2f2f2
    }
    .dropdownItem:hover {
      background-image: initial;
      background-position-x: initial;
      background-position-y: initial;
      background-size: initial;
      background-repeat: initial;
      background-attachment: initial;
      background-origin: initial;
      background-clip: initial;
      background-color: rgba(100,52,148,.1)
    }
  }
}