.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: #ffdf1d;
}
.product-box {
  padding: 10px;
}
.product-box img {
  width: 100%;
  border-radius: 10px;
  height: 40vh;
}
.product-info {
  text-align: center;
  padding-top: 1rem;
}
.product-info p {
  font-size: small;
  text-align: justify;
}
.product-info h6 {
  color: #dc4077;
}
@media (max-width: 550px) {
  .product-box img {
    height: 80%;
  }
}