.content-12 .heading-column {
    margin-bottom: 60px;
}
.content-12 .content-row {
    margin: 0px -15px;
}
.content-12 .content-repeat {
    padding: 0px 15px;
    margin-bottom: 60px;
}
.content-12 .content-repeat:nth-last-child(-n + 3){ /* last 3 elements */
    margin-bottom: 0;
}
.content-12 .content-repeat p:last-of-type {
    margin-bottom: 0;
}
.content-12 .content-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    background-color: var(--text-navy);
    padding: 20px;
    clip-path: polygon(0 0, 100% 0, 87% 100%, 0% 100%);
}
.content-12 .content-overlay * {
    color: var(--white);
}
.content-12 .content-overlay h3 {
    margin-bottom: 0;
    font-weight: 600;
}
.content-12 .content-repeat:nth-of-type(1) .content-overlay {
    background-color: var(--navy);
}
.content-12 .content-repeat:nth-of-type(2) .content-overlay {
    background-color: var(--rose);
}
.content-12 .content-repeat:nth-of-type(3) .content-overlay {
    background-color: var(--sky);
}
@media(max-width: 1199.98px){
    .content-12 .content-row {
        margin: 0px -15px;
    }
    .content-12 .content-repeat {
        padding: 0px 15px;
    }
}
@media(max-width: 991.98px){
    .content-12 .content-row {
        margin: 0px -15px;
    }
    .content-12 .content-repeat {
        padding: 0px 15px;
    }
    .content-12 .heading-column {
        margin-bottom: 40px;
    }
}
@media(max-width: 991.98px){
    .content-12 .heading-column {
        margin-bottom: 40px;
    }
    .content-12 .content-row {
        margin: 0px;
    }
    .content-12 .content-repeat,
    .content-12 .content-repeat:nth-last-child(-n + 3) {
        padding: 0px;
        margin-bottom: 30px;
    }
    .content-12 .content-repeat:last-of-type {
        margin-bottom: 0px;
    }
    .content-12 .content-repeat:last-of-type p {
        margin-bottom: 0px;
    }
}
@media(max-width: 575.98px){
    .content-12 .heading-column {
        margin-bottom: 30px;
    }

}