.hero-section {
  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)),
    url("/assets/banner3.webp") no-repeat center center;
  background-size: cover;
  background-position: center;
  /* margin-top: 80px; */
}

.intro-banner {
  background: linear-gradient(rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80)),
    url("/assets/intro-bg2.webp") no-repeat center center;
  background-size: cover;
  background-position: center;
}

.product-img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  border: 10px solid gray;
  border-radius: 10px;
}

.product-card-box {
  background-color: #343a40 !important;
  opacity: 0.8 !important;
  padding: 20px 10px;
  border-radius: 10px;
}

@media only screen and (max-width: 750px) {
  .product-card-box {
    margin: 20px;
    border-radius: 10px;
  }

  .product-card-para {
    display: none !important;
  }
}