@media (max-width: 991px) {
  .navbar-scroll {
    background-color: #fff;
  }
}      
.navbar-scroll .nav-link,
.navbar-scroll .fa-bars,
.navbar-scroll .navbar-brand {
  color: #4f4f4f;
}
.navbar-scrolled .navbar-brand {
  color: #4f4f4f;
}
@media (min-width: 768px) and (max-width: 800px) {
  #intro {
    height: 100vh;
  }
}
@media (min-width: 850px) {
  #intro {
    height: 100vh;
  }
}

   .carousel-item img {
    transition: transform 0.3s ease;
  }
  .carousel-item img:hover {
    transform: scale(1.05);
  }
  .gap-4 > * {
    margin: 0 1rem;
  }
  .customer-logo {
    height: 80px;
    width: 140px;
    object-fit: contain;
  }
  @media (max-width: 576px) {
    .customer-logo {
      height: 60px;
      width: 100px;
    }
  }