.timeline__event {
      background: #fff;
      margin-bottom: 20px;
      position: relative;
      display: flex;
      margin: 20px 0;
      border-radius: 8px;
      box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.075),
        0 18px 36px -18px rgba(0, 0, 0, 0.3),
        0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}

.timeline__event__title {
        font-size: 17px;
        line-height: 1.4;
        text-transform: uppercase;
        font-weight: 600;
        color: #003399;
        letter-spacing: 1.5px;
      }
      .timeline__event__content {
        padding: 20px;
        padding-left: 60px;
      }

        .timeline__event i {
          position: absolute;
          top: 50%;
          left:10px;
          border-radius: 50%;
          background: #003399;
          padding: 10px;
          font-size: 25px;
          color: #fff;
            transform: translateY(-50%);

        }

    .timeline__event__description {
        flex-basis: 60%;
      }


        .timeline__event--type3.timeline__event__date {
          color: #aff1b6;
        }

        .timeline__event--type3.timeline__event__icon {
          background: #24b47e;
          color: #24b47e;
        }
        .timeline__event--type3.timeline__event__title {
          color: #24b47e;
        }


            .timeline__event:last-child:after{
            content: none;
             }


  @media (max-width: 786px) {
    .timeline__event {
      flex-direction: column;
    }

  }