.content_cta-layout {
    position: relative;
}

.content_cta-layout .pk-row{
	padding-block: 0;
}

.content_cta-layout.bg-no_bg .pk-row{
		padding-block: var(--pk-row-spacing);
}

.content_cta-layout::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 75%;
    background: rgba(var(--dc-black-rgb), 0.8);
}

.content_cta-layout.bg-no_bg::before {
	content: '';
	all: unset;
}

.content_cta-layout .pk-row-content {
    position: relative;
    padding: max(1.5rem, calc(5 * var(--su)));
    padding-bottom: max(1.5rem, calc(3 * var(--su)));
    padding-inline: 0 max(1.5rem, calc(3 * var(--su)));
    border-radius: 1rem;
    background: #fceee4;
    overflow: hidden;
}

.content_cta-layout .pk-row-content::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    max-width: 30%;
    width: 100%;
    height: 100%;
    background: var(--dc-blue);
}

.content_cta-layout .cta-card{
	position: relative;
	z-index: 1;
}

.content_cta-layout .cta-card .card-inner {
    position: relative;
    padding: max(1.5rem, calc(2.5 * var(--su)));
    border-radius: 0.5rem;
    background: var(--dc-orange);
    overflow: hidden;
    z-index: 1;
}

.content_cta-layout .cta-card .card-inner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    max-width: max(3.5rem, calc(7.5 * var(--su)));
    max-height: max(3.5rem, calc(7.5 * var(--su)));
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iMTA3IiB2aWV3Qm94PSIwIDAgNjcgMTA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSI3Ni41IiBjeT0iMzAuNSIgcj0iNzMuMTQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNi43MiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNS4wNCAxNi44Ii8+Cjwvc3ZnPgo=");
    z-index: -1;
}

.content_cta-layout .pk-people-wrap {
    width: fit-content;
    display: flex;
    padding: 0.375rem;
    margin-bottom: 1.5rem;
    border-radius: 999px;
    background: var(--dc-white);
    overflow: hidden;
}

.content_cta-layout .pk-person {
    width: max(3rem, calc(4 * var(--su)));
    height: max(3rem, calc(4 * var(--su)));
    border-radius: 999px;
    overflow: hidden;
}

.content_cta-layout .pk-person:not(:first-child) {
    margin-left: max(-1.563rem, calc(-1.563 * var(--su)));
}

.content_cta-layout .pk-person img {
    width: 100%;
    height: auto;
}

.content_cta-layout .cta-card .pk-button {
    justify-content: center;
    width: 100%;
    color: var(--dc-white);
    background: var(--dc-black);
}



@media screen and (min-width: 991px) {
    .content_cta-layout .cta-card {
        margin-top: max(2rem, calc(4.5 * var(--su)));
    }
}

@media screen and (max-width: 991px) {
	.content_cta-layout .cta-card .pk-button {
    width: fit-content;

}

}

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

	.content_cta-layout .pk-row{
		padding-block: 0;
	}
	
    .content_cta-layout .pk-row-content {
        gap: 2rem;
        padding-inline: 0;
        padding-block: 3rem 0;
    }

    .content_cta-layout .pk-row-content .content {
        padding-inline: 1rem;
    }

    .content_cta-layout .pk-row-content::after {
        content: "";
        display: none;
    }

    .content_cta-layout .cta-card {
		position: relative;
        padding: 1.5rem;
        padding-bottom: 2.5rem;
        background: var(--dc-blue);

    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .content_cta-layout .pk-row-content {
        align-items: flex-end;
        column-gap: 2rem;
        padding-inline: max(1.5rem, calc(3 * var(--su)));
    }
    .content_cta-layout .cta-card {
        margin-top: max(2rem, calc(4.5 * var(--su)));
    }
}