.clientes {
  background: url('./img/bg/bgClientes.png') center top/cover no-repeat;
  background-size: cover;
  /* essa linha cobre todo o conteudo do bg */
  height: 432px;
}


.clientes .content {
  text-align: center;
  position: relative;
  top: 2rem;
  height: auto;
  max-height: calc(432px-2rem);
}

.clientes .content h3 {
  color: #0e273c;
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  margin-bottom: 1.2rem;
}

.cards-cliente {
  margin: 0 auto;
  border-width: 1px;
  border-color: rgb(255, 197, 58);
  border-style: solid;
  width: 165px;
  height: 80px;
  border-bottom-right-radius: 24px;
  border-top-left-radius: 24px;
}

.cards-cliente img {
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 24px;
  border-top-left-radius: 24px;
}

@media (max-width: 1300px) {
  .clientes .content {
    width: 100%;
  }
}

@media (max-width: 550px) {
  .clientes .content h3 {
    font-size: 24px;
  }

  .cards-cliente {
    width: 123px;
    height: 60px;
    border-bottom-right-radius: 18px;
    border-top-left-radius: 18px;
  }

  .cards-cliente img {
    border-bottom-right-radius: 18px;
    border-top-left-radius: 18px;
  }
}