.section-hero-img {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 735px;
	overflow: hidden;
	background-color: #f5f5f7;
	background-image: url("/design/images/sol/hero-glass-s_2x.webp"),
		url("/design/images/sol/hero-glass-s_2x.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: rgb(29, 29, 31) !important;
}

body[data-color-scheme="dark"] .section-hero-img h1 {
	color: rgb(29, 29, 31) !important;
}

@media only screen and (max-width: 734px) {
	.section-hero-img {
		align-items: flex-start;

		background-image: url("/design/images/sol/hero-glass-s-small_2x.webp"),
			url("/design/images/sol/hero-glass-s-small_2x.jpg");
		height: 540px;
		/* align-items: flex-start; */
		background-position: center;
		padding-top: 2em !important;
	}

	.section-hero-img h1 {
		font-size: 23px;
	}
}

.thumbnail {
	/* height: 180px; */
	aspect-ratio: 16/9;
	margin-bottom: 0.5em;
}

.thumbnail + h5 {
	font-size: 15px;
	color: #666666;
}
body[data-color-scheme="dark"] .thumbnail + h5 {
	color: #D2D2D7;
}

.section-features .card-media {
	/* max-height: 188px; */
	aspect-ratio: 16/9;
	overflow: hidden;
}

.ada-image {
	border-bottom: 1px solid var(--bg-fill) !important;
}

.sf-tile-icon {
	font-size: 48px;
	margin-bottom: 0.5em;
	color: #fff;
}

.tile-pathways {
	background: linear-gradient(to bottom, #0055c7 0%, #0071e3 100%);
}