.work-process-section--animated-icons {
    --work-process-icon-size: 118px;
    --work-process-icon-primary: var(--ocean-blue);
    --work-process-icon-accent: var(--golden);
    --work-process-icon-stroke-width: 10;
    --work-process-icon-stroke-scale: 1;
}

.work-process-section--animated-icons .work-process-box__icon {
    width: 100%;
    height: var(--work-process-icon-size);
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 220ms ease;
}

.work-process-section--animated-icons .work-process-box__icon.is-ready {
    opacity: 1;
}

.work-process-section--animated-icons .work-process-box__icon-stage {
    width: 100%;
    height: 100%;
}

.work-process-section--animated-icons .work-process-box__icon-stage svg {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 991px) {
    .work-process-section--animated-icons {
        --work-process-icon-size: 96px;
    }
}