.flex-layout.blog_grid-layout {
    background-color: var(--color-black);
    border-radius: var(--border-radius-layout);
    z-index: 4;
    position: relative;
}

.flex-layout.blog_grid-layout .blog_grid-top-content .pk-heading,
.flex-layout.blog_grid-layout .blog_grid-top-content .pk-subtitle {
    color: var(--color-white);
}

.flex-layout.blog_grid-layout .blog_grid-top-content .pk-heading {
    margin-bottom: 0;
    line-height: 0.88;
}

.flex-layout.blog_grid-layout .blog_grid-top-content .pk-button {
    background: transparent;
    border: 1px solid var(--color-white);
}

.flex-layout.blog_grid-layout > .pk-row {
    padding-top: max(4rem, calc(6.25 * var(--su)));
    padding-bottom: max(4rem, calc(6.25 * var(--su)));
}

.flex-layout.blog_grid-layout .blog_grid-top-content {
    display: flex;
    align-items: flex-end;
    gap: max(1.5rem, calc(2 * var(--su)));
    padding-left: calc(5 * var(--su));
    margin-bottom: max(2rem, calc(2.75 * var(--su)));
}

.flex-layout.blog_grid-layout .blog_grid-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--pk-column-gap);
    align-items: start;
}

.flex-layout.blog_grid-layout .blog_grid-col {
    display: flex;
    flex-direction: column;
    gap: max(2rem, calc(4 * var(--su)));
}

.flex-layout.blog_grid-layout .blog_grid-mobile {
    display: flex;
    flex-direction: column;
    gap: max(2rem, calc(4 * var(--su)));
}

@media screen and (max-width: 992px) {
    .flex-layout.blog_grid-layout .blog_grid-top-content {
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .flex-layout.blog_grid-layout .blog_grid-top-content {
        flex-direction: column;
        align-items: flex-start;
    }
}