#coberturas{
  width: 96%;
  margin: auto;
}

#container-itens{
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 300px));
  gap: 20px;
}

.corpo-texto{
    text-align: center;
    margin-bottom: 50px;
}

.beneficio{
  background-color: var(--color-grey);
  /* width: 225px; */
  border-radius: var(--bradius-card);
  padding: 30px 20px;
  text-align: start;

}

.icon{

  width: 60px;
  height: 60px;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: var(--roxo-vip);
  padding: 5px;
}

@media (max-width: 800px) { 

#container-itens{
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 300px));
  gap: 20px;
}

}