#formacao-psicodrama-two {
  & > .container > .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem 2.5rem;
    margin-bottom: 3rem;

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

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

      &.content .content__title {
        grid-row: 1;
        text-align: center;
        font-size: 2rem;
      }

      &.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: 2;

      > * {
        margin: 0;
      }
    }

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

    .content__image {
      grid-column: 1;
      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%;
    }
  }

  .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.5rem
      }
    }
  }

  .main-cta {
    width: 100vw;
    border-radius: 1.5rem 1.5rem 0 0;
    background-color: var(--purple-main);

    .container {
      color: white;
      padding: 3rem;
      gap: 1.5rem;
      display: grid;
      justify-items: center;

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

        > * {
          margin: 0;
        }
      }

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

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

    .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 {
      font-size: 2.5rem;
      text-align: center;
      font-weight: 400;
      margin-bottom: 2rem;
      --underline-height: 5px;

      > * {
        margin: 0;
      }
    }

    & > .body {
      text-align: justify;
      width: 70%;
      margin-bottom: 2rem;

      @media (max-width: 1024px) {
        width: unset !important;
        margin-bottom: 0;
      }
    }

    .items {
      display: grid;
      grid-template-columns: 5fr 5fr 3fr;
      gap: 1.5rem;

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

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

        & > img {
          grid-row: 1;
        }

        &.items .schedule {
          grid-row: 2;
        }

        &.items .duration {
          grid-row: 3;
        }

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

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

        &.items .cta {
          gap: 2rem;
          text-align: center;

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

      .schedule {
        display: grid;
        gap: 1rem;
        grid-column: 1;
        grid-row: 1 / span 2;
      }
    }

    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;
      grid-column: 2;
      grid-row: 1 / span 2;
    }

    .duration {
      border-radius: 2rem;
      display: grid;
      justify-items: center;
      align-items: flex-start;
      align-content: flex-start;
      grid-column: 3;
      grid-row: 1;
      gap: 1rem;

      .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;
      display: grid;
      border-radius: 2rem;
      grid-column: 3;

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

      .link {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 1rem;
        align-items: center;
        justify-content: center;

        span {
          font-size: 1.25rem;
        }

        i {
          color: white;
        }
      }
    }
  }
}