.sp-real-setup-steps {
    gap: 28px;
}

.sp-real-setup-step {
    .sp-real-setup-step-number {
        color: #2C2D2F;
        font-size: 16px;
        font-weight: 600;
        border-radius: 100%;
        border: 1px solid #F0F0F0;
        background: #F0F0F0;
        width: 36px;
        height: 36px;
        margin-right: 12px;
        transition: all 0.3s ease-in-out;

        &.active {
            background: #ffffff;
            color: var(--sp-real-link-color);
            border: 1px solid var(--sp-real-link-color);
        }

        &.previous {
            color: #ffffff;
            border: 1px solid var(--sp-real-link-color);
            background: var(--sp-real-link-color);
        }
    }

    .sp-real-setup-step-title {
        color: #000;
        font-size: 20px;
        font-weight: 600;
    }

    >svg {
        margin-left: 28px;
    }
}