.features{
  align-items: center; 
  justify-content: center;
}

.features .centerContent{
  width:80%; 
  gap: 100px; 
  z-index: 2;
}

.features .centerContent .title{
  gap: 24px; 
  display: flex;
}

.features h1{
  text-transform: uppercase; 
  margin: 0;
  text-align: center;
}
.features .cards{
  gap: 48px;
}
.features .cards .card{
  gap: 16px;
}

.features h3{
  margin: 0;
  font-weight: 400;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: 0;
  text-align: center;

}
.features p{
  opacity: 74%;
  text-align: center;
  margin: 0;
}

.features img {
  width: 98px;
}

@media screen and (max-width: 770px) {
  .features .centerContent{
    width: 100%;
  }
  .features h3{
    width: 70%;
  }
}