/* Início sobre */

#homeSobre {
  padding: 100px 0 50px;
}

#homeSobre h2 span,
#homeSobre li {
  color: var(--primary-color);
}

#homeSobre img {
  border-radius: 8px;
  object-fit: cover;
  object-position: center;
}

/* Fim sobre */

/* Início Produtos */

#homeProdutos {
  padding: 50px 0;
}

#homeProdutos .cards {
  margin-top: 40px;
}

#homeProdutos .card .cardContainer {
  display: flex;
  flex-direction: column;
  padding: 0 0 40px;
}

#homeProdutos .card img {
  border-radius: 8px 8px 0 0;
}

#homeProdutos .card .cardTexts h5:first-child {
  font-size: calc(2 * 1rem) !important;
}

/* Fim Produtos */

/* Início serviços */

#servicos {
  padding: 50px 0;
  background-color: var(--primary-color);
  color: #fff;
}

#servicos h3 {
  margin: 20px 0;
}

/* Fim serviços */

/* Início portifólio */

#portifolio {
  padding: 50px 0;
}

#portifolio .cards {
  margin-top: 40px;
}

#portifolio .cards .d-flex {
  gap: 24px 0;
}

#portifolio .card {
  padding: 0;
  border: 0;
}

#portifolio .card .cardContainer {
  width: 90%;
  padding: 0;
}

#portifolio .card img {
  border-radius: 8px 8px 0 0;
}

#portifolio .card .cardTexts {
  width: 100%;
}

#portifolio .card .cardTexts h5:first-child {
  padding: 20px 0 0;
  font-size: calc(1.5 * 1rem) !important;
}
/* Fim portifólio */

/* Início depoimentos */

#depoimentos {
  padding: 50px 0;
}

#depoimentos .cards {
  margin-top: 40px;
}

#depoimentos .card .cardContainer {
  display: flex;
  flex-direction: column;
}

#depoimentos .card .cardContainer h5 {
  text-align: start;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991px) {
  #homeSobre * {
    text-align: center;
  }

  #homeSobre .homeSobreContainer {
    flex-direction: column;
    gap: 30px 0;
  }

  #homeSobre .col-md-6 ul{
    list-style: none;
  }

  #homeSobre .col-md-6,
  #homeSobre .col-md-5 {
    width: 100% !important;
  }

  #homeProdutos * {
    text-align: center;
  }

  #homeProdutos .cards .d-flex {
    flex-direction: column;
    width: 100%;
    gap: 40px 0;
  }

  #homeProdutos .cards .card {
    width: 100%;
  }

  #portifolio * {
    text-align: center;
  }

  #portifolio .cards .card {
    width: 100%;
  }

  #depoimentos .cards .d-flex {

    gap: 40px 0;
  }
  #depoimentos .cards .card {
    width: 100%;
  } 
}