.intro-2023 {
	background-color: #EC973A;
	padding: 6.25rem;
	text-align: center;
}

.intro-2023 grid-column {
	float: none;
	margin: 0 auto;
	max-width: 87.625rem;
	width: 100%;
}

.intro-2023 h2 { line-height: 150%; }

.intro-2023 h2 a {
	color: inherit;
	text-decoration-thickness: 2.25px !important;
	text-decoration: underline;
	transition: color 175ms ease, text-decoration-color 175ms ease;
}

.intro-2023 h2 a:hover {
	color: #FFF;
	text-decoration-color: #FFF !important;
}

@media (max-width: 799px) {
	.intro-2023 { padding: 3.125rem; }
}

@media (max-width: 578px) {
	.intro-2023 { padding: 3.125rem 0; }
	.intro-2023 h2 { font-size: 1.75rem; }
}

/************** STATEMENTS **************/

.statements-2023 image-follow {
	display: block;
	position: absolute;
	height: 100%;
	top: 0; left: 0;
	width: calc(50% - 8vw);
}

.statements-2023 sticky-content {
	display: block;
	height: 100vh;
	position: sticky;
	width: 100%;
	top: 0;
}

.statements-2023 image-follow figure {
	background-size: cover;
	background-position: center;
	display: block;
	margin: 0;
	opacity: 0;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	transition: opacity 250ms ease 250ms;
	height: 100vh;
}

.statements-2023 image-follow figure.current { opacity: 1; transition: opacity 250ms ease 0ms }

.statements-2023 grid-column {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: 6.6666666667%;
	width: 46.6666666667%;
}

.statements-2023 text-item {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	min-height: 50vh;
	padding:  10vh 0;
}

.statements-2023 text-item:first-child { margin-top: 25vh; }
.statements-2023 text-item:last-child { margin-bottom: 25vh; }

.statements-2023 text-item figure {
	background-size: cover;
	background-position: center;
	display: block;
	margin: 0;
	padding: 0 0 62.5% 0;
	width: 100%;
}

.statements-2023 text-item p { margin-top: 0; }

@media (min-width: 1621px) { .statements-2023 text-item p { font-size: 2rem; } }
@media (min-width: 1321px) and (max-width: 1620px) { .statements-2023 text-item p { font-size: 1.95vw; } }
@media (min-width: 769px) and (max-width: 1320px) { .statements-2023 text-item p { font-size: 1.625rem; } }
@media (min-width: 469px) and (max-width: 768px) { .statements-2023 text-item p { font-size: 1.5rem; } }
@media (max-width: 468px) { .statements-2023 text-item p { font-size: 1.375rem; } }

.statements-2023 text-item a {
	color: inherit;
	text-decoration-thickness: 2.25px !important;
	text-decoration: underline;
}

.statements-2023 text-item a:hover {
	color: #C1CD23;
	text-decoration-color: #C1CD23 !important;
}


@media (max-width: 1023px) {
	.statements-2023 grid-column { margin-right: 0; width: 50%; }
}

@media (min-width: 800px) { .statements-2023 text-item figure { display: none; } }

@media (max-width: 799px) {
	.statements-2023 grid-container,
	.statements-2023 grid-column { padding: 0; }
	.statements-2023 image-follow { display: none; }
	.statements-2023 grid-column { margin: 0; width: 100%; }
	.statements-2023 text-item { min-height: 0; padding: 0 0 4rem 0; }
	.statements-2023 text-item p { padding: 0 1.875rem; }
	.statements-2023 text-item:first-child { margin-top: 0; }
	.statements-2023 text-item:last-child { margin-bottom: 0; }
	.statements-2023 text-item p { margin-top: 2rem; }
}


@media (min-width: 469px) and (max-width: 799px) {
  .statements-2023 { margin-bottom: 4.75rem; }
}

@media (max-width: 468px) {
	.statements-2023 text-item p { line-height: 155%; }
}



/************** KEY STATS 2023 **************/

.key-stats-2023 {
	background-color: #074586;
}

.key-stats-2023 strong {
	display: block;
	font-size: 2rem;
	font-weight: 300;
	padding: 3.325vw 0;
}

.key-stats-2023 h2,
.key-stats-2023 h3,
.key-stats-2023 strong,
.key-stats-2023 ul { color: #FFF; }

.key-stats-2023 h2 a { color: #FFF; transition: color 175ms ease; }
.key-stats-2023 h2 a:hover { color: #C1CD23; }

.key-stats-2023 grid-row:last-of-type grid-column { width: calc( ( 100% - 5.1vw ) / 3 ); visibility: hidden; }
.key-stats-2023 grid-row:last-of-type grid-column ~ grid-column { margin-left: 2.5vw; }

.key-stats-2023 grid-row {
	margin: 0 auto;
	max-width: 96.125rem;
	width: 100%;
}

.key-stats-2023 figure {
	border-radius: 0.375rem;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
	display: block;
	margin: 0;
	margin-bottom: 1.5rem;
	padding-bottom: 65%;
}

.key-stats-2023 h3 { color: #f8981C; }

@media (min-width: 1621px) { .key-stats-2023 h3 { font-size: 2.5rem; } }
@media (min-width: 1321px) and (max-width: 1620px) { .key-stats-2023 h3 { font-size: 2.45vw; } }
@media (min-width: 769px) and (max-width: 1320px) { .key-stats-2023 h3 { font-size: 2.063rem; } }
@media (min-width: 469px) and (max-width: 768px) { .key-stats-2023 h3 { font-size: 1.938rem; } }
@media (max-width: 468px) { .key-stats-2023 h3 { font-size: 2rem; } }

.key-stats-2023 ul {
	font-size: 1.25rem;
	line-height: 1.875rem;
	list-style-type: none;
	margin: 1.25rem 0 0 0;
	padding: 0;
}


.key-stats-2023 ul li {
	display: block;
	padding-left: 1.75rem;
	position: relative;
}

.key-stats-2023 ul li + li { margin-top: 1.5rem; }

.key-stats-2023 ul li:before {
	background-color: #FFF;
	border-radius: 50%;
	content: "";
	position: absolute;
	top: 0.5rem; left: 0;
	width: 0.875rem;
	height: 0.875rem;
}

@media (min-width: 850px) and (max-width: 1120px) {
	.key-stats-2023 grid-row:last-of-type grid-column { margin-left: 0; float: none; width: 100%; display: flex; flex-wrap: nowrap; }
	.key-stats-2023 grid-row:last-of-type grid-column figure { padding-bottom: 0; min-height: 11rem; width: 22rem; }
	.key-stats-2023 grid-row:last-of-type grid-column text-content { box-sizing: border-box; display: block; padding-left: 1.875rem; width: calc(100% - 22.01rem); }
	.key-stats-2023 grid-row:last-of-type grid-column ~ grid-column { margin: 3rem 0 0 0 !important; }
}

@media (max-width: 899px) {
	.key-stats-2023 strong { padding: 1.875rem 0; }
}

@media (max-width: 849px) {
	.key-stats-2023 grid-row:last-of-type grid-column { width: 100%; }
	.key-stats-2023 grid-row:last-of-type grid-column ~ grid-column { margin: 3rem 0 0 0 !important; }
}



/************** IMPACT 2023 **************/

.impact-stats-2023 {
	background-color: #01a7b8;
}

.impact-stats-2023 grid-row:first-child { margin-bottom: 3.325vw; }


@media (max-width: 899px) {
	.impact-stats-2023 grid-row:first-child { margin-bottom: 1.875rem; }
}


.impact-stats-2023 grid-row:last-child {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.impact-stats-2023 grid-row:last-child grid-column > strong {
	display: block;
	font-size: 2rem;
	font-weight: 300;
	padding: 0 0 3.325vw 0;
}

.impact-stats-2023 h2 a { color: #FFF; transition: color 175ms ease; }
.impact-stats-2023 h2 a:hover { color: #C1CD23; }

.impact-stats-2023 h2,
.impact-stats-2023 grid-row:last-child grid-column > strong { color: #FFF; }

.impact-stats-2023 grid-row:last-of-type grid-column:first-child { width: calc( ( 100% - 25.01rem ) - 3vw); }
.impact-stats-2023 grid-row:last-of-type grid-column ~ grid-column { margin-left: 6vw; width: calc(25rem - 3vw); }


.impact-stats-2023 grid-row:last-of-type grid-column ~ grid-column:before {
	background-color: #FFF;
	content: "";
	height: 100%;
	position: absolute;
	left: -3vw;
	width: 2px;
}

.impact-stats-2023 grid-row {
	margin: 0 auto;
	max-width: 96.125rem;
	width: 100%;
}

.impact-stats-2023 ul {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}


.impact-stats-2023 ul li {
	box-sizing: border-box;
	display: block;
	padding: 1.875rem 3.75rem 1.875rem 0;
	position: relative;
	width: 50%;
}

.impact-stats-2023 ul li:only-child { width: 100%; }

.impact-stats-2023 stats-count { padding-left: 7rem; }

.impact-stats-2023 stats-count strong {
	color: #FFF;
	font-size: 1.25rem;
	font-weight: 300;
	line-height: 2rem;
	text-transform: none;
}

.impact-stats-2023 stats-count span {
	color: #FFF;
	display: block;
	margin-bottom: 0.188rem;
}

@media (min-width: 1621px) { .impact-stats-2023 stats-count span { font-size: 2.5rem; } }
@media (min-width: 1321px) and (max-width: 1620px) { .impact-stats-2023 stats-count span { font-size: 2.45vw; } }
@media (min-width: 769px) and (max-width: 1320px) { .impact-stats-2023 stats-count span { font-size: 2.063rem; } }
@media (min-width: 469px) and (max-width: 768px) { .impact-stats-2023 stats-count span { font-size: 1.938rem; } }
@media (max-width: 468px) { .impact-stats-2023 stats-count span { font-size: 2rem; } }


@media (max-width: 1164px) {
	.impact-stats-2023 ul li { padding-right: 0; width: 100%; }
}

@media (max-width: 982px) {
	.impact-stats-2023 grid-row:last-of-type grid-column { width: 100% !important; }
	.impact-stats-2023 grid-row:last-of-type grid-column ~ grid-column { margin-left: 0; }
	.impact-stats-2023 grid-row:last-of-type grid-column ~ grid-column:before { display: none; }
}

@media (min-width: 1621px) {
	body.index .impact-stats-2023 + .quicklinks { padding-top: 10rem !important; }
}

@media (min-width: 769px) and (max-width: 1620px) {
	body.index .impact-stats-2023 + .quicklinks { padding-top: 9.875% !important; }
}

@media (min-width: 469px) and (max-width: 768px) {
	body.index .impact-stats-2023 + .quicklinks { padding-top: 4.75rem !important; }
}

@media (max-width: 468px) {
	.impact-stats-2023 ul li ~ li  { padding-top: 0; }
	.impact-stats-2023 stats-count { padding-left: 5.875rem; }
	body.index .impact-stats-2023 + .quicklinks { padding-top: 2.5rem !important; }
}

@media (max-width: 468px) {
	body.index .slideshow.fading slideshow-slide {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
  }

	body.index .slideshow.fading slideshow-slide { min-height: 38rem; }
}



/************** SATISFACTION 2023 **************/

.satisfaction-2023 {
	background-color: #074586;
	margin-top: -1rem;
	padding: 0 0 4.5rem 0;
}

.satisfaction-2023 grid-column {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	visibility: hidden;
}

.satisfaction-2023 grid-column svg {
	height: 8rem;
	margin: 0 2.5rem 0 0;
	width: 8rem;
}

.satisfaction-2023 h2 strong { font-weight: 600; }

.satisfaction-2023 h2 {
	color: #FFF;
	line-height: 125%;
	margin: 0;
}

@media (max-width: 578px) {
	.satisfaction-2023 { padding: 0.5rem 0 1.5rem 0; }
	.satisfaction-2023 grid-column svg { margin-right: 1.25rem; }
	.satisfaction-2023 h2 { font-size: 1.75rem; }
}
