/* Home: scroll-scrubbed service sequence (main.js, 16b) */

.service__area.is-scrubbed .service__item {
    position: relative;
}

.service__area.is-scrubbed .service__img {
    transition: none;
    will-change: transform;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.55);
}

.service__area.is-scrubbed .service__img-wrapper > span {
    transition: none;
    transform: rotate(-26deg) translate(var(--tx, -175px), -100%);
}

.service__area.is-scrubbed .service__link p i {
    display: inline-block;
}

.service__area.is-scrubbed .service__link p:after {
    display: none;
}

.service__progress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background-color: var(--primary);
    transform: scaleX(0);
    transform-origin: left center;
    pointer-events: none;
}