.image_swiper-layout + .content_image-layout,
.content_quote-layout + .content_image-layout {
    margin-top: -50px;
}

.flex-layout.content_image-layout {
    z-index: 1;
    position: relative;
}

.flex-layout.content_image-layout .pk-row {
    padding-block: max(3rem, calc(7.5 * var(--su)));
}

.flex-layout.content_image-layout .pk-row-content {
    align-items: center;
    gap: max(2rem, calc(4.5 * var(--su)));
}

.flex-layout.content_image-layout .content_image_media .pk-image {
    margin: 0;
}

.flex-layout.content_image-layout .content_image_media img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    border-radius: var(--border-radius);
    object-fit: cover;
}

.flex-layout.content_image-layout .content_image_content .pk-content > *:last-child {
    margin-bottom: 0;
}

.content_image_content .pk-content .pk-text {
    margin-bottom: max(1.5rem, calc(1.5 * var(--su)));
}

.flex-layout.content_image-layout.content_image--image-right .content_image_media {
    order: 2;
}


.flex-layout.content_image-layout.content_image--bg-black {
    background: var(--color-black);
    color: var(--color-white);
}

.flex-layout.content_image-layout.content_image--bg-grey {
    background: var(--tpa-grey);
}

.flex-layout.content_image-layout.content_image--bg-beige {
    background: var(--tpa-beige);
}

.flex-layout.content_image-layout.content_image--rounded {
    border-radius: var(--border-radius-layout);
    overflow: hidden;
}


.flex-layout.content_image-layout.content_image--bg-black .pk-heading,
.flex-layout.content_image-layout.content_image--bg-black .pk-heading *,
.flex-layout.content_image-layout.content_image--bg-black .pk-text {
    color: var(--color-white);
}

.flex-layout.content_image-layout.content_image--bg-black .pk-button-group .pk-button,
.flex-layout.content_image-layout.content_image--bg-black .pk-button-group .pk-button .material-symbols-outlined {
    color: var(--color-black);
}

.flex-layout.content_image-layout.content_image--bg-black .pk-button-group .pk-button {
    background-color: var(--color-white);
    border-color: var(--color-white);
}

.flex-layout.content_image-layout.content_image--bg-black .pk-button-group .pk-button:nth-child(2),
.flex-layout.content_image-layout.content_image--bg-black .pk-button-group .pk-button:nth-child(2) .material-symbols-outlined {
    color: var(--color-white);
}

.flex-layout.content_image-layout.content_image--bg-black .pk-button-group .pk-button:nth-child(2) {
    background-color: transparent;
    border-color: var(--color-white);
}

.flex-layout.content_image-layout:not(.content_image--bg-black) .pk-button-group .pk-button:nth-child(2),
.flex-layout.content_image-layout:not(.content_image--bg-black) .pk-button-group .pk-button:nth-child(2) .material-symbols-outlined {
    color: var(--color-black);
}

.flex-layout.content_image-layout:not(.content_image--bg-black) .pk-button-group .pk-button:nth-child(2) {
    border-color: var(--color-black);
}

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

    .flex-layout.content_image-layout.content_image--image-right .content_image_media {
        order: 2;
    }

    .flex-layout.content_image-layout.content_image--image-left .content_image_media {
        order: 1;
    }

    .flex-layout.content_image-layout .content_image_media img {
        max-height: 450px;
    }
}

@media only screen and (max-width: 767px) {
    .flex-layout.content_image-layout .content_image_media img {
        max-height: 350px;
    }
}
.flex-layout.content_image-layout.content_image--bg-none {
    background: var(--color-white);
}