.charity-hero {
	position: relative;
	width: 100%;
	min-height: 40.5625rem;
	overflow: hidden;
	background: #f4f7fa;
	color: #000;
}

.charity-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	width: 100%;
	min-height: 40.5625rem;
}

.charity-hero__content {
	display: flex;
	z-index: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 4.875rem 1.5625rem 4.875rem max(2.75rem, calc((100vw - 78.75rem) / 2));
}

.charity-hero__title {
	width: 46.875rem;
	max-width: 46.875rem;
	margin: 0 0 2.5rem;
}

.charity-hero__lead {
	margin: 0 0 1rem;
}

.charity-hero__text {
	max-width: 42.75rem;
	margin: 0 0 2.5rem;
}

.charity-hero__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 10.5rem;
	min-height: 2.625rem;
	padding: 0.625rem 1.5rem;
	border-radius: 0.375rem;
	background: #075be8;
	color: #ffffff;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: background-color .25s ease, transform .25s ease;
}

.charity-hero__button:hover,
.charity-hero__button:focus-visible {
	background: #004fd1;
	color: #ffffff;
	transform: translateY(-1px);
}

.charity-hero__button:focus-visible {
	outline: 0.125rem solid #075be8;
	outline-offset: 0.1875rem;
}

.charity-hero__media {
	display: block;
	min-width: 0;
	min-height: 0;
	height: 100%;
	overflow: hidden;
}

.charity-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 991px) {
	.charity-hero,
	.charity-hero__inner {

		min-height: 43.375rem;
	}

	.charity-hero__inner {
		display: block;
		position: relative;
	}

	.charity-hero__content {
		position: relative;
		z-index: 2;
		width: 100%;
		margin: 0 auto;
		padding: 2.5rem 1.25rem 0;
	}

	.charity-hero .charity-hero__title {
		width: auto;
		margin-bottom: 1.25rem;
		font-size: 2.5rem;
		letter-spacing: -.8px;
		line-height: 1.05;
	}

	.charity-hero .charity-hero__lead {
		max-width: 18.75rem;
		margin-bottom: 1rem;
		font-size: 1rem;
		line-height: 1.3;
	}

	.charity-hero .charity-hero__text {
		max-width: 32.5rem;
		margin-bottom: 2rem;
		font-size: 0.875rem;
		line-height: 1.35;
	}

	.charity-hero__button {
		width: 100%;
		min-height: 3.25rem;
	}

	.charity-hero__media {
		position: absolute;
		top: 10.625rem;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 32.75rem;
	}

	.charity-hero__media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.charity-how-section {
	padding: 0 0 6.25rem;
}

.charity-how-section > .container {
	max-width: 79.625rem;
}

.charity-how {
	width: 100%;
	max-width: 77.75rem;
	margin: 0 auto;
	color: #000000;
}

.charity-how__title {
	margin: 0;
	font-size: 3.5rem;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 4.55rem;
	text-align: center;
}

.charity-how__content {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	margin-top: 4.375rem;
}

.charity-how__steps {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
	gap: 2.5rem;
	margin: 0;
	padding: 1.25rem 2rem 1.25rem 3rem;
	list-style: none;
}

.charity-how__steps::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0.3125rem;
	background-image: url(../images/charity/line.svg);
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
}

.charity-how__step {
	display: grid;
	grid-template-columns: 2.75rem minmax(0, 29.375rem);
	align-items: start;
	column-gap: 2.5rem;
}

.charity-how__number {
	display: block;
	width: auto;
	height: 3.75rem;
	margin: 0.625rem auto 0 auto;
}

.charity-how__step p {
	margin: 0;
}

.charity-how__flow {
	display: flex;
	flex-direction: column;
	justify-self: end;
	gap: 4.875rem;
	width: 100%;
	max-width: 37.4375rem;
	min-height: 29.5rem;
	padding: 3.125rem 0 2rem;
	box-sizing: border-box;
	overflow: visible;
}

.charity-how__flow-row {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	width: 100%;
	max-width: 28.75rem;
	min-height: 8.75rem;
}

.charity-how__flow-row--top {
	align-self: flex-start;
	margin-left: 1.17%;
}

.charity-how__flow-row--bottom {
	align-self: flex-end;
	margin-right: 1.17%;
}

.charity-how__flow-item {
	display: flex;
	flex: 1 1 0;
	align-self: stretch;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-width: 0;
	min-height: 8.75rem;
	gap: 1.125rem;
}

.charity-how__flow-item > span:first-child {
	display: flex;
	flex: 0 0 3.3125rem;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 3.3125rem;
}

.charity-how__flow-arrow {
	display: block;
	flex: 0 0 2.5rem;
	align-self: flex-start;
	width: 2.5rem;
	height: 2.5rem;
	margin-top: 3.125rem;
	padding: 0.25rem;
	box-sizing: border-box;
	pointer-events: none;
}

.charity-how__flow-icon {
	display: block;
	width: auto;
	max-width: 3.3125rem;
	height: 3.125rem;
}

.charity-how__holders-icon,
.charity-how__pool-icon,
.charity-how__impact-icon {
	display: block;
	position: relative;
	width: 3.3125rem;
	height: 3.3125rem;
}

.charity-how__holders-icon > img,
.charity-how__pool-icon > img:first-child,
.charity-how__impact-icon > img {
	display: block;
	width: 100%;
	height: 100%;
}

.charity-how__mini-token,
.charity-how__impact-token {
	position: absolute;
	width: 1.3125rem;
	height: 1.3125rem;
}

.charity-how__mini-token {
	top: 0.875rem;
	left: 0;
	background: #ffffff;
}

.charity-how__impact-token {
	top: 1.125rem;
	left: 0.9375rem;
}

.charity-how__mini-token img:first-child,
.charity-how__impact-token img:first-child {
	position: absolute;
	inset: 0;
	width: 1.3125rem;
	height: 1.3125rem;
}

.charity-how__mini-token img:last-child,
.charity-how__impact-token img:last-child {
	position: absolute;
	top: 0.3125rem;
	left: 0.3125rem;
	width: 0.6875rem;
	height: 0.6875rem;
}

.charity-how__pool-icon > img:last-child {
	position: absolute;
	right: 0.1875rem;
	bottom: 0.25rem;
	width: 0.875rem;
	height: 0.875rem;
}

.charity-how__flow-item span:last-child {
	min-height: 2.375rem;
	text-align: center;
	text-transform: uppercase;
}

@keyframes charity-how-first-item-opacity {
	0% {
		opacity: 0;
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	3.571%,
	95.714% {
		opacity: 1;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571%,
	100% {
		opacity: 0;
	}
}

@keyframes charity-how-first-item-translate {
	0% {
		translate: -5rem 0;
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	3.571%,
	95.714% {
		translate: 0 0;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571% {
		translate: 5rem 0;
		animation-timing-function: step-end;
	}

	100% {
		translate: -5rem 0;
	}
}

@keyframes charity-how-second-item-opacity {
	0%,
	5.714% {
		opacity: 0;
	}

	5.714% {
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	9.286%,
	95.714% {
		opacity: 1;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571%,
	100% {
		opacity: 0;
	}
}

@keyframes charity-how-second-item-translate {
	0%,
	5.714% {
		translate: -5rem 0;
	}

	5.714% {
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	9.286%,
	95.714% {
		translate: 0 0;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571% {
		translate: 5rem 0;
		animation-timing-function: step-end;
	}

	100% {
		translate: -5rem 0;
	}
}

@keyframes charity-how-first-arrow-opacity {
	0%,
	2.857% {
		opacity: 0;
	}

	2.857% {
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	6.429%,
	95.714% {
		opacity: 1;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571%,
	100% {
		opacity: 0;
	}
}

@keyframes charity-how-first-arrow-translate {
	0%,
	2.857% {
		translate: -5rem 0;
	}

	2.857% {
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	6.429%,
	95.714% {
		translate: 0 0;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571% {
		translate: 5rem 0;
		animation-timing-function: step-end;
	}

	100% {
		translate: -5rem 0;
	}
}

@keyframes charity-how-second-arrow-opacity {
	0%,
	8.571% {
		opacity: 0;
	}

	8.571% {
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	12.143%,
	95.714% {
		opacity: 1;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571%,
	100% {
		opacity: 0;
	}
}

@keyframes charity-how-second-arrow-translate {
	0%,
	8.571% {
		translate: -5rem 0;
	}

	8.571% {
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	12.143%,
	95.714% {
		translate: 0 0;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571% {
		translate: 5rem 0;
		animation-timing-function: step-end;
	}

	100% {
		translate: -5rem 0;
	}
}

@keyframes charity-how-third-arrow {
	0%,
	12.143% {
		opacity: 0;
		translate: -5rem 0;
	}

	12.143% {
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	15.714%,
	95.714% {
		opacity: 1;
		translate: 0 0;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571% {
		opacity: 0;
		translate: 5rem 0;
		animation-timing-function: step-end;
	}

	100% {
		opacity: 0;
		translate: -5rem 0;
	}
}

@keyframes charity-how-third-item {
	0%,
	15% {
		opacity: 0;
		translate: -5rem 0;
	}

	15% {
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	18.571%,
	95.714% {
		opacity: 1;
		translate: 0 0;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571% {
		opacity: 0;
		translate: 5rem 0;
		animation-timing-function: step-end;
	}

	100% {
		opacity: 0;
		translate: -5rem 0;
	}
}

@keyframes charity-how-fourth-arrow {
	0%,
	17.857% {
		opacity: 0;
		translate: -5rem 0;
	}

	17.857% {
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	21.429%,
	95.714% {
		opacity: 1;
		translate: 0 0;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571% {
		opacity: 0;
		translate: 5rem 0;
		animation-timing-function: step-end;
	}

	100% {
		opacity: 0;
		translate: -5rem 0;
	}
}

@keyframes charity-how-fourth-item {
	0%,
	20.714% {
		opacity: 0;
		translate: -5rem 0;
	}

	20.714% {
		animation-timing-function: cubic-bezier(.16, 1, .3, 1);
	}

	24.286%,
	95.714% {
		opacity: 1;
		translate: 0 0;
	}

	95.714% {
		animation-timing-function: cubic-bezier(.7, 0, .84, 0);
	}

	98.571% {
		opacity: 0;
		translate: 5rem 0;
		animation-timing-function: step-end;
	}

	100% {
		opacity: 0;
		translate: -5rem 0;
	}
}

@media (min-width: 992px) and (prefers-reduced-motion: no-preference) {
	.charity-how:not(.is-in-view) .charity-how__flow-item,
	.charity-how:not(.is-in-view) .charity-how__flow-arrow {
		opacity: 0;
		animation: none;
		translate: -5rem 0;
	}

	.charity-how.is-in-view .charity-how__flow-item--phase-1 {
		animation:
			charity-how-first-item-opacity 14s linear infinite,
			charity-how-first-item-translate 14s linear infinite;
	}

	.charity-how.is-in-view .charity-how__flow-item--phase-2 {
		animation:
			charity-how-second-item-opacity 14s linear infinite,
			charity-how-second-item-translate 14s linear infinite;
	}

	.charity-how.is-in-view .charity-how__flow-arrow--phase-1 {
		animation:
			charity-how-first-arrow-opacity 14s linear infinite,
			charity-how-first-arrow-translate 14s linear infinite;
	}

	.charity-how.is-in-view .charity-how__flow-arrow--phase-2 {
		animation:
			charity-how-second-arrow-opacity 14s linear infinite,
			charity-how-second-arrow-translate 14s linear infinite;
	}

	.charity-how.is-in-view .charity-how__flow-arrow--phase-3 {
		animation: charity-how-third-arrow 14s linear infinite;
	}

	.charity-how.is-in-view .charity-how__flow-item--phase-3 {
		animation: charity-how-third-item 14s linear infinite;
	}

	.charity-how.is-in-view .charity-how__flow-arrow--phase-4 {
		animation: charity-how-fourth-arrow 14s linear infinite;
	}

	.charity-how.is-in-view .charity-how__flow-item--phase-4 {
		animation: charity-how-fourth-item 14s linear infinite;
	}
}

.charity-how__token-icon {
	display: block;
	position: relative;
	width: 3.375rem;
	height: 3.125rem;
}

.charity-how__token-circle {
	position: absolute;
	top: 0.9375rem;
	left: 0.125rem;
	width: 1.3125rem;
	height: 1.3125rem;
}

.charity-how__token-mark {
	position: absolute;
	top: 1.25rem;
	left: 0.4375rem;
	width: 0.6875rem;
	height: 0.6875rem;
}

.charity-how__token-arrow {
	position: absolute;
	top: 0.5rem;
	right: 0.3125rem;
	width: 0.8125rem;
	height: 1.5rem;
}

@media (max-width: 991px) {
	.charity-how-section {
		padding: 0 0 2.5rem;
	}

	.charity-how {
		height: auto;
	}

	.charity-how__title {
		font-size: 1.875rem;
		line-height: 2.4375rem;
		text-align: left;
	}

	.charity-how__content {
		display: block;
		height: auto;
		margin-top: 2.5rem;
	}

	.charity-how__steps {
		justify-content: flex-start;
		gap: 2rem;
		padding: 1.5625rem 1.5rem 1.5625rem 1.5rem;
		margin-bottom: 3.75rem;
	}

	.charity-how__steps::before {
		width: 0.25rem;
	}

	.charity-how__step {
		grid-template-columns: 1.875rem minmax(0, 1fr);
		column-gap: 1rem;
	}

	.charity-how__number {
		height: 2rem;
	}

	.charity-how__flow {
		display: flex;
		flex-direction: column;
		justify-self: auto;
		gap: 4.9375rem;
		width: 100%;
		min-height: 19.6875rem;
		height: auto;
		margin: 2.5rem auto 0;
		padding: 0;
		box-sizing: border-box;
	}

	.charity-how__flow-row {
		position: static;
		flex: 0 0 auto;
		gap: 0.25rem;
		width: 100%;
		max-width: none;
		min-height: 7.375rem;
		height: auto;
		margin-right: 0;
		margin-left: 0;
	}

	.charity-how__flow-item {
		min-height: 7.375rem;
		height: auto;
		gap: 1.125rem;
	}

	.charity-how__flow-item,
	.charity-how__flow-arrow {
		opacity: 1;
		animation: none;
		translate: none;
	}

	.charity-how__flow-arrow {
		flex-basis: 2rem;
		width: 2rem;
		height: 2rem;
		margin-top: 2.6875rem;
		padding: 0;
	}

	.charity-how__flow-icon {
		max-width: 3.3125rem;
		height: 3.125rem;
	}

	.charity-how__holders-icon,
	.charity-how__pool-icon,
	.charity-how__impact-icon {
		width: 3.3125rem;
		height: 3.3125rem;
	}

	.charity-how__mini-token,
	.charity-how__impact-token {
		transform: none;
	}

	.charity-how__mini-token {
		top: 0.875rem;
	}

	.charity-how__impact-token {
		top: 1.125rem;
		left: 0.9375rem;
	}

	.charity-how__pool-icon > img:last-child {
		right: 0.1875rem;
		bottom: 0.25rem;
		width: 0.875rem;
		height: 0.875rem;
	}

	.charity-how__token-icon {
		width: 3.375rem;
		height: 3.125rem;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.charity-how__flow-item,
	.charity-how__flow-arrow {
		opacity: 1;
		animation: none;
		translate: none;
	}
}

/* =============================================
   SECTION: Our Initiatives Change THE WORLD!
   Figma: card set 173-928 / hover 173-929, popup Frame 313412 440-2208 / popup 160-671, popup mob 655-2011
   ============================================= */

.charity-initiatives-section {
	width: 100vw;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: calc(50% - 50vw);
	padding: 6.25rem 0;
	background: #ffffff;
}

.charity-initiatives-section > .container {
	max-width: 78.75rem;
	padding-right: 0;
	padding-left: 0;
}

.charity-initiatives {
	display: flex;
	flex-direction: column;
	width: 100%;
	color: #000000;
	font-family: Gilroy-Regular, Gilroy, sans-serif;
	gap: 3.75rem;
}

.charity-initiatives__title {
	max-width: 71.25rem;
	margin: 0 auto;
	color: #000000;
	font-size: 3.5rem;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 1.3;
	text-align: center;
}

.charity-initiatives__carousel {
	width: 100vw;
	margin-right: 0;
	margin-left: calc(50% - 50vw);
	overflow: hidden;
	padding-right: max(2.75rem, calc((100vw - 78.75rem) / 2));
	padding-left: max(2.75rem, calc((100vw - 78.75rem) / 2));
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
}

.charity-initiatives__carousel.is-dragging {
	cursor: grabbing;
}

.charity-initiatives__slider {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 0;
}

.charity-initiatives.is-paged .charity-initiatives__slider {
	gap: 1.5rem;
}

.charity-initiatives__dots {
	display: none;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	gap: 1.875rem;
	width: 100%;
	padding: 0;
}

.charity-initiatives.is-paged .charity-initiatives__dots {
	display: flex;
}

.charity-initiatives__dots[hidden] {
	display: none !important;
}

.charity-initiatives__dot {
	flex: 0 0 auto;
	width: 0.625rem;
	height: 0.625rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #b6c1cc;
	cursor: pointer;
	transition: background-color .35s ease, transform .35s ease;
}

.charity-initiatives__dot:hover,
.charity-initiatives__dot:focus-visible {
	background: #7e8e9d;
	transform: scale(1.3);
}

.charity-initiatives__dot:focus-visible {
	outline: 0.125rem solid #075be8;
	outline-offset: 0.25rem;
}

.charity-initiatives__dot.is-active {
	background: #075be8;
	transform: scale(1.3);
}

.charity-initiatives__carousel::-webkit-scrollbar {
	display: none;
}

.charity-initiatives__track {
	display: flex;
	gap: 1.25rem;
	width: max-content;
	will-change: transform;
}

.charity-initiatives__group {
	display: flex;
	flex-shrink: 0;
	align-items: stretch;
	gap: 1.25rem;
}

.charity-initiatives__card {
	display: flex;
	position: relative;
	flex: 0 0 22.5rem;
	flex-direction: column;
	width: 22.5rem;
	height: auto;
	padding: 0;
	overflow: hidden;
	border: none;
	border-radius: 1.875rem;
	background: #F6F8FB;
	color: #000000;
	font-family: 'Gilroy-Regular', sans-serif;
	font-weight: 400;
	font-synthesis: none;
	text-align: left;
	cursor: pointer;
}

.charity-initiatives__card:focus-visible {
	outline: 0.125rem solid #2B92F4;
	outline-offset: 0.1875rem;
}

.charity-initiatives__card-media {
	display: block;
	position: relative;
	flex-shrink: 0;
	width: 100%;
	height: 21.25rem;
	overflow: hidden;
}

.charity-initiatives__card-media::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
	content: "";
	pointer-events: none;
}

.charity-initiatives__card-media > img:first-child {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.charity-initiatives__card--damark .charity-initiatives__card-media > img:first-child,
.charity-initiatives__card--givedirectly .charity-initiatives__card-media > img:first-child,
.charity-initiatives__card--aah .charity-initiatives__card-media > img:first-child {
	object-position: left center;
}

.charity-initiatives__card-brand {
	position: absolute;
	top: 1.25rem;
	left: 1.25rem;
	z-index: 1;
	width: auto;
	height: auto;
	object-fit: contain;
	object-position: left top;
	filter: brightness(0) invert(1);
}

/* Figma desktop overlays: Damark Vector 99×70 in Logo Container; GD 160×26 @ 31/39; WCC 188×47 @ 29/28; AAH Logo Container 98×70 */
.charity-initiatives__card--damark .charity-initiatives__card-brand {
	top: 1.875rem;
	left: 2.5rem;
	width: 6.1875rem;
	height: 4.375rem;
}

.charity-initiatives__card--givedirectly .charity-initiatives__card-brand {
	top: 2.4375rem;
	left: 1.9375rem;
	width: 10rem;
	height: 1.625rem;
}

.charity-initiatives__card--wcc .charity-initiatives__card-brand {
	top: 1.75rem;
	left: 1.8125rem;
	width: 11.75rem;
	height: 2.9375rem;
}

.charity-initiatives__card--aah .charity-initiatives__card-brand {
	top: 1.875rem;
	left: 2.5rem;
	width: 6.125rem;
	height: 4.375rem;
}

.charity-initiatives__card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.3125rem;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 1.25rem;
}

.charity-initiatives__card-head {
	position: relative;
	display: block;
	flex-shrink: 0;
	width: 100%;
	height: auto;
	padding-right: 2.25rem;
}

.charity-initiatives__card-title {
	display: block;
	color: #000000;
	font-family: 'Gilroy-Medium', sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 140%;
	white-space: normal;
	font-synthesis: none;
}

.charity-initiatives__card-arrows {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.75rem;
	height: 1.75rem;
	pointer-events: none;
}

.charity-initiatives__card-arrow {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	transform-origin: top right;
	transition: opacity .3s linear, transform .3s linear;
}

.charity-initiatives__card-arrow--default {
	opacity: 1;
	transform: scale(1);
}

.charity-initiatives__card-arrow--hover {
	opacity: 0;
	transform: scale(0.6786);
}

.charity-initiatives__card:hover .charity-initiatives__card-arrow--default,
.charity-initiatives__card:focus-visible .charity-initiatives__card-arrow--default {
	opacity: 0;
	transform: scale(1.4737);
}

.charity-initiatives__card:hover .charity-initiatives__card-arrow--hover,
.charity-initiatives__card:focus-visible .charity-initiatives__card-arrow--hover {
	opacity: 1;
	transform: scale(1);
}

.charity-initiatives__card-text {
	flex-shrink: 0;
	align-self: stretch;
	color: #5E5C5C;
	font-family: 'Gilroy-Regular', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 120%;
	font-synthesis: none;
}

.charity-initiatives__card-text:empty {
	display: none;
}

.charity-initiatives__card-meta {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	align-self: stretch;
	gap: 0.3125rem;
	margin-top: auto;
	color: #5E5C5C;
	font-family: 'Gilroy-Regular', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 140%;
	font-synthesis: none;
}

.charity-initiatives__card-meta > span {
	display: block;
	flex-shrink: 0;
}

.charity-initiatives__card-meta b {
	font-family: 'GilroySemiBold', sans-serif;
	font-weight: 600;
	font-synthesis: none;
}

.charity-initiatives__card-hover {
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	box-sizing: border-box;
	flex-direction: column;
	align-items: center;
	gap: 2.5rem;
	width: 100%;
	height: 21.25rem;
	padding: 1.875rem 2.5rem;
	border-radius: 1.875rem 1.875rem 0 0;
	background: #2B92F4;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease;
}

.charity-initiatives__card-hover-logo {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 0;
}

.charity-initiatives__card-hover img {
	display: block;
	flex-shrink: 0;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.charity-initiatives__card--damark .charity-initiatives__card-hover img {
	width: 15.6875rem;
	height: 11.0625rem;
}

.charity-initiatives__card--givedirectly .charity-initiatives__card-hover img {
	width: 13.75rem;
	height: 2.25rem;
}

.charity-initiatives__card--wcc .charity-initiatives__card-hover img {
	width: 15.9375rem;
	height: 4rem;
}

.charity-initiatives__card--aah .charity-initiatives__card-hover img {
	width: 16.5rem;
	height: 10rem;
	aspect-ratio: 119 / 72;
}

.charity-initiatives__card-since {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	color: #ffffff;
	font-family: Gilroy-Regular, Gilroy, sans-serif;
	font-size: 1rem;
	line-height: 1.2;
	text-align: center;
}

.charity-initiatives__card-since svg {
	flex-shrink: 0;
	width: 1.875rem;
	height: 1.875rem;
}

.charity-initiatives__card:hover .charity-initiatives__card-hover,
.charity-initiatives__card:focus-visible .charity-initiatives__card-hover {
	opacity: 1;
}

.charity-initiatives-modal {
	display: flex;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	box-sizing: border-box;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 5rem;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.charity-initiatives-modal::-webkit-scrollbar {
	display: none;
}

.charity-initiatives-modal[hidden] {
	display: none !important;
}

.charity-initiatives-modal__overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .45);
}

.charity-initiatives-modal__dialog {
	display: flex;
	position: relative;
	z-index: 1;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	gap: 0;
	width: 79.9375rem;
	max-width: 100%;
	height: auto;
	max-height: none;
	min-height: 0;
	flex-shrink: 0;
	margin: auto;
	padding: 2.5rem;
	overflow: visible;
	border-radius: 1.875rem;
	background: rgba(255, 255, 255, 0.90);
	backdrop-filter: blur(0.425rem);
}

.charity-initiatives-modal__close {
	display: inline-flex;
	position: absolute;
	top: 1.6875rem;
	right: 1.6875rem;
	z-index: 2;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
}

.charity-initiatives-modal__close:focus-visible {
	outline: 0.125rem solid #2B92F4;
	outline-offset: 0.125rem;
}

.charity-initiatives-modal__stack {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	flex: 0 0 auto;
	gap: 2.875rem;
	width: 100%;
	min-width: 0;
	min-height: 0;
	overflow: visible;
}

.charity-initiatives-modal__stack::-webkit-scrollbar {
	display: none;
}

.charity-initiatives-modal__info {
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	gap: 1.25rem;
	width: 58.625rem;
	max-width: 100%;
	padding: 1.25rem 0;
}

.charity-initiatives-modal__panel {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.25rem;
	width: 100%;
}

.charity-initiatives-modal__panel[hidden] {
	display: none !important;
}

.charity-initiatives-modal a.charity-initiatives-modal__title {
	display: block;
	flex-shrink: 0;
	box-sizing: border-box;
	margin: 0;
	color: #000000;
	font-family: 'Gilroy-Medium', sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0;
	line-height: 130%;
	text-decoration: none;
	font-synthesis: none;
}

.charity-initiatives-modal__title:hover,
.charity-initiatives-modal__title:focus-visible {
	text-decoration: underline;
}

.charity-initiatives-modal p.charity-initiatives-modal__text {
	margin: 0;
	color: #5E5C5C;
	font-family: 'Gilroy-Regular', sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0;
	line-height: 120%;
	font-synthesis: none;
}

.charity-initiatives-modal__text:empty {
	display: none;
}

.charity-initiatives-modal__since {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	box-sizing: border-box;
	gap: 0;
	width: auto;
	height: auto;
	margin-top: 0;
	color: #5E5C5C;
	font-family: 'Gilroy-Bold', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	font-style: normal;
	line-height: 140%;
	font-synthesis: none;
	leading-trim: both;
	text-edge: cap;
}

.charity-initiatives-modal__since svg {
	display: block;
	flex-shrink: 0;
	width: 1.875rem;
	height: 1.875rem;
	margin: 0;
}

.charity-initiatives-modal__since span {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.charity-initiatives-modal__gallery {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: nowrap;
	align-self: stretch;
	gap: 0.625rem;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	height: 25.6875rem;
	overflow: hidden;
	scrollbar-width: none;
	overscroll-behavior: contain;
	touch-action: pan-y;
	cursor: grab;
}

.charity-initiatives-modal__gallery::-webkit-scrollbar {
	display: none;
}

.charity-initiatives-modal__gallery.is-dragging {
	cursor: grabbing;
}

.charity-initiatives-modal__gallery-track {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.625rem;
	width: max-content;
	height: 25.6875rem;
}

.charity-initiatives-modal__gallery img {
	display: block;
	flex: 0 0 18.5625rem;
	flex-shrink: 0;
	width: 18.5625rem;
	min-width: 18.5625rem;
	max-width: none;
	height: 25.6875rem;
	border-radius: 1.875rem;
	object-fit: cover;
	aspect-ratio: 115 / 159;
	background: lightgray;
}

@media (max-width: 991px) {
	.charity-initiatives-section {
		padding: 2.5rem 0 5.5rem;
	}

	.charity-initiatives {
		max-width: none;
		gap: 2.5rem;
	}

	.charity-initiatives__title {
		max-width: calc(100% - 2.75rem);
		margin: 0 1.25rem;
		color: #000000;
		font-size: 1.875rem;
		font-weight: 400;
		letter-spacing: 0;
		line-height: 120%;
		text-align: left;
		text-transform: none;
	}

	.charity-initiatives__slider {
		gap: 2.25rem;
		align-items: flex-start;
	}

	.charity-initiatives__track,
	.charity-initiatives__group {
		gap: 0.375rem;
	}

	.charity-initiatives__dots {
		justify-content: flex-start;
		gap: 1.875rem;
		width: max-content;
		max-width: calc(100% - 2.5rem);
		margin: 0 1.25rem;
		padding: 0.375rem;
	}

	.charity-initiatives__carousel {
		padding-right: 1.25rem;
		padding-left: 1.25rem;
	}

	.charity-initiatives__card {
		flex: 0 0 17.0625rem;
		width: 17.0625rem;
		height: auto;
		border-radius: 1.25rem;
	}

	.charity-initiatives__card--damark .charity-initiatives__card-brand {
		top: 1.125rem;
		left: 1.125rem;
		width: 5rem;
		height: 3.5rem;
	}

	.charity-initiatives__card--givedirectly .charity-initiatives__card-brand {
		top: 1.375rem;
		left: 1.25rem;
		width: 8.625rem;
		height: 1.4375rem;
	}

	.charity-initiatives__card--wcc .charity-initiatives__card-brand {
		top: 1.25rem;
		left: 1.25rem;
		width: 10.5rem;
		height: 2.625rem;
	}

	.charity-initiatives__card--aah .charity-initiatives__card-brand {
		top: 1.125rem;
		left: 1.125rem;
		width: 5rem;
		height: 3.5rem;
	}

	.charity-initiatives__card--wcc .charity-initiatives__card-hover img {
		width: 13.75rem;
		height: 3.4375rem;
	}

	.charity-initiatives__card-media,
	.charity-initiatives__card-hover {
		height: 12.8125rem;
	}

	.charity-initiatives__card--damark .charity-initiatives__card-hover img {
	  width: 9.375rem;
	  height: auto;
	}

	.charity-initiatives__card--aah .charity-initiatives__card-hover img {
  		width: 10rem;
	  height: auto;
	}
	
	.charity-initiatives__card-hover {
		padding: 1.875rem 1.25rem 0.625rem 1.25rem;
	border-radius: 1.25rem 1.25rem 0 0;
	}
	.charity-initiatives__card-body {
		flex: 1 1 auto;
		width: 100%;
		height: auto;
		padding: 1.25rem 1.25rem 2.25rem 1.25rem;
		gap: 0.375rem;
	}

	.charity-initiatives__card-title {
		font-family: 'Gilroy-Medium', sans-serif;
		font-size: 1.125rem;
		font-weight: 400;
		line-height: 140%;
	}

	.charity-initiatives__card-text {
		color: #5E5C5C;
		font-family: 'Gilroy-Regular', sans-serif;
		font-size: 0.875rem;
		font-weight: 400;
		line-height: 120%;margin-bottom: 0.3125rem;
	}

	.charity-initiatives__card-meta {
		gap: 0.375rem;
		margin-top: auto;
		color: #5E5C5C;
		font-size: 0.875rem;
		line-height: 140%;
	}

	.charity-initiatives-modal {
		padding: 0.5rem;
		align-items: flex-start;
		justify-content: center;
	}

	.charity-initiatives-modal__dialog {
		width: 100%;
		max-width: 100%;
		height: auto;
		max-height: none;
		min-height: 0;
		flex-shrink: 0;
		margin: auto;
		padding: 1.25rem;
		gap: 0;
		overflow: visible;
		background: rgba(255, 255, 255, 0.80);
	}

	.charity-initiatives-modal__close {
		top: 1.25rem;
		right: 1.25rem;
	}

	.charity-initiatives-modal__stack {
		display: flex;
		flex: 0 0 auto;
		flex-direction: column;
		align-items: flex-start;
		gap: 1.25rem;
		width: 100%;
		min-height: 0;
		overflow: visible;
	}

	.charity-initiatives-modal__info {
		display: flex;
		width: 100%;
		min-height: 0;
		padding: 0;
		gap: 1.25rem;
	}

	.charity-initiatives-modal a.charity-initiatives-modal__title {
		font-family: 'GilroySemiBold', sans-serif;
		font-size: 1.25rem;
		font-weight: 600;
		line-height: 130%;
	}

	.charity-initiatives-modal p.charity-initiatives-modal__text {
		color: #000000;
		font-size: 0.875rem;
		line-height: 120%;
	}

	.charity-initiatives-modal__gallery {
		flex: 0 0 auto;
		height: 18.6875rem;
		cursor: grab;
		touch-action: pan-y;
	}

	.charity-initiatives-modal__gallery.is-dragging {
		cursor: grabbing;
		scroll-snap-type: none;
	}

	.charity-initiatives-modal__gallery-track {
		gap: 0.625rem;
		height: 18.6875rem;
	}

	.charity-initiatives-modal__gallery img {
		flex: 0 0 14.01563rem;
		flex-shrink: 0;
		width: 14.01563rem;
		min-width: 14.01563rem;
		max-width: none;
		height: 18.6875rem;
		border-radius: 1.875rem;
		aspect-ratio: 3 / 4;
	}

	.charity-initiatives-modal__since {
		height: auto;
		font-size: 0.875rem;
		line-height: 140%;
	}

	.charity-initiatives-modal__since svg {
		width: 1.5rem;
		height: 1.5rem;
	}
}

@media (min-width: 992px) and (max-height: 900px) {
	.charity-initiatives-modal {
		padding: 1.5rem 2.5rem;
	}
}

/* =============================================
   SECTION: Our Charity History
   Figma: desktop 190-1053, mobile 606-1775
   ============================================= */

.charity-history-section {
	width: 100vw;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: calc(50% - 50vw);
	padding: 0;
	box-sizing: border-box;
	background: #f6f8fb;
}

.charity-history-section > .container {
	width: 100%;
	max-width: none;
	padding: 0;
}

.charity-history {
	width: 100%;
	box-sizing: border-box;
	background: #f6f8fb;
	color: #000;
	font-family: Gilroy-Regular, Gilroy, sans-serif;
}

.charity-history__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
	padding: 4.125rem 2.75rem 3.125rem 2.75rem;
	box-sizing: border-box;
}

.charity-history__heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 5rem;
	width: 100%;
	max-width: 78.75rem;
}

.charity-history__title {
	margin: 0;
	color: #000;
}

.charity-history__total {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 1.25rem;
}

.charity-history__total-amount {
	text-align: center;
	color: #242628;
	leading-trim: both;
	text-edge: cap;
}

.charity-history__total > span:not(.charity-history__total-amount) {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	flex-shrink: 0;
	line-height: 120%;
	text-transform: uppercase;
	color: #242628;
	white-space: nowrap;
	leading-trim: both;
	text-edge: cap;
}

.charity-history__content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	width: 100%;
	max-width: 78.75rem;
	overflow: hidden;
}

.charity-history__description {
	grid-column: 1;
	grid-row: 1;
	max-width: 31.5rem;
	margin: 0;
	padding: 2.5rem 0;
	color: #5E5C5C;
}

.charity-history__card {
	display: contents;
}

.charity-history__period {
	display: flex;
	grid-column: 2;
	grid-row: 1;
	flex-shrink: 0;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 2.5rem 0;
}

.charity-history__period-label {
	display: none;
}

.charity-history__period-controls {
	display: flex;
	flex-shrink: 0;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 1.25rem;
	height: 2.75rem;
}

.charity-history__th-short {
	display: none;
}

.charity-history__date-control {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 0.5rem;
	width: 17.1875rem;
	max-width: 17.1875rem;
	height: 2.75rem;
	padding: 0.75rem;
	border: 1px solid #A19EAD;
	border-radius: 0.375rem;
	background: transparent;
	box-sizing: border-box;
}

.charity-history__date-display {
	width: 100%;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #262626;
	font-family: Gilroy-Regular, Gilroy, sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 120%;
	outline: 0;
	cursor: pointer;
}

.charity-history__date-display::placeholder {
	color: #A19EAD;
font-family: GilroySemiBold;
font-size: 0.875rem;
	opacity: 1;
}

.charity-history__date-native {
	position: absolute;
	inset: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: 0;
	border: 0;
	cursor: pointer;
	pointer-events: none;
}

.charity-history__date-native.is-active {
	z-index: 3;
	pointer-events: auto;
}

.charity-history__date-native::-webkit-calendar-picker-indicator {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.charity-history__date-icon {
	display: block;
	flex: 0 0 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	pointer-events: none;
}

.charity-history__date-reset {
	display: inline-flex;
	flex: 0 0 2.25rem;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0.5rem;
	border: 0;
	background: transparent;
	cursor: pointer;
	box-sizing: border-box;
}

.charity-history__date-reset svg {
	display: block;
	width: 1.1875rem;
	height: 1.0625rem;
}

.charity-history__date-reset:disabled {
	opacity: 0.45;
	cursor: default;
}

.charity-history__table-wrap {
	grid-column: 1 / -1;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 1.25rem;
}

.charity-history__table {
	width: 100%;
	min-width: 61.25rem;
	border-collapse: collapse;
	border-radius: 1.25rem;
}

.charity-history__table thead th {
	padding: 1.24375rem 0.75rem 0.75625rem 1.8125rem;
	background: #242628;
	color: #B1BBC5;
font-family: Gilroy-Medium;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem; 
text-transform: uppercase;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

.charity-history__table tbody td {
	min-height: 4.375rem;
	padding: 1.375rem 0.75rem 1.375rem 1.8125rem;
	border: 0;
	background: #fff;
	color: #000;
leading-trim: both;
text-edge: cap;
font-family: Gilroy-Regular;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
	vertical-align: middle;
	box-sizing: border-box;
	border-top: 0.125rem solid #F6F8FB;
}

.charity-history__table tbody tr:first-child td {
	border-top-color: white;
}

.charity-history__table th:nth-child(5),
.charity-history__table td:nth-child(5) {
	padding-right: 0.625rem;
	padding-left: 0.625rem;
	text-align: center;
}

.charity-history__table th:nth-child(6),
.charity-history__table td:nth-child(6) {
	padding-right: 1.25rem;
	padding-left: 1.25rem;
}

.charity-history__table tbody td.charity-history__initiative {
	font-style: italic;
}

.charity-history__amount span {
	display: none;
}

.charity-history__sort {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: 0.9375rem;
	vertical-align: middle;
	cursor: pointer;
}

.charity-history__sort svg {
	display: block;
	width: 0.8125rem;
	height: 1.0625rem;
}

.charity-history__sort-icon--mobile {
	display: none !important;
}

.charity-history__date-heading {
	cursor: pointer;
	user-select: none;
}

.charity-history__transaction {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #2460fa;
	text-decoration: none;
}

.charity-history__transaction svg {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
}

.charity-history__empty {
	margin: 0;
	padding: 3rem 1.25rem;
	background: #fff;
	color: #5e5c5c;
	font-size: 0.875rem;
	line-height: 120%;
	text-align: center;
}

.charity-history__pagination {
	display: flex;
	grid-column: 1 / -1;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	width: 100%;
	padding: 1.875rem 1.25rem 0 1.25rem;
	box-sizing: border-box;
}

.charity-history__page-btn,
.charity-history__page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: #000;
stroke: #000;
font-family: Gilroy-Medium;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
	cursor: pointer;
}

.charity-history__page-btn {
	padding: 0 1.25rem;
}

.charity-history__page.is-active {
	color: #0056EB;
}

.charity-history__page-btn:disabled {
	stroke: #B3B3B3;
	cursor: default;
}

.charity-history__dots {
	color: #000;
	font-family: Gilroy-Regular, Gilroy, sans-serif;
	font-size: 0.875rem;
	line-height: 1;
}



@media (max-width: 991px) {
	.charity-history__inner {
		align-items: stretch;
		gap: 1.25rem;
		max-width: none;
		padding: 3.75rem 0 3.75rem;
	}

	.charity-history__heading {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.875rem;
		padding: 0 0.9375rem;
		max-width: none;
		width: 100%;
	}

	.charity-history__title {
		max-width: none;
		color: #000;
		font-family: Gilroy-Regular, Gilroy, sans-serif;
		font-size: 1.875rem;
		font-weight: 400;
		line-height: 120%;
		text-transform: capitalize;
	}

	.charity-history__total {
		align-items: center;
		gap: 1.25rem;
		width: 100%;
	}

	.charity-history__total-amount,
	.charity-history__total-amount.h2-new-60 {
		color: #000;
		text-align: left;
		font-family: Gilroy-Regular, Gilroy, sans-serif;
		font-size: 1.875rem;
		font-weight: 400;
		letter-spacing: 0.9px;
		line-height: 120%;
	}

	.charity-history__total > span:not(.charity-history__total-amount) {
		display: flex;
		width: 5.3125rem;
		min-height: 2.625rem;
		flex-direction: column;
		justify-content: center;
		flex-shrink: 0;
		color: #242628;
		font-family: Gilroy-Regular, Gilroy, sans-serif;
		font-size: 0.75rem;
		font-weight: 400;
		letter-spacing: 0.36px;
		line-height: 120%;
		text-transform: uppercase;
		text-align: left;
	}

	.charity-history__content {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		max-width: none;
		overflow: visible;
		gap: 1.25rem;
	}

	.charity-history__description {
		grid-column: auto;
		grid-row: auto;
		align-self: stretch;
		max-width: none;
		padding: 0 0.9375rem;
		color: #5e5c5c;
		font-family: Gilroy-Regular, Gilroy, sans-serif;
		font-size: 0.75rem;
		font-weight: 400;
		line-height: 120%;
	}

	.charity-history__card {
		display: flex;margin: 0 0.5rem;
		flex-direction: column;
		overflow: visible;
		border-radius: 0.625rem;
		background: #fff;
		box-shadow: 0 0.625rem 2.5rem rgba(177, 187, 197, 0.18), 0 0.125rem 0.5rem rgba(177, 187, 197, 0.08);
	}

	.charity-history__period {
		grid-column: auto;
		grid-row: auto;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0px;
		width: 100%;
		height: auto;
		padding: 1rem 0.875rem 1.875rem;
	}

	.charity-history__period-label {
		display: block;
		color: #A19EAD;
		font-family: Gilroy-Bold;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
	}

	.charity-history__period-controls {
		align-items: center;
		justify-content: flex-start;
		gap: 0.5rem;
		width: 100%;
		height: auto;
	}

	.charity-history__date-control {
		flex: 1 1 auto;
		width: auto;
		max-width: none;
		height: 3rem;
		padding: 0.875rem 0.75rem;
	}

	.charity-history__date-reset {
		flex: 0 0 3rem;
		width: 3rem;
		height: 3rem;
		padding: 0;
	}

	.charity-history__date-reset svg {
		width: 1.25rem;
		height: 1.125rem;
	}

	.charity-history__th-full {
		display: none;
	}

	.charity-history__th-short {
		display: inline;
	}

	.charity-history__table-wrap {
		grid-column: auto;
		margin-top: 0;
		overflow: hidden;
		border-radius: 0.625rem;
		background: transparent;
	}

	.charity-history__table {
		min-width: 0;
		width: 100%;
		border-radius: 0;
	}

	.charity-history__table thead {
		display: block;
		width: 100%;
	}

	.charity-history__table thead tr {
		display: grid;
		grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) 3rem 3.125rem;
		column-gap: 0.5rem;
		align-items: end;
		width: 100%;
		padding: 0.5rem 0.875rem 0.625rem;
		box-sizing: border-box;
		background: transparent;
	}

	.charity-history__table thead th {
		padding: 0;
		background: transparent;
		color: #A19EAD;
font-family: GilroySemiBold;
font-size: 0.625rem;
font-style: normal;
font-weight: 400;
line-height: 0.75rem; /* 12px */
	}

	.charity-history__sort-icon--mobile {
	  display: block !important;
	}

	.charity-history__table thead th:nth-child(2),
	.charity-history__table thead th:nth-child(3) {
		display: none;
	}

	.charity-history__table thead th.charity-history__transaction-heading {
		width: 3rem;
		max-width: 3rem;
		white-space: normal;
		text-align: center;
	}

	.charity-history__table thead th:nth-child(6) {
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		gap: 0.375rem;
		text-align: right;
	}

	.charity-history__sort {
		display: inline-flex;
		margin-left: 0;
	}

	.charity-history__sort-icon--desktop {
		display: none !important;
	}

	.charity-history__sort-icon--mobile {
		display: block;
		width: 0.5625rem;
		height: 1.0625rem;
	}

	.charity-history__table tbody {
		display: block;
		width: 100%;
	}

	.charity-history__table tbody tr {
		display: grid;
		grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) 3rem 3.125rem;
		grid-template-rows: auto auto;
		column-gap: 0.5rem;
    row-gap: 0.375rem;
    align-items: flex-start;
		width: 100%;
		min-height: 4.375rem;
		padding: 0.8125rem 0.875rem 0.6875rem 0.875rem;
		box-sizing: border-box;
		background: transparent;
		border-top: 1px solid rgba(177, 187, 197, 0.35);
	}

	.charity-history__table tbody tr[hidden] {
		display: none !important;
	}

	.charity-history__table {
		border-bottom: 1px solid rgba(177, 187, 197, 0.35);
	}

	.charity-history__table tbody td {
		min-height: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: #1d1d1d;
		font-family: Gilroy-Regular, Gilroy, sans-serif;
		font-size: 0.75rem;
		line-height: 120%;
		white-space: normal;
	}

	.charity-history__table tbody tr:first-child td {
		border-top-color: transparent;
	}

	.charity-history__table tbody td:nth-child(1) {
		grid-column: 1;
		grid-row: 1;
		font-family: Gilroy-Medium, Gilroy, sans-serif;
	}

	.charity-history__table tbody td:nth-child(2) {
		grid-column: 1;
		grid-row: 2;
		font-family: Gilroy-Regular, Gilroy, sans-serif;
		font-style: italic;
		font-size: 0.625rem;
		font-weight: 400;
		line-height: 120%;
		color: #5e5c5c;
	}

	.charity-history__table tbody td:nth-child(3) {
		grid-column: 2;
		grid-row: 2;
		min-width: 0;
		font-size: 0.625rem;
		line-height: 120%;
		color: #5e5c5c;
	}

	.charity-history__table tbody td:nth-child(3)::after {
		content: " in COINDEPO";
	}

	.charity-history__table tbody td:nth-child(4) {
		grid-column: 2;
		grid-row: 1;
		font-family: Gilroy-Medium, Gilroy, sans-serif;
		white-space: nowrap;
	}

	.charity-history__table tbody td:nth-child(4)::after {
		content: " $";
	}

	.charity-history__table tbody td:nth-child(5) {
		grid-column: 3;
		grid-row: 1 / span 2;
		align-self: flex-start;
    justify-self: center;
    padding: 0.1875rem 0 0 0;
		text-align: center;
	}

	.charity-history__table tbody td:nth-child(6) {
		grid-column: 4;
		grid-row: 1 / span 2;
		align-self: flex-start;
		justify-self: end;
		padding: 0;
		font-size: 0.75rem;
		line-height: 120%;
		white-space: nowrap;
		text-align: right;
	}

	.charity-history__table th:nth-child(5),
	.charity-history__table td:nth-child(5),
	.charity-history__table th:nth-child(6),
	.charity-history__table td:nth-child(6) {
		padding-right: 0;
		padding-left: 0;
	}

	.charity-history__transaction {
		color: #2460fa;
	}

	.charity-history__transaction svg {
		width: 1.125rem;
		height: 1.125rem;
	}

	.charity-history__pagination {
		grid-column: auto;
		gap: 0.75rem;
		padding: 1rem 0.875rem 1.25rem;
		background: transparent;
		border-radius: 0;
	}

	.charity-history__page-btn,
	.charity-history__page,
	.charity-history__dots {
		font-size: 1rem;
		color: #5d6062;
		stroke: #5d6062;
	}

	.charity-history__page.is-active {
		color: #1d1d1d;
	}

	.charity-history__page-btn:not(:disabled) {
		color: #1d1d1d;
		stroke: #1d1d1d;
	}
}

.charity-governance {
	position: relative;
	width: 100%;
	max-width: 62.5rem;
	min-height: 37.8125rem;
	background: #F6F8FB;
  border-radius: 1.875rem;
  margin-top: 10.625rem;
  margin-bottom: 12.5rem;
}


.charity-governance__content {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 3.125rem 4.8125rem 3.75rem 4.8125rem;
}

.charity-governance__title {

	margin: 0 0 3.3125rem;
}

.charity-governance__lead {
	margin: 0 0 1.75rem;
}

.charity-governance__text {
	width: 100%;
	max-width: 28.75rem;
	margin: 0 0 2rem;
}

.charity-governance__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	min-width: 10.5rem;
	min-height: 2.625rem;
	padding: 0.625rem 1.25rem;
	border: 1px solid #82909d;
	border-radius: 0.5rem;
	background: #ffffff;
	color: #111111;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: border-color .25s ease, color .25s ease, transform .25s ease;
}

.charity-governance__button-mobile {
	display: none;
}

.charity-governance__button:hover,
.charity-governance__button:focus-visible {
	border-color: #075be8;
	color: #075be8;
	transform: translateY(-1px);
}

.charity-governance__button:focus-visible {
	outline: 0.125rem solid #075be8;
	outline-offset: 0.1875rem;
}

.charity-governance__media {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
	width: 40.3125rem;
	height: 25.75rem;
	overflow: hidden;
	border-radius: 1.25rem;
}

.charity-governance__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.charity-governance.is-armed .charity-governance__content {
	opacity: 0;
	transform: translateY(1.5rem);
}

.charity-governance.is-armed .charity-governance__media {
	opacity: 0;
	transform: translateX(6.25rem);
}

.charity-governance.is-visible .charity-governance__content {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .6s ease, transform .6s ease;
}

.charity-governance.is-visible .charity-governance__media {
	opacity: 1;
	transform: translateX(0);
	transition: opacity .75s ease .4s, transform .75s cubic-bezier(.22, 1, .36, 1) .4s;
}

.block-page-list-logo-bg-partners .list-logo-marquee.list-logo-marquee-lg-new .list-logo-flex {
  min-height: 7.875rem;
  gap: 8.75rem;
  align-items: center;
}
.block-page-list-logo-bg-partners .list-logo-marquee.list-logo-marquee-lg-new .list-logo-flex li,
.block-page-list-logo-bg-partners .list-logo-marquee.list-logo-marquee-lg-new .list-logo-flex a {
  min-height: 7.875rem;
  align-items: center;
}
.block-page-list-logo-bg-partners .list-logo-marquee.list-logo-marquee-lg-new .list-logo-flex img {
  height: auto;
  width: auto;
  max-height: 7.875rem;
  min-height: 0;
  filter: grayscale(1);
  opacity: 0.72;
}

.block-page-list-logo-bg-partners .list-logo-marquee.list-logo-marquee-lg-new .list-logo-flex img.aan {
	max-height: 6.875rem;
}
.block-page-list-logo-bg-partners .list-logo-marquee.list-logo-marquee-lg-new .list-logo-flex img.givedirectly {
	height: 2.5rem;
	max-height: 2.5rem;
}
.block-page-list-logo-bg-partners .list-logo-marquee.list-logo-marquee-lg-new .list-logo-flex a:hover img,
.block-page-list-logo-bg-partners .list-logo-marquee.list-logo-marquee-lg-new .list-logo-flex a:focus-visible img {
	filter: grayscale(0);
	opacity: 1;
}

.block-page-list-logo-bg-partners .list-logo-marquee:not(.is-marquee-js) .list-logo-flex {
	animation: none;
}

.block-page-list-logo-bg-partners.is-partners-logo-static {
	overscroll-behavior: auto;
}

.block-page-list-logo-bg-partners .list-logo-marquee.is-logo-static {
	overflow-x: hidden;
	cursor: default;
	overscroll-behavior: auto;
}

.block-page-list-logo-bg-partners .list-logo-marquee.is-marquee-js {
	cursor: default;
	overscroll-behavior-x: contain;
	overscroll-behavior-y: auto;
}

.block-page-list-logo-bg-partners .list-logo-marquee.is-marquee-js .list-logo-flex {
	cursor: grab;
}

.block-page-list-logo-bg-partners .list-logo-marquee.is-marquee-js.is-dragging .list-logo-flex {
	cursor: grabbing;
}

.block-page-list-logo-bg-partners .list-logo-marquee.is-logo-static .list-logo-flex {
	width: 100%;
	min-width: 0;
	max-width: none;
	justify-content: center;
}




@media (min-width: 992px) {
	.charity-governance__media {
		position: absolute;
	  right: -26%;
	  bottom: -2.6875rem;
	}
	.decs-none-992 {
		display: none !important;
	}
}

@media (min-width: 992px) and (max-width: 1100px) {
  .charity-governance__media {
    position: absolute;
    right: -17%;
    bottom: -1.5625rem;
  }

	.charity-governance__media {
	  width: 54%;height: auto;
	}

	.charity-governance__content {
	  padding: 3.125rem 3.75rem 3.75rem 3.75rem;
	}

	.charity-governance {
	  min-height: 28.125rem !important;
	  margin-top: 6.25rem;
	  margin-bottom: 8.125rem;
	}

}

@media (max-width: 991px) {
	.mb-0-mob {
		margin-bottom: 0 !important;
	}
	.block-page-new-mb.block-page-new-mb-30 {
		margin-bottom: 1.875rem !important;
	}

	.mob-none-991 {
		display: none !important;
	}

	.mob-991-w100 {
		width: 100%;
	}

	.order-mob-4 {
		order: 4;
	}

	.charity-governance {
		display: flex;
		flex-direction: column;
		max-width: none;
		height: auto;
		min-height: 0;
		padding: 3.75rem 0 2rem;
		overflow: hidden;
		background: #ffffff;
		margin: 0;
	}

	.charity-governance::before {
		display: none;
	}

	.charity-governance__content {
		display: contents;
	}

	.charity-governance__title {
		order: 1;
		max-width: none;
		margin: 0 0px 1.5rem 0px;
	}

	.charity-governance__media {
		position: relative;
		right: auto;
		bottom: auto;
		order: 2;
		width: 100%;
		height: auto;
		margin: 0 1.5625rem 0 0px;
		border-radius: 1.25rem;
	}

	.charity-governance__media img {
		height: auto;
	}

	.charity-governance__lead {
		order: 3;
		margin: 2rem 0px 1rem 0px;
	}

	.charity-governance__text {
		order: 4;
		max-width: none;
		margin: 0 0px 2rem 0px;
	}

	.charity-governance__button {
		order: 5;
		width: calc(100% - 3.25rem);
		min-height: 3.125rem;
		margin: 0 1.5625rem 0 1.6875rem;
	}

	.charity-governance__button-desktop {
		display: none;
	}

	.charity-governance__button-mobile {
		display: inline;
	}

	.charity-governance.is-armed .charity-governance__title,
	.charity-governance.is-armed .charity-governance__lead,
	.charity-governance.is-armed .charity-governance__text,
	.charity-governance.is-armed .charity-governance__button {
		opacity: 0;
		transform: translateY(1.5rem);
	}

	.charity-governance.is-visible .charity-governance__title,
	.charity-governance.is-visible .charity-governance__lead,
	.charity-governance.is-visible .charity-governance__text,
	.charity-governance.is-visible .charity-governance__button {
		opacity: 1;
		transform: translateY(0);
		transition: opacity .6s ease, transform .6s ease;
	}
}

@media (prefers-reduced-motion: reduce) {
	.charity-governance.is-armed .charity-governance__content,
	.charity-governance.is-armed .charity-governance__media,
	.charity-governance.is-armed .charity-governance__title,
	.charity-governance.is-armed .charity-governance__lead,
	.charity-governance.is-armed .charity-governance__text,
	.charity-governance.is-armed .charity-governance__button {
		opacity: 1;
		transform: none;
		transition: none;
	}
}




.charity-gallery {
	--charity-gallery-height: 25.0625rem;
	--charity-gallery-active-scale: 1.3367;
	overflow: hidden;
	padding: 2.5rem 0 0;
}

.charity-gallery__title {
	margin: 0 0 0 0.1875rem;
	color: #111111;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1.2;
}

.charity-gallery__viewport {
	width: 100%;
	padding-top: 0.125rem;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
}

.charity-gallery__viewport.is-dragging {
	cursor: grabbing;
}

.charity-gallery__viewport.is-dragging .charity-gallery__track,
.charity-gallery__viewport.is-resetting .charity-gallery__track,
.charity-gallery__viewport.is-resetting .charity-gallery__slide {
	transition: none;
}

.charity-gallery__track {
	display: flex;
	align-items: center;
	gap: 2rem;
	width: max-content;
	min-height: calc(var(--charity-gallery-height) * var(--charity-gallery-active-scale));
	will-change: transform;
	transform: translate3d(var(--charity-gallery-offset, 0), 0, 0);
	transition: transform 1.4s cubic-bezier(.45, 0, .2, 1);
}

.charity-gallery__slide {
	flex: 0 0 auto;
	height: var(--charity-gallery-height);
	margin: 0;
	overflow: hidden;
	border-radius: 1.5rem;
	background: #eef1f4;
	transform: scale(1);
	transition: border-radius 1.4s cubic-bezier(.45, 0, .2, 1), transform 1.4s cubic-bezier(.45, 0, .2, 1);
}

.charity-gallery__slide.is-active {
	z-index: 1;
	margin-right: var(--charity-gallery-active-gutter, 0);
	margin-left: var(--charity-gallery-active-gutter, 0);
	border-radius: 1.125rem;
	transform: scale(var(--charity-gallery-active-scale));
}

.charity-gallery__slide img {
	display: block;
	width: auto;
	max-width: none;
	height: 100%;
	pointer-events: none;
	-webkit-user-drag: none;
}

.charity-gallery__pagination {
	display: block;
	box-sizing: border-box;
	width: max-content;
	max-width: calc(100% - 2.5rem);
	margin: 2.5rem auto 0;
	overflow: hidden;
	padding: 0.5rem 0;
}

.charity-gallery__pagination.is-windowed {
	width: min(26.25rem, calc(100% - 2.5rem));
	max-width: calc(100% - 2.5rem);
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%, #000 78%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 22%, #000 78%, transparent 100%);
}

.charity-gallery__dots {
	display: flex;
	align-items: center;
	gap: 1.875rem;
	width: max-content;
	will-change: transform;
	transform: translate3d(0, 0, 0);
	transition: transform .35s ease;
}

.charity-gallery__pagination.is-resetting .charity-gallery__dots {
	transition: none;
}

.charity-gallery__dot {
	flex: 0 0 auto;
	width: 0.625rem;
	height: 0.625rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #b6c1cc;
	cursor: pointer;
	opacity: 1;
	transform: scale(1);
	transition: background-color .35s ease, transform .35s ease, opacity .35s ease;
}

.charity-gallery__dot[data-depth="2"] {
	opacity: 0.7;
	transform: scale(0.88);
}

.charity-gallery__dot[data-depth="3"] {
	opacity: 0.45;
	transform: scale(0.72);
}

.charity-gallery__dot[data-depth="4"] {
	opacity: 0.28;
	transform: scale(0.58);
}

.charity-gallery__dot:hover,
.charity-gallery__dot:focus-visible {
	background: #7e8e9d;
	opacity: 1;
	transform: scale(1.3);
}

.charity-gallery__dot:focus-visible {
	outline: 0.125rem solid #075be8;
	outline-offset: 0.25rem;
}

.charity-gallery__dot.is-active {
	z-index: 1;
	background: #075be8;
	opacity: 1;
	transform: scale(1.3);
}

.block-page-list-logo-bg.block-page-list-logo-bg-partners {
	padding-bottom: 5.625rem;
	padding-top: 3.75rem;
	overscroll-behavior: auto;
}

.block-page-list-logo-bg.block-page-list-logo-bg-partners .list-logo-marquee {
	margin-top: 3.75rem;
	padding-top: 0;
}

@media (max-width: 991px) {

.block-page-list-logo-bg.block-page-list-logo-bg-partners {
	padding-bottom: 3.75rem;
	padding-top: 2.25rem;
}

.block-page-list-logo-bg.block-page-list-logo-bg-partners .list-logo-marquee {
	margin-top: 4rem;
	padding-top: 0;
}


	.charity-gallery {
		--charity-gallery-height: 12.6875rem;
		--charity-gallery-active-scale: 2.0443;
		padding-top: 1.5rem;
	}

	.charity-gallery__viewport {
		width: 100vw;
		padding-top: 2.375rem;
	}

	.charity-gallery__track {
		gap: 0.625rem;
	}

	.charity-gallery__slide {
		border-radius: 1.25rem;
	}

	.charity-gallery__slide.is-active {
		border-radius: 1rem;
	}

	.charity-gallery__pagination {
		max-width: calc(100vw - 2rem);
		margin-top: 2.5rem;
		padding: 0.5rem 0;
	}

	.charity-gallery__pagination.is-windowed {
		width: min(17.5rem, calc(100vw - 2rem));
		max-width: calc(100vw - 2rem);
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%, #000 78%, transparent 100%);
		mask-image: linear-gradient(90deg, transparent 0, #000 22%, #000 78%, transparent 100%);
	}

	.charity-gallery__dots {
		gap: 1rem;
	}
}

@media (max-width: 991px) {
	.charity-gallery .charity-gallery__track {
		gap: 0.625rem;
	}

	.charity-gallery .charity-gallery__slide,
	.charity-gallery .charity-gallery__slide.is-active {
		height: var(--charity-gallery-height);
		max-height: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.charity-gallery__track,
	.charity-gallery__slide,
	.charity-gallery__dot {
		transition-duration: .01ms;
	}
}

/* =============================================
   SECTION: Why We Donate?
   ============================================= */

.charity-donate-section {
	width: 100vw;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: calc(50% - 50vw);
	padding: 6.25rem 0 9.5625rem;
	box-sizing: border-box;
	background: #f6f8fb;
}

.charity-donate-section > .container {
	width: 100%;
	max-width: none;
	padding: 0;
}

.charity-donate {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	color: #000000;
}

.charity-donate__title {
	min-height: 4.6875rem;
	margin: 0 0 3.75rem;
	font-size: clamp(2.5rem, 3.889vw, 3.5rem);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.3;
	text-align: center;
	text-transform: capitalize;
	color: #000000;
	font-family: Gilroy-Regular, Gilroy, sans-serif;
}

/* Row 1: text + video */
.charity-donate__row--top {
	display: grid;
	grid-template-columns: minmax(0, 469fr) minmax(0, 751fr);
	gap: 2.5rem;
	align-items: center;
	width: calc(100% - 5.5rem);
	max-width: 78.75rem;
	margin: 0 auto;
}

.charity-donate__subheading {
	margin: 0 0 1.875rem;
	font-size: clamp(1.5rem, 2.083vw, 1.875rem);
	font-weight: 400;
	line-height: 1.2;
	color: #000000;
	text-transform: capitalize;
	font-family: Gilroy-Regular, Gilroy, sans-serif;
}

.charity-donate__body {
	margin: 0;
	font-size: clamp(1rem, 1.25vw, 1.125rem);
	font-weight: 400;
	line-height: 1.5556;
	color: #000000;
	font-family: Gilroy-Regular, Gilroy, sans-serif;
}

.charity-donate__text {
	width: 100%;
	min-width: 0;
}

.charity-donate__video-wrap {
	width: 100%;
	min-width: 0;
}

.charity-donate__video-wrap video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 172 / 99;
	object-fit: cover;
	border-radius: 1.875rem;
}

/* Row 2: CCO photo + quote */
.charity-donate__row--bottom {
	position: relative;
	display: flex;
	align-items: center;
	width: calc(100% - 2.5rem);
	max-width: 75rem;
	min-height: 26rem;
	margin: 11rem auto 0;
	padding-left: 2.75rem;
	box-sizing: border-box;
	overflow: visible;
}

.charity-donate__photo-wrap {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	width: 19.375rem;
	max-width: 31%;
}

.charity-donate__photo-inner {
	width: 100%;
	height: auto;
	aspect-ratio: 310 / 308;
	overflow: hidden;
	border-radius: 1.875rem;
	box-shadow: -1.25rem 0.25rem 2.5rem 0 rgba(41, 141, 242, 0.2);
}

.charity-donate__photo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.charity-donate__quote-wrap {
	position: relative;
	z-index: 2;
	flex: 1 1 55.625rem;
	width: auto;
	max-width: 55.625rem;
	min-width: 0;
	min-height: 26rem;
	margin-left: -2.75rem;
	padding: 2.5rem clamp(2.5rem, 6.944vw, 6.25rem);
	box-sizing: border-box;
	overflow: visible;
	border-radius: 1.875rem;
	background: rgba(255, 255, 255, 0.3);
	-webkit-backdrop-filter: blur(1.25rem);
	backdrop-filter: blur(1.25rem);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2.5rem;
}

.charity-donate__quote-icon {
	position: absolute;
	top: -2.375rem;
	right: clamp(2.5rem, 6.944vw, 6.25rem);
	width: 5.375rem;
	height: 4.75rem;
}

.charity-donate__cco-title {
	width: 100%;
	max-width: 29.3125rem;
	min-height: 4.0625rem;
	margin: 0;
	font-size: clamp(2.25rem, 3.472vw, 3.125rem);
	font-weight: 400;
	line-height: 1.3;
	text-transform: capitalize;
	font-family: Gilroy-Regular, Gilroy, sans-serif;
}

.charity-donate__quote-text {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: clamp(1.25rem, 1.667vw, 1.5rem);
	font-weight: 400;
	line-height: 1.4;
	color: #000000;
	font-family: Gilroy-SemiBold, GilroySemiBold, Gilroy, sans-serif;
}

.charity-donate__attribution {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	gap: 0;
	margin: 0;
	text-align: right;
	color: #5e5c5c;
}

.charity-donate__attribution strong {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 2.25rem;
	color: #5e5c5c;
	font-family: Gilroy-Bold, Gilroy, sans-serif;
}

.charity-donate__attribution span {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.75rem;
	color: #5e5c5c;
	font-family: Gilroy-Regular, Gilroy, sans-serif;
}

/* scroll animation */
.charity-donate__row--bottom [data-charity-donate-photo],
.charity-donate__row--bottom [data-charity-donate-quote] {
	will-change: transform, opacity;
}

.charity-donate__row--bottom.is-donate-armed:not(.is-donate-visible) [data-charity-donate-photo] {
	opacity: 0;
	transform: translate3d(-3.75rem, 0, 0);
}

.charity-donate__row--bottom.is-donate-armed:not(.is-donate-visible) [data-charity-donate-quote] {
	opacity: 0;
	transform: translate3d(5rem, 0, 0);
}

.charity-donate__row--bottom.is-donate-visible [data-charity-donate-photo] {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition:
		transform 1.2s cubic-bezier(.25, .1, .25, 1),
		opacity .8s ease;
}

.charity-donate__row--bottom.is-donate-visible [data-charity-donate-quote] {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition:
		transform 1.05s cubic-bezier(.25, .1, .25, 1) .85s,
		opacity .75s ease .85s;
}

@media (max-width: 1300px) {
	.charity-governance {
	  min-height: 32.8125rem;
	}
}

@media (max-width: 991px) {
	.charity-initiatives__card-since {
	  font-size: 0.875rem;;
	}

	.charity-donate-section {
		padding: 3.75rem 0 0px 0;
	}

	.charity-donate {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		max-width: none;
	}

	.charity-donate__title {
		width: calc(100% - 2.5rem);
		min-height: 0;
		margin: 0 1.25rem 1.875rem;
		font-size: 1.875rem;
		line-height: 2.25rem;
		text-align: center;
	}

	.charity-donate__row--top {
		display: flex;
		flex-direction: column;
		gap: 1.875rem;
		width: calc(100% - 2.5rem);
		margin: 0 1.25rem 3.75rem;
	}

	.charity-donate__subheading {
		margin-bottom: 0.625rem;
		font-size: 1.25rem;
		line-height: 1.5rem;
		color: #000000;
	}

	.charity-donate__body {
		font-size: 1rem;
		line-height: 1.5rem;
		color: #000000;
	}

	.charity-donate__text,
	.charity-donate__video-wrap,
	.charity-donate__video-wrap video {
		width: 100%;
	}

	.charity-donate__video-wrap {
		order: -1;
	}

	.charity-donate__video-wrap video {
		aspect-ratio: 172 / 99;
		border-radius: 1.25rem;
	}

	.charity-donate__row--bottom {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		max-width: none;
		min-height: 0;
		margin: 0;
		padding: 0;
		overflow: visible;
	}

	.charity-donate__photo-wrap {
		position: relative;
		flex: 0 0 auto;
		width: 13.25rem;
		max-width: calc(100% - 2.5rem);
		margin-left: 1.25rem;
	}

	.charity-donate__photo-inner {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		border-radius: 1.875rem;
	}

	.charity-donate__quote-wrap {
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		max-width: none;
		min-height: 24.0625rem;
		margin-top: -1.4375rem;
		margin-left: 0;
		padding: 2.5rem 1.25rem;
		overflow: visible;
		border-radius: 0;
		background: rgba(255, 255, 255, 0.3);
		gap: 2.5rem;
	}

	.charity-donate__quote-icon {
		top: -2.625rem;
		right: 1.75rem;
		width: 4.5625rem;
		height: 4.0625rem;
	}

	.charity-donate__cco-title {
		align-self: flex-end;
		width: 100%;
		max-width: 18.75rem;
		min-height: 0;
		margin: 0;
		font-size: 1.5rem;
		line-height: 1.95rem;
		text-align: right;
		font-family: Gilroy-Medium, Gilroy, sans-serif;
	}

	.charity-donate__quote-text {
		margin: 0;
		font-size: 1.125rem;
		line-height: 1.35rem;
		font-family: Gilroy-Bold, Gilroy, sans-serif;
	}

	.charity-donate__attribution {
		text-align: right;
	}

	.charity-donate__attribution strong {
		font-size: 1rem;
		line-height: 2rem;
		font-family: Gilroy-Bold, Gilroy, sans-serif;
	}

	.charity-donate__attribution span {
		font-size: 0.875rem;
		line-height: 1.75rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.charity-donate__row--bottom.is-donate-armed [data-charity-donate-photo],
	.charity-donate__row--bottom.is-donate-armed [data-charity-donate-quote] {
		opacity: 1;
		transform: none;
		transition: none;
	}
}