.additional-resources-section[data-bg-img="true"] {
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
}

.ars-layout-flex {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}

.ars-copy-flex {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.ars-heading {
	color: var(--core-rich--black, #010203);
}

.ars-support-text {
	color: var(--neutral-5, #4C4D4F);
}

.ars-desktop-cta {
	display: none;
}

.ars-cta-chevron {
	margin-top: 4px;
}

.ars-cta-chevron path {
	transition: fill .25s ease;
}

.ars-desktop-grid {
	display: none;
}

.ars-mobile-swiper-flex {
	display: flex;
	flex-direction: column;
	width: 100%;
	row-gap: 20px;
}

{# Swiper styles #}
.ars-carousel {
	width: 100%;
	max-width: 370px;
}
.ars-carousel-wrapper {

}

.ars-carousel-wrapper .swiper-slide {
	height: auto;
}

.ars-carousel-navigation {
	position: relative;
}

.ars-carousel-pagination {
	display: flex;
	justify-content: center;
}

.ars-carousel-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: transparent;
	border: 1px solid var(--core-rich-black, #010203);
	opacity: 1;
}
.ars-carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--core-rich-black, #010203);
}

.ars-mobile-cta {
	max-width: 560px;
	margin: 12px auto 0;
}

.ars-mini-grid {
	display: grid;
	justify-items: center;
	grid-template-columns: 1fr;
	gap: 32px;
}

.ars-mini-grid > div {
	max-width: 370px;
}

@media screen and (min-width: 768px) {
	.ars-layout-flex {
		row-gap: 40px;
	}

	.ars-top-flex {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		gap: 16px;
	}

	.ars-desktop-cta {
		display: flex;
	}

	.ars-copy-flex {
		align-items: center;
		text-align: center;
	}

	.ars-carousel {
		max-width: unset;
	}

	.ars-mobile-swiper-flex {
		row-gap: 40px;
	}

	.ars-mobile-cta {
		display: none;
	}

	.ars-mini-grid[data-cards="2"] {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.ars-mini-grid[data-cards="2"] :first-child {
		justify-self: flex-end;
	}
	
	.ars-mini-grid[data-cards="2"] :last-child {
		justify-self: flex-start;
	}
}

@media screen and (min-width: 992px) {
	.ars-layout-flex {
		row-gap: 50px;
	}
	
	.additional-resources-section[data-variant="content-library"] .ars-layout-flex {
		row-gap: 20px;
	}

	.additional-resources-section[data-variant="content-library"] .ars-top-flex {
		flex-direction: row;
		align-items: flex-end;
		row-gap: 20px;
	}

	.additional-resources-section[data-variant="content-library"] .ars-copy-flex {
		text-align: left;
		align-items: flex-start;
	}

	.ars-heading {
		width: 100%;
		max-width: 970px;
	}

	.ars-support-text {
		width: 100%;
		max-width: 630px;
	}

	.ars-desktop-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 32px;
		position: relative;
	}

	.ars-grid-decor {
		position: absolute;
		content: '';
		pointer-events: none;
	}

	.ars-grid-decor.top-left {
		inset: -25px auto auto -25px;
	}

	.ars-grid-decor.bottom-left {
		inset: auto auto -25px -25px;
		transform: rotate(270deg);
	}

	.ars-grid-decor.top-right {
		inset: -25px -25px auto auto;
		transform: rotate(90deg);
	}

	.ars-grid-decor.bottom-right {
		inset: auto -25px -25px auto;
		transform: rotate(180deg);
	}

	.ars-mobile-swiper-flex {
		display: none;
	}
}



@media screen and (min-width: 1200px) {
	.additional-resources-section[data-variant="content-library"] .ars-desktop-grid {
		column-gap: 48px;
	}
}