/* usado no nos cards sem borda */
  .card-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
    width: 100%;
  }

  /* parte dos contatos */
  .center-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  /* div background com imagem verde */
  .stv-container {
    position: relative;
    background-image: url("../img/6 BACKGROUND.png");
    /* background-image: url("./assetsnew/img/6 BACKGROUND.png"); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    align-items: center;
  }

  /* div background com fundo branco */
  .white-container {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    align-items: center;
  }

  /* usado para adicionar padding nos elementos dentro do containers padrões */
  .stv-container>div,
  .stv-container>p {
    padding: 0;
  }

  .white-container>div,
  .white-container>p {
    padding: 0;
  }

  /* Para telas maiores que 740px */
  @media (max-width: 740px) {

    .stv-container>div,
    .stv-container>p {
      padding-left: 20px;
      padding-right: 20px;
    }

    .white-container>div,
    .white-container>p {
      padding-left: 20px;
      padding-right: 20px;
    }
  }