body {
    font-family: 'Poppins', sans-serif;
    background-color: #f9f9f9;
    color: #333;
}
.navbar-brand {
    font-weight: 700;
    font-size: 1.8rem;
    color: #a8c6fa;
}
.navbar-nav .nav-link {
  margin: 0 5px;
}
.navbar .nav-link.active:hover {
    color: rgb(255, 0, 162);
}
.nav-link {
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #88b1f7;
}
.hero-banner {
  background-image: url('/komi/images/shopherosection/waterborne.jpeg'); /* your background image */
  background-size: cover;
  background-position: center;
  height: 80vh;
  position: relative;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.hero-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.hero-banner .container {
  position: relative;
  z-index: 2;
}