.flex-content.content-tiles {
	padding: 100px 0 100px 0;
}

.flex-content.content-tiles > .container {
	display: flex ;
	flex-direction: column;
	row-gap: 30px;
}

.flex-content.content-tiles .row {
	row-gap: 30px;
	margin: 0 -28px;
}

.flex-content.content-tiles .row > div {
	padding: 0 28px;
}

.flex-content.content-tiles .main-title {
	text-align: center;
	margin: 0;
}

.flex-content.content-tiles.dark .main-title {
	color: #fff;
}

.flex-content.content-tiles .subtitle {
	font-size: 1.25em;
	text-align: center;
	margin: 20px 0 0;
}

.flex-content.content-tiles.dark .subtitle {
	color: #fff;
}

.flex-content.content-tiles .tile {
	height: 100%;
	text-decoration: none;
}

.flex-content.content-tiles .tile .inner {
	height: 100%;
}

.flex-content.content-tiles .tile .title {
	color: var(--theme-title-color);
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 36.4px */
	transition: color 0.3s ease-in-out;
}

.flex-content.content-tiles .tile:hover .title {
	color: var(--theme-title-hover);
}

.flex-content.content-tiles .tile .img-container {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	position: relative;
	margin: 0 0 16px;
}

.flex-content.content-tiles .tile .img-container.rect {
	aspect-ratio: 4 / 3;
}

.flex-content.content-tiles .tile .img-container.thin {
	aspect-ratio: 16 / 10;
}

.flex-content.content-tiles .tile .inner img {
  height: auto;
	position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

.flex-content.content-tiles .tile .inner .overlay {
	border: 7px solid transparent;
	transition: border 0.3s ease-in-out, opacity 0.3s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.flex-content.content-tiles .tile .tertiary {
	color: var(--theme-text-color);
}

.tertiary.arrow:after {
	background-color: var(--theme-text-color);
}

.flex-content.content-tiles .tile:hover .inner .overlay {
	border-color: var(--theme-border-color);
	opacity: 0.85;
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-crab-apple-red {
	border-color: var(--Crab-Apple-Red);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-cream {
	border-color: var(--Cream);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-dark-gold {
	border-color: var(--Dark-Gold);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-forest {
	border-color: var(--Forest);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-green {
	border-color: var(--Green);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-gold {
	border-color: var(--Gold);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-light {
	border-color: var(--Light);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-maroon {
	border-color: var(--Maroon);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-mid-blue {
	border-color: var(--Mid-Blue);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-navy {
	border-color: var(--Navy);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-sky-blue {
	border-color: var(--Sky-Blue);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-yellow {
	border-color: var(--Yellow);
}

.flex-content.content-tiles .tile:hover .inner .overlay.border-white {
	border-color: var(--White);
}

.flex-content.content-tiles .row.icons .tile .inner img {
	object-fit: contain;
}

.flex-content.content-tiles .tile .inner p {
	margin: 0 0 25px;
}

.flex-content.content-tiles .tile .inner > *:last-child {
	margin-bottom: 0;
}

@media (min-width: 501px) and (max-width: 1199px) {
	.flex-content.content-tiles .tile .img-container {
    aspect-ratio: 4 / 2;
    max-width: 500px;
	}
	.flex-content.content-tiles .tile .inner img {
		top: 0;
		transform: translateX(-50%);
	}
}

@media (max-width: 991px) {
	.flex-content.content-tiles .tile .tertiary {
		display: none;
	}
}