.tech-slider {
  text-align: center;
  margin: auto;
  padding: 50px 20px 100px;

  &__headline {
    margin-bottom: 20px;
  }

  &__single {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  &__img-wrapper {
    position: relative;
    height: 60px;
    width: 60px;
  }

  &__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    transition: all 0.4s;

    &--inactive {
      opacity: 1;
      visibility: visible;
    }

    &--active {
      opacity: 0;
      visibility: hidden;
    }
  }

  &__iconText {
    transition: all 0.4s;
  }

  .swiper-slide {
    height: 90px;
  }

  .swiper-slide-active {
    .tech-slider {
      &__icon {
        &--active {
          width: 60px;
          height: 60px;
          opacity: 1;
          visibility: visible;
        }

        &--inactive {
          opacity: 0;
          visibility: hidden;
        }
      }

      &__iconText {
        font-weight: 500;
        font-size: 20px;
        line-height: 140%;
        color: var(--color-4);
      }
    }
  }
}