/** Start Vertical Timeline CSS Property **/
.vertical-timeline {
    padding: var(--padding-tb-small) 0;
  }
  .vertical-timeline .content-box:has(h2) {
    text-align: center;
    margin-bottom: 60px;
  }
  .vertical-timeline .timeline-list {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    max-width: 950px;
    width: 100%;
  }
  .vertical-timeline .timeline-list:before {
    content: "";
    border-left: 1px dashed #000;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .vertical-timeline .align-items-center {
    flex-direction: column;
  }
  .vertical-timeline .timeline-item {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .vertical-timeline .timeline-list .timeline-item h5 {
    position: relative;
  }
  .vertical-timeline .timeline-list .timeline-item h5:before {
    content: "";
    background: var(--hot-pink-color);
    width: 16px;
    height: 16px;
    border-radius: 60px;
    position: absolute;
    left: -47px;
    top: 50%;
    transform: translateY(-50%);
  }
  .vertical-timeline .timeline-item .content-box {
    display: flex;
    flex-direction: column;
    max-width: 50%;
    row-gap: 15px;
    padding-left: 40px;
  }
  .vertical-timeline .timeline-item:nth-child(even) .content-box {
    text-align: right;
    align-items: end;
    padding-right: 0px;
    padding-right: 40px;
  }
  .vertical-timeline .timeline-item .content-box img {
    width: 80px;
  }
  .vertical-timeline .timeline-item h5 {
    color: var(--hot-pink-color);
    position: relative;
  }
  @media only screen and (min-width: 768px) {
    .vertical-timeline .timeline-list .timeline-item:nth-child(even) h5:before {
      left: auto;
      right: -49px;
    }
  }
  .vertical-timeline .timeline-item:nth-child(odd) {
    align-items: flex-end;
  }
  @media only screen and (max-width: 991px) {
    .vertical-timeline .timeline-list .timeline-item:before {
      top: calc(50% - 35px);
    }
  }
  @media only screen and (max-width: 767px) {
    .vertical-timeline .timeline-list:before {
      left: 21px;
      transform: translate(0%, 0%);
    }
    .vertical-timeline .timeline-item:nth-child(odd) {
      align-items: start;
    }
    .vertical-timeline .timeline-item .content-box {
      text-align: left !important;
      align-items: start !important;
      padding: 0 0 0 50px !important;
    }
    .vertical-timeline .timeline-list .timeline-item:before {
      left: 24px;
      top: calc(50% - 10px);
    }
    .vertical-timeline .timeline-item .content-box {
      max-width: 600px;
    }
  }
  @media only screen and (max-width: 575px) {
    .vertical-timeline .timeline-list .timeline-item:before {
      left: 24px;
      top: calc(50% - 35px);
    }
  }
  /** End Vertical Timeline Property **/