/* Header */
.header #alt-caption {
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  color: rgb(var(--c-neutral-lightest));
  bottom: 2rem;
}

.caption__title {
  font-family: var(--f-family-c);
  font-size: var(--f-size-l-2);
  text-transform: uppercase;
  line-height: 1.2;
}

.caption__description {
  margin-top: 1rem;
}

/* Slider */
.slider .slider__iteminner {
  margin: 0 15px;
}

.grid__col.-w100 {
  overflow: visible;
}

.grid__col.-w100 .grid__main.slider {
  display: grid;
  margin-left: -4%;
  margin-right: -4%;
}

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

@media (hover: hover) {
  .slider .slider__prev svg:hover .slider__arrow,
  .slider .slider__next svg:hover .slider__arrow {
    stroke: rgb(var(--c-primary));
  }
}

/* Service Slider */
.service__item {
  text-align: center;
}

.service__item a {
  color: rgb(var(--c-neutral-dark));
}

.slider .service__icon {
  color: rgb(var(--c-primary));
  height: 80px;
  padding: 10px;
  margin-bottom: 1rem;
  transition: 0.2s ease all;
}

@media (hover: hover) {
  .service__item:hover .service__icon {
    scale: 1.2;
  }
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 640px) {
  /* Header */
  .caption__title {
    font-size: var(--f-size-l-4);
  }
}

@media (min-width: 1280px) {
  /* Header */
  .header #alt-caption {
    bottom: 6rem;
  }

  /* Slider */
  .grid__col.-w100 .grid__main.slider {
    margin-left: -50px;
    margin-right: -50px;
  }
}