/* Slider container (adjust as needed) */
.vs-vertical-slider {
  max-height: auto;
  overflow: hidden;
}

/* Wrapper to position arrows outside */
.vs-vertical-slider-wrapper {
  position: relative;
  display: inline-block;
}

/* Hide default Swiper arrow icons if they appear */
.swiper-button-next::after,
.swiper-button-prev::after {
  content: none!important;
}

/* Position arrow containers as before */
.vs-vertical-next,
.vs-vertical-prev {
  position: absolute!important;
  right: -78px!important;
  z-index: 10!important;
  cursor: pointer!important;
  left: initial!important;
    width: 34px!important;
}

/* Offset them vertically */
.vs-vertical-next {
  top: 68%!important;
  transform: translateY(-50%)!important;
}
.vs-vertical-prev {
  top: calc(68% - 90px)!important;
}

/* Style the inline SVG arrows */
.vs-vertical-next svg,
.vs-vertical-prev svg {
  width: 34px!important;
  height: 34px!important;
  fill: #333!important;           /* arrow color */
  transition: fill 0.3s!important;
}

/* Hover effect */
.vs-vertical-next:hover svg,
.vs-vertical-prev:hover svg {
  fill: #9b6bff!important;           /* change to red on hover */
}