#section_technologies {
  padding-top: 4.75rem;
  padding-bottom: 6.25rem;
  text-align: center;

  & > div > div {
    gap: 4.875rem;
  }

  & .technologies_content {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;

    & .technologies_title {
      display: flex;
      flex-direction: column;
      gap: 1.875rem;
      color: var(--green-300);

      & span {
        display: block;
        font-weight: 500;
        font-size: 1.125rem;
      }

      & h1 {
        font-weight: bold;
        font-size: 3.125rem;
        line-height: 1.2;
      }
    }
  }

  & p {
    font-weight: 500;
    font-size: 1.125rem;
  }

  & .card_list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;

    & .card_info {
      display: flex;
      flex-direction: column;
      gap: 10px;

      padding: 1rem 2rem;
      border-radius: 10px;

      background-color: #fff;

      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);

      & .card_title {
        display: flex;
        align-items: center;
        gap: 12px;

        & h2 {
          font-weight: bold;
          font-size: 1.375rem;
          text-align: start;
        }
      }
    }
  }
}

#section_garantindo {
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--white-200);
  padding: 10rem 2rem;
  text-align: center;

  & .title_grantindo {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;

    & h2 {
      font-weight: bold;
      font-size: 2.375rem;
      line-height: 1.08;
    }

    & p {
      font-weight: 500;
      font-size: 1.5rem;
    }
  }
}

#section_mvv {
  padding: 6.5rem 1.5rem 4.5rem;
  text-align: center;

  & > div {
    display: flex;
    flex-direction: column;
    gap: 6.5rem;
  }

  & .mvv_content {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    & p {
      font-weight: 500;
      font-size: 1.125rem;
    }

    & p:nth-child(1) {
      font-size: 1.5rem;
    }
  }

  & .mvv_cards {
    display: flex;
    gap: 4rem;

    & .card_mvv {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 5px;

      & .card_header {
        display: flex;
        align-items: center;
        gap: 12px;

        & h3 {
          font-weight: bold;
          font-size: 1.5rem;
        }
      }

      & p {
        font-weight: 500;
        font-size: 1.125rem;
      }
    }
  }
}

@media (min-width: 768px) {
  #section_technologies {
    padding-top: 5.75rem;
    padding-inline: 2rem;

    & .technologies_content {
      gap: 3.25rem;

      & .technologies_title {
        gap: 1.25rem;

        & h1 {
          font-size: 5rem;
          line-height: 1.08;
        }
      }
    }

    & .card_list {
      & .card_info {
        & .card_title {
          justify-content: center;
          & h2 {
            font-size: 1.5rem;
          }
        }
      }
    }
  }

  #section_garantindo {
    & .title_grantindo {
      max-width: 600px;
      margin: 0 auto;

      & p {
        max-width: 376px;
        margin: 0 auto;
      }
    }
  }

  #section_mvv {
    padding: 6.5rem 0 9rem;
  }
}

@media (min-width: 992px) {
  #section_technologies {
    padding-inline: initial;
    text-align: start;

    & > div > div {
      gap: initial;
    }

    & .technologies_content {
      & .technologies_title {
        & h1 {
          font-size: 4rem;
        }
      }
    }

    & .card_list {
      & .card_info {
        & .card_title {
          justify-content: initial;
        }
      }
    }
  }

  #section_mvv {
    & .mvv_cards {
      gap: 0;

      & .card_mvv {
        align-items: start;
        text-align: start;
      }
    }
  }
}

@media (min-width: 1400px) {
  #section_technologies {
    & .technologies_content {
      & .technologies_title {
        & h1 {
          font-size: 5rem;
        }
      }
    }
  }
}