@import "../../../styles/varibale.scss";
.discountContainer {
  max-width: 100%;
  margin: 0.5rem 2.2rem;
  background-color: $whiteBackground;
  padding-top: 1em;
}

.imageTag {
  width: 100% !important;
  height: 90% !important;
}

// .sliderMain {
//   width: 98%;
//   :global(.slick-slide) {
//     margin: 0 0;
//   }
// }

.margueContainer {
  width: 100%;
}

.margueContainer > div {
  background: none;
  --gradient-color: none !important;
  --gradient-width: 100% !important;
}

.discountContainer > div > div > div > div {
  margin-left: 1rem;
}

.discountContainer > div > div > div > div > div {
  width: 25em !important;
}

.discountContainer > div > div > div > div > div img {
  object-fit: fill !important;
}

@media (max-width: 767.98px) {
  .sliderMain {
    width: 100%;
  }

  .discountContainer > div > div > div > div > div {
    width: 20em !important;
  }

  .imageTag {
  width: 78% !important;
  height: 100% !important;
}

}