.slider > div.slider__prev {
  grid-column: 2;
}

.slider > div.slider__itemwrap {
  grid-column: 3;
}

.slider > div.slider__next {
  grid-column: 4;
}

.slider__container {
  position: relative;
  margin: 0 auto;
}

.slider__item {
  position: absolute;
  top: 0;
}

.slider__iteminner img {
  width: 100%;
  height: inherit;
  max-width: 100%;
}

.slider__iteminner {
  margin: 0 5px;
}

.slider__prev svg,
.slider__next svg {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 20px;
  height: 40px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.slider__prev svg {
  left: 0;
}

.slider__next svg {
  right: 0;
}

.slider__prev,
.slider__next {
  position: relative;
}

.slider__prev.disabled,
.slider__next.disabled {
  display: none;
}

.slider__itemwrap {
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding-bottom: 10px;
  width: 100%;
}

.slider .slider__arrow {
  fill: none;
  stroke: rgb(var(--c-neutral-dark));
  stroke-width: 2;
}

.slider__prev .slider__arrow,
.slider__next .slider__arrow {
  stroke: rgb(var(--c-primary));
}

.service__icon {
  width: 100%;
  height: 60px;
}

.service__icon .font__far,
.service__icon .font__fal,
.service__icon .font__fab,
.service__icon .font__fas {
  font-size: 55px;
  display: block;
}

.service__icon img {
  max-height: 60px;
  width: auto;
  max-width: 60px;
}

.service__image.-hover {
  display: none;
}

@media (hover: hover) {
  .service__item:hover .service__image.-nohover {
    display: none;
  }

  .service__item:hover .service__image.-hover {
    display: block;
  }
}