.container-timeline-concurso {
        align-content: center;
        display: flex;
        flex-direction: column;
        margin: 30px 50px;
    }

    .container-timeline-concurso h2 {
        color: #fff;
        font-size: 45px;
        font-weight: 700;
        text-align: center;
    }

    .timeline {
        counter-reset: etapa;
        display: flex;
        flex-direction: column;
        margin: 5% auto;
        width: 80%;
    }

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

.fase-encerrada {
  opacity: 0.3;
  transition: opacity 0.4s ease;
}

.timeline__event__icon:after .fase-encerrada-icon {
   opacity: 0.0;
}
    .timeline__event__icon,
    .timeline__event__icon:before {
        align-items: center;
        background: #f37a76;
        display: flex;
        justify-content: center;
    }

    .timeline__event__icon:before {
        border: 2px solid #9251ac;
        border-radius: 50%;
        color: #fff;
        content: counter(etapa);
        font-size: 1.5rem;
        font-weight: 700;
        height: 5rem;
        left: -6rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 5rem;
        z-index: 1;
    }

    .timeline__event__icon:after {
        background: #fff;
        content: "";
        height: 100%;
        left: -3.5rem;
        position: absolute;
        top: 52%;
        width: 3px;
        z-index: -1;
    }

.timeline__event__icon.last::after {
    display: none;
}

.timeline__event__icon.old::after {
    opacity: 0.0;
}

    .timeline__event__icon {
        border-radius: 8px 0 0 8px;
        counter-increment: etapa;
        flex-basis: 40%;
        position: relative;
    }

    .timeline__event__content {
        padding: 20px;
    }

    .timeline__event__title {
        color: #f37a76;
        font-size: 18px;
        font-weight: normal;
        letter-spacing: 1.5px;
        line-height: 1.4;
    }

    .timeline__event__number {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        white-space: nowrap;
    }

@media (max-width: 1045px) {
      .timeline {
        width: 90%;
    }
  .timeline__event__title {
   font-size: 16px;
  } 
}

@media (max-width: 935px) {
  .timeline__event__title {
   font-size: 14px;
  } 
}

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

        .timeline__event__title {
          text-align: center; 
      }
      .timeline__event__icon:after {
    height: 550%;
}
      .timeline__event__icon:before {
      transform: translateY(-20%);
      top: 100%;  
      }

@media (max-width: 525px) {
  .timeline__event__title {
   font-size: 12px;
  } 
  .container-timeline-concurso {
   padding-left: 15px;
  }
}