/* ============================================================
   Step Cards Widget
   ============================================================ */
.sc-wrapper {
    width: 100%;
}

.sc-grid {
    display: flex;
    flex-wrap: wrap;
}

.sc-card {
    box-sizing: border-box;
    cursor: pointer;
}

.sc-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
}

.sc-active .sc-content {
    justify-content: flex-start;
}

.sc-icon {
    display: block;
    line-height: 1;
}

.sc-icon i,
.sc-icon svg {
    display: block;
}

.sc-title {
    line-height: 1.3;
}

.sc-text {
    line-height: 1.6;
}