:root {
  --white: #ffffff;
  --light-blue: #4fb2c9;
  --lemon-green: #c8d30b;
  --general-green: #3ba636;
  --orange-spark: #d86a2c;
  --raspberry-spark: #cb2563;
  --lemon-spark: #009a3e;
  --black: #000000;
}
/*** Product ***/
.nav-pills .nav-item .btn {
  color: var(--dark);
}

.nav-pills .nav-item .btn:hover,
.nav-pills .nav-item .btn.active {
  color: #ffffff;
}

.product-item img {
  transition: 0.5s;
}

.product-item:hover img {
  transform: scale(1.1);
}

.view-center {
  display: flex;
  justify-content: center;
}