/* Gaya untuk Halaman About */
.about-hero {
  background-color: #2e7d32;
  color: #fff;
  text-align: center;
  padding: 60px 20px;
}
.about-hero h1 {
  font-size: 3rem;
  margin-bottom: 20px;
}
.about-hero p {
  max-width: 800px;
  margin: auto;
  font-size: 1.1rem;
  line-height: 1.7;
}

.features {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
  padding: 60px 20px;
  background-color: #f9f9f9;
}

.feature-box {
  width: 250px;
  text-align: center;
  padding: 20px;
}

.feature-box .icon {
  font-size: 3rem;
  color: #388e3c;
  margin-bottom: 15px;
}

.feature-box h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.feature-box p {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.6;
}