.cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.card {
    height: 400px;
    background-color: var(--green);
    color: var(--white);
    padding: 20px 30px 50px;
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% calc(100% - 50px),
        calc(100% - 70px) 100%,
        0 100% 
    );
}
.gold-card {
    background-color: var(--gold);
}
.card .card-title {
    color: var(--white);
    margin: 20px 0 14px;
}

@media (min-width: 1170px){
    .cards-grid .swiper-slide:nth-child(5){
        grid-column-start: 2;
    }
    .cards-grid .swiper-slide:nth-child(5) .card{
        background-color: var(--gold);
        clip-path: none;
    }
    .cards-grid .swiper-slide:nth-child(6) .card{
        background-color: var(--green);
        clip-path: polygon(
        0 0, 
        100% 0, 
        100% calc(100% - 50px),
        calc(100% - 70px) 100%,
        0 100% 
    )
    }
}