body .content-in-cards { 
    display: grid;
    max-width: var(--wide-width);
    position: relative;
    column-gap: calc( var(--item-column-gap) / 2);
    row-gap: var(--item-row-gap);
}

body .content-in-cards:has(~ .content-in-cards):not(:first-of-type) {
    margin-top: var(--item-row-gap);
    margin-bottom: 0;
}

body .content-in-cards:is(:last-of-type) {
    margin-top: var(--item-row-gap);
    margin-bottom: var(--block-margin);
}

.content-in-cards.has-one-card {
    margin-bottom: var(--item-row-gap, 32px) !important;
}

.content-in-cards.has-one-card .content-in-cards-card-wrapper {
    grid-template-columns: 1fr !important;
}

.content-in-cards.has-one-card .content-in-cards-card {
    width: 100%;
}

.content-in-cards-card[data-color-scheme="blue"] .content-in-cards-card-title a {
    color: white; 
    text-decoration: none;
}

.content-in-cards-card[data-color-scheme="blue"] .content-in-cards-card-title a:hover,
.content-in-cards-card[data-color-scheme="blue"] .content-in-cards-card-title a:focus,
.content-in-cards-card[data-color-scheme="blue"] .content-in-cards-card-title a:active {
    text-decoration: underline; 
}

.content-in-cards-card[data-color-scheme="light"] .content-in-cards-card-title a {
    color: black;
}

.content-in-cards-inner {
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: var(--item-row-gap);
}

.content-in-cards-inner>*:last-child{
    margin-bottom: 0;
}

.content-in-cards-title strong {
    color: var(--primary-button-background-color);
    font-weight: 600;
}

.content-in-cards-card-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: var(--row-gap);
}

.content-in-cards .content-in-cards-card {
    display: grid;
    border-radius: var(--element-border-radius);
}

.content-in-cards-card[data-color-scheme="light"] .content-in-cards-text {
    	background: white;
		z-index: 2
	}

.content-in-cards .content-in-cards-text {
    padding: var(--row-gap);
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--item-row-gap) / 2);
}

.content-in-cards .content-in-cards-card :is(h3, p) {
    margin: 0;
}

.content-in-cards-card:is([data-media-position="bottom"]) .content-in-cards-image img {
    border-radius: 0 0 var(--element-border-radius) var(--element-border-radius);
}

.content-in-cards-card:is([data-media-position="top"]) .content-in-cards-image img {
    border-radius: var(--element-border-radius) var(--element-border-radius) 0 0;
}

.content-in-cards-card:is([data-media-position="top"]) .content-in-cards-text {
    order: 2;
    padding-bottom: var(--item-row-gap);
    border-radius: 0 0 var(--element-border-radius) var(--element-border-radius);
}

.content-in-cards .content-in-cards-card :is(img, iframe, video) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    border-radius: var(--element-border-radius);
}

.content-in-cards .content-in-cards-video-player :is(iframe, video){
    display: block;
    border: none;
}

.content-in-cards-buttons{
    display: flex;
    flex-wrap: wrap;
    column-gap: calc( var(--item-column-gap) / 2);
    row-gap: calc( var(--item-column-gap) / 2);
    align-items: center;
    margin-top: var(--row-gap);
}

.content-in-cards  a.white-link:hover {
    color: #E9E9E9;
}

.content-in-cards a.white-link {
    color: white;
}


@media (max-width: 480px) {
    body .content-in-cards {
        max-width: 100%;
    }

    .content-in-cards .content-in-cards-card,
    .content-in-cards-card:is([data-media-position="top"]) .content-in-cards-image img,
    .content-in-cards-card:is([data-media-position="bottom"]) .content-in-cards-image img,
    .content-in-cards-card:is([data-media-position="top"]) .content-in-cards-text,
    .content-in-cards-card:is([data-media-position="bottom"]) .content-in-cards-text {
        border-radius: 0;
    }
}

@media (min-width: 768px) {
    a:is(.primary-button, .secondary-button, .tertiary-button).content-in-cards-button {
        width: 100%;
        text-align: center;
    }

    .content-in-cards .content-in-cards-card {
        border-radius: var(--element-border-radius);
        height: 100%;
        grid-template-rows: auto 1fr;
		border: 1px solid #EFEFEF;
		box-shadow: -1270px -943px 443px 0px rgba(2, 89, 247, 0.00), -813px -604px 405px 0px rgba(2, 89, 247, 0.01), -457px -340px 342px 0px rgba(2, 89, 247, 0.03), -203px -151px 253px 0px rgba(2, 89, 247, 0.06), -51px -38px 139px 0px rgba(2, 89, 247, 0.07);
    }

    .content-in-cards .content-in-cards-text {
        padding: var(--item-row-gap);
    }

    .content-in-cards-card-wrapper {
        display: grid;
        align-items: flex-start;
        column-gap: var(--item-column-gap);
    }

    .content-in-cards:is([data-featured-card="left"]) .content-in-cards-card-wrapper {
        grid-template-columns: 60% 1fr;
    }

    .content-in-cards:is([data-featured-card="right"]) .content-in-cards-card-wrapper {
        grid-template-columns: 1fr 60%;
    }
}

@media (max-width: 1025px) {
	body .content-in-cards:nth-of-type(even) .content-in-cards-card:nth-of-type(even) img {
    	border-radius: 0 0 16px 16px;
	}
	body .content-in-cards:nth-of-type(odd) .content-in-cards-card:nth-of-type(odd) img {
    	border-radius: 0 0 16px 16px;
	}
	body .content-in-cards:is(:last-of-type) {
		margin-bottom: 96px;
	}
	.content-in-cards-card-wrapper {
        grid-template-columns: 1fr !important;
    }
	.content-in-cards .content-in-cards-card {
    	display: block;
	}
}

@media (max-width: 568px) {
	body .content-in-cards:nth-of-type(even) .content-in-cards-card:nth-of-type(even) img {
    	border-radius: 0;
	}
	body .content-in-cards:nth-of-type(odd) .content-in-cards-card:nth-of-type(odd) img {
    	border-radius: 0;
	}
	.content-in-cards .content-in-cards-text {
    	padding: 16px;
	}
	.content-in-cards-card-title h3 {
    	font-size: 24px;
	}
	body .content-in-cards:is(:last-of-type) {
        margin-bottom: 64px;
    }
}