.gp-slider-wrapper { position: relative; }
.gp-slider .swiper-wrapper { align-items: stretch; }
.gp-slider .swiper-slide { height: auto; }

/* Nav buttons */
.gp-slider-wrapper .swiper-button-prev,
.gp-slider-wrapper .swiper-button-next {
  position: absolute;
  color: #F0CC6A;
  background: transparent;
  width: 40px;
  height: 40px;
  margin: 0;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.gp-slider-wrapper .swiper-button-prev{
  left: -40px;
}
.gp-slider-wrapper .swiper-button-next{
  right: -40px;
}

@media (max-width: 768px) {
  .gp-slider-wrapper .swiper-button-prev{
    left: -20px;
  }
  .gp-slider-wrapper .swiper-button-next{
    right: -20px;
  }
}

.gp-slider-wrapper .swiper-button-prev:after,
.gp-slider-wrapper .swiper-button-next:after {
  display: none;
}

.gp-slider-wrapper .swiper-button-prev svg,
.gp-slider-wrapper .swiper-button-next svg {
  width: 30px;
  height: 30px;
  transition: all 0.3s ease;
}
   
.gp-slider-wrapper .swiper-button-prev:hover svg,
.gp-slider-wrapper .swiper-button-next:hover svg{
  transform: scale(1.1);
}

.gp-slider-wrapper .swiper-button-prev:hover svg g,
.gp-slider-wrapper .swiper-button-next:hover svg g,
.gp-slider-wrapper .swiper-button-prev:hover svg path,
.gp-slider-wrapper .swiper-button-next:hover svg path {
  stroke: #F0CC6A;
}