.body {
  position:relative;
  width: 100vw;
  height: 40vh;
}

.selected svg .b, .services-icon__container:hover  .b {
  fill: var(--main-blue-color);
}

.selected h4,.services-icon__container:hover h4  {
  color:var(--main-blue-color);
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width:2rem; 

  color: white;
}


.swiper-button-next::after, .swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: 1rem;

}

.swiper-nav-container {
  position: absolute;
  right:5%;
  bottom:7%;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: auto;
  left: 5px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: auto;
  right: 5px;
}

.swiper-pagination {
  right:35%;
  bottom:5%;

}


@media only screen and (max-width: 767px) {
.swiper-nav-container {
  position: absolute;
  right:15%;
  bottom:5%;
}
}