.action-container {
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
}

:root {
	--color-blue-1: #007bff;
	--color-blue-1-rgb: 0 123 255;
	--color-blue-2: #70b5ff;
	--color-blue-3: #c2dfff;
	--color-blue-4: #00458f;
	--color-blue-4-rgb: 0 69 143;
	--color-darkBlue-1: #09519e;
	--color-darkBlue-1-rgb: 9 81 158;
	--color-darkBlue-2: #4a7bbf;
	--color-darkBlue-3: #a1c0e0;
	--color-darkBlue-4: #06386e;
	--color-darkBlue-4-rgb: 6 56 110;
	--color-yellow-1: #ecca09;
	--color-yellow-1-rgb: 249 215 28;
	--color-yellow-2: #f9e04d;
	--color-yellow-3: #fcee9c;
	--color-yellow-4: #9d8706;
	--color-yellow-4-rgb: 157 135 6;
	--color-orange-1: #ff5500;
	--color-orange-1-rgb: 255 85 0;
	--color-orange-2: #ffad85;
	--color-orange-3: #ffc9ad;
	--color-orange-4: #b83d00;
	--color-orange-4-rgb: 184 61 0;
	--color-green-1: #28a745;
	--color-green-1-rgb: 40 167 69;
	--color-green-2: #6cce5d;
	--color-green-3: #a5d6a7;
	--color-green-4: #00b300;
	--color-green-4-rgb: 0 179 0;
	--color-red-1: #dc3545;
	--color-red-1-rgb: 220 53 69;
	--color-red-2: #ea868e;
	--color-red-3: #f3babf;
	--color-red-4: #79151e;
	--color-red-4-rgb: 121 21 30;
	--color-pink-1: #ff47a3;
	--color-pink-1-rgb: 255 105 180;
	--color-pink-2: #ff85c2;
	--color-pink-3: #ffc2e0;
	--color-pink-4: #8f0047;
	--color-pink-4-rgb: 143 0 71;
	--color-darkGreen-1: #008080;
	--color-darkGreen-1-rgb: 0 128 128;
	--color-darkGreen-2: #70ffff;
	--color-darkGreen-3: #adffff;
	--color-darkGreen-4: #005252;
	--color-darkGreen-4-rgb: 0 82 82;
	--color-purple-1: #6b2f8a;
	--color-purple-1-rgb: 107 47 138;
	--color-purple-2: #a378c4;
	--color-purple-3: #d2bfe3;
	--color-purple-4: #45215c;
	--color-purple-4-rgb: 69 33 92;
	--color-darkPurple-1: #7a2fa6;
	--color-darkPurple-1-rgb: 122 47 166;
	--color-darkPurple-2: #b180d3;
	--color-darkPurple-3: #d9bfee;
	--color-darkPurple-4: #511f73;
	--color-darkPurple-4-rgb: 81 31 115;
	--color-rose-1: #c4183c;
	--color-rose-1-rgb: 196 24 60;
	--color-rose-2: #d95a8e;
	--color-rose-3: #f2c2d0;
	--color-rose-4: #a31533;
	--color-rose-4-rgb: 163 21 51;
	--color-grey-darkest: #343a40;
	--color-grey-darkest-rgb: 52 58 64;
	--color-grey-darker: #495057;
	--color-grey-darker-rgb: 73 80 87;
	--color-grey-dark: #868e96;
	--color-grey-dark-rgb: 134 142 150;
	--color-grey-medium: #adb5bd;
	--color-grey-medium-rgb: 173 181 189;
	--color-grey: #6c757d;
	--color-grey-rgb: 108 117 125;
	--color-grey-1: #6c757d;
	--color-grey-2: #d2d2d2;
	--color-grey-1-rgb: 108 117 125;
	--color-grey-3: #e9ecef;
	--color-grey-4: #495057;
	--color-grey-4-rgb: 73 80 87;
	--color-grey-light: #d2d2d2;
	--color-grey-light-rgb: 210 210 210;
	--color-grey-lighter: #e9ecef;
	--color-grey-lighter-rgb: 233 236 239;
	--color-grey-lightest: #f8f9fa;
	--color-grey-lightest-rgb: 248 249 250;
}

.act-container {

	--btn-radius: 8px;
	--btn-fs: 15px;
	--btn-fw: 600;
	--btn-height: 42px;
	--btn-py: 0;
	--btn-px: 16px;
	--btn-min-width: 100px;
	--btn-max-width: 260px;
	--btn-color: #fff;
	--btn-color-hover: #fff;
	--btn-bg-1: 0 123 255;
	--btn-bg-2: 0 97 224;
	--btn-shadow: 0 1px 8px rgb(0 0 0 / 0.1);
	--btn-shadow-hover: 0 0 0 0.2rem rgb(var(--btn-bg-1), 0.25);
}

.action-btn {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	font-family: sans-serif;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
	transition-duration: 150ms;
	letter-spacing: 0;
	font-size: var(--btn-fs);
	font-weight: var(--btn-fw);
	height: var(--btn-height);
	line-height: var(--btn-height);
	padding: var(--btn-py) var(--btn-px);
	min-width: var(--btn-min-width);
	max-width: var(--btn-max-width);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.action-btn.size-xl {
	padding: 6px 24px;
	height: 42px;
	position: relative;
	transition: transform 500ms ease-in-out;
	transform-origin: center;
	transform: scale(1) translateY(0);
}

.action-btn.size-xl:hover {
	transform: scale(1.01) translateY(-1px);
}

.action-btn>span,
.action-btn i {
	z-index: 1;
	position: relative;
	top: 0;
	will-change: top;
	transition-duration: 150ms;
	transition-property: top;
}

.action-btn:hover,
.action-btn:focus {
	color: var(--btn-color-hover);
}

.action-btn:active span {
	top: 1px;
}

.action-btn[data-btn~=action-solid],
.action-btn[data-btn~=action-outline] {
	box-shadow: var(--btn-shadow);
	border-radius: var(--btn-radius);
	outline: 2px solid rgb(var(--btn-bg-1)/0);
	outline-offset: 5px;
	transition-property: box-shadow, outline-offset, outline-color, color, background, background-color, background-image;
	will-change: box-shadow, outline-offset, outline-color, color, background, background-color, background-image;
}

.action-btn[data-btn~=action-solid]:hover,
.action-btn[data-btn~=action-solid]:focus,
.action-btn[data-btn~=action-outline]:hover,
.action-btn[data-btn~=action-outline]:focus {
	outline-offset: 0;
	outline-color: rgb(var(--btn-bg-1)/0.45);
}

.action-btn[data-btn~=action-solid] {
	color: var(--btn-color);
	background-image: linear-gradient(180deg, rgb(var(--btn-bg-1)/1), rgb(var(--btn-bg-2)/1));
}

.action-btn[data-btn~=action-outline] {
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	background-image: linear-gradient(180deg, rgb(var(--btn-bg-1)/1), rgb(var(--btn-bg-2)/1));
}

.action-btn[data-btn~=action-outline] span,
.action-btn[data-btn~=action-outline] i {
	color: rgb(var(--btn-bg-1)/1);
}

.action-btn[data-btn~=action-outline]:before {
	content: "";
	position: absolute;
	display: block;
	background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.9));
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	border-radius: calc(var(--btn-radius) - 1px);
	z-index: 0;
	opacity: 1;
}

.action-btn[data-btn~=action-txt] {
	color: rgb(var(--btn-bg-1)/1);
	background-color: transparent;
	background-image: transparent;
	border-color: transparent;
	outline: 0 solid;
	box-shadow: 0;
	position: relative;
	text-decoration: underline;
	-webkit-text-decoration-color: rgb(var(--btn-bg-1)/1);
	text-decoration-color: rgb(var(--btn-bg-1)/1);
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
}

.action-btn[data-btn~=action-txt] span,
.action-btn[data-btn~=action-txt] i {
	color: rgb(var(--btn-bg-1)/1);
}

.action-btn--container {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 12px;
}

[data-theme="0"] {
	--btn-bg-1: var(--color-grey-1-rgb);
	--btn-bg-2: var(--color-grey-1-rgb);
	--shadow-color: var(--color-grey-4-rgb);
	--heading-color: var(--color-grey-1);
	--eyebrow-bg: var(--color-grey-1-rgb);
	--eyebrow-color: var(--color-grey-1);
}

[data-theme="1"] {
	--btn-bg-1: var(--color-orange-1-rgb);
	--btn-bg-2: var(--color-orange-1-rgb);
	--shadow-color: var(--color-orange-4-rgb);
	--heading-color: var(--color-orange-1);
	--eyebrow-bg: var(--color-orange-1-rgb);
	--eyebrow-color: var(--color-orange-1);
}

[data-theme="2"] {
	--btn-bg-1: var(--color-blue-1-rgb);
	--btn-bg-2: var(--color-blue-1-rgb);
	--shadow-color: var(--color-blue-4-rgb);
	--heading-color: var(--color-blue-1);
	--eyebrow-bg: var(--color-blue-1-rgb);
	--eyebrow-color: var(--color-blue-1);
}

[data-theme="3"] {
	--btn-bg-1: var(--color-purple-1-rgb);
	--btn-bg-2: var(--color-purple-1-rgb);
	--shadow-color: var(--color-purple-4-rgb);
	--heading-color: var(--color-purple-1);
	--eyebrow-bg: var(--color-purple-1-rgb);
	--eyebrow-color: var(--color-purple-1);
}

[data-theme="4"] {
	--btn-bg-1: var(--color-darkGreen-1-rgb);
	--btn-bg-2: var(--color-darkGreen-1-rgb);
	--shadow-color: var(--color-darkGreen-4-rgb);
	--heading-color: var(--color-darkGreen-1);
	--eyebrow-bg: var(--color-darkGreen-1-rgb);
	--eyebrow-color: var(--color-darkGreen-1);
}

[data-theme="6"] {
	--btn-bg-1: var(--color-darkBlue-1-rgb);
	--btn-bg-2: var(--color-darkBlue-1-rgb);
	--shadow-color: var(--color-darkBlue-4-rgb);
	--heading-color: var(--color-darkBlue-1);
	--eyebrow-bg: var(--color-darkBlue-1-rgb);
	--eyebrow-color: var(--color-darkBlue-1);
}

[data-theme="7"] {
	--btn-bg-1: var(--color-darkPurple-1-rgb);
	--btn-bg-2: var(--color-darkPurple-1-rgb);
	--shadow-color: var(--color-darkPurple-4-rgb);
	--heading-color: var(--color-darkPurple-1);
	--eyebrow-bg: var(--color-darkPurple-1-rgb);
	--eyebrow-color: var(--color-darkPurple-1);
}

[data-theme="8"] {
	--btn-bg-1: var(--color-rose-1-rgb);
	--btn-bg-2: var(--color-rose-1-rgb);
	--shadow-color: var(--color-rose-4-rgb);
	--heading-color: var(--color-rose-1);
	--eyebrow-bg: var(--color-rose-1-rgb);
	--eyebrow-color: var(--color-rose-1);
}

[data-theme="9"] {
	--btn-bg-1: var(--color-pink-1-rgb);
	--btn-bg-2: var(--color-pink-1-rgb);
	--shadow-color: var(--color-pink-4-rgb);
	--heading-color: var(--color-pink-1);
	--eyebrow-bg: var(--color-pink-1-rgb);
	--eyebrow-color: var(--color-pink-1);
}

[data-theme="5"] {
	--btn-bg-1: var(--color-yellow-4-rgb);
	--btn-bg-2: var(--color-yellow-4-rgb);
	--shadow-color: var(--color-grey-1-rgb);
	--heading-color: var(--color-yellow-4);
	--eyebrow-bg: var(--color-yellow-4-rgb);
	--eyebrow-color: var(--color-yellow-4);
}

@-webkit-keyframes sizeUp {
	from {
		background-size: 600%;
	}

	to {
		background-size: 150%;
	}
}

@keyframes sizeUp {
	from {
		background-size: 600%;
	}

	to {
		background-size: 150%;
	}
}

@-webkit-keyframes actDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes actDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes actUp {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes actUp {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.actDown {
	-webkit-animation: actDown 1s ease both;
	animation: actDown 1s ease both;
}

.actUp {
	-webkit-animation: actUp 1s ease both;
	animation: actUp 1s ease both;
}

.act-img {
	border-radius: 24px;
	overflow: hidden;
	width: 100%;
	box-shadow: 0.5px 0.9px 0.8px rgb(var(--shadow-color)/0.145), 0.5px 1px 0.8px -0.6px rgb(var(--shadow-color)/0.14), 1px 2px 1.7px -1.2px rgb(var(--shadow-color)/0.135), 2.3px 4.5px 3.8px -1.9px rgb(var(--shadow-color)/0.13), 4.8px 9.4px 7.9px -2.5px rgb(var(--shadow-color)/0.125), 9px 17.5px 14.8px -3.1px rgb(var(--shadow-color)/0.12), 15.1px 29.6px 24.9px -3.7px rgb(var(--shadow-color)/0.15), 23.8px 46.4px 39.1px -4.4px rgb(var(--shadow-color)/0.1), 35.3px 68.8px 58px -5px rgb(var(--shadow-color)/0.05);
	border: 1px solid rgb(var(--shadow-color)/0.75);
	outline: 4px solid rgb(var(--shadow-color)/0.2);
}

.act-img[data-style="1"] {
	width: 300px;
	border-radius: 16px;
	aspect-ratio: 3/2;
}

.act-img[data-style="2"] {
	width: 250px;
	border-radius: 16px;
	aspect-ratio: 1/1;
}

.act-img[data-style="3"] {
	width: 250px;
	border-radius: 16px;
	aspect-ratio: 1/1;
	transform: rotate(2deg);
}

.act-img[data-style="4"] {
	width: 300px;
	border-radius: 16px;
	aspect-ratio: 1/1;
	transform: rotate(-2deg);
}

.act-img[data-style="5"] {
	width: 140px;
	border-radius: 12px;
	outline-width: 3px;
	overflow: hidden;
}

.act-img img {
	width: 100%;
	height: 100%;
	-o-object-position: center;
	object-position: center;
	-o-object-fit: cover;
	object-fit: cover;
	user-drag: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.act-heading {
	font-size: 1.563rem;
	line-height: 1.125;
	font-weight: 600;
	margin: 0;
	padding: 0;
	color: var(--color-grey-4);
	text-align: center;
}


@media (min-width: 768px) {
	.act-heading {
		font-size: 1.953rem;
	}
}

@media (min-width: 1024px) {
	.act-heading {
		font-size: 2.986rem;
	}
}

@media (min-width: 1480px) {
	.act-heading {
		margin-bottom: 24px;
	}
}

.act-heading span.is-light {
	color: var(--heading-color);
	opacity: 0.7;
}

.act-heading span.is-dark {
	color: var(--heading-color);
	opacity: 1;
}

.act-heading--xl {
	letter-spacing: -0.01em;
	font-weight: 700;
	text-wrap: balance;
	max-inline-size: 22ch;
	margin-top: 0;
	text-align: center;
	margin-inline: auto;
	padding-block: 0 0.2em;
	max-inline-size: 20ch;
	line-height: 1.15;
	text-wrap: balance;
	background-image: var(--gradient);
	background-size: 150%;
	-webkit-animation: sizeUp 3s ease forwards;
	animation: sizeUp 3s ease forwards;
	background-position: center;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	--gradient: linear-gradient(40deg,
			var(--color-darkGreen-2),
			var(--color-blue-1),
			var(--color-darkGreen-2));
}

@media (max-width: 992px) {
	.act-heading--xl {
		font-size: 2.074rem;
	}
}

@media (max-width: 768px) {
	.act-heading--xl {
		font-size: 1.953rem;
	}
}

@media (min-width: 992px) {
	.act-heading--xl {
		font-size: 2.488rem;
	}
}

@media (min-width: 1100px) {
	.act-heading--xl {
		font-size: 2.986rem;
	}
}

@media (min-width: 1380px) {
	.act-heading--xl {
		font-size: 3.375rem;
	}
}

.act-subheading--xl {
	color: var(--color-grey-dark);
	max-inline-size: 33em;
	text-align: center;
	line-height: 1.333;
}

@media (max-width: 992px) {
	.act-subheading--xl {
		font-size: 1.125rem;
	}
}

@media (min-width: 992px) {
	.act-subheading--xl {
		font-size: 1.2rem;
	}
}

@media (min-width: 1200px) {
	.act-subheading--xl {
		font-size: 1.44rem;
	}
}

.act-eyebrow {
	font-size: 13px;
	line-height: 1;
	text-align: center;
	margin-bottom: 12px;
	font-weight: 700;
	color: var(--color-grey-1);
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.act-eyebrow span {
	background-color: rgb(var(--eyebrow-bg)/0.085);
	color: var(--eyebrow-color);
	padding: 4px 8px;
	border-radius: 8px;
}

.act-container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 0;
}

.act-heading--container+.act-btn--container {
	margin-top: 1.563rem;
}

.act-btn--container+.act-img--container {
	margin-bottom: 1.563rem;
	order: -1;
}

.act-heading+.act-btn--container,
.act-eyebrow+.act-img--container {
	margin-top: 42px;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.act-container[data-space="1"] {
	padding: 42px 16px;
}

.act-container[data-space="1"]:not(:last-child) {
	border-bottom: 1px solid var(--color-grey-3);
}

.act-container#cover .act-img--container {
	order: -1;
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 42px;
}

@media (max-width: 1024px) {
	.act-container#cover .act-img--container .act-img {
		width: 175px;
	}
}

.act-container#cover .act-img--container .act-img:nth-of-type(1) {
	transform: rotate(-2deg) translateY(0);
	width: 200px;
	height: 200px;
}

.act-container#cover .act-img--container .act-img:nth-of-type(2) {
	transform: rotate(2deg) translateY(40px);
	margin-left: -25px;
	width: 175px;
	height: 175px;
}

.act-heading--logo {
	border-radius: 999em;
	width: 64px;
	height: 64px;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-blue-1);
	font-size: 30px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.act-heading--logo i[class^=icon-],
.act-heading--logo i[class*=" icon-"],
.act-heading--logo i[class^=icon-]>svg,
.act-heading--logo i[class*=" icon-"]>svg {
	align-items: center;
	display: inline-flex;
	fill: currentColor;
	height: 1em;
	width: 1em;
}

.canvasWrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: -1;
}

.canvasInner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/* Push-shuffle cleanup: no fades, no scale-to-0, fixed rotations, class-only moves */
.act-container#submit-a-testimonial {
	position: relative;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 82px;
	padding-bottom: 82px;
}

.act-container#submit-a-testimonial::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.125), white, rgba(255, 255, 255, 0.125));
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.act-container#submit-a-testimonial .act-eyebrow,
.act-container#submit-a-testimonial .act-heading,
.act-container#submit-a-testimonial .act-container--testimonial,
.act-container#submit-a-testimonial .act-btn--container {
	position: relative;
	z-index: 1;
}

.act-container#submit-a-testimonial .act-eyebrow {
	order: -1;
}

.act-container#submit-a-testimonial .act-img--container {
	order: -1;
}

.act-container#submit-a-testimonial #inspireCanvasWrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: -1;
}

.act-container#submit-a-testimonial #inspireCanvas {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.act-container#join-our-community .act-eyebrow {
	margin-bottom: 24px;
}

@media (min-width: 1380px) {
	.act-container#promote-the-movement {
		padding-top: 82px;
		padding-bottom: 82px;
	}
}

@media (max-width: 1024px) {
	#promote-the-movement .act-btn--container {
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		gap: 12px;
	}
}

.act-container#promote-the-movement .act-eyebrow {
	margin-bottom: 0;
}

.act-container#promote-the-movement .act-img--container {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	height: 150px;
	margin-top: 0;
	position: relative;
	contain: layout paint;
	border-bottom: 1px solid var(--color-grey-3);
}

.act-container#promote-the-movement .act-img {
	position: absolute;
	inset-inline: 0;
	margin-inline: auto;
	will-change: transform;
	transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
	transform-origin: center bottom;
	bottom: -30px;
	border-radius: 6px;
	outline-width: 3px;
	overflow: hidden;
	width: 130px;
	height: 145px;
}

@media (min-width: 1380px) {
	.act-container#promote-the-movement .act-img--container {
		height: 200px;
		margin-bottom: 1rem;
	}

	.act-container#promote-the-movement .act-img {
		width: calc(130px * 1.333);
		height: calc(145px * 1.333);
	}
}

.act-container#promote-the-movement .act-img.is-left,
.act-container#promote-the-movement .act-img.is-right {
	z-index: 1;
}

.act-container#promote-the-movement .act-img.is-center {
	z-index: 2;
}

.act-container#promote-the-movement .act-img.is-off-right {
	transform: translateX(200%) translateY(-10px) scale(0.95) rotate(0);
}

.act-container#promote-the-movement .act-img.is-off-left {
	transform: translateX(-200%) translateY(-10px) scale(0.95) rotate(0);
}

.act-container#promote-the-movement .act-img.is-right {
	transform: rotate(3deg) translateX(60%) translateY(-10px) scale(0.95);
	inset-inline-start: 0;
}

.act-container#promote-the-movement .act-img.is-center {
	transform: rotate(0) translateX(0) translateY(-10px) scale(1);
}

.act-container#promote-the-movement .act-img.is-left {
	transform: rotate(-3deg) translateX(-60%) translateY(-10px) scale(0.95);
	inset-inline-end: 0;
}

.act-container#promote-the-movement .act-img.is-behind {
	opacity: 0;
	pointer-events: none;
}

.act-container#promote-the-movement .act-img--container.is-shuffling .act-img.is-left {
	transform: rotate(2deg) translateX(45%) translateY(-10px) scale(0.93);
}

.act-container#promote-the-movement .act-img--container.is-shuffling .act-img.is-center {
	transform: rotate(0) translateX(0) translateY(-10px) scale(0.96);
}

.act-container#promote-the-movement .act-img--container.is-shuffling .act-img.is-right {
	transform: rotate(-2deg) translateX(-45%) translateY(-10px) scale(0.93);
}

@media (prefers-reduced-motion: reduce) {
	.act-container#promote-the-movement .act-img {
		transition: none !important;
	}
}

.act-container#become-a-sustainer {
	position: relative;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.act-container#become-a-sustainer .act-eyebrow {
	margin-top: 24px;
	margin-bottom: 12px;
	z-index: 1;
}

.act-container#become-a-sustainer::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.125), white, rgba(255, 255, 255, 0.125));
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.act-container#become-a-sustainer .act-heading--logo {
	z-index: 2;
	position: relative;
}

.act-container#become-a-sustainer .act-heading--icon {
	margin-bottom: 12px;
}

.act-container#watch-and-learn {
	padding-top: 82px;
	padding-bottom: 0;
	background-image: linear-gradient(to top, rgba(244, 244, 250, 0), #f4f4fa);
	border-bottom: 0;
}

.act-container#become-a-partner {
	padding-bottom: 82px;
	padding-top: 82px;
	margin-top: 82px;
	border-top: 1px solid var(--color-slate-200);
	/* background-image: linear-gradient(to bottom, rgba(244, 244, 250, 0), #f4f4fa); */
}

@media (min-width: 1024px) {
	.act-container#become-a-partner {
		margin-top: 82px;
		border-top: 1px solid var(--color-slate-200);
		padding-top: 82px;
	}
}

.act-container#become-a-changemaker {
	position: relative;
	padding-top: 82px;
	padding-bottom: 82px;
}

.act-container#become-a-changemaker::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.125), white, rgba(255, 255, 255, 0.125));
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.act-container#become-a-changemaker .act-eyebrow,
.act-container#become-a-changemaker .act-heading--container,
.act-container#become-a-changemaker .act-img--container {
	position: relative;
	z-index: 1;
}

.act-container#become-a-changemaker .act-img--container {
	order: -1;
}

.act-container#become-a-changemaker .act-eyebrow {
	order: -1;
	margin-bottom: 24px;
}

* {
	border: 0;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.avatar {
	aspect-ratio: 1;
	background-color: #e6e6e6;
	border-radius: 50%;
	font-size: 2.5em;
	line-height: 1;
	display: grid;
	place-items: center;
	text-align: center;
	width: 100%;
	transition: background-color 250ms;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.note {
	isolation: isolate;
	height: 5.75em;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	width: var(--ticker-width, 390px);
	will-change: transform, top;
}

.note,
.note__inner {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.note__inner {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	position: relative;
	overflow: hidden;
	-webkit-animation-name: note-in;
	animation-name: note-in;
	border-radius: 1em;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	display: grid;
	grid-template-columns: 50px 1fr;
	gap: 12px;
	padding: 1em;
	-webkit-padding-end: 2em;
	padding-inline-end: 2em;
	width: 100%;
	max-width: none;
	transform-origin: 50% 100%;
	transition: background-color 250ms, box-shadow 250ms, transform 220ms ease, filter 220ms ease, opacity 220ms ease;
	will-change: transform, filter, opacity;
	outline: 0.25em solid rgb(var(--color-darkGreen-1-rgb)/0.15);
	border: 1px solid var(--color-darkGreen-1);
	/* background-color: rgb(var(--color-darkGreen-1-rgb)/0.025) !important; */
	background: white;
}

.note__inner::after {
	content: "";
	position: absolute;
	inset: 0;
	background: #fff;
	opacity: 0;
	pointer-events: none;
	transition: opacity 220ms ease;
	border-radius: inherit;
}

.note__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.note__message {
	opacity: 0.75;
	font-size: 15px;
	line-height: 1.125;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.note__title {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 0.25em;
}

.note--out {
	-webkit-animation-name: note-shrink;
	animation-name: note-shrink;
}

.note--out .note__inner {
	-webkit-animation-name: note-out;
	animation-name: note-out;
	transform-origin: 50% 50%;
}

.note-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	width: var(--ticker-width, 390px);
	align-items: stretch;
	margin-top: 42px;
	margin-bottom: 42px;
}

@-webkit-keyframes note-shrink {
	from {
		height: 5.75em;
	}

	to {
		height: 0;
	}
}

@keyframes note-shrink {
	from {
		height: 5.75em;
	}

	to {
		height: 0;
	}
}

@-webkit-keyframes note-in {
	from {
		transform: translateY(20px) scale(0.95);
		opacity: 0;
	}

	to {
		transform: translateY(0) scale(1);
		opacity: 1;
	}
}

@keyframes note-in {
	from {
		transform: translateY(20px) scale(0.95);
		opacity: 0;
	}

	to {
		transform: translateY(0) scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes note-out {
	from {
		transform: translateY(0) scale(1);
		opacity: 1;
	}

	to {
		transform: translateY(-20px) scale(0.9);
		opacity: 0;
	}
}

@keyframes note-out {
	from {
		transform: translateY(0) scale(1);
		opacity: 1;
	}

	to {
		transform: translateY(-20px) scale(0.9);
		opacity: 0;
	}
}

.note__inner[data-depth="1"]::after {
	opacity: 0.25;
}

.note__inner[data-depth="2"]::after {
	opacity: 0.4;
}

.note__inner[data-depth="3"]::after {
	opacity: 0.55;
}

.note__inner[data-depth="4"]::after {
	opacity: 0.7;
}

.note__inner[data-depth="1"],
.note__inner[data-depth="2"] {
	filter: none;
	opacity: 1;
}

.note-center {
	perspective: 800px;
}

@media (max-width: 1024px) {
	.note-center {
		transform: scale(0.9);
		transform-origin: center center;
	}
}

.act-container#join-our-community {
	padding-top: 82px;
	padding-bottom: 82px;
}

.act-container#join-our-community ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	font-size: 2rem;
	margin-top: 24px;
}

.act-container#stay-in-the-loop {
	padding-top: 82px;
	padding-bottom: 82px;
}

.act-container#stay-in-the-loop .embedForm {
	border: 1px solid var(--color-yellow-4);
	outline: 0.25em solid rgb(var(--color-yellow-4-rgb) / 0.15);
	padding: 16px;
}

.act-container#volunteer-your-skills,
.act-container#fundraise-for-us {
	padding-top: 60px;
	padding-bottom: 60px;
}

@media (min-width: 1024px) {
	.act-container#volunteer-your-skills,
	.act-container#fundraise-for-us {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

.act-container#cover {
	gap: 24px;
	padding-top: 82px;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0px solid;
}


/* Initially, hide the container using height and overflow */
.share-now--container {
	height: 0;
	/* Start with zero height */
	overflow: hidden;
	/* Hide content that overflows */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	transition: height 0.5s ease;
	/* Smooth transition for height */
}


/* Initially, make the buttons invisible */
.share-now--container a {
	width: 100%;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.share-now--container a:nth-of-type(1) {
	--btn-bg-1: var(--color-orange-1-rgb);
	--btn-bg-2: var(--color-orange-1-rgb);
	--shadow-color: var(--color-orange-4-rgb);
	--heading-color: var(--color-orange-1);
	--eyebrow-bg: var(--color-orange-1-rgb);
	--eyebrow-color: var(--color-orange-1);
}

.share-now--container a:nth-of-type(2) {
	--btn-bg-1: var(--color-blue-1-rgb);
	--btn-bg-2: var(--color-blue-1-rgb);
	--shadow-color: var(--color-orange-4-rgb);
	--heading-color: var(--color-blue-1);
	--eyebrow-bg: var(--color-blue-1-rgb);
	--eyebrow-color: var(--color-blue-1);
}

.share-now--container a:nth-of-type(1) {
	--btn-bg-1: var(--color-darkGreen-1-rgb);
	--btn-bg-2: var(--color-darkGreen-1-rgb);
	--shadow-color: var(--color-darkGreen-4-rgb);
	--heading-color: var(--color-darkGreen-1);
	--eyebrow-bg: var(--color-darkGreen-1-rgb);
	--eyebrow-color: var(--color-darkGreen-1);
}

/* When the container is visible, the buttons fade in */
.share-now--container.visible a {
	opacity: 1;
	height: 178px;
}

/* Smooth fade-out for the "Share Now" button */
#share-now {
	transition: opacity 0.5s ease;
}



/* Watch & Learn */
.action-watch--figure {
  position: relative;
}

.action-watch {
  --aw-gap: 20px;
  --aw-radius: 24px;
  --aw-shadow:
    0 0.84px 0.5px -0.31px rgba(0, 0, 0, .13),
    0 1.99px 1.19px -0.62px rgba(0, 0, 0, .13),
    0 3.63px 2.18px -0.94px rgba(0, 0, 0, .13),
    0 6.03px 3.62px -1.25px rgba(0, 0, 0, .13),
    0 9.75px 5.85px -1.56px rgba(0, 0, 0, .13),
    0 15.96px 9.57px -1.88px rgba(0, 0, 0, .13),
    0 27.47px 16.48px -2.19px rgba(0, 0, 0, .13),
    0 50px 30px -2.5px rgba(0, 0, 0, .13);
  --aw-ease: cubic-bezier(.22, .61, .36, 1);
  --aw-duration: 500ms;
  --aw-max-w: 768px;
  --aw-aspect: 16 / 9;
  position: relative;
}

.action-watch__viewport {
  position: relative;
  width: min(100%, var(--aw-max-w));
  margin-inline: auto;
  aspect-ratio: var(--aw-aspect);
  overflow: visible;
  outline-offset: 4px;
  touch-action: pan-x;
  overscroll-behavior-inline: contain;
  overscroll-behavior-block: none;
  outline: 0px solid;
}

.action-watch__viewport:focus,
.action-watch__viewport:focus-within {
  outline: 0px solid;
}

@media (hover: hover) {
  .action-watch__track {
    cursor: -webkit-grab;
    cursor: grab;
  }

  .action-watch__track:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
.action-watch__track,
.action-watch__track * {
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.action-watch__track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--aw-gap);
  height: 100%;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: pan-x;
  will-change: transform;
  transition: transform var(--aw-duration) var(--aw-ease);
  padding: 0;
  margin: 0;
  list-style: none;
}

.action-watch:not([data-auto-slide]) {
  cursor: pointer;
}

.action-watch__item {
  flex: 0 0 auto;
  height: 100%;
  display: grid;
  place-items: center;
}

.action-watch .action-watch__item,
.action-watch li.aw-scaled video {
  transform-origin: center center;
  transition: transform var(--aw-duration) var(--aw-ease), opacity var(--aw-duration) var(--aw-ease);
  transform: scale(0.9);
  opacity: 0.6;
}

.action-watch li.aw-scaled .action-watch__item,
.action-watch li.aw-scaled video {
  transform: scale(1);
  transition: transform 220ms ease;
  transform-origin: center center;
  opacity: 1;
}

.action-watch__card {
  width: 100%;
  height: 100%;
  margin: 0;
  box-shadow: var(--aw-shadow);
  border-radius: var(--aw-radius);
  overflow: hidden;
}
.action-watch__card video {
}

.action-watch__media {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  background: #000;
}

.action-watch--container {
  width: min(100%, var(--aw-max-w));
  margin: 0 auto;
  position: relative;
}

.action-watch--wrapper,
.action-watch--inner {
  position: absolute;
  inset: 0;
}

.action-watch--list {
  display: contents;
}

.action-watch__nav-wrapper {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.action-watch__nav-wrapper .action-watch__nav {
  background: #fff;
  border: 1px solid var(--color-slate-500);
  border-radius: 12px;
  width: 30px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-slate-700);
  transition: background 250ms, color 250ms, margin-left 250ms, margin-right 250ms;
  will-change: background, color, margin-left, margin-right;
}

.action-watch__nav-wrapper .action-watch__nav svg {
  display: block;
  width: 1em;
  height: 1em;
  pointer-events: none;
}

.action-watch__nav-wrapper .action-watch__nav:hover {
  opacity: 0.85;
  color: var(--color-slate-700);
  background-color: #eee;
}

.action-watch__icons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  bottom: 0;
  left: 24px;
  gap: 6px;
}

@media (min-width: 1024px) {
  .action-watch__icons {
    left: 0;
  }
}
.action-watch__icon {
  display: flex;
  align-items: center;
  padding: 3px 7px;
  background-color: #fff;
  border: 1px solid var(--color-slate-300);
  border-radius: 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 700;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 0.706592px 0.423955px -0.416667px, rgba(0, 0, 0, 0.04) 0px 1.80656px 1.08394px -0.833333px, rgba(0, 0, 0, 0.04) 0px 3.62176px 2.17306px -1.25px, rgba(0, 0, 0, 0.04) 0px 6.8656px 4.11936px -1.66667px, rgba(0, 0, 0, 0.04) 0px 13.6468px 8.18806px -2.08333px, rgba(0, 0, 0, 0.04) 0px 30px 18px -2.5px;
  color: var(--color-slate-700);
  transition: transform 200ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 200ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.action-watch__icon svg {
  margin-right: 3px;
  display: block;
  width: 1em;
  height: 1em;
}

.action-watch__icon.action-watch__icon--likes svg { color: var(--color-pink-1);}
.action-watch__icon.action-watch__icon--impressions svg { color: var(--color-purple-1);}
.action-watch__icon.action-watch__icon--plays svg { color: var(--color-blue-1);}
.action-watch__icon.action-watch__icon--comments svg { color: var(--color-orange-1);}
.action-watch__icon.action-watch__icon--engagements svg { color: var(--color-yellow-1);}

.action-watch__icon[aria-hidden=true] {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transform: scale(0);
}

.action-watch__partners {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 1rem;
  left: 1.563rem;
}

.action-watch__partners .action-watch__partner {
  width: 42px;
  height: 42px;
  max-width: 42px;
  max-height: 42px;
  overflow: hidden;
  border-radius: 999em;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  transform: scale(0);
  transition: transform 300ms;
  will-change: transform;
  transition-delay: 500ms;
}

.action-watch__slide.is-active .action-watch__partners .action-watch__partner {
  transform: scale(1);
}

.action-watch__partners .action-watch__partner:nth-of-type(1) {
  background-color: #fff;
  display: flex;
  color: var(--color-slate-700);
  align-items: center;
  justify-content: center;
  margin-left: -12px;
  z-index: 1;
  font-size: 1.25rem;
}

.action-watch__partners .action-watch__partner:nth-of-type(2) {
  margin-left: -12px;
  z-index: 1;
}

.action-watch__partners .action-watch__partner:nth-of-type(2) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.action-watch__partners .action-watch__partner img,
.action-watch__partners .action-watch__partner i,
.action-watch__partners .action-watch__partner svg {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  user-drag: none;
}

.action-watch__slide:not([data-partner-title]) .action-watch__partners {
  display: none;
}

.action-watch__meta {
  position: absolute;
  bottom: -1rem;
  left: 1.563rem;
  opacity: 0;
  transform: scale(0) translateY(-100%);
  transition: opacity 250ms, bottom 250ms, transform 250ms;
  display: none;
}

.action-watch__slide.aw-scaled:hover .action-watch__meta {
  opacity: 1;
  bottom: 1.563rem;
  transform: scale(1) translateY(0);
}

.action-watch__meta h3 {
  display: none;
}

.action-watch__meta a {
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 8px 16px;
  background-color: #fff;
  color: var(--color-slate-700);
  border-radius: 24px;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 0.706592px 0.423955px -0.416667px, rgba(0, 0, 0, 0.04) 0px 1.80656px 1.08394px -0.833333px, rgba(0, 0, 0, 0.04) 0px 3.62176px 2.17306px -1.25px, rgba(0, 0, 0, 0.04) 0px 6.8656px 4.11936px -1.66667px, rgba(0, 0, 0, 0.04) 0px 13.6468px 8.18806px -2.08333px, rgba(0, 0, 0, 0.04) 0px 30px 18px -2.5px;
}

@media (max-width: 860px) {
  .action-watch {
    --aw-max-w: 100%;
    --aw-radius: 16px;
    --aw-gap: 16px;
  }
}
@media (max-width: 520px) {
  .action-watch {
    --aw-radius: 12px;
    --aw-gap: 12px;
  }
}
@media (max-width: 559px) {
  .action-watch__item {
    width: 90vw;
  }
}
@media (min-width: 560px) {
  .action-watch__item {
    width: 420px;
  }
}
@media (min-width: 768px) {
  .action-watch__item {
    width: 560px;
  }
}
@media (min-width: 1024px) {
  .action-watch__item {
    width: 768px;
  }
}
.action-watch__footer {
  width: min(100%, var(--aw-max-w));
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
}