.content_cta_small-layout .pk-grid-container {
	align-items: center;
}
.content_cta_small-layout .image-col {
    position: relative;
    z-index: 1;
    height: 100%;
}
.content_cta_small-layout .image-col img {
	aspect-ratio: 7/5;
    width: 100%;
    object-fit: cover;
}

.content_cta_small-layout .content-col {
	display: flex;
	flex-direction: column;
	gap: max(1.5rem, calc(1.5 * var(--su)));
    background-color: var(--secondary-blue);
	color: #ffffff;
	position: relative;
	z-index: 2;
	padding: max(1.5rem, calc(3.5 * var(--su)));
}
.content_cta_small-layout .content-col .pk-heading {
	color: inherit;
}

@media screen and (min-width: 993px) {
	.content_cta_small-layout .image-col {
		grid-row: 1;
	}
	.content_cta_small-layout .content-col {
		grid-row: 1;
		min-height: calc(100% - (7 * var(--su)));
	}
	.content_cta_small-layout .content-col .pk-button-group {
		margin-top: auto;
	}
}

@media screen and (min-width: 768px) {
	.content_cta_small-layout {
		margin-bottom: calc((3.5 * var(--su)) + var(--global-row-spacing));
	}
    .content_cta_small-layout .image,
    .content_cta_small-layout .content {
        grid-row: 1;
    }
    .content_cta_small-layout[data-image-pos="right"] .image .number-block {
        left: auto;
    }
    .content_cta_small-layout .image .number-block {
        max-width: 50%;
    }
}

@media screen and (max-width: 992px) {
	.content_cta_small-layout .image img {
		aspect-ratio: 10/9;
	}
}

@media screen and (max-width: 767px) {
	.content_cta_small-layout .content {
		translate: none;
	}
}