.icon-slides {
  width: 75px;
  border-radius: 100%;
  background-color: #fff;
  padding: 13%;
  margin: 0 auto;
}
#logo a {
	font-weight:bold;
}
#logo a img {
  margin-right: 5px;
}
header button.flex {
  margin-right: 15px;
}
.gold-star::before {
  content: "";
  display: block;
  position: relative;
  background-image: url("../images/gold-star.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: 100%;
}
.blank-star::before {
  content: "";
  display: block;
  position: relative;
  background-image: url("../images/blank-star.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: 100%;
}
.play-button{
  position: fixed;
  bottom: 0;
  right: 0;
  display: flex;
  width: 100%;
  text-align: center;
  background-color: #000;
  background-image: linear-gradient(120deg,hsl(0deg 0% 3%) 0%,hsl(0deg 0% 12%) 33%,hsl(0deg 0% 13%) 67%,hsl(0deg 0% 10%) 100%);
  z-index: 99;
  padding: 10px 5px 15px;
  color: #fff;
  justify-content: center;
}
.play-button img {
  width: 22px;
  margin-right: 7px;
}
.iframe-container {
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 480px;
}
.iframe-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
}
span.normalprice {
	text-decoration: line-through;
	color: #353535;
}
span.offerprice {
	font-weight:bold;
	color:red;
}
.card-list.offerbox {
  background-color: rgba(0, 76, 255, 0.1);
  border-radius: 20px;
  padding: 20px 20px 15px;
  position:relative
}
.whatsapp-icon {
  position: fixed;
  bottom: 10%;
  right: 1%;
  z-index: 99;
}
.whatsapp-icon svg {
  width: 70px;
  height: 70px;
}
.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.size-12 {
  width: 3rem;
  height: 3rem;
}
.fill-\[\#D82323\] {
  fill: #D82323;
}
.fill-white {
  fill: #fff;
}
.offerbadge {
  position: absolute;
  right: 18px;
  top: -13px;
  left: unset;
}
.offerbadge::before {
  position: absolute;
  content: "%";
  z-index: 99;
  color: #fff;
  padding: 9px 2px;
}
.offerbadge svg {
  position: absolute;
}
@media not all and (min-width: 768px) {
  .card-list-media {
    height: 100% !important;
  }
}