* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.navbar-menu {
  margin-right: 500px;
}

.hero {
  background-image: url("../images/banner.jpg");
  background-position: center;
  background-size: cover;
  height: 100vh;
  position: relative;
}
.hero .box {
  padding-top: 180px;
}

.hero-container {
  position: absolute;
  top: 92%;
  left: 22%;
  right: 22%;
}

.about {
  padding-top: 200px;
}

@media only screen and (max-width: 798px) {
  .about {
    padding-top: 450px;
  }
}
@media only screen and (max-width: 598px) {
  .about {
    padding-top: 450px;
  }
}
.about-img {
  position: relative;
}

.about-img__icons {
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 40.75%;
  top: 39.72%;
  bottom: 41.8%;
}

.icon {
  position: absolute;
  left: 38.75%;
  right: 22.31%;
  top: 32.72%;
  bottom: 41.8%;
}

.services {
  padding-top: 100px;
}

.courses {
  background-color: #ecf4ff;
}

.bg-box {
  background-color: #d3e5ff;
  margin-top: 100px;
  margin-bottom: 100px;
}

.testimonial {
  margin-top: 100px;
}

.footer {
  background-color: #D3E5FE;
  margin-top: 110px;
  padding-bottom: 50px;
}/*# sourceMappingURL=main.css.map */