.about-section{
  padding:80px 20px;
  background:#f8fafc;
  min-height:80vh;
}

.about-container{
  max-width:1100px;
  margin:auto;
  text-align:center;
}

.about-container h1{
  font-size:42px;
  margin-bottom:20px;
  color:#28365B;
}

.about-container p{
  font-size:18px;
  line-height:1.8;
  color:#555;
  margin-bottom:20px;
}

.about-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
  margin-top:50px;
}

.feature-card{
  background:#fff;
  padding:30px;
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.feature-card h3{
  color:#28365B;
  margin-bottom:15px;
}

@media(max-width:768px){

  .about-features{
    grid-template-columns:1fr;
  }

}