.activity {
  max-width: 900px;
  margin: auto;
  padding: 0 15px;
}
.container1 {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
}

/* HERO */
.hero-color {
  background: linear-gradient(135deg,#ff9a9e,#fad0c4,#fbc2eb);
  padding: 90px 0;
  text-align: center;
  color: #fff;
}

.hero-btn {
  background: #fff;
  color: #ff4e50;
  padding: 14px 34px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  margin-top: 20px;
}

/* ABOUT */
.about-color {
  padding: 70px 0;
}
.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.about-image img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 15px 30px rgba(0,0,0,.15);
}

/* FEATURES */
.features-color {
  background: #f7f9ff;
  padding: 70px 0;
  text-align: center;
}
.features-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 25px;
}
.feature-card {
  padding: 30px;
  border-radius: 20px;
  color: #333;
}
.feature-card.yellow {background:#fff3cd;}
.feature-card.pink {background:#fde2e4;}
.feature-card.green {background:#e8f8f5;}
.feature-card.blue {background:#eaf2ff;}

/* LEARNING */
.learning-color {
  padding: 70px 0;
}
.learning-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.learning-grid img {
  width: 100%;
  border-radius: 10px;
}

/* FACILITIES */
.facility-color {
  background: linear-gradient(135deg,#a1c4fd,#c2e9fb);
  padding: 30px 0;
}
.facility-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
}
.facility-grid img {
  width: 90%;
  border-radius: 15px;
}
.facility-grid span {
  display: block;
  text-align: center;
  font-weight: 600;
  margin-top: 8px;
}

/* CTA */


/* RESPONSIVE */
@media(max-width:992px){
  .about-grid,
  .learning-grid,
  .features-grid,
  .facility-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media(max-width:576px){
  
  .about-grid,
  .learning-grid,
  .features-grid,
  .facility-grid {
    grid-template-columns: 1fr;
  }
}