body {
  font-family: "Poppins", sans-serif;
  min-width: 101vw;
  background: url("./../img/dottet_bg.png");
}

.logo {
  height: 3em;
}

.hero {
  background: url("./../img/slider_img4.jpeg");
  background-size: 100% 100%;
  min-height: 100vh;
}

/* .hero-layer {
  background: rgba(0, 0, 0, 0.7);
  min-height: inherit;
  min-width: 100%;
  padding: 0 0;
} */

.hero-head {
  margin-top: 22%;
  color: #fff;
  font-size: 4em;
  font-weight: bold;
  text-align: center;
}

.hero-subhead {
  color: #fff;
  text-align: center;
}

.green {
  color: green;
}

.hero-btn {
  color: #fff !important;
  width: 30%;
  min-height: 3em;
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.section-padding {
  padding-top: 5%;
}

.section-head {
  text-align: center;
  margin-bottom: 30px;
}

.about-text {
  text-align: center;
  font-size: 1.2em;
}

.map > iframe {
  min-width: 100%;
  height: 15vh;
}

.contact {
  background: #3d3d3d;
  color: #fff !important;
}

.social-icons {
  font-size: 2em;
  text-align: center;
}

.social-icons > a {
  margin-left: 20px;
  color: #fff !important;
}

.btn-primary {
  background-color: #3758fd;
  border-color: #3758fd;
}

.btn-primary:hover {
  background-color: #5d78ff;
  border-color: #5d78ff;
}

.owl-nav {
  text-align: center;
  font-size: 2em;
}

.owl-dots {
  text-align: center;
  margin-top: 10px;
}

.owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.hall-of-fame {
  padding-bottom: 5%;
  background: #f0f0f0;
}

.why-us {
  padding-bottom: 5%;
}

.testimonials {
  padding-bottom: 5%;
}

.about {
  min-height: 60vh;
  background: #eeeeee;
}

.card-title {
  margin-bottom: 30px;
  font-weight: 700;
  text-align: center;
}

.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #0c9;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
}

.wa-float {
  margin-top: 15px;
}

@media only screen and (max-width: 768px) {
  .hero-btn {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .hero-btn {
    width: 100%;
  }

  .hero-head {
    font-size: 3em;
  }
}