.main-banner {
	margin-bottom: 110px;
}

.main-banner .banner-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-banner .overlay {
	width: 100%;
	height: 100%;
}

.main-banner .purple-overlay {
	background-color: var(--purple);
	mix-blend-mode: multiply;
	opacity: 0.75;
	width: 100%;
	height: 100%;
}

.main-banner .overlay-inner {
	position: relative;
	z-index: 1;
	padding: 100px 30px;
}

.main-banner .overlay-inner .title {
	color: white;
	font-size: var(--fz50);
	margin: 0 0 35px;
	text-align: center;
}

.main-banner .overlay-inner .title.sub-title{
	font-size: var(--fz90);
}

.main-banner .donate-btn {
	color: var(--purple);
	font-size: var(--fz25);
	font-weight: 900;
	margin: auto;
}

.main-banner .donate-btn .text {
	position: relative;
	bottom: 4px;
}

.video-block {
	max-width: 1630px;
	margin: 0 auto 104px;
	display: grid;
	padding: 0 15px;
	grid-template-columns: repeat(2, 1fr);
}

.video-block .video-inner {
	width: 100%;
	height: 100%;
}

.video-block .video-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-inner:before,
.video-inner:after {
	content: '';
	grid-area: 1/1/2/2;
	position: relative;
	z-index: 1;
}

.video-inner:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 22px solid white;
}

.video-inner:after {
	width: 68px;
	height: 68px;
	border-radius: 100%;
	border: 2px solid white;
}

.video-block .text {
	background-color: var(--purple);
	padding: 54px 37px 58px 153px;
}

.video-block .text .title {
	color: var(--gold);
	font-size: var(--fz46);
	font-weight: 700;
	margin: 0 0 16px;
}

.video-block .text .content {
	color: white;
	line-height: 1.4;
	margin-bottom: 35px;
}

.gallery {
	margin-bottom: 97px;
}

.grid-wrap {
	margin-top: 55px;
}

.grid-wrap .grid-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 78px;
	margin-bottom: 55px;
	padding: 0 15px;
}

.grid-wrap .grid-nav a {
	color: var(--purple);
	font-size: var(--fz25);
}

.grid-wrap .grid-nav a.active {
	color: var(--gold);
	font-weight: 700;
}

.grid-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-container .gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 7px;
}

.gallery-container .gallery-grid .gallery-video button {
	height: 100%;
}

.gallery-container .gallery-grid .gallery-video video {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-container .news-grid {
	max-width: 1290px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 0 15px;
	gap: 30px;
}

.news-grid .post-container {
	text-align: right;
}

.news-grid img {
	height: 263px;
	margin-bottom: 30px;
}

.news-grid .post-title {
	font-size: var(--fz35);
	font-weight: 700;
	color: var(--gold);
	margin-bottom: 16px;
}

.news-grid .post-excerpt {
	color: var(--purple);
	font-size: var(--fz18);
	margin-bottom: 20px;
}

.news-grid .read-more {
	display: inline-block;
}

@media (max-width: 1367px) {
	.main-banner .overlay-inner .title {
		font-size: var(--fz65);
	}

	.video-block .text {
		padding: 54px 37px !important;
	}

	.video-block .text .title {
		font-size: var(--fz35);
	}

	.grid-wrap .grid-nav a {
		font-size: var(--fz20);
	}
}

@media (max-width: 1023px) {
	.main-banner {
		height: 40vh;
		margin-bottom: 70px;
	}

	.main-banner .overlay-inner .title {
		font-size: var(--fz30);
	}

	.main-banner .donate-btn {
		font-size: var(--fz20);
	}

	.video-block {
		grid-template-columns: 1fr;
		margin: 0 auto 64px;
	}

	.video-block .text {
		padding: 40px 20px !important;
	}

	.video-block .text .title {
		font-size: var(--fz25);
	}

	.grid-wrap .grid-nav {
		gap: 20px 40px;
	}

	.gallery-container .gallery-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.news-container .news-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.news-container .news-grid img {
		height: auto;
		aspect-ratio: 1/1;
		margin-bottom: 20px;
	}

	.news-container .news-grid .post-title {
		font-size: var(--fz25);
	}

	.news-container .news-grid .post-excerpt {
		font-size: var(--fz16);
	}
}

@media (max-width: 500px) {
	.gallery-container .gallery-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.news-container .news-grid {
		grid-template-columns: 1fr;
	}

}