@import url('variables.css');



/* diensten slider */
#diensten .swiper {
  overflow: unset !important;
}
#diensten .swiper-button-prev {
  left: -50px !important;
}
#diensten .swiper-button-next {
  right: -50px !important;
}


/* review slider */
.reviews-slider {
  padding: 0 5% !important;
}
#reviews .swiper {
  overflow: unset !important;
}
#reviews .swiper-button-prev {
  left: 30px !important;
}
#reviews .swiper-button-next {
  right: 30px !important;
}
#reviews .swiper-pagination {
  bottom: -40px !important;
}

/* general styling */
.swiper-pagination-bullet-active {
  background: var(--primary) !important;
}

.swiper-button-next,
.swiper-button-prev {
  background-color: var(--primary);
  border-radius: 10px;
}
.swiper-button-next svg, .swiper-button-prev svg,
.swiper-button-next svg path, .swiper-button-prev svg path {
  fill: white !important;
}
.swiper-button-next svg, .swiper-button-prev svg {
  width: 20px !important;
  height: 20px !important;
}
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
    z-index: 20;
}
.swiper-button-next,
.swiper-button-prev {
    color: var(--primary);
}
.swiper-pagination-bullet {
    background: var(--primary);
}
.swiper-pagination-bullet-active {
    background: var(--primary);
}

@media screen and (max-width: 600px) {
  
  /* diensten slider */
  #diensten .swiper-button-prev {
    left: -25px !important;
  }
  #diensten .swiper-button-next {
    right: -25px !important;
  }
    

  /* review slider */
  #reviews .swiper-button-prev {
    left: -10px !important;
  }
  #reviews .swiper-button-next {
    right: -10px !important;
  }
}

@media screen and (min-width: 601px) and (max-width: 1000px) {

  #reviews .swiper-button-prev {
    left: 8px !important;
  }
  #reviews .swiper-button-next {
    right: 8px !important;
  }
  
}