.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
  transition: transform 0.8s ease-out !important;
}

/* Arrows */
.woocommerce-product-gallery .flex-prev,
.woocommerce-product-gallery .flex-next {
    position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
font-size: 2rem;
background: rgba(255, 255, 255, 0.791);
color: #000000;
padding: 11px 15px 5px 15px;
text-decoration: none;
border-radius: 100px;
cursor: pointer;
transition: 0.5s;
}

.woocommerce-product-gallery .flex-prev:hover,
.woocommerce-product-gallery .flex-next:hover{
  background: rgba(255, 255, 255, 1);
  transition: 0.5s;
}

.woocommerce-product-gallery .flex-prev {
  left: 10px;
}

.woocommerce-product-gallery .flex-next {
  right: 10px;
}

.flex-prev.gallery-arrow {
  left: 1rem;
}

.flex-next.gallery-arrow {
  right: 1rem;
}

.gallery-arrow.inactive {
  opacity: 0.3;
  pointer-events: none;
  transition: 0.5s;
}
.gallery-arrow svg {
  width: 32px;
  height: 32px;
}

/* Dots - separate from thumbnails */
.woocommerce-product-gallery .custom-pagination {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  justify-content: centre;
  list-style: none;
  margin: 0;
  padding: 0;
}

.custom-pagination li {
  margin: 0 5px;
}

.custom-pagination a {
  display: block;
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  transition:0.8s;
}

.custom-pagination a.flex-active {
    background: #fff;
    width: 30px;
    border-radius: 100px;
    transition:0.8s;
}
@media (max-width: 767px) {
  .woocommerce-product-gallery .gallery-arrow {
    display: none !important;
  }
}