.mj-kelas-img {
    width: 100% !important;
    height: 230px !important;
    border-radius: 30px 30px 0 0 !important;
    object-fit: cover !important;
}

.mj-magazine-img {
    width: 100% !important;
    height: 580px !important;
    border-radius: 30px 30px 0 0 !important;
    object-fit: cover !important;
}

.mj-card-bimbingan-content {
    margin: unset !important;
}

#intro-kelas .mj-card-display > img {
    height: 320px !important;
    object-fit: cover;
}

#kelas-capsule .mj-capsule:hover {
    background: var(--teal-700);
    border: 1px solid var(--teal-700);
}

.card-kelas-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex: 1;
}

#event-holder,
#magazine-holder,
#ebook-holder {
    padding: 48px 0;
    min-height: 240px;
    position: relative;
}

.mj-card-global .mj-card-content {
    display: flex;
    flex-direction: column;
}

#event-holder .mj-card-content > h3 {
    flex: 1;
}

.mj-date {
    margin-bottom: 8px;
}

#pagination-holder {
    display: flex;
    justify-content: center;
    overflow: visible;
    margin-top: 0 !important;
}

#event-holder .mj-card-display {
    padding: 1.3rem 0;
    margin-bottom: 32px;
}

#event-holder .mj-card-display > img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.card-blog-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

#whatsapp-tooltip-content {
    cursor: pointer;
}

.main-image, .img-switcher {
    width: 100%;
}

@media screen and (max-width: 540px) {
    .p-5 {
        padding: 18px 24px !important;
    }
    
    .mj-section-hero img:not(.mj-img-lazy) {
        width: 100%;
    }

    .mj-magazine-img,
    .mj-kelas-img {
        width: 100% !important;
        height: auto !important;
        border-radius: 30px 30px 0 0 !important;
        object-fit: cover !important;
    }
    
    .mt-5 {
        margin-top: 24px !important;
    }

    .mb-5 {
        margin-bottom: 24px !important; 
    }

    .mb-4 {
        margin-bottom: 16px !important;
    }
}