.skala-valores {
  background-color: #1f4317;
  padding-block: 8rem;
}
.skala-valores__intro {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  align-items: flex-start;
  border-left: 2rem solid #98b981;
  padding-left: 3.2rem;
  margin-bottom: 4rem;
}
@media (max-width: 1024px) {
  .skala-valores__intro {
    gap: 1.6rem;
  }
}
.skala-valores__intro h2 {
  font-family: "Red Hat Display", system-ui, -apple-system, sans-serif;
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 1;
  color: #ebe4de;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
}
.skala-valores__intro p {
  font-family: "Red Hat Display", system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #f0ebe1;
}
.skala-valores__itens {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 1024px) {
  .skala-valores__itens {
    grid-template-columns: 1fr;
  }
}
.skala-valores__itens li, .skala-valores__full {
  background-color: #f0ebe1;
  border-left: 2rem solid #98b981;
  padding: 2.5rem 5.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.skala-valores__itens li h3, .skala-valores__full h3 {
  font-family: "Red Hat Display", system-ui, -apple-system, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.3;
  color: #000000;
  text-transform: uppercase;
}
.skala-valores__itens li hr, .skala-valores__full hr {
  border: none;
  border-top: 1px solid #000000;
}
.skala-valores__itens li p, .skala-valores__full p {
  font-family: "Red Hat Display", system-ui, -apple-system, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.3125;
  color: #000000;
}