/* ========================================================= */
/* SOCIAL IMPACT PAGE MODULE                                 */
/* ========================================================= */

/* Impact Specific Hero */
.impact-hero {
    background: url('/static/images/impact-bg.jpg') no-repeat center center / cover !important;
    min-height: 65vh;
    display: flex;
    align-items: center;
    position: relative;
    background-attachment: fixed;
}

/* Dark overlay for text clarity */
.impact-hero::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(10, 61, 98, 0.45); 
    z-index: 1;
}

/* Negative margin for the impact cards overlap */
.impact-overlap {
    margin-top: -100px !important;
    position: relative;
    z-index: 10;
}

/* Image framing for the lower section */
.impact-frame {
    position: relative;
    padding: 10px;
}

.impact-frame::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 60%;
    border-top: 5px solid var(--zenzele-orange);
    border-left: 5px solid var(--zenzele-orange);
    border-top-left-radius: 20px;
}