.page-course-area h2,
.page-webinar-areas h2 {
    margin: 30px 0;
}

.course-areas-wrapper ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    border-top: 3px solid #d9c6f1;
    padding-top: 40px;
}

.course-areas-wrapper ul li img {
    width: 100%;
    max-height: 275px;
    min-height: 275px;
    object-fit: cover;
    display: flex;
    margin: 20px 0;
}

.course-areas-wrapper ul li h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: auto;
    overflow: hidden;
}

.course-areas-wrapper ul li a {
    width: 100%;
    text-align: center;
}