body {
  font-family: "Poppins", sans-serif;
}
.parallax {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
@media (max-width: 768px) {
  .parallax {
    background-attachment: scroll;
  }
}
.hero-bg {
  background-image: url("school-1.jpeg");
}
.about-bg {
  background-image: url("school-2.jpeg");
}
.admissions-bg {
  background-image: url("school-3.jpeg");
}
.facilities-bg {
  background-image: url("school-4.jpeg");
}
.section-img {
  max-height: 300px;
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
}
@media (max-width: 640px) {
  .section-img {
    max-height: 200px;
  }
}
.smooth-scroll {
  scroll-behavior: smooth;
}

#dim-overlay {
  z-index: 50;
}