.duas-marcas {
  background-color: #1f4317;
  padding-block: 6.4rem;
  text-align: center;
}
.duas-marcas h2 {
  font-family: "Red Hat Display", system-ui, -apple-system, sans-serif;
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1.111;
  color: #ebe4de;
  text-transform: uppercase;
  letter-spacing: 0.09rem;
  margin-bottom: 4.8rem;
}
.duas-marcas__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem;
  max-width: 102.4rem;
  margin-inline: auto;
}
@media (max-width: 1024px) {
  .duas-marcas__grid {
    grid-template-columns: 1fr;
  }
}
.duas-marcas__grid li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}
.duas-marcas__grid h3 {
  font-family: "Red Hat Display", system-ui, -apple-system, sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.333;
  color: #ebe4de;
}
.duas-marcas__grid p {
  font-family: "Red Hat Display", system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.556;
  color: #f0ebe1;
}
.duas-marcas__icone {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.duas-marcas__icone--skala {
  background-color: #98b981;
  color: #1f4317;
}
.duas-marcas__icone--lola {
  background-color: #f0bb4b;
  color: #1f4317;
}
.duas-marcas__icone--orange {
  background-color: #e27d4c;
  color: #ffffff;
}