html,
body,
header,
.intro-2 {
  /*  height: 100%; */
}

@media (max-width: 740px) {

  html,
  body,
  header,
  .intro-2 {
    /*  height: 900px; */
  }

  .nomar {
    margin: 15vh 0vw 10vh 0vw !important;
  }

  .lblbtm {
    margin-bottom: 40vh;
  }

  .lblbtm1 {
    margin-bottom: 20vh;
  }

  .cstmtxt {
    padding-left: 0 !important;
  }

  .nomar2 {
    margin: 0vh 0vw 0vh 0vw !important;
  }
}

@media (min-width: 800px) and (max-width: 850px) {

  html,
  body,
  header,
  .intro-2 {
    height: 980px;
  }
}

@media (min-width: 760px) and (max-width: 850px) {
  .useful {
    margin-left: 1.5vw;
  }

  .sitename {
    margin-left: -5vw;
  }
}

@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background: #5991fb !important;
  }

  .navbar {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
      0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  }
}

.bacteriaimg {
  width: 50px;
  position: absolute !important;
}

.navbar:not(.top-nav-collapse) {
  background: #000839 !important;
}

.navbar {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.software-lp p {
  font-size: 1rem;
}

.software-lp .feature-box p {
  font-size: 1.2rem;
}

@media (min-width: 993px) {
  .hero {
    padding-top: 160px !important;
  }
}

@media (max-width: 450px) {
  .hero .quote {
    bottom: -30% !important;
    left: -30px !important;
  }
}

.btn-c-2:hover,
.btn-c-2:active {
  color: #fff !important;
}

.btn.btn-primary {
  background: #1264fa !important;
  border-color: #1264fa !important;
}

.mx-14 {
  max-width: 1400px;
}

.checkBack {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231264fa' fill-opacity='0.17' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.ai-label {
  font-weight: 500;
  font-size: 12px;
  ;
}