/* --- SUCCESS STORY TEASER --- */
.stories .lazy-element {
    display: none;
}
.stories__content + .stories__content {
    margin-top: 1.5rem;
}
.stories__text {
    padding: 20px;
    border: 1px solid rgba(89, 76, 58, 0.2);
    border-radius: 10px;
}
.stories:not(:has(.stories__content)) {
    display: none;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* --- DESKTOP (LG) --- */
@media (min-width: 992px) {
    .stories__tabs {
        padding-right: 40px;
    }
    .stories__tabs .tab {
        border-bottom: 4px solid #EDEDED;
        transition: all ease .5s;
    }
    .stories__tabs .tab:hover,
    .stories__tabs .tab.active {
        border-color: #242424;
    }
    .stories__tabs .tab.active {
        color: #242424;
        cursor: default;
    }
    .stories__content {
        display: none;
    }
    .stories__content + .stories__content {
        margin-top: 0;
    }
    .stories__content--active {
        display: block;
    }
    .stories__text {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 20px;
        bottom: 0;
        left: 20px;
        padding: 0 40px;
        align-items: flex-start;
        border: none;
    }
    .stories .lazy-element {
        display: block;
        border-radius: 10px;
    }
    .stories .c-2 {
        color: #FFFFFF;
    }
}