/* Start Swiper Carousel  Styles */
 
.swiper {
  @apply w-full h-full;

}
[dir="rtl"] {
  .swiper {
    direction: ltr;
  }
}
.swiper-cube .swiper-cube-shadow:before {
  @apply bg-transparent;
}

.swiper-slide img {
  @apply block w-full h-full object-cover rounded-sm;
}

.swiper-button-next,
.swiper-button-prev {
  @apply dark:text-white bg-black/20 py-2 px-4 rounded-full h-auto;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  @apply text-base text-white;
}

.swiper-pagination-bullet-active {
  @apply bg-white;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  @apply bg-primary;
}

.mySwiper7.swiper-free-mode {

  &.swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    @apply -bottom-4 pt-1 sticky;
  }
}

[dir="rtl"] {
  .swiper {
    direction:ltr;
  }
}
.swiper-slide{
  img {
   @apply block h-full w-full object-cover;
  }
}

/* End Swiper Carousel  Styles */


 .swiper-view .swiper-slide {
   @apply  opacity-40!;
 }

 .swiper-view .swiper-slide-thumb-active {
   @apply opacity-100!;
 }