.flex-layout.content_small_image {
    padding-block: max(4rem, calc(6 * var(--su))) max(4rem, calc(4 * var(--su)));
    padding-inline: var(--pk-site-gutter);
    --overlay-color: var(--cbw-teal);
    --overlay-radius: max(1.5rem, calc(2.5 * var(--su)));
    border-radius: var(--overlay-radius);
    background-color: var(--overlay-color);
}

.flex-layout.content_small_image .pk-grid-container {
    row-gap: 3rem;
}

.flex-layout.content_small_image .content-col {
    display: flex;
    flex-direction: column;
    justify-content: start;
    /* gap: max(1rem, calc(2 * var(--su))); */
    padding-right: max(1rem, calc(6 * var(--su)));
}

.flex-layout.content_small_image .content-col .pk-heading {
   margin-bottom: max(1rem, calc(2 * var(--su)));
}

.flex-layout.content_small_image .content-col .cbw-button-group {
    margin-top: max(1.5rem, calc(2 * var(--su)));
}

.flex-layout.content_small_image .content-col, .flex-layout.content_small_image .content-col .pk-heading * {
    color: var(--cbw-white-100);
}

.flex-layout.content_small_image .image-col {
    display: flex;
    align-items: end;
}

.flex-layout.content_small_image .image-col img {
    width: 100%;
    height: auto;
    border-radius: var(--border-radius-medium);
    object-fit: cover;
    aspect-ratio: 1;
}

@media screen and (max-width: 992px) {
    

}

@media screen and (max-width: 767px) {

    .flex-layout.content_small_image .content-col {
        padding-right: 0;
    }   

}