.panel--timeline-process {
  background-color: #00A2A1;
  padding-block: 100px;
  .timeline-process__inner {
    display: flex;
    flex-direction: column;
    gap: 50px;

    @media (max-width: 900px) {
      gap: 20px;
    }

    .timeline-process__title {
      margin: 0;
      color: #002467;
      text-align: center;
      font-family: var(--research-font-aleo);
      font-size: 30px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .timeline-process__rows {
      display: flex;
      flex-direction: column;
      gap: 50px;

      @media (max-width: 900px) {
        gap: 20px;
      }

      .timeline-process__row {
        display: flex;
        gap: 15px;

        @media (max-width: 900px) {
          flex-direction: column;
          justify-content: center;
          align-items: center;

          .timeline-process__row-content {
            align-items: center;

            .timeline-process__row-description {
              text-align: center;
            }
          }
          
          .timeline-process__items {
            flex-wrap: wrap;
            gap: 20px;

            .timeline-process__item {
              flex: 1 1 50%;
              .timeline-process__images::after {
                display: none !important;
              }
            }
          }
          
        }

        .timeline-process__row-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          flex: 1 0 25%;

          .timeline-process__row-title {
            font-size: 17px;
            font-weight: 700;
            letter-spacing: 0.05em;
            margin-bottom: 5px;
            text-transform: uppercase;
          }

          .timeline-process__row-description {
            font-size: 17px;
            font-weight: 300;
            font-style: italic;
            line-height: 32px;
          }
        }

        .timeline-process__items {
          display: flex;

          .timeline-process__item {
            display: flex;
            flex-direction: column;
            align-items: center;

            &:first-child .timeline-process__images::after {
              width: 150%;
            }

            &:last-child .timeline-process__images::after {
              width: 80%;
              left: 50px;
            }


            .timeline-process__images {
              position: relative;
              display: flex;
              justify-content: space-evenly;
              width: 100%;
              isolation: isolate;
              z-index: 0;

              &::after {
                content: "";
                display: flex;
                height: 1px;
                width: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: -1;
                pointer-events: none;
              }

              img {
                position: relative;
                z-index: 1;
                width: 125px;
                height: 125px;
                border-radius: 50%;
                object-fit: cover;

                @media (max-width: 1100px) {
                  width: 100px;
                  height: 100px;
                }
              }
            }

            .timeline-process__item-title {
              text-align: center;
              font-size: 16px;
              font-weight: 300;
              line-height: 32px;
            }
          }
        }

        &.timeline-process__row--blue_row {
          .timeline-process__row-title, .timeline-process__row-description, .timeline-process__item-title {
            color: #002467;
          }

          .timeline-process__images::after {
            background-color: #002467;
          }
        }

        &.timeline-process__row--white_row {
          .timeline-process__row-title, .timeline-process__row-description, .timeline-process__item-title {
            color: #fff;
          }

          .timeline-process__images::after {
            background-color: #fff;
          }
        }
      }
    }
  }
}