#formacao-psicodrama-three {
  & > .container > .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 2.5rem;
    margin-bottom: 4rem;
    align-items: flex-start;

    @media (max-width: 1024px) {
      gap: 2rem;
      grid-template-columns: 1fr;

      &.content > * {
        grid-column: 1 !important;
      }

      &.content > .content__title {
        grid-row: 1;
        text-align: center;
      }

      &.content > .content__image {
        grid-row: 2;
        min-height: 300px;
        min-width: 300px;
      }

      &.content > .content__body {
        grid-row: 3;
      }
    }

    .content__title {
      font-size: 2.5rem;
      font-weight: 400;
      line-height: 1.25;
      grid-column: 1;

      > * {
        margin: 0;
      }
    }

    .content__body {
      grid-column: 1;
      text-align: justify;
      line-height: 1.5;

      > * {
        margin: 0;
      }
    }

    .content__image {
      grid-column: 2;
      grid-row: 1 / span 2;
      border-radius: 2rem;
      box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.33);
      background-color: black;
      width: 100%;
      height: auto;
      object-fit: cover;
      max-height: 350px;
    }
  }

  .about {
    display: grid;
    gap: 2rem;
    justify-items: center;
    margin-bottom: 4rem;

    .about__title {
      display: flex;
      align-items: center;
      gap: 1rem;
      font-size: 2.5rem;
      font-weight: 400;
      line-height: 1.25;
      --underline-height: 3px;

      img {
        width: 2rem;
        height: auto;
      }


    }

    .about__body {
      grid-column: 1;
      text-align: justify;
      line-height: 1.5;
      background-color: white;
      padding: 2rem;
      border: 1px solid black;
      border-radius: 1rem;
      box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.33);
      font-size: 1.25rem;

      p {
        margin-block: 1.25rem;
      }

      b {
        color: var(--active-pink);
      }

      li {
        margin-bottom: .75rem;
      }
    }
  }

  .main-cta {
    width: 100vw;
    background-color: var(--purple-main);

    .container {
      padding: 2rem;
      display: grid;
      border-radius: 1.5rem 1.5rem 0 0;
      color: white;

      .title {
        font-size: 2.5rem;
        text-align: center;
        font-family: 'Gloock', sans-serif;
        font-weight: 400;
        margin-bottom: 1.5rem;

        > * {
          margin: 0;
        }
      }

      .body {
        text-align: justify;
        line-height: 1.5;
      }

      .button {
        margin-top: 2rem;
        text-align: center;

        button {
          background-color: white;
          color: var(--active-pink);
          font-weight: 600;
          font-size: 1.25rem;
          padding: .5rem 2rem;
        }
      }
    }
  }

  .structure {
    display: grid;
    gap: 1rem;
    justify-items: center;
    margin-top: 4rem;

    @media (max-width: 1024px) {
      margin-top: 4rem;
    }

    .card {
      border-radius: 100vmax;
      border: 1px solid black;
      color: black;
      padding: 1rem;
      display: flex;
      gap: 1rem;
      align-items: center;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.33);

      i {
        color: var(--active-pink);
      }
    }

    .title {
      display: flex;
      font-size: 2.5rem;
      --underline-height: 5px;

      > * {
        margin: 0;
      }
    }

    .subtitle {
      text-align: justify;
      width: 70%;
      margin-bottom: 2rem;
      font-size: 1.15rem;

      @media (max-width: 1024px) {
        &.subtitle {
          width: unset;
          margin-bottom: 0;
        }
      }
    }

    .items {
      display: grid;
      grid-template-columns: repeat(2, 5fr) 3fr;
      gap: 2rem;

      @media (max-width: 1024px) {
        grid-template-columns: 1fr;

        & > img {
          grid-row: 1;
        }

        .schedule {
          img {
            display: none;
          }
        }

        &.items > :nth-child(2n -1) {
          padding-top: 0;

          &.schedule .card {
            justify-content: center;
            justify-items: center;
          }
        }

        &.items .last {
          gap: 2rem;

          .cta {
            text-align: center;
            justify-content: center;
            justify-items: center;
            
            
            
            
            
            

            .link {
              /* text-align: left; */
              gap: 1rem;
            }
          }
        }
      }

      img {
        border-radius: 2rem;
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.33);
        width: 100%;
        height: auto;
        min-height: 200px;
        background-color: black;
        object-fit: cover;
      }

      > :nth-child(2n -1) {
        padding-top: 2rem;
      }

      .schedule {
        display: grid;
        gap: 2rem;
      }

      .last {
        display: grid;
        gap: 1rem;
        align-content: baseline;

        .card {
          border-radius: 2rem;
          display: grid;
        }

        .duration {
          justify-items: center;
          align-items: flex-start;
          align-content: flex-start;

          @media (max-width: 1024px) {
            text-align: center;
          }

          .duration__title {
            font-size: 1.25rem;
            display: flex;
            --underline-height: 3px;
          }
        }

        & > .cta {
          background-color: var(--purple-main);
          border: none;
          color: white;
          padding-top: 2rem;
          text-decoration: none;

          .content {
            font-size: .875rem;
            font-weight: 300;
          }

          .link {
            display: inline;
            align-items: center;
            width: 100%;
            text-align: center;

            span {
              font-size: 1.25rem;
            }

            i {
              color: white;
            }
          }
        }
      }
    }
  }

  & > .container > .cta {
    text-align: center;
    margin-top: 4rem;

    button {
      background-color: var(--active-pink);
      padding: .5rem 2rem;
      font-size: 1.25rem;
    }
  }
}