.wp-block-cleargov-card-carousel-card {
	grid-row: 1;
	grid-column: 1;
	padding: 3.75em 0 4.5em;
	background-size: cover;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease;
}

.wp-block-cleargov-card-carousel:not(.cg-init) .wp-block-cleargov-card-carousel-card:first-child,
.wp-block-cleargov-card-carousel-card.selected {
	opacity: 1;
	pointer-events: auto;
}

.cg-card-carousel-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.cg-card-carousel-wrap h2 {
	position: relative;
	max-width: 10em;
	height: fit-content;
	padding-left: 2.75em;
	margin-bottom: 1.125em;
	color: var(--blue-80);
}

.cg-card-carousel-wrap h2.cg-card-dark {
	color: #fff;
}

.cg-card-carousel-wrap h2::before {
	content: '';
	position: absolute;
    bottom: 0;
    left: 0.2em;
    width: 2.375em;
    height: 3em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234D96F4' viewBox='0 0 80 102'%3E%3Cpath d='M62 47.1c-.2-.3-.7-.2-1 0-1 .5-2.8 1.4-2.9 1.8 0 .3 2.7 5.4 5.7 10.5l4.4 6.8c1.3 1.8 2.4 3 2.4 3.2l.2.3c.2 0 .4.4 1 1l2.5-3-1.8-1.2-2-1.1c-.7-.4-1.5-.9-3-1.4a1.5 1.5 0 0 0-.7-.1l-.3-.1c-.3 0-.5-.2-.8-.3l-1.8-.7-2.4-.7-2.5-.6-5.7-.8c-1-.1-2.2-.3-3.4-.3H47l-.7.2c-.3 0-.6.3-.9.4a2 2 0 0 0-1 2.7c.3.5.8.9 1.4 1l2.2.7c.8.1 1.5.4 2.2.6l5 1.3 11.5 2.8c1 .2 2 .6 3 .7l1.7.4.9.2h.4l.8-.1a2 2 0 0 0 1.4-.9c.8-.1.3-3-.4-3h-.2L73 66.3l-1.5-1-2.9-1.7c-1.9-1-3.7-2.3-5.6-3.4l-5.3-3.5c-3.6-2.3-7.1-4.5-10-6.6a82.8 82.8 0 0 1-7.7-6.3c-4.3-3.8-6.8-6.5-7-6.6-.5-.6-5-5-9.3-9.7-4.3-4.6-7.6-9.9-8-10.4-.7-.9-3-5-4-6.2-.6-.5-1.9-.1-1.7.8.1.6 1.1 2.6 1.5 3.6l.4.9 1.4 2.4a68.3 68.3 0 0 0 5.5 8.4 152.8 152.8 0 0 0 21.7 23c4.7 4 10.1 7.4 15.3 10.6l3.7 2.5c1.4 1 2.6 1.6 4 2.5 2.6 1.5 5.1 3 7.4 4.6l.7.4c0-.3 0 1-.8-1.6.4-2 .9-1.7 1.6-2.2.7-.1.3 0 .4 0h-.4l-2-.5-4-1-7.5-1.8c-4.7-1.2-8.7-2.3-12-3l.3 4.1H49l2.9.3c1.8.1 3.4.5 5 .7l4 .8c1 .2 1.9.7 3 1.1l1.8.5c-.1 0 .3 0 .7.3l1.7.9 2.2 1.3 1.3.7c1 .6 2.5.3 3.1-.9.5-.9.4-2-.3-2.6-.9-1-1.7-2.2-2.6-3.4l-2.3-3.5-3.9-6.4c-1.7-3.8-3.2-6.5-3.5-7.3Zm-1.3 37-.6.7c-.6 1-1.7 2.7-1.7 3L61 84a10.4 10.4 0 0 0-3.8-1.4l-3-.5-.4-.1-1-.3a70.2 70.2 0 0 0-13.5-1.4 59.4 59.4 0 0 0-15 1.3c-.3 0-2 .7-3.7 1.4a18.4 18.4 0 0 0-3.2 1.7c-.3.2-1.4.9-1.6 1.4 0 .3.6 1.5.8 1.6.1 0 .8-.2 1-.1l1.3-.5a50.6 50.6 0 0 1 14.8-2.4 76 76 0 0 1 12 .5c3.5.3 6.1 1 7 1 1.7.3 3.3.6 4.4 1l1.2.4.3.2.2.1 2-3.7Z'/%3E%3Cpath d='M44.7 95c1-.7 2.3-1.4 3.7-2 .7-.3 2.7-1.3 5.7-2.3 1.4-.5 3-1.1 5-1.6l2.7-.8 2.7-.7.1-4.2h.2c0 .1-.2 0-.2 0h-.3l-.7-.3-1.4-.7c-1-.4-1.7-.9-2.7-1.4a35 35 0 0 1-4.6-2.9 23 23 0 0 1-3-2.5l-.7-.8-.2-.4-.7-.6c-.3 0-1.4.6-1.5 1 0 .2 0 .7.2 1.1l.4.9c0 .1 1 1.7 2.2 3l2.6 2.6c0 .2.9.7 2.3 1.6l2.9 1.6 1.9 1 1 .5.7.2.3.1.6.2v-4.2l-2.8.6-2.9.8a73.7 73.7 0 0 0-10.4 3.6l-1.4.7-.5.3-1 .5c-.5.2-1.3.5-2 1a8.8 8.8 0 0 0-2.8 2 120.7 120.7 0 0 0 2.9 3s.6-.6 1.7-1Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	transform: rotate(22.5deg);
}

.cg-card-carousel-card {
	position: relative;
	display: grid;
	gap: 4.5em;
	align-content: start;
	max-width: 30em;
	padding: 5em 3em 4em 2em;
    border: 0.25em solid var(--blue-70);
    border-radius: 1.6875em;
    margin-left: auto;
    background: #fff;
    box-sizing: border-box;
}

.cg-card-carousel-card h3 {
	margin: 0;
	color: var(--blue-80);
}

.cg-card-carousel-card-type {
	position: absolute;
    top: -0.125em;
    right: 3.25em;
    font-size: .75em;
    font-weight: 800;
    line-height: 1.40625;
    letter-spacing: -0.02em;
    padding: 0.625em 1.25em;
    background: var(--blue-70);
    color: #fff;
}

.cg-card-carousel-card img {
	position: absolute;
	bottom: 2.875em;
	left: 2em;
	height: auto;
}

.cg-card-carousel-card a {
	font-size: .8125em;
	font-weight: 700;
	letter-spacing: -0.015em;
	margin-left: 6em;
	color: var(--blue-70);
}

@media all and (min-width: 48em) {
	.wp-block-cleargov-card-carousel-card {
		padding: 4.5em 0 7em;
	}
	
	.cg-card-carousel-wrap {
		display: grid;
		grid-template-columns: min(40%, 31.375em) 1fr;
		gap: 2em;
	}
	
	.cg-card-carousel-wrap h2 {
		padding-left: 1.5em;
		margin-top: 1.125em;
	}
	
	.cg-card-carousel-wrap h2::before {
		top: 0;
		bottom: auto;
		left: -.12em;
		width: 1.5em;
		height: 1.9em;
		transform: none;
	}
	
	.cg-card-carousel-card {
		gap: 1.875em;
		max-width: 36.625em;
		height: 34.125em;
		padding: 4.375em 3.875em;
	}
	
	.cg-card-carousel-card-type {
		font-size: .9375em;
	}
	
	.cg-card-carousel-card img {
		position: static;
		width: 6em;
	}
	
	.cg-card-carousel-card a {
		font-size: 1.125em;
		margin: 0;
		padding-right: 3em;
	}
}

@media all and (min-width: 60em) {
	.cg-card-carousel-card a {
		padding: 0;
	}
}

@media all and (min-width: 86em) {
	.cg-card-carousel-wrap {
		grid-template-columns: 26.5em 1fr;
	}
	
	.cg-card-carousel-wrap h2 {
		padding: 0;
	}
	
	.cg-card-carousel-wrap h2::before {
		left: -1.62em;
	}
}