.why-section{
  padding:80px 20px;
  background:#f8fafc;
}

.why-container {
  width: 92%;
  max-width: 1100px;
  margin: auto;
}

.why-header {
  text-align: center;
  margin-bottom: 80px;
}
.why-header h2{
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--text-dark);
}

.section-subtitle{
  color:#6b7280;
  max-width:600px;
  margin:auto;
}

.why-card{
  background:white;
  border-radius:12px;
  padding:30px;
  margin-top:25px;
  text-align:center;
  transition:all .3s ease;
  box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.why-card:hover{
  transform:translateY(-5px);
  box-shadow:0 12px 35px rgba(0,0,0,0.08);
}

.why-icon{
  font-size:32px;
  color:#59ae34;
  margin-bottom:15px;
}

.why-card h4{
  font-size:18px;
  margin-bottom:10px;
  font-weight:600;
}

.why-card p{
  font-size:14px;
  color:#6b7280;
}