.banner_slider .swiper-slide {
  -webkit-mask-image: url('../../Images/design/slider-mask.png');
  mask-image: url('../../Images/design/slider-mask.png');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  border-radius: 40px;
  width: 100%;
  background: var(--theme-primary);
}
.banner_slider .swiper-slide.animation_slider .animation_use {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.banner_slider .swiper-slide.animate.animation_slider .animation_use {
  -webkit-transform: translateX(-50%) scaleX(2);
  -ms-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.banner_slider .swiper-slide-active.animation_slider .animation_use {
  -webkit-transform: translateX(0) scaleX(1);
  -ms-transform: translateX(0) scaleX(1);
  transform: translateX(0) scaleX(1);
  -webkit-filter: blur(0);
  filter: blur(0);
}

.clipath-design {
  -webkit-clip-path: polygon(0 0, 12px 50%, 0 100%, 100% 100%, 100% 0);
  clip-path: polygon(0 0, 12px 50%, 0 100%, 100% 100%, 100% 0);
}

.swiper-button-disabled {
  opacity: 0.4 !important;
  pointer-events: none;
}

.brand_design {
  -webkit-mask-image: url('../../Images/design/Subtract.png');
  mask-image: url('../../Images/design/Subtract.png');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

  width: 100%;
  background-color: var(--theme-primary);
}

@media (min-width: 48rem) {
  .discount_slider_product::after,
  .new_slider_product::after {
    position: absolute;
    content: '';
    width: 64px;
    z-index: 2;
    top: 0;
    bottom: 0;
    inset-inline-end: 0;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  }
}