.cards-section{
    padding: 100px 0;
}

.cards-section .container.split {
    gap: 60px;
    grid-template-columns: 1fr 2fr;
}

.cards-section .cards {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.cards-section .card {
    background-color: var(--rood);
    color: var(--wit);

    border-radius: 15px;
    padding: 30px;
}

.cards-section .card > h3{
    font-size: 2rem;
}

/* Mobile */
@media screen and (max-width: 767px) {
.cards-section .card > h3{
    font-size: 1.4rem;
}
}