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

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

.charity-hero__content {
	display: flex;
	z-index: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 78px 25px 78px max(44px, calc((100vw - 1260px) / 2));
}

.charity-hero__title {
	width: 750px;
	max-width: 750px;
	margin: 0 0 40px;
}

.charity-hero__lead {
	margin: 0 0 16px;
}

.charity-hero__text {
	max-width: 684px;
	margin: 0 0 40px;
}

.charity-hero__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 168px;
	min-height: 42px;
	padding: 10px 24px;
	border-radius: 6px;
	background: #075be8;
	color: #ffffff;
	font-size: 14px;
	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: 2px solid #075be8;
	outline-offset: 3px;
}

.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: 694px;
	}

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

	.charity-hero__content {
		position: relative;
		z-index: 2;
		width: 100%;
		margin: 0 auto;
		padding: 40px 20px 0;
	}

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

	.charity-hero .charity-hero__lead {
		max-width: 300px;
		margin-bottom: 16px;
		font-size: 16px;
		line-height: 1.3;
	}

	.charity-hero .charity-hero__text {
		max-width: 520px;
		margin-bottom: 32px;
		font-size: 14px;
		line-height: 1.35;
	}

	.charity-hero__button {
		width: 100%;
		min-height: 52px;
	}

	.charity-hero__media {
		position: absolute;
		top: 170px;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 524px;
	}

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

.charity-how-section {
	padding: 0 0 100px;
}

.charity-how-section > .container {
	max-width: 1274px;
}

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

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

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

.charity-how__steps {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
	margin: 0;
	padding: 20px 32px 20px 48px;
	list-style: none;
}

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

.charity-how__step {
	display: grid;
	grid-template-columns: 44px minmax(0, 470px);
	align-items: start;
	column-gap: 40px;
}

.charity-how__number {
	display: block;
	width: auto;
	height: 60px;
	margin: 10px auto 0 auto;
}

.charity-how__step p {
	margin: 0;
}

.charity-how__flow {
	display: flex;
	flex-direction: column;
	justify-self: end;
	gap: 78px;
	width: 100%;
	max-width: 599px;
	min-height: 472px;
	padding: 50px 0 32px;
	box-sizing: border-box;
	overflow: visible;
}

.charity-how__flow-row {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	max-width: 460px;
	min-height: 140px;
}

.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: 140px;
	gap: 18px;
}

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

.charity-how__flow-arrow {
	display: block;
	flex: 0 0 40px;
	align-self: flex-start;
	width: 40px;
	height: 40px;
	margin-top: 50px;
	padding: 4px;
	box-sizing: border-box;
	pointer-events: none;
}

.charity-how__flow-icon {
	display: block;
	width: auto;
	max-width: 53px;
	height: 50px;
}

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

.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: 21px;
	height: 21px;
}

.charity-how__mini-token {
	top: 14px;
	left: 0;
	background: #ffffff;
}

.charity-how__impact-token {
	top: 18px;
	left: 15px;
}

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

.charity-how__mini-token img:last-child,
.charity-how__impact-token img:last-child {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 11px;
	height: 11px;
}

.charity-how__pool-icon > img:last-child {
	position: absolute;
	right: 3px;
	bottom: 4px;
	width: 14px;
	height: 14px;
}

.charity-how__flow-item span:last-child {
	min-height: 38px;
	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: -80px 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: 80px 0;
		animation-timing-function: step-end;
	}

	100% {
		translate: -80px 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: -80px 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: 80px 0;
		animation-timing-function: step-end;
	}

	100% {
		translate: -80px 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: -80px 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: 80px 0;
		animation-timing-function: step-end;
	}

	100% {
		translate: -80px 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: -80px 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: 80px 0;
		animation-timing-function: step-end;
	}

	100% {
		translate: -80px 0;
	}
}

@keyframes charity-how-third-arrow {
	0%,
	12.143% {
		opacity: 0;
		translate: -80px 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: 80px 0;
		animation-timing-function: step-end;
	}

	100% {
		opacity: 0;
		translate: -80px 0;
	}
}

@keyframes charity-how-third-item {
	0%,
	15% {
		opacity: 0;
		translate: -80px 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: 80px 0;
		animation-timing-function: step-end;
	}

	100% {
		opacity: 0;
		translate: -80px 0;
	}
}

@keyframes charity-how-fourth-arrow {
	0%,
	17.857% {
		opacity: 0;
		translate: -80px 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: 80px 0;
		animation-timing-function: step-end;
	}

	100% {
		opacity: 0;
		translate: -80px 0;
	}
}

@keyframes charity-how-fourth-item {
	0%,
	20.714% {
		opacity: 0;
		translate: -80px 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: 80px 0;
		animation-timing-function: step-end;
	}

	100% {
		opacity: 0;
		translate: -80px 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: -80px 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: 54px;
	height: 50px;
}

.charity-how__token-circle {
	position: absolute;
	top: 15px;
	left: 2px;
	width: 21px;
	height: 21px;
}

.charity-how__token-mark {
	position: absolute;
	top: 20px;
	left: 7px;
	width: 11px;
	height: 11px;
}

.charity-how__token-arrow {
	position: absolute;
	top: 8px;
	right: 5px;
	width: 13px;
	height: 24px;
}

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

	.charity-how {
		height: auto;
	}

	.charity-how__title {
		font-size: 30px;
		line-height: 39px;
		text-align: left;
	}

	.charity-how__content {
		display: block;
		height: auto;
		margin-top: 40px;
	}

	.charity-how__steps {
		justify-content: flex-start;
		gap: 32px;
		padding: 25px 24px 25px 24px;
		margin-bottom: 60px;
	}

	.charity-how__steps::before {
		width: 4px;
	}

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

	.charity-how__number {
		height: 32px;
	}

	.charity-how__flow {
		display: flex;
		flex-direction: column;
		justify-self: auto;
		gap: 79px;
		width: 100%;
		min-height: 315px;
		height: auto;
		margin: 40px auto 0;
		padding: 0;
		box-sizing: border-box;
	}

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

	.charity-how__flow-item {
		min-height: 118px;
		height: auto;
		gap: 18px;
	}

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

	.charity-how__flow-arrow {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
		margin-top: 43px;
		padding: 0;
	}

	.charity-how__flow-icon {
		max-width: 53px;
		height: 50px;
	}

	.charity-how__holders-icon,
	.charity-how__pool-icon,
	.charity-how__impact-icon {
		width: 53px;
		height: 53px;
	}

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

	.charity-how__mini-token {
		top: 14px;
	}

	.charity-how__impact-token {
		top: 18px;
		left: 15px;
	}

	.charity-how__pool-icon > img:last-child {
		right: 3px;
		bottom: 4px;
		width: 14px;
		height: 14px;
	}

	.charity-how__token-icon {
		width: 54px;
		height: 50px;
		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: 100px 0;
	background: #ffffff;
}

.charity-initiatives-section > .container {
	max-width: 1260px;
	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: 60px;
}

.charity-initiatives__title {
	max-width: 1140px;
	margin: 0 auto;
	color: #000000;
	font-size: 56px;
	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(44px, calc((100vw - 1260px) / 2));
	padding-left: max(44px, calc((100vw - 1260px) / 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: 24px;
}

.charity-initiatives__dots {
	display: none;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	gap: 30px;
	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: 10px;
	height: 10px;
	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: 2px solid #075be8;
	outline-offset: 4px;
}

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

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

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

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

.charity-initiatives__card {
	display: flex;
	position: relative;
	flex: 0 0 360px;
	flex-direction: column;
	width: 360px;
	height: auto;
	padding: 0;
	overflow: hidden;
	border: none;
	border-radius: 30px;
	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: 2px solid #2B92F4;
	outline-offset: 3px;
}

.charity-initiatives__card-media {
	display: block;
	position: relative;
	flex-shrink: 0;
	width: 100%;
	height: 340px;
	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: 20px;
	left: 20px;
	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: 30px;
	left: 40px;
	width: 99px;
	height: 70px;
}

.charity-initiatives__card--givedirectly .charity-initiatives__card-brand {
	top: 39px;
	left: 31px;
	width: 160px;
	height: 26px;
}

.charity-initiatives__card--wcc .charity-initiatives__card-brand {
	top: 28px;
	left: 29px;
	width: 188px;
	height: 47px;
}

.charity-initiatives__card--aah .charity-initiatives__card-brand {
	top: 30px;
	left: 40px;
	width: 98px;
	height: 70px;
}

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

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

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

.charity-initiatives__card-arrows {
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 28px;
	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: 16px;
	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: 5px;
	margin-top: auto;
	color: #5E5C5C;
	font-family: 'Gilroy-Regular', sans-serif;
	font-size: 16px;
	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: 40px;
	width: 100%;
	height: 340px;
	padding: 30px 40px;
	border-radius: 30px 30px 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: 251px;
	height: 177px;
}

.charity-initiatives__card--givedirectly .charity-initiatives__card-hover img {
	width: 220px;
	height: 36px;
}

.charity-initiatives__card--wcc .charity-initiatives__card-hover img {
	width: 255px;
	height: 64px;
}

.charity-initiatives__card--aah .charity-initiatives__card-hover img {
	width: 264px;
	height: 160px;
	aspect-ratio: 119 / 72;
}

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

.charity-initiatives__card-since svg {
	flex-shrink: 0;
	width: 30px;
	height: 30px;
}

.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: 80px;
	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: 1279px;
	max-width: 100%;
	height: auto;
	max-height: none;
	min-height: 0;
	flex-shrink: 0;
	margin: auto;
	padding: 40px;
	overflow: visible;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.90);
	backdrop-filter: blur(0.425rem);
}

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

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

.charity-initiatives-modal__stack {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	flex: 0 0 auto;
	gap: 46px;
	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: 20px;
	width: 938px;
	max-width: 100%;
	padding: 20px 0;
}

.charity-initiatives-modal__panel {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	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: 24px;
	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: 18px;
	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: 16px;
	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: 30px;
	height: 30px;
	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: 10px;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	height: 411px;
	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: 10px;
	width: max-content;
	height: 411px;
}

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

@media (max-width: 991px) {
	.charity-initiatives-section {
		padding: 40px 0 88px;
	}

	.charity-initiatives {
		max-width: none;
		gap: 40px;
	}

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

	.charity-initiatives__slider {
		gap: 36px;
		align-items: flex-start;
	}

	.charity-initiatives__track,
	.charity-initiatives__group {
		gap: 6px;
	}

	.charity-initiatives__dots {
		justify-content: flex-start;
		gap: 30px;
		width: max-content;
		max-width: calc(100% - 40px);
		margin: 0 20px;
		padding: 6px;
	}

	.charity-initiatives__carousel {
		padding-right: 20px;
		padding-left: 20px;
	}

	.charity-initiatives__card {
		flex: 0 0 273px;
		width: 273px;
		height: auto;
		border-radius: 20px;
	}

	.charity-initiatives__card--damark .charity-initiatives__card-brand {
		top: 18px;
		left: 18px;
		width: 80px;
		height: 56px;
	}

	.charity-initiatives__card--givedirectly .charity-initiatives__card-brand {
		top: 22px;
		left: 20px;
		width: 138px;
		height: 23px;
	}

	.charity-initiatives__card--wcc .charity-initiatives__card-brand {
		top: 20px;
		left: 20px;
		width: 168px;
		height: 42px;
	}

	.charity-initiatives__card--aah .charity-initiatives__card-brand {
		top: 18px;
		left: 18px;
		width: 80px;
		height: 56px;
	}

	.charity-initiatives__card--wcc .charity-initiatives__card-hover img {
		width: 220px;
		height: 55px;
	}

	.charity-initiatives__card-media,
	.charity-initiatives__card-hover {
		height: 205px;
	}

	.charity-initiatives__card--damark .charity-initiatives__card-hover img {
	  width: 150px;
	  height: auto;
	}

	.charity-initiatives__card--aah .charity-initiatives__card-hover img {
  		width: 160px;
	  height: auto;
	}
	
	.charity-initiatives__card-hover {
		padding: 30px 20px 10px 20px;
	border-radius: 20px 20px 0 0;
	}
	.charity-initiatives__card-body {
		flex: 1 1 auto;
		width: 100%;
		height: auto;
		padding: 20px 20px 36px 20px;
		gap: 6px;
	}

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

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

	.charity-initiatives__card-meta {
		gap: 6px;
		margin-top: auto;
		color: #5E5C5C;
		font-size: 14px;
		line-height: 140%;
	}

	.charity-initiatives-modal {
		padding: 8px;
		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: 20px;
		gap: 0;
		overflow: visible;
		background: rgba(255, 255, 255, 0.80);
	}

	.charity-initiatives-modal__close {
		top: 20px;
		right: 20px;
	}

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

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

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

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

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

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

	.charity-initiatives-modal__gallery-track {
		gap: 10px;
		height: 299px;
	}

	.charity-initiatives-modal__gallery img {
		flex: 0 0 224.25px;
		flex-shrink: 0;
		width: 224.25px;
		min-width: 224.25px;
		max-width: none;
		height: 299px;
		border-radius: 30px;
		aspect-ratio: 3 / 4;
	}

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

	.charity-initiatives-modal__since svg {
		width: 24px;
		height: 24px;
	}
}

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

/* =============================================
   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: 1440px;
	margin: 0 auto;
	padding: 66px 44px 50px 44px;
	box-sizing: border-box;
}

.charity-history__heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 80px;
	width: 100%;
	max-width: 1260px;
}

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

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

.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: 1260px;
	overflow: hidden;
}

.charity-history__description {
	grid-column: 1;
	grid-row: 1;
	max-width: 504px;
	margin: 0;
	padding: 40px 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: 40px 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: 20px;
	height: 44px;
}

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

.charity-history__date-control {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 8px;
	width: 275px;
	max-width: 275px;
	height: 44px;
	padding: 12px;
	border: 1px solid #A19EAD;
	border-radius: 6px;
	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: 14px;
	font-weight: 400;
	line-height: 120%;
	outline: 0;
	cursor: pointer;
}

.charity-history__date-display::placeholder {
	color: #A19EAD;
font-family: GilroySemiBold;
font-size: 14px;
	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 20px;
	width: 20px;
	height: 20px;
	pointer-events: none;
}

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

.charity-history__date-reset svg {
	display: block;
	width: 19px;
	height: 17px;
}

.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: 20px;
}

.charity-history__table {
	width: 100%;
	min-width: 980px;
	border-collapse: collapse;
	border-radius: 20px;
}

.charity-history__table thead th {
	padding: 19.9px 12px 12.1px 29px;
	background: #242628;
	color: #B1BBC5;
font-family: Gilroy-Medium;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
text-transform: uppercase;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

.charity-history__table tbody td {
	min-height: 70px;
	padding: 22px 12px 22px 29px;
	border: 0;
	background: #fff;
	color: #000;
leading-trim: both;
text-edge: cap;
font-family: Gilroy-Regular;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
	vertical-align: middle;
	box-sizing: border-box;
	border-top: 2px 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: 10px;
	padding-left: 10px;
	text-align: center;
}

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

.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: 15px;
	vertical-align: middle;
	cursor: pointer;
}

.charity-history__sort svg {
	display: block;
	width: 13px;
	height: 17px;
}

.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: 20px;
	height: 20px;
}

.charity-history__empty {
	margin: 0;
	padding: 48px 20px;
	background: #fff;
	color: #5e5c5c;
	font-size: 14px;
	line-height: 120%;
	text-align: center;
}

.charity-history__pagination {
	display: flex;
	grid-column: 1 / -1;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: 100%;
	padding: 30px 20px 0 20px;
	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: 18px;
font-style: normal;
font-weight: 400;
	cursor: pointer;
}

.charity-history__page-btn {
	padding: 0 20px;
}

.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: 14px;
	line-height: 1;
}



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

	.charity-history__heading {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
		padding: 0 15px;
		max-width: none;
		width: 100%;
	}

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

	.charity-history__total {
		align-items: center;
		gap: 20px;
		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: 30px;
		font-weight: 400;
		letter-spacing: 0.9px;
		line-height: 120%;
	}

	.charity-history__total > span:not(.charity-history__total-amount) {
		display: flex;
		width: 85px;
		min-height: 42px;
		flex-direction: column;
		justify-content: center;
		flex-shrink: 0;
		color: #242628;
		font-family: Gilroy-Regular, Gilroy, sans-serif;
		font-size: 12px;
		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: 20px;
	}

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

	.charity-history__card {
		display: flex;margin: 0 8px;
		flex-direction: column;
		overflow: visible;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 10px 40px rgba(177, 187, 197, 0.18), 0 2px 8px 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: 16px 14px 30px;
	}

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

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

	.charity-history__date-control {
		flex: 1 1 auto;
		width: auto;
		max-width: none;
		height: 48px;
		padding: 14px 12px;
	}

	.charity-history__date-reset {
		flex: 0 0 48px;
		width: 48px;
		height: 48px;
		padding: 0;
	}

	.charity-history__date-reset svg {
		width: 20px;
		height: 18px;
	}

	.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: 10px;
		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) 48px 50px;
		column-gap: 8px;
		align-items: end;
		width: 100%;
		padding: 8px 14px 10px;
		box-sizing: border-box;
		background: transparent;
	}

	.charity-history__table thead th {
		padding: 0;
		background: transparent;
		color: #A19EAD;
font-family: GilroySemiBold;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 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: 48px;
		max-width: 48px;
		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: 6px;
		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: 9px;
		height: 17px;
	}

	.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) 48px 50px;
		grid-template-rows: auto auto;
		column-gap: 8px;
    row-gap: 6px;
    align-items: flex-start;
		width: 100%;
		min-height: 70px;
		padding: 13px 14px 11px 14px;
		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: 12px;
		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: 10px;
		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: 10px;
		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: 3px 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: 12px;
		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: 18px;
		height: 18px;
	}

	.charity-history__pagination {
		grid-column: auto;
		gap: 12px;
		padding: 16px 14px 20px;
		background: transparent;
		border-radius: 0;
	}

	.charity-history__page-btn,
	.charity-history__page,
	.charity-history__dots {
		font-size: 16px;
		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: 1000px;
	min-height: 605px;
	background: #F6F8FB;
  border-radius: 30px;
  margin-top: 170px;
  margin-bottom: 200px;
}


.charity-governance__content {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 50px 77px 60px 77px;
}

.charity-governance__title {

	margin: 0 0 53px;
}

.charity-governance__lead {
	margin: 0 0 28px;
}

.charity-governance__text {
	width: 100%;
	max-width: 460px;
	margin: 0 0 32px;
}

.charity-governance__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 168px;
	min-height: 42px;
	padding: 10px 20px;
	border: 1px solid #82909d;
	border-radius: 8px;
	background: #ffffff;
	color: #111111;
	font-size: 14px;
	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: 2px solid #075be8;
	outline-offset: 3px;
}

.charity-governance__media {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
	width: 645px;
	height: 412px;
	overflow: hidden;
	border-radius: 20px;
}

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

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

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

.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: 126px;
  gap: 140px;
  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: 126px;
  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: 126px;
  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: 110px;
}
.block-page-list-logo-bg-partners .list-logo-marquee.list-logo-marquee-lg-new .list-logo-flex img.givedirectly {
	height: 40px;
	max-height: 40px;
}
.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: -43px;
	}
	.decs-none-992 {
		display: none !important;
	}
}

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

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

	.charity-governance__content {
	  padding: 50px 60px 60px 60px;
	}

	.charity-governance {
	  min-height: 450px !important;
	  margin-top: 100px;
	  margin-bottom: 130px;
	}

}

@media (max-width: 991px) {
	.mb-0-mob {
		margin-bottom: 0 !important;
	}
	.block-page-new-mb.block-page-new-mb-30 {
		margin-bottom: 30px !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: 60px 0 32px;
		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 24px 0px;
	}

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

	.charity-governance__media img {
		height: auto;
	}

	.charity-governance__lead {
		order: 3;
		margin: 32px 0px 16px 0px;
	}

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

	.charity-governance__button {
		order: 5;
		width: calc(100% - 52px);
		min-height: 50px;
		margin: 0 25px 0 27px;
	}

	.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(24px);
	}

	.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: 401px;
	--charity-gallery-active-scale: 1.3367;
	overflow: hidden;
	padding: 40px 0 0;
}

.charity-gallery__title {
	margin: 0 0 0 3px;
	color: #111111;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
}

.charity-gallery__viewport {
	width: 100%;
	padding-top: 2px;
	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: 32px;
	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: 24px;
	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: 18px;
	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% - 40px);
	margin: 40px auto 0;
	overflow: hidden;
	padding: 8px 0;
}

.charity-gallery__pagination.is-windowed {
	width: min(420px, calc(100% - 40px));
	max-width: calc(100% - 40px);
	-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: 30px;
	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: 10px;
	height: 10px;
	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: 2px solid #075be8;
	outline-offset: 4px;
}

.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: 90px;
	padding-top: 60px;
	overscroll-behavior: auto;
}

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

@media (max-width: 991px) {

.block-page-list-logo-bg.block-page-list-logo-bg-partners {
	padding-bottom: 60px;
	padding-top: 36px;
}

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


	.charity-gallery {
		--charity-gallery-height: 203px;
		--charity-gallery-active-scale: 2.0443;
		padding-top: 24px;
	}

	.charity-gallery__viewport {
		width: 100vw;
		padding-top: 38px;
	}

	.charity-gallery__track {
		gap: 10px;
	}

	.charity-gallery__slide {
		border-radius: 20px;
	}

	.charity-gallery__slide.is-active {
		border-radius: 16px;
	}

	.charity-gallery__pagination {
		max-width: calc(100vw - 32px);
		margin-top: 40px;
		padding: 8px 0;
	}

	.charity-gallery__pagination.is-windowed {
		width: min(280px, calc(100vw - 32px));
		max-width: calc(100vw - 32px);
		-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: 16px;
	}
}

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

	.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: 100px 0 153px;
	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: 75px;
	margin: 0 0 60px;
	font-size: clamp(40px, 3.889vw, 56px);
	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: 40px;
	align-items: center;
	width: calc(100% - 88px);
	max-width: 1260px;
	margin: 0 auto;
}

.charity-donate__subheading {
	margin: 0 0 30px;
	font-size: clamp(24px, 2.083vw, 30px);
	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(16px, 1.25vw, 18px);
	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: 30px;
}

/* Row 2: CCO photo + quote */
.charity-donate__row--bottom {
	position: relative;
	display: flex;
	align-items: center;
	width: calc(100% - 40px);
	max-width: 1200px;
	min-height: 416px;
	margin: 176px auto 0;
	padding-left: 44px;
	box-sizing: border-box;
	overflow: visible;
}

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

.charity-donate__photo-inner {
	width: 100%;
	height: auto;
	aspect-ratio: 310 / 308;
	overflow: hidden;
	border-radius: 30px;
	box-shadow: -20px 4px 40px 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 890px;
	width: auto;
	max-width: 890px;
	min-width: 0;
	min-height: 416px;
	margin-left: -44px;
	padding: 40px clamp(40px, 6.944vw, 100px);
	box-sizing: border-box;
	overflow: visible;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.3);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
}

.charity-donate__quote-icon {
	position: absolute;
	top: -38px;
	right: clamp(40px, 6.944vw, 100px);
	width: 86px;
	height: 76px;
}

.charity-donate__cco-title {
	width: 100%;
	max-width: 469px;
	min-height: 65px;
	margin: 0;
	font-size: clamp(36px, 3.472vw, 50px);
	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(20px, 1.667vw, 24px);
	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: 18px;
	font-weight: 400;
	line-height: 36px;
	color: #5e5c5c;
	font-family: Gilroy-Bold, Gilroy, sans-serif;
}

.charity-donate__attribution span {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	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(-60px, 0, 0);
}

.charity-donate__row--bottom.is-donate-armed:not(.is-donate-visible) [data-charity-donate-quote] {
	opacity: 0;
	transform: translate3d(80px, 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: 525px;
	}
}

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

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

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

	.charity-donate__title {
		width: calc(100% - 40px);
		min-height: 0;
		margin: 0 20px 30px;
		font-size: 30px;
		line-height: 36px;
		text-align: center;
	}

	.charity-donate__row--top {
		display: flex;
		flex-direction: column;
		gap: 30px;
		width: calc(100% - 40px);
		margin: 0 20px 60px;
	}

	.charity-donate__subheading {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 24px;
		color: #000000;
	}

	.charity-donate__body {
		font-size: 16px;
		line-height: 24px;
		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: 20px;
	}

	.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: 212px;
		max-width: calc(100% - 40px);
		margin-left: 20px;
	}

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

	.charity-donate__quote-wrap {
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		max-width: none;
		min-height: 385px;
		margin-top: -23px;
		margin-left: 0;
		padding: 40px 20px;
		overflow: visible;
		border-radius: 0;
		background: rgba(255, 255, 255, 0.3);
		gap: 40px;
	}

	.charity-donate__quote-icon {
		top: -42px;
		right: 28px;
		width: 73px;
		height: 65px;
	}

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

	.charity-donate__quote-text {
		margin: 0;
		font-size: 18px;
		line-height: 21.6px;
		font-family: Gilroy-Bold, Gilroy, sans-serif;
	}

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

	.charity-donate__attribution strong {
		font-size: 16px;
		line-height: 32px;
		font-family: Gilroy-Bold, Gilroy, sans-serif;
	}

	.charity-donate__attribution span {
		font-size: 14px;
		line-height: 28px;
	}
}

@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;
	}
}