.kftheme-blog-main-post-cards {
    border-radius: 20px;
    overflow: hidden;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.kftheme-blog-main-post-cards__inner {
    display: flex;

    gap: 20px;   
}

.kftheme-blog-main-post-cards--has-background .kftheme-blog-main-post-cards__inner {
    padding: 20px;
}

@media screen and (max-width: 767px) {
    .kftheme-blog-main-post-cards__inner {
        flex-direction: column;
    }
    
}

.kftheme-blog-main-post-cards__card--primary {
    flex: 2;
}

.kftheme-blog-main-post-cards__card--primary .kftheme-post-card__content::after,
.kftheme-blog-main-post-cards__card--primary .kftheme-post-card__content::before {
    display: none;
}

.kftheme-blog-main-post-cards__card--primary .kftheme-post-card {
    position: relative;
}

.kftheme-blog-main-post-cards__card--primary .kftheme-post-card__image {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.kftheme-blog-main-post-cards__card--primary .kftheme-post-card__content {
    margin-top: calc(var(--height) / 2);
    max-width: 491px;
    background: transparent;

    position: relative;
    z-index: 10;
}

.kftheme-blog-main-post-cards__card--primary .kftheme-post-card__content__inner {
    backdrop-filter: blur(10px);
    background: #FFFFFF1A;
    box-shadow: 0px 24px 26px 0px #0A0B5A14;
}

.kftheme-blog-main-post-cards__card--secondary {
    flex: 1;
}


.kftheme-blog-main-post-cards__card .kftheme-post-card__content__inner {
    padding: 16px 20px;
}