/*TIMELINE*/
.timeline {
    display: flex;
    margin:1.5rem 0;
    flex-direction: column;
}.timeline__item {
     display: flex;
     gap: 1rem;
     position: relative;
 }.timeline__item:not(:last-child) {
       padding-bottom: 1.5rem;}
.timeline__badge {
      width: 3rem;
      flex: 0 0 3rem;
      height: 3rem;
      padding: 0.5rem;
      border-radius: 100%;
      background: var(--color-green-1);
      font-weight: var(--font-weight-bold);
      display: flex;
      align-items: center;
      font-size: var(--text-size-S);
      justify-content: center;
      color: var(--color-green-4);
  }.timeline__item:not(:last-child) .timeline__badge::after {
       content: "";
       background: var(--color-green-1);
       position: absolute;
       top: 0;
       bottom: 0;
       width: 1px;
       z-index: -1;
   }.timeline__panel,.timeline__content {
       display: flex;
       gap: 0.5rem;
       flex-direction: column;
   }.timeline__title {
        font-size: var(--text-size-S);
        line-height: var(--text-line-height-S);
        letter-spacing: var(--text-letter-spacing-S);
        font-weight: var(--font-weight-bold);
    }
.timeline__item.timeline__item-disabled {
    color: var(--color-gray-4);
}
.timeline__item.timeline__item-disabled a {
    color: var(--color-gray-4);
    pointer-events: none;
}
.timeline__item.timeline__item-disabled .timeline__badge {
     background: var(--color-gray-2);
     color: var(--color-gray-4);
 }.timeline__badge.timeline__badge-success {
      background: var(--color-green-4);
      color: var(--color-white);
  }.timeline__step {
       font-size: var(--text-size-XXS);
       line-height: var(--text-line-height-XXS);
       letter-spacing: var(--text-letter-spacing-XXS);
       text-transform: uppercase;
   }
.timeline__image img {
    max-width: 100%;
    height: auto;
}.timeline__image {
     margin-left: auto;
     flex: 0 0 33%;
 }
/*ROW*/
.timeline.timeline-row {
    flex-direction: row;
}
.timeline-row .timeline__item {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    flex: 1;
}.timeline-row .timeline__item:not(:last-child) .timeline__badge::after {

     background: var(--color-green-1);
     height: 1px;
     width: 100%;
     margin: 1.5rem auto 0 100%;
 }.timeline-row .timeline__panel {
      width: 100%;
      max-width: 300px;
  }
  @media(max-width:767px){
      .timeline:not(.timeline-row) .timeline__item {
          flex-wrap: wrap;
      } .timeline:not(.timeline-row) .timeline__item .timeline__panel, .timeline:not(.timeline-row) .timeline__image {
           flex: 0 0 calc(100% - 4rem);
       } .timeline:not(.timeline-row) .timeline__image {
             margin-left:auto;
            margin-bottom: 2rem;
        }
  }
  @media(min-width:768px){

       .timeline-md-row {
          flex-direction: row;
      }
      .timeline-md-row .timeline__item {
          flex-direction: column;
          align-items: center;
          gap: 2rem;
          flex: 1;
      }.timeline-md-row .timeline__item:not(:last-child) .timeline__badge::after {

           background: var(--color-green-1);
           height: 1px;
           width: 100%;
           margin: 1.5rem auto 0 100%;
       }.timeline-md-row .timeline__panel {
            width: 100%;
            max-width: 300px;
        }
      .timeline__item:not(:last-child) {
          padding-bottom: 3.5rem;
      }
  }