.Card-conhecer-mais {
  border-radius: 8px;
  max-width: 930px;
  width: 100%;
  height: 312px;
  gap: 50px;
  padding-top: 48px;
  background-image: url(../../assets/images/bg-conhecer-mais.png);
  background-size: cover;
  display: flex;

  > .content {
    padding-left: 48px;
    max-width: 412px;

    @media screen and (max-width: $md) {
      padding-inline: 24px;
    }

    p {
      color: #dbd9ff;
      padding-top: 14px;
      padding-bottom: 78px;

      @media screen and (max-width: $md) {
        padding-bottom: 40px;

      }
    }

    > div {
      gap: 12px;
    }
  }

  @media screen and (max-width: $md) {
    img {
      display: none;
    }
  }
}