#star-one,
#star-two,
#star-three,
#star-four,
#star-five {
  cursor: pointer;
}
.shopping-page-header {
  height: 350px;
}
.shopping-header-overlay {
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0.94) 0%,
    rgba(255, 255, 255, 0.5) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0.94) 0%,
    rgba(255, 255, 255, 0.5) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.94) 0%,
    rgba(255, 255, 255, 0.5) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

  height: 100%;
}

.shopping-page-header {
  background: url("../images/shoppingmall.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.shopping-title {
  color: #1f497d;
  position: relative;
  width: 100%;
  top: 50%;
  font-size: 3em;
  text-align: center;
  font-weight: 700;
}
.shopping-title span {
  color: #ffcc00;
  display: inline-block;
}
.shopping-intro-text {
  color: #1f497d;
  position: relative;
  width: 100%;
  top: 60%;
  font-size: 1.5em;
  text-align: center;
}
.shopping-text-container {
  position: relative;
  left: 0;
  right: 0;
  top: 35%;
}

.ShoppingNav {
  color: #1f497d;
}
.ShoppingNav:hover {
  color: #000;
}
.number-icon {
  font-size: 3em;
  border: 2.5px solid;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  margin: auto;
  padding: 11px;
  margin-bottom: 15px;
  color: #ffcc00;
}
.brands {
  background: url("../images/shoppingmall.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 300px;
  background-attachment: fixed;
}
.brands::after {
  content: "the thing";
}
.notes-section {
  border-top: 1px dashed #f3f3f3;
  font-style: italic;
}
.listingImage {
  width: 100%;
  height: 170px;
  object-fit: contain;
  object-position: center center;
  border-radius: 10px;
}
.featured-product img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: center center;
}

.featured-product .carousel-caption {
  position: absolute;
  left: 0;
  right: 20%;
  bottom: 0;
  padding: 20px;
  text-align: left;
  background: rgb(0, 0, 0);
  background: linear-gradient(45deg, black, transparent);
}

.category-image img {
  width: 100%;
  height: 100px;
  object-fit: contain;
  object-position: center center;
}

.deal_of_the_day img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center center;
}

.deal_of_the_day .carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px;
  text-align: left;
  background: rgb(0, 0, 0);
  background: linear-gradient(45deg, black, transparent);
}
.center{
  word-break: break-word;

}


.hovertext {
  position: relative;
  border-bottom: 1px dotted black;
}

.hovertext:before {
  content: attr(data-hover);
  visibility: hidden;
  opacity: 0;
  width: 140px;
  background-color: #ff7f50;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px 0;
  transition: opacity 1s ease-in-out;

  position: absolute;
  z-index: 1;
  left: 0;
  top: 110%;
}

.hovertext:hover:before {
  opacity: 1;
  visibility: visible;
}

.hoverable:not(:hover) + .show-on-hover {
  display: none;
}