.Sobre-nos {
  &._banner {
    padding-top: 130px;
    padding-bottom: 210px;
    background-image: url(../../assets/images/bg-sobre-nos.png);
    background-repeat: no-repeat;
    // background-position: center bottom;
    background-size: cover;

    .Title {
      max-width: 453px;
    }

    .Body {
      font-size: $text-md;
      color: $text-light;
    }
  }

  &._conteudo {
    display: flex;
    flex-direction: column;
    gap: 80px;

    .Row {
      align-items: center;

      .item-text {
        .Title {
          color: $title;
          margin-bottom: 16px;
        }

        ._text-body {
          color: $text;
          font-size: 23px;
        }
      }
    }
  }

  &._proposito {
    .Title {
      text-align: center;
      color: $title;
    }
    .proposito-cards {
      padding-top: 48px;
      display: flex;
      justify-content: space-between;

      .proposito-card {
        padding: 24px;
        max-width: 358px;

        img {
          width: 32px;
          height: 32px;
          margin-bottom: 40px;
        }

        .Title {
          font-size: $text-df;
          line-height: 20px;
          margin-bottom: 12px;
          text-align: start;
        }

        ._text-body {
          font-size: $text-sm;
          color: $text;
          line-height: normal;
          max-width: 290px;
        }
      }
    }
  }

  @media screen and (max-width: $md) {
    &._banner {
      padding-block: 40px;
    }

    &._conteudo {
      gap: 40px;
      .Row {
        align-items: start;

        .item-text {
          margin-bottom: 24px;
        }
      }
    }

    &._proposito {
      .proposito-cards {
        padding-top: 24px;
        flex-direction: column;
      }
    }
  }
}