.service-slider__list {
  text-transform: uppercase;
  padding-top: var(--section-space);
  font-weight: 600;
}

.service-slider__link {
  color: inherit;
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
  text-underline-offset: 3px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.service-slider__link img {
  opacity: 0;
  -webkit-transition: var(--animate);
  -o-transition: var(--animate);
  transition: var(--animate);
}

.service-slider__link.active {
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
}

.service-slider__link.active img {
  opacity: 1;
}

.service-slider__info {
  position: relative;
}

.service-slider__info .element {
  z-index: 1;
  top: 40px;
  left: -60px;
}

.service-slider__images {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
  background: var(--text);
}

.service-slider__images::before {
  content: "";
  display: block;
  margin-top: 104%;
}

.service-slider__image {
  opacity: 0;
  -webkit-transition: var(--animate);
  -o-transition: var(--animate);
  transition: var(--animate);
}

.service-slider__image.active {
  opacity: 0.8;
}

.service-slider__text_block {
  position: absolute;
  left: 8px;
  bottom: 8px;
  width: 280px;
}

.service-slider__text_block::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: var(--text);
}

.service-slider__text_list {
  display: -ms-grid;
  display: grid;
}

.service-slider__text {
  display: none;
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}

.service-slider__text.active {
  display: block;
}

@media (min-width: 1001px) {
  .service-slider__nav {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media (max-width: 1280px) {
  .service-slider__text_block {
    width: 240px;
  }
}

@media (max-width: 1000px) {
  .service-slider__list {
    position: relative;
    z-index: 2;
    height: 38px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .service-slider__link {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) rotateX(90deg);
            transform: translateY(-50%) rotateX(90deg);
    pointer-events: none;
    text-decoration: none !important;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    transition: var(--animate);
  }

  .service-slider__link.active {
    -webkit-transform: translateY(-50%) rotateX(0deg);
            transform: translateY(-50%) rotateX(0deg);
    pointer-events: all;
    -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }

  .service-slider__info .element {
    top: -56px;
    left: auto;
    right: 182px;
  }

  .service-slider__images::before {
    margin-top: 66%;
  }

  .service-slider__text_block {
    width: 360px;
  }
}

@media (max-width: 640px) {
  .service-slider__link img {
    width: 24px;
    height: 24px;
  }

  .service-slider__info .element {
    top: 8px;
    right: 8px;
  }

  .service-slider__images {
    border-radius: 12px;
  }

  .service-slider__images::before {
    margin-top: 100%;
  }

  .service-slider__text_block {
    left: 4px;
    bottom: 4px;
    width: calc(100% - 8px);
  }
}