.slick-arrow {
  display: none !important;
}

.slick-track {
  width: max-content !important;
}
/* make raised tiles visible */
.simple-timeline .slick-list {
  height: 375px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.simple-timeline .tile {
  transition: 0.3s;
  padding-left: 120px;
  margin-left: -30px;
}

.simple-timeline .tile:first-of-type {
  margin-left: unset;
}


.simple-timeline .tile.raised {
  margin-top: -50px;
}

.simple-timeline .tile.standard {
  margin-top: 50px;
}


.simple-timeline .items {
  max-width: 170px;
  min-height: 135px;
}

.simple-timeline .date {
  color: white;
  font-size: 60px;
  font-weight: 600;
  transform: rotate(270deg);
  position: absolute;
  left: -10px;
  top: 50px;
}

.simple-timeline .item {
  line-height: 1.25;
      font-weight: bold;
    font-size: 16px;
}

.simple-timeline .circle .item,
.simple-timeline .square .item{
  font-size: 15px;
}

/* Shapes */
.right_tab {
  border-radius: 0 105px 105px 0;
  height: 210px;
}

.left_tab {
  border-radius: 105px 0 0 105px;
  height: 210px;
}

.square {
  border-radius: 70px;
}

.circle {
  width: 275px;
  border-radius: 50%;
  height: 275px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding-left: 110px !important;
}



.circle .date {
  top: 80px;
}

.pill {
  height: 210px;
  border-radius: 105px;
}

.pill .items {
  max-width: 200px;
}

.long_rectangle {
  border-radius: 70px;
  display
}

.long_rectangle .items {
  flex-direction: row;
  flex-wrap: wrap;
  width: calc(170px * 3.5);
  max-width: unset;
}

.long_rectangle .items .item {
  width: 47%;
}
  
/* Colours */
.simple-timeline .vermillion {
  background: linear-gradient(90deg, rgba(240, 90, 49, 0.85), rgba(251, 174, 148, 0.85));
}

.simple-timeline .blue {
  background: rgba(209, 237, 252, 0.8) /* picked from image */
}

.simple-timeline .dark_gray {
  background: var(--black-40);
}

.simple-timeline .deep_teal {
  background: linear-gradient(90deg, rgba(62, 95, 112, 0.85), rgba(144, 164, 174, 0.85));
}

.simple-timeline .light_gray {
  background: var(--black-10);
}

.simple-timeline .indigo {
  background: linear-gradient(90deg, rgba(92, 75, 129, 0.85), rgba(178, 169, 201, 0.85));
}

.simple-timeline .vapor {
  background: linear-gradient(90deg, rgba(148, 177, 185, 0.85), rgba(209, 221, 224, 0.85));
}

.simple-timeline .mid_gray {
  background: var(--black-30);
}

.simple-timeline .transparent {
  padding: 0 !important; 
}

/* slider drag */
.timeline-range {
  width: 100%;
  appearance: none;
  background: #D1EDFC;
  background: linear-gradient(90deg,rgba(209, 237, 252, 1) 0%, rgba(144, 153, 160, 1) 50%, rgba(202, 233, 238, 1) 100%);
  height: 2px;
  outline: none;
}

/* handle */
.timeline-range::-webkit-slider-thumb {
  appearance: none;
  width: 40px;
  height: 10px;
  background: var(--vermillion);
  border-radius: 5px;
  cursor: pointer;
}