.mst-container {
    max-width: 960px;
    margin: auto;
}

.mst-tab {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 32px;
    margin: 18px 0;
    background: #b5b4b7;
    border-left: 6px solid #ffffff;
    opacity: 0.4;
    transform: scale(0.92);
    transition: all 0.45s ease;
    cursor: pointer;
    clip-path: polygon(0 0,100% 0,100% 80%,96% 100%,0 100%);
}

.mst-tab.is-default,
.mst-tab.is-active {
    background: #413f42;
    opacity: 1;
    transform: scale(1);
    border-left-color: #3aa657;
}

.mst-tab.is-near {
    background: #7e7f81;
    opacity: 0.75;
    transform: scale(0.96);
}

.mst-tab.is-faded {
    background: #b5b4b7;
    opacity: 0.45;
    transform: scale(0.9);
}

.mst-heading {
    width: 100%;
}

.mst-desc {
    width: 100%;
}

/* MOBILE FIX */
@media (max-width: 767px) {
    .mst-tab {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .mst-heading {
        order: 1;
        margin-bottom: 8px;
    }

    .mst-desc {
        order: 2;
    }
}