/* ===================================
	Awards: the count in a circle with rings, then a row of award logos.
=================================== */

.section_awards .section_description {
	margin-bottom: 50px;
}
.award_content_wrap {
	display: flex;
	gap: 132px;
}
.award_intro {
	position: relative;
	z-index: 1;
}
.award_content_wrap .award_circle {
	--space: 25px;
	position: relative;
	display: block;
	max-height: 300px;
	min-height: 230px;
	height: 16vw;
}
.award_content_wrap .award_circle .award_circle_inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 16vw;
	max-width: 300px;
	min-width: 230px;
	aspect-ratio: 1;
	border-radius: 100%;
	position: relative;
	z-index: 1;
}
.award_content_wrap .award_circle .award_circle_no {
	transform: translateY(-8%);
	line-height: 0.8;
}
.award_content_wrap .award_circle .award_circle_no .plus {
	margin-left: -1.2vw;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 100;
	font-size: 82%;
	position: relative;
	top: -10px;
}
.award_content_wrap .award_circle .award_circle_text {
	letter-spacing: 1.91px;
	text-transform: uppercase;
}

/* Rings: hidden until revealed (reveal.js adds .o-anim-ready), then each slides in from 80px to
	the right of its place, one after the other, spaced --space apart. Same as Our services. */
.award_content_wrap .award_circle span.crl,
.award_content_wrap .award_circle span.crl_lines {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	border-radius: 100%;
	border: 1px solid var(--wp--preset--color--lightgrey);
}
.award_content_wrap .award_circle span.crl {
	opacity: 0;
	transform: translateX(80px);
}
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl,
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl_lines {
	animation-name: slideToPosition;
	animation-duration: 0.3s;
	animation-fill-mode: both;
	animation-timing-function: var(--ease-out);
	animation-play-state: running;
	animation-delay: 0s;
	opacity: 1;
	--final-x: calc(var(--space) * -1);
}
/* each ring's final position and delay */
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(1) {
	--final-x: calc(var(--space) * -1);
	animation-delay: 0.03s;
}
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(2) {
	--final-x: calc(var(--space) * -2);
	animation-delay: 0.06s;
}
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(3) {
	--final-x: calc(var(--space) * -3);
	animation-delay: 0.09s;
}
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(4) {
	--final-x: calc(var(--space) * -4);
	animation-delay: 0.12s;
}
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(5) {
	--final-x: calc(var(--space) * -5);
	animation-delay: 0.15s;
}
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(6) {
	--final-x: calc(var(--space) * -6);
	animation-delay: 0.18s;
}
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(7) {
	--final-x: calc(var(--space) * -7);
	animation-delay: 0.21s;
}
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(8) {
	--final-x: calc(var(--space) * -8);
	animation-delay: 0.24s;
}
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(9) {
	--final-x: calc(var(--space) * -9);
	animation-delay: 0.27s;
}
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(10) {
	--final-x: calc(var(--space) * -10);
	animation-delay: 0.3s;
}
.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(11) {
	--final-x: calc(var(--space) * -11);
	animation-delay: 0.33s;
}
@keyframes slideToPosition {
	0% {
		opacity: 0;
		transform: translate(calc(var(--final-x) + 80px)); /* starts 80px right of its place */
		filter: blur(4px);
	}
	100% {
		opacity: 1;
		transform: translate(var(--final-x));
		filter: blur(0px);
	}
}

/* award logos */
.section_awards .awards_logos {
	display: flex;
	align-items: center;
	gap: 4.5%;
	margin: 120px auto 0;
	max-width: 1540px;
	padding: 0 20px;
	justify-content: center;
	transition: transform 0.8s var(--ease-in-out);
}
.section_awards .awards_logos.animated {
	transform: none;
	animation-name: none;
}
@media only screen and (max-width: 1920px) {
	.award_content_wrap .award_circle {
		--space: 8.5%;
	}
}
@media only screen and (max-width: 1600px) {
	.section_awards .awards_logos {
		gap: 3%;
	}
}
@media only screen and (max-width: 1024px) {
	.award_content_wrap .award_circle .award_circle_no {
		font-size: 100px;
	}
	.section_awards .awards_logos {
		margin: 80px auto 0;
	}
}
@media only screen and (max-width: 768px) {
	.award_content_wrap {
		gap: 40px;
		justify-content: space-between;
	}
	.section_awards .awards_logos {
		flex-wrap: wrap;
		gap: 40px;
		margin: 136px auto 25px;
	}
	.section_awards .section_title {
		max-width: 280px;
	}
}
@media only screen and (max-width: 640px) {
	.award_content_wrap {
		gap: 40px;
		flex-direction: column;
	}
	.award_content_wrap .award_circle {
		width: 230px;
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl,
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl_lines {
		--final-x: calc(var(--space) * 1);
		animation-delay: 0s;
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(1) {
		--final-x: calc(var(--space) * 1);
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(2) {
		--final-x: calc(var(--space) * 2);
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(3) {
		--final-x: calc(var(--space) * 3);
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(4) {
		--final-x: calc(var(--space) * 4);
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(5) {
		--final-x: calc(var(--space) * 5);
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(6) {
		--final-x: calc(var(--space) * 6);
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(7) {
		--final-x: calc(var(--space) * 7);
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(8) {
		--final-x: calc(var(--space) * 8);
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(9) {
		--final-x: calc(var(--space) * 9);
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(10) {
		--final-x: calc(var(--space) * 10);
	}
	.award_content_wrap .award_circle.o-anim-ready:not(.hidden-animated) span.crl:nth-child(11) {
		--final-x: calc(var(--space) * 11);
	}
	.award-logo img {
		max-width: 70px;
	}
}
@media only screen and (max-width: 600px) {
	.section_awards .section_title {
		max-width: 260px;
	}
	.section_awards .awards_logos {
		margin: 80px auto 0;
	}
}

/* Logos rise in one after another out of a soft blur once the row is revealed. */
.section_awards .awards_logos .award-logo {
	opacity: 0;
}
.section_awards .awards_logos.animated:not(.hidden-animated) .award-logo,
.section_awards .awards_logos:not(.animated) .award-logo {
	--reveal-blur: 8px;
	opacity: 1;
	animation: exc-reveal-up-blur 1000ms var(--ease-out) both;
	animation-delay: calc(150ms + var(--k, 0) * 80ms);
}
.section_awards .awards_logos .award-logo:nth-child(2) {
	--k: 1;
}
.section_awards .awards_logos .award-logo:nth-child(3) {
	--k: 2;
}
.section_awards .awards_logos .award-logo:nth-child(4) {
	--k: 3;
}
.section_awards .awards_logos .award-logo:nth-child(5) {
	--k: 4;
}
.section_awards .awards_logos .award-logo:nth-child(6) {
	--k: 5;
}
.section_awards .awards_logos .award-logo:nth-child(7) {
	--k: 6;
}
.section_awards .awards_logos .award-logo:nth-child(8) {
	--k: 7;
}
.section_awards .awards_logos .award-logo:nth-child(9) {
	--k: 8;
}
.section_awards .awards_logos .award-logo:nth-child(10) {
	--k: 9;
}
.section_awards .awards_logos .award-logo:nth-child(11) {
	--k: 10;
}
.section_awards .awards_logos .award-logo:nth-child(12) {
	--k: 11;
}