.basic-calendar-image {
    height: auto;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 10rem;

    & > img {
        width: 100%;
        height: auto;
    }
}

.weekly-title {
    text-align: center;
    font-weight: 800;
    font-size: 22px;
    margin: 0 0 18px;
}

.class-section { padding: 40px 0 80px; }

.class-card { margin: 40px 0 80px; }
.class-card__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    background: #fff;
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(0,0,0,.15);
}
.class-card__media img { width: 100%; height: auto; display: block; }
.class-card__title { font-size: 40px; font-weight: 800; margin: 0 0 6px; }
.class-card__divider { width: 60%; height: 2px; background: #111; margin: 8px 0 18px; }
.class-card__desc { line-height: 2; font-size: 14px; }
.class-card__desc { white-space: pre-line; }
.class-card__cta { margin-top: 22px; text-align: center; }
.class-btn {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 12px 24px;
    text-decoration: none;
}

@media (max-width: 900px) {
    .class-card__inner { grid-template-columns: 1fr; gap: 20px; }
}