.msa-course-cards-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.msa-course-card {
    flex: 0 1 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    box-sizing: border-box;
    border: 1px solid #c7c7c7;
    border-radius: 12px;
}


@media (max-width: 1200px) {
    .msa-course-card {
        flex: 0 1 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
}

@media (max-width: 768px) {
    .msa-course-card {
        flex: 0 1 100%;
        max-width: 100%;
    }
}