.slideshow{
  background-color: transparent;
  padding: 20px;
  position: relative;
  width: 85%;
  margin: auto;
}
.slideshow-bg{
  background-color: rgba(0,0,0,0.1);
  position: relative;
  margin: 0 -5.55%;
}
.slideshow .container{
  position: relative;
  overflow-x: hidden;
}
.slideshow ul {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 100%;
}
.slideshow li {
  max-width: 25%;
}
body .slideshow .woocommerce.columns-4.swiper ul.slide li.product a img{
  width: 300px;
  height: 300px;
  object-fit: cover;
  max-width: 300px;
  margin: auto;
}
body .slideshow .woocommerce.columns-4.swiper ul.slide li.product{
  margin: 10px 10px 15px 10px;
  padding: 10px 0;

}
/*=============== Swiper Transition ==============*/
.slideshow .woocommerce.columns-4.swiper ul.slide{
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: scroll;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.slideshow .woocommerce.columns-4.swiper ul.slide::-webkit-scrollbar {
  display: none;
}

.slideshow ul.products.columns-4{
  display: inline-flex;
  position: relative;
  width: 100%;
  max-width: 100%;
}
.slideshow .swiper{
  position: relative;
}

body .slideshow ul.hidden{
  display: none;
}

body .slideshow ul.vissuallyhidden{
  opacity: 0;
}



/*=========Single==========*/
 body .slideshow .woocommerce.columns-4.swiper ul.slide li.product:hover{

  animation: hoverProd 0.1s forwards ;
}
@keyframes hoverProd {
  0% {

  }
  100% {
    background-color: #c3c3c360;
  }
}

/* body .slideshow .woocommerce.columns-4.swiper ul.slide li.product:hover a img{

  animation: hoverImg 0.1s forwards ;
}
@keyframes hoverImg {
  0% {
    width: 300px;
    padding: 0;
  }
  100% {
    width: 270px;
    padding: 5px 0 0 0;
  }
} */


/*=============== Prev Next Buttons ==============*/
.slideshow .swiper-button-prev .btn.link,
.slideshow .swiper-button-next .btn.link{
    position: absolute;
    top: 50%;
    bottom: 50%;
    display: table;
    width: auto;
    height: 30px;
    padding: 5px;
    border-radius: 40px;
    color: white;
    opacity: .8;
}
.slideshow .swiper-button-prev .btn.link svg,
.slideshow .swiper-button-next .btn.link svg{
  width: 40px;
  filter: invert(99%) sepia(6%) saturate(1%) hue-rotate(54deg) brightness(108%) contrast(100%);
  height: 80px;
}
.slideshow .swiper-button-prev .btn.link svg{
  transform: rotate(180deg);
}
.slideshow .swiper-button-prev .btn.link{
  left: 0;

}
.slideshow .swiper-button-next .btn.link{
    right: 0;
}

/*=============== Swiper Pagnation ==============*/
.swiper .swiper-pagnation{
  width: fit-content;
  margin: auto;
}

/*=============== Mobile ==============*/
@media only screen
and (min-device-width: 600px)
and (max-device-width: 1440px)  {
  /* .slideshow .woocommerce.columns-4.swiper {
    width: 1200%;
  } */
  body .slideshow ul.products.columns-4{
    flex-wrap: nowrap;
  }
}
@media only screen
and (max-device-width: 600px)  {
  /* .slideshow .woocommerce.columns-4.swiper {
    width: 600%;
  } */
}