.cards-in-columns{
	margin: 0 auto;
    display: flex;
    flex-direction: column;
    row-gap: var(--block-margin);
    margin: 0 auto;
    position: relative;
}

.cards-in-columns.alignfull{
    width: 100%;
    max-width: 100%;
}

.cards-in-columns:is([data-color-scheme="transparent"]){
	padding: 0;
	margin: var(--block-margin) auto;
}

.cards-in-columns:is([data-color-scheme|="light"], [data-color-scheme|="medium"], [data-color-scheme|="dark"]) .cards-in-columns-content[data-layout="2"]{
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
}

.cards-in-columns-content{
    position: relative;
    margin: 0 auto;
}

.cards-in-columns.alignfull .cards-in-columns-content{
    width: 100%;
    max-width: var(--wide-width);
}

.cards-in-columns-content.animate__animated{
    animation-name: fadeIn;
}

.cards-in-columns-content:is([data-layout="1center"], [data-layout="1fullycenter"]) :is(.cards-in-columns-content-heading, .cards-in-columns-content-body),
.cards-in-columns-content:is([data-layout="1fullycenter"]) .cards-in-columns-columns{
    text-align: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--item-row-gap) / 2);
}

.cards-in-columns-content:is([data-layout="1center"], [data-layout="1fullycenter"]) .cards-in-columns-buttons,
.cards-in-columns-content:is([data-layout="1fullycenter"]) .cards-in-columns-columns-buttons{
    justify-content: center;
}

.cards-in-columns-title {
	text-align: center;
	font-size: var(--Typography-h2, 36px);
	font-style: normal;
	font-weight: 600;
	line-height: 130%; /* 46.8px */
	letter-spacing: -0.36px;
	margin-bottom: 32px;
}

.cards-in-columns-title p {
    margin-bottom: 0;
}

.cards-in-columns-subtitle{
    font: var(--font-headline-5);
    letter-spacing: var(--secondary-letter-spacing);
    margin-bottom: calc( var(--item-row-gap) / 2);
}

.cards-in-columns-columns{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--item-column-gap);
    row-gap: var(--item-row-gap);
    margin: 0 auto;
}

.cards-in-columns-columns-item {
    border-radius: var(--element-border-radius);
    padding: var(--item-row-gap) var(--item-column-gap);
}

.cards-in-columns-columns:is([data-box-shadow="1"]) .cards-in-columns-columns-item {
    box-shadow: var(--element-box-shadow);
}

a.cards-in-columns-columns-item{
    text-decoration: none;
}

.cards-in-columns-columns-icon {
    margin-bottom: calc(var(--item-row-gap) / 2);
}

.cards-in-columns-columns-item p {
    margin-bottom: 0;
}

.cards-in-columns-columns-image img{
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    margin-bottom: calc(1em * var(--primary-line-height));
    border-radius: var(--element-border-radius);
}

a.cards-in-columns-columns-item:is(:hover, :focus, :active) {
	text-decoration: none;
}

a.cards-in-columns-columns-item p {
    color: var(--color-black);
}

a.cards-in-columns-columns-item:is(:hover, :focus, :active) h3 {
	text-decoration: underline;
}

a.cards-in-columns-columns-item:is(:hover, :focus, :active) p {
    text-decoration: none;
}

a.cards-in-columns-columns-item:is(:hover, :focus, :active) .cards-in-columns-columns-full-link-button{
    pointer-events: none;
}

.cards-in-columns-columns-item > div > h3 {
    margin-bottom: 8px;
}

a.cards-in-columns-columns-item:is(:hover, :focus, :active) .cards-in-columns-columns-button{
    border-color: var(--primary-button-hover-border-color);
    background-color: var(--primary-button-hover-background-color);
    color: var(--primary-button-hover-text-color);
    box-shadow: var(--primary-button-hover-box-shadow);
}

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

.cards-in-columns-columns-buttons {
    display: flex;
    column-gap: calc(var(--item-row-gap) / 2);
}

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


.cards-in-columns-v2 .cards-in-columns-columns {
	column-gap: 16px;
}

.cards-in-columns-v2  .cards-in-columns-columns-item {
	border-radius: 8px;
	background: white;
}

.cards-in-columns-v2-outline .cards-in-columns-columns-item {
	border: 1px solid var(--Content-Stroke, rgba(0, 0, 0, 0.04));
}

.cards-in-columns-v2 .cards-in-columns-columns-item .cards-in-columns-alt-header {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 33.6px */
	letter-spacing: -0.24px;
	margin-bottom: 8px;
}

.cards-in-columns-columns-item .cards-in-columns-subheading {
    font-size: 20px !important;
    font-weight: 600;
	line-height: 140%; /* 28px */
	letter-spacing: -0.2px;
}

.cards-in-columns-v2 .cards-in-columns-content .cards-in-columns-text p {
    margin-bottom: 32px;
}

.cards-in-columns-v2 .cards-in-columns-content .cards-in-columns-title {
	margin-bottom: 16px;
}

@media (min-width: 768px){
    .cards-in-columns-columns:is([data-columns="2"], [data-columns="4"]){
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cards-in-columns-content:is([data-layout="1center"], [data-layout="1fullycenter"]) :is(.cards-in-columns-content-heading, .cards-in-columns-content-body),
    .cards-in-columns-content:is([data-layout="1fullycenter"]) .cards-in-columns-columns{
        max-width: calc(var(--wide-width)* 0.75);
    }

    .cards-in-columns-content[data-layout="2"]{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: var(--item-column-gap);
    }

    .cards-in-columns-content[data-layout="2"] .cards-in-columns-columns{
        grid-column: span 2;
    }

    .cards-in-columns-content[data-layout="2sidebar"]{
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
        grid-template-rows: min-content min-content min-content auto;
        column-gap: var(--column-gap);
        grid-auto-flow: dense;
    }

    .cards-in-columns-content[data-layout="2sidebar"] :is(.cards-in-columns-content-heading, .cards-in-columns-content-body, .cards-in-columns-buttons){
        grid-column: 1;
    }

    .cards-in-columns-content[data-layout="2sidebar"] .cards-in-columns-columns{
        grid-row: span 4;
        grid-column: 2;
        margin: 0;
        align-self: start;
    }

    .cards-in-columns-columns[data-columns="3"]{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .cards-in-columns {
        margin: var(--padding-xl) 0;
    }

    .blocks-container > .cards-in-columns.alignfull {
        max-width: 100%;
    }

    .cards-in-columns-columns {
        row-gap: var(--row-gap);
        margin: 0;
    }

    .blocks-container > .cards-in-columns.alignfull .cards-in-columns-content {
        max-width: 100%;
    }
}

@media (min-width: 1200px){
    .cards-in-columns-columns[data-columns="4"]{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media screen and (max-width: 1025px) {
	.cards-in-columns-v2 {
		margin-top: 0;
	}
	.cards-in-columns-v2 .cards-in-columns-columns {
		row-gap: 12px;
		column-gap: 12px;
	}
	.cards-in-columns-v2 .cards-in-columns-content-heading, .cards-in-columns-v2 .cards-in-columns-content-body {
		max-width: 100%;
		text-align: left !important;
		align-items: flex-start;
		margin: 0 !important;
	}
	.cards-in-columns-v2 .cards-in-columns-columns-item .cards-in-columns-alt-header {
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; /* 28px */
		letter-spacing: -0.2px;
	}
	.cards-in-columns-columns-item .cards-in-columns-subheading {
		font-size: 16px !important;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; /* 22.4px */
		letter-spacing: -0.16px;
	}
}

@media screen and (max-width: 568px) {
	.cards-in-columns-columns-item {
    	width: calc( 100vw - 32px );
	}
	.cards-in-columns-boxed .cards-in-columns-columns-item {
		left: 0;
	}
	.cards-in-columns-boxed .cards-in-columns-columns-item h3 {
		font-size: 24px;
	}
	.cards-in-columns-columns {
        row-gap: 16px !important;
	}

	.cards-in-columns-v2 .cards-in-columns-columns {
		column-gap: 8px !important;
		row-gap:  8px !important;
	}

	.cards-in-columns-content-heading .cards-in-columns-title {
        font-size: 28px;
        margin-bottom: 16px;
		text-align: left;
    }
}