.ns-wrapper{
  background:white;
  padding:10px 20px;
}

.ns-container{
  max-width:1100px;
  margin:0 auto;
}

.ns-hero{
  text-align:center;
  margin-bottom:50px;
}

.ns-title{
  font-size:34px;
  font-weight:600;
  color:#360073;
  margin-bottom:12px;
}

.ns-subtitle{
  font-size:16px;
  color:#6b7280;
}

.ns-content{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ns-block h2{
  font-size:20px;
  margin-bottom:12px;
  color:#111827;
}

.ns-block p{
  font-size:15px;
  color:#374151;
  line-height:1.7;
  margin-bottom:12px;
}

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

.ns-card{
  background:#ffffff;
  padding:10px;
  border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

.ns-card h3{
  font-size:16px;
  margin-bottom:10px;
}

.ns-card p{
  font-size:14px;
  color:#4b5563;
  line-height:1.6;
}

.ns-closing{
  text-align:center;
  margin-top:30px;
}

.ns-closing p{
  font-size:16px;
  margin-bottom:8px;
}

.ns-slogan{
  font-weight:600;
  color:#360073;
}

/* RESPONSIVE */

@media (max-width: 900px){
  .ns-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){

  .ns-wrapper{
    padding:40px 15px;
  }

  .ns-title{
    font-size:24px;
  }

  .ns-subtitle{
    font-size:14px;
  }

  .ns-block h2{
    font-size:18px;
  }

  .ns-block p{
    font-size:14px;
  }

  .ns-card{
    padding:20px;
  }

}