@import "./fonts.css";
@import "./buttons.css";
@import "./layout.css";
@import "./page/homepage.css";
@import "./post.css";

@media (max-width: 767px) {
	.desktop-only {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.mobile-only {
		display: none !important;
	}
}

.hidden {
	display: none !important;
}

:root {
	--urbanist-font: "Urbanist", sans-serif;

	/* Colors */
	--yellow: #ffb100;
	--white: #ffffff;
	--brown: #d6c7ae;
	--gray: #e4e7e9;
	--darkBlue: #00135f;

	/* Font sizes */
	--body-font: clamp(1.2rem, 1.25vw, 1.25vw);
	--size-14: clamp(0.8rem, 0.73vw, 0.73vw);
	--size-18: clamp(1rem, 0.94vw, 0.94vw);
	--size-20: clamp(1.1rem, 1.15vw, 1.15vw);
	--size-24: clamp(1.2rem, 1.25vw, 1.25vw);
	--size-26: clamp(1.25rem, 1.35vw, 1.35vw);
	--size-28: clamp(1.3rem, 1.46vw, 1.46vw);
	--size-30: clamp(1.4rem, 1.56vw, 1.56vw);
	--size-32: clamp(1.42rem, 1.6vw, 1.6vw);
	--size-34: clamp(1.45rem, 1.77vw, 1.77vw);
	--size-36: clamp(1.5rem, 1.88vw, 1.88vw);
	--size-40: clamp(1.6rem, 2.08vw, 2.08vw);
	--size-42: clamp(1.7rem, 2.19vw, 2.19vw);
	--size-45: clamp(1.8rem, 2.34vw, 2.34vw);
	--size-48: clamp(2rem, 2.5vw, 2.5vw);
	--size-55: clamp(2.2rem, 2.86vw, 2.86vw);
	--size-64: clamp(2.4rem, 3.33vw, 3.33vw);
	--size-85: clamp(2.8rem, 4.43vw, 4.43vw);
	--size-100: clamp(3rem, 5.21vw, 5.21vw);
	--size-120: clamp(3.2rem, 6.25vw, 6.25vw);
	--size-130: clamp(3.3rem, 6.77vw, 6.77vw);
	--size-150: clamp(3.5rem, 7.81vw, 7.81vw);

	/* Paddings / Margins */
	--space-8: calc(var(--space-16) / 2);
	--space-16: clamp(0.75rem, 0.833vw, 0.833vw);
	--space-20: clamp(1rem, 1.04vw, 1.04vw);
	--space-30: clamp(1.4rem, 1.56vw, 1.56vw);
	--space-40: clamp(1.3rem, 2.08vw, 2.08vw);
	--space-50: clamp(1.5rem, 2.6vw, 2.6vw);
	--space-60: clamp(2.5rem, 3.13vw, 3.13vw);
	--space-80: clamp(2.8rem, 4.17vw, 4.17vw);
	--space-100: clamp(3rem, 5.21vw, 5.21vw);
	--space-120: clamp(3.2rem, 6.25vw, 6.25vw);
	--space-140: clamp(3.4rem, 7.29vw, 7.29vw);
	--space-180: clamp(3.8rem, 9.38vw, 9.38vw);

	/* Section Padding */
	--section-padding-80: clamp(2.8rem, 4.17vw, 4.17vw);
	--section-padding-110: clamp(3rem, 5.73vw, 5.73vw);
	--section-padding-140: clamp(3.4rem, 7.29vw, 7.29vw);
	--section-padding-180: clamp(3rem, 9.38vw, 9.38vw);

	/* Border Radius */
	--radius-14: clamp(0.5rem, 0.73vw, 0.73vw);
}

/* Line by line Animation */
.mask-line {
	overflow: hidden;
	padding-bottom: 1%;
	/* display: inline-block; */
}

.line {
	transform: translateY(100%);
	opacity: 0;
	display: inline-block;
}

/* .line-mask {
	display: flex;
	flex-direction: column;
} */

/* Word by word animation */
.mask-word {
	overflow: hidden;
	display: inline-block;
	padding-bottom: 0.5%;
	line-height: 1 !important;
}

.word-mask span {
	line-height: 1;
}

.word {
	display: inline-block;
	transform: translateY(150%);
	/* opacity: 0; */
}

html {
	margin: 0 !important;
}

html,
body {
	background: var(--main-background);
	color: var(--black);
	font-family: var(--urbanist-font);
	overflow-x: hidden;
	margin: 0;
}

body:has(main.our-journey-page) {
	margin-top: 0 !important;
}

section {
	position: relative;
}

/* Fade In Animation */
.fade-in-anim {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-anim.active {
	opacity: 1;
	transform: translateY(0);
}

.fade-left-anim {
	opacity: 0;
	transform: translateX(-40px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-left-anim.active {
	opacity: 1;
	transform: translateX(0);
}

.fade-right-anim {
	opacity: 0;
	transform: translateX(40px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-right-anim.active {
	opacity: 1;
	transform: translateX(0);
}

/* Page not found */
.page-not-found-section {
	height: 100lvh;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
}

/* Image Description Section */
.image-description-section {
	display: flex;
	overflow: hidden;
	background: var(--white);
}

.image-description-section:not(.second-variation) > div {
	display: flex;
	width: 50%;
}

.image-description-section:not(.second-variation) > .image-container {
	aspect-ratio: 960 / 1080;
	overflow: hidden;
	box-shadow: 0 0 20px #0000003d;
}

.image-description-section:not(.second-variation) > .image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-description-section:not(.second-variation) .content .inner-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: var(--space-140) var(--space-100) 0;
}

.image-description-section:not(.second-variation) .content .inner-content h2 {
	margin-bottom: var(--space-60);
	color: var(--yellow);
	font-size: var(--size-85) !important;
}

.image-description-section:not(.second-variation) .content .inner-content p {
	margin-bottom: var(--space-60) !important;
	max-width: 70%;
	font-size: var(--size-36);
	margin-left: auto;
	padding-right: 20%;
}

section.image-description-section.second-variation {
	display: flex;
	flex-direction: column;
	padding: var(--section-padding-110) var(--section-padding-110);
	/* row-gap: var(--space-60); */
	border-bottom: 2px solid var(--gray);
}

section.image-description-section.second-variation .top-container {
	width: clamp(400px, 55vw, 55vw);
}

section.image-description-section.second-variation .top-container h2 {
	color: var(--yellow);
	font-size: var(--size-100) !important;
	margin-bottom: var(--space-60);
}

section.image-description-section.second-variation .content {
	display: flex;
	align-items: center;
	gap: 1rem var(--space-60);
}

section.image-description-section.second-variation .content > * {
	width: 50%;
}

/* section.image-description-section.second-variation .content .inner-content {
    padding-top: var(--space-100);
} */

section.image-description-section.second-variation .content .image-container img {
	width: 90%;
	height: 100%;
	object-fit: contain;
}

section.image-description-section.second-variation .content .inner-content p {
	font-size: var(--size-30);
}

/* Vision Section */
.vision-section {
	padding: var(--section-padding-110) var(--section-padding-110) var(--section-padding-80);
}

.vision-section h2 {
	color: var(--yellow);
	max-width: 45%;
	font-size: var(--size-85) !important;
}

.vision-section .top-content .description {
	max-width: 70%;
	margin: var(--space-80) auto var(--space-100) !important;
	font-size: var(--size-40);
}

.vision-section .box-holder {
	display: flex;
	padding: 0 var(--space-60);
}

.vision-section .box-holder .title {
	color: var(--darkBlue);
	font-size: var(--size-64);
}

.vision-section .box-holder .description {
	font-size: var(--size-28);
}

.vision-section .box-holder .box {
	position: relative;
	padding: 0 var(--space-80);
	width: 50%;
}

.vision-section .box-holder .box .decor {
	position: absolute;
	top: 0;
	left: 0;
	height: 0%;
	width: 2px;
	background: black;
	transition: 0.65s ease;
	transition-delay: 0.3s;
}

.vision-section .box-holder .box.active .decor {
	height: 60%;
}

.vision-caption-section .content {
	padding: var(--space-20) 1.3rem;
	background: var(--darkBlue);
}

.vision-caption-section p {
	font-weight: 600;
	margin-bottom: 0 !important;
	color: var(--white);
	text-align: center;
	font-size: var(--size-28);
	line-height: 1.3;
}

/* Stats Section */
.stats-section {
	padding: var(--section-padding-180) var(--section-padding-110) var(--section-padding-140);
}

.stats-section .top-content {
	max-width: 55%;
	margin-bottom: var(--section-padding-110);
}

.stats-section .top-content h2 {
	color: var(--yellow);
	font-size: var(--size-85);
}

.stats-section .stats-holder {
	display: flex;
	align-items: center;
	justify-content: center;
}

.stats-section .stats-holder .stat {
	padding: var(--space-20) var(--space-80);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
}

.stats-section .stats-holder .stat .description {
	font-size: var(--size-30);
	width: 100%;
	white-space: normal;
	text-align: center;
	font-weight: 700;
}

.stats-section .stats-holder .stat {
	flex-direction: column;
	gap: 0;
}

.stats-section .stats-holder .stat .number * {
	font-size: var(--size-64);
	font-weight: 800;
}

.stats-section .stats-holder .stat .number.true {
	display: flex;
	flex-direction: row-reverse !important;
}

.stats-section .stats-holder .stat .number {
	white-space: nowrap;
}

.stats-section .stats-holder .stat:not(:last-child) {
	border-right: 2px solid black;
}

.stats-section .stats-holder .stat {
	width: fit-content;
}

.stats-section .stats-holder .stat:nth-child(2) {
	width: 40%;
}

/* Type two banner section */
.type-two-banner-section {
	display: flex;
	padding: var(--section-padding-80) var(--section-padding-110) 0;
	align-items: center;
}

.type-two-banner-section .content-holder {
	width: 55%;
	/* padding: 0 var(--space-60) 0 0; */
	margin-top: calc((-3) * var(--space-80));
}

.type-two-banner-section .content-holder h1 {
	font-size: var(--size-100);
	margin-bottom: var(--space-40);
	color: var(--yellow);
}

.type-two-banner-section .content-holder p {
	max-width: 70%;
	font-size: var(--size-30);
	margin-bottom: var(--space-60) !important;
}

.type-two-banner-section .image-container {
	width: 45%;
	display: flex;
	aspect-ratio: 630 / 920;
}

.type-two-banner-section .image-container img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.type-two-banner-section .content-holder .decor {
	width: 90%;
	height: 1px;
	display: block;
	background: black;
}

/* Stats Type Two Banner */
.stats-type-two-banner {
	aspect-ratio: 1920 / 420;
	overflow: hidden;
}

.stats-type-two-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Stats Type Two Section */
.stats-type-two-section {
	padding: 0 0 0 var(--section-padding-110);
	display: flex;
	border-bottom: 2px solid var(--gray);
}

.stats-type-two-section .content-holder {
	display: flex;
	flex-direction: column;
	height: fit-content;
	padding-right: var(--space-60);
	width: calc(50% - var(--section-padding-110));
	padding-top: var(--space-60);
}

.stats-type-two-section .stats-holder {
	width: 50%;
}

.stats-type-two-section .content-holder h2 {
	font-size: var(--size-100);
	line-height: 1.1;
	color: var(--yellow);
}

.stats-type-two-section .content-holder p {
	font-size: var(--size-30);
	margin-bottom: var(--space-60) !important;
	max-width: 85%;
}

.stats-type-two-section .stats-holder .stat * {
	margin-bottom: 0 !important;
}

.stats-type-two-section .stats-holder .stat {
	/* background: var(--gray); */
	border-left: 2px solid var(--gray);
	border-bottom: 2px solid var(--gray);
	padding: var(--space-20) var(--space-40) var(--space-80);
}

.stats-type-two-section .stats-holder .stat:last-child {
	border-bottom: none;
}

.stats-type-two-section .stats-holder .stat .number * {
	font-size: var(--size-85);
	font-weight: 700;
}

.stats-type-two-section .stats-holder .stat p {
	font-size: var(--size-28);
}

.stats-type-two-section .content-holder .decor {
	display: block;
	width: 90%;
	height: 1px;
	background: black;
}

/* Key Leaders Section */
.key-leaders-section {
	padding: var(--section-padding-80) 0 var(--section-padding-80);
}

.key-leaders-section .top-container {
	display: flex;
	margin-bottom: var(--space-100);
}

.key-leaders-section .top-container .left {
	display: flex;
	width: 50%;
}

.key-leaders-section .top-container .left .decor {
	width: 90%;
	height: 1px;
	background: black;
	margin-top: var(--space-80);
}

.key-leaders-section .top-container h2 {
	font-size: var(--size-85);
	color: var(--yellow);
	width: 50%;
	line-height: 1.15;
}

.key-leaders-section .leaders-holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 var(--section-padding-140);
}

.key-leaders-section .leaders-holder .leader-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: calc((100% / 3) - (3px / 1.5));
	border: 1px solid var(--gray);
}

.key-leaders-section .leaders-holder .leader-card .image-holder,
.key-leaders-section .leaders-holder .leader-card .image-holder img {
	width: 100%;
	height: auto;
	object-fit: cover;
	background-color: black;
	aspect-ratio: 300 / 325;
	overflow: hidden;
}

.key-leaders-section .leaders-holder .leader-card .content {
	padding: var(--space-40) var(--space-30);
}

.key-leaders-section .leaders-holder .leader-card .hover-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: var(--yellow);
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	transition: 0.35s;
}

.key-leaders-section .leaders-holder .leader-card:hover .hover-content {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.key-leaders-section .leaders-holder .leader-card .hover-content .inner {
	padding: var(--space-40) var(--space-30);
}

.key-leaders-section .leaders-holder .leader-card .hover-content .inner * {
	color: white;
}

.key-leaders-section .leaders-holder .leader-card .hover-content .inner p {
	padding-right: 10%;
	font-size: var(--size-26);
}

.key-leaders-section .leaders-holder .leader-card .hover-content .inner .bottom {
	padding-right: var(--space-10);
}

.key-leaders-section .leaders-holder .leader-card h3 {
	font-size: var(--size-36);
	margin-bottom: 0.3rem;
}

.key-leaders-section .leaders-holder .leader-card .content .position-holder {
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.key-leaders-section .leaders-holder .leader-card .content > .position-holder {
	margin-top: 1rem;
	margin-bottom: 0 !important;
}

.key-leaders-section .leaders-holder .leader-card .content .position-holder .position {
	margin: 0 !important;
}

.key-leaders-section .leaders-holder .leader-card .content .position-holder .decor {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60%;
	height: 1px;
	background: black;
}

.key-leaders-section .leaders-holder .leader-card .hover-content .decor {
	background: white !important;
}

/* Awards Section */
.awards-section {
	padding: var(--section-padding-80) 0 var(--section-padding-140);
}

.awards-section .banner-image {
	aspect-ratio: 1920 / 420;
	overflow: hidden;
	display: flex;
	width: 100%;
}

.awards-section .banner-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.awards-section .top-container {
	padding-top: var(--section-padding-80);
	padding-right: var(--section-padding-110);
	margin-bottom: var(--space-80);
	display: flex;
	align-items: flex-end;
}

.awards-section .left-container {
	position: relative;
	width: 25%;
	margin-right: var(--space-100);
	text-align: right;
	height: fit-content;
}

.awards-section .left-container h2 {
	color: var(--yellow);
	font-size: var(--size-85);
}

.awards-section .left-container .decor {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: black;
	display: block;
}

.awards-section .awards-filter {
	width: calc(75% - var(--space-100));
	justify-content: flex-end;
}

.awards-section .awards-holder {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-16);
	padding: 0 var(--section-padding-110);
}

.awards-section .awards-holder .award-card {
	background: var(--gray);
	padding: var(--space-40) var(--space-30);
	aspect-ratio: 1/0.95;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.awards-section .awards-holder .award-card .title {
	font-size: var(--size-20);
	margin-bottom: var(--space-20) !important;
	font-weight: 400;
	line-height: 1.35;
}

.awards-section .awards-holder .award-card .award {
	font-size: var(--size-32) !important;
	font-weight: 700;
}

.awards-section .awards-holder .award-card .location {
	font-size: var(--size-20);
	margin-bottom: 0 !important;
	font-weight: 600;
}

.awards-section .awards-holder .award-card .year {
	margin: 0 !important;
	padding: var(--space-16);
	background: white;
	line-height: 1;
	font-size: var(--size-28);
	border-radius: var(--radius-14);
	text-align: center;
	width: 45%;
}

.awards-filter {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}

.year-btn {
	padding: var(--space-8) var(--space-20);
	line-height: 1;
	border: none;
	background: var(--darkBlue);
	cursor: pointer;
	transition: background 0.2s ease;
	border-radius: 6px;
	font-size: var(--size-20);
	font-family: var(--body-font);
	font-weight: 700;
	color: var(--white);
}

.year-btn.active,
.year-btn:hover {
	background: var(--yellow);
	color: #fff;
}

/* Leaders List Section */
.leaders-list-section .top-container {
	display: flex;
	justify-content: flex-end;
}

.leaders-list-section .top-container .content {
	width: 65%;
	padding: var(--section-padding-80) var(--space-30);
	border-left: 1px solid var(--gray);
}

.leaders-list-section .top-container .content h1 {
	font-size: var(--size-64) !important;
	color: var(--yellow);
}

.leaders-list-section .top-container .content p {
	font-size: var(--size-30) !important;
}

.leaders-list-section .leaders-list {
	display: flex;
	flex-direction: column;
}

.leaders-list-section .leaders-list .leader-row {
	position: relative;
	display: flex;
	gap: var(--space-30);
	padding: var(--space-40);
	border-top: 1px solid var(--gray);
	/* cursor: pointer; */
}

.leaders-list-section .leaders-list .leader-row:before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: var(--yellow);
	z-index: 0;
	transition: 0.3s ease;
	transform: scaleY(0);
	transform-origin: bottom;
	pointer-events: none;
}

.leaders-list-section .leaders-list .leader-row:hover:before {
	transform: scaleY(1);
}

.leaders-list-section .leaders-list .leader-row > * {
	position: relative;
	z-index: 1;
}

.leaders-list-section .leaders-list .leader-row:last-child {
	border-bottom: 1px solid var(--gray);
}

.leaders-list-section .leaders-list .leader-row .image-holder {
	width: 15%;
	height: fit-content;
	display: flex;
	aspect-ratio: 1;
	background: black;
}

.leaders-list-section .leaders-list .leader-row .image-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.leaders-list-section .leaders-list .leader-row .designation {
	width: 20%;
	display: flex;
	flex-direction: column;
}

.leaders-list-section .leaders-list .leader-row .designation h3 {
	font-size: var(--size-28);
	font-weight: 600;
	margin-bottom: 1rem;
}

.leaders-list-section .leaders-list .leader-row .designation .position {
	font-size: var(--size-18);
	max-width: 60%;
}

.leaders-list-section .leaders-list .leader-row .designation .socials-holder {
	display: flex;
	align-items: flex-end;
	flex: 1;
}

.leaders-list-section .leaders-list .leader-row .designation .socials-holder a {
	display: flex;
	width: var(--size-30) !important;
	aspect-ratio: 1;
}

.leaders-list-section .leaders-list .leader-row .designation .socials-holder a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.leaders-list-section .leaders-list .leader-row .description-holder {
	width: 65%;
}

.leaders-list-section .leaders-list .leader-row .description-holder .description {
	font-size: var(--size-18);
}

/* News & Media Section */
.news-section {
	padding: var(--section-padding-140) 0 var(--section-padding-140);
}

.news-section .top-container {
	display: flex;
	margin-bottom: var(--space-80);
}

.news-section .top-container > * {
	width: 50%;
}

.news-section .top-container h2 {
	margin: 0 !important;
	font-size: var(--size-85);
	font-weight: 700;
	color: var(--yellow);
}

.news-section .top-container .left {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.news-section .top-container .left .decor {
	display: block;
	height: 1px;
	width: 90%;
	background: black;
}

.news-section .news-holder {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding: 0 var(--section-padding-80);
	gap: var(--space-16);
}

.news-section .news-card {
	/* max-width: calc(100vw / 4); */
	display: flex;
	flex-direction: column;
	background: var(--yellow);
}

.news-section .news-card .thumbnail {
	display: flex;
	aspect-ratio: 420 / 290;
	overflow: hidden;
}

.news-section .news-card .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-section .news-card .content {
	display: flex;
	flex-direction: column;
	background: var(--darkBlue);
	padding: var(--space-30);
	transition: 0.3s;
}

.news-section .news-card:hover .content {
	background: var(--yellow);
}

.news-section .news-card .content * {
	color: var(--white);
}

.news-section .news-card .content h2 {
	font-size: var(--size-24);
	margin-bottom: var(--space-40);
	line-height: 1.35;
}

.news-section .news-card .content .excerpt {
	margin-bottom: var(--space-20) !important;
	display: block;
}

.news-section .news-card .content .date-and-category {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.news-section .news-card .content .date-and-category * {
	font-size: var(--size-14) !important;
}

.news-section .news-card .content .date-and-category .category {
	color: black;
	background: var(--white);
	padding: var(--space-8) var(--space-16);
	line-height: 1;
}

.news-section .news-card .hover-content {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: var(--yellow);
	transition: 0.3s ease;
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.news-section .news-card:hover .hover-content {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.news-section .news-card .hover-content .content {
	background: var(--yellow);
}

.news-section .news-card .hover-content .content * {
	color: black;
}

/* Links Section */
.links-section {
	padding: var(--section-padding-110) 0;
}

.links-section .links-holder {
	display: flex;
	flex-direction: column;
}

.links-section .links-holder a {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--space-30) var(--space-100);
	border-top: 1px solid black;
}

.links-section .links-holder a * {
	position: relative;
	z-index: 1;
	transition: 0.3s;
	transition-delay: 0.1s;
}

.links-section .links-holder a:hover * {
	color: var(--white);
}

.links-section .links-holder a:hover img {
	filter: brightness(1000);
}

.links-section .links-holder a:before {
	content: "";
	position: absolute;
	inset: 0;
	top: unset;
	bottom: 0;
	width: 100%;
	height: 0%;
	background: var(--darkBlue);
	transition: 0.4s;
	z-index: 0;
	transform-origin: bottom;
}

.links-section .links-holder a:hover:before {
	height: 100%;
}

.links-section .links-holder a:last-child {
	border-bottom: 1px solid black;
}

.links-section .links-holder a span {
	font-size: var(--size-48);
	font-weight: 700;
	color: black;
}

.links-section .top-container {
	display: flex;
	align-items: flex-end;
	margin-bottom: var(--space-100);
}

.links-section .top-container h2 {
	color: var(--yellow);
	font-size: var(--size-85);
	margin-bottom: 0 !important;
}

.links-section .top-container > .description {
	width: 50%;
}

.links-section .top-container .left {
	width: 50%;
}

.links-section .top-container .left .content {
	position: relative;
	width: fit-content;
	padding-left: var(--space-100);
	padding-bottom: var(--space-20);
}

.links-section .top-container .left .content .decor {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: black;
}

.links-section .top-container > .description p {
	padding-right: var(--section-padding-110);
	font-size: var(--size-28);
}

/* Contact Section */
.contact-section {
	display: flex;
}

.contact-section > * {
	width: 50%;
	padding-bottom: var(--space-80);
}

.contact-section .description-holder .top {
	padding: var(--section-padding-110);
	padding-bottom: var(--space-60);
}

.contact-section .description-holder .top h1 {
	color: var(--yellow);
	line-height: 1.05;
	font-weight: 600;
	font-size: var(--size-100);
	font-weight: 700;
}

.contact-section .description-holder .top .description {
	font-size: var(--size-18);
}

.contact-section .description-holder .contact-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0 var(--section-padding-110) var(--section-padding-110);
	gap: 1rem;
}

.contact-section .contact-form-holder {
	border-left: 2px solid var(--gray);
}

.contact-section .contact-form-holder .form-title {
	padding: var(--space-40) var(--space-60);
	margin: 0 !important;
	font-weight: 600;
}

.contact-section .contact-form-holder form > p {
	display: flex;
	flex-direction: column;
}

.contact-section .contact-form-holder form > p > br {
	display: none !important;
}

.contact-section .contact-form-holder form > p input,
.contact-section .contact-form-holder form > p textarea {
	appearance: none !important;
	border: 0;
	border-top: 1px solid var(--gray);
	padding: var(--space-20) var(--space-60);
}

.contact-section .contact-form-holder form > p textarea {
	max-height: 160px !important;
}

.contact-section .contact-form-holder form > p > span {
	display: flex;
	flex-direction: column;
}

.contact-section .contact-form-holder form > p > span > span {
	font-size: var(--size-18);
	padding: 0 var(--space-60) 1rem;
}

.contact-section .contact-form-holder form > p > span * {
	font-size: var(--size-28);
	line-height: 1;
	font-family: var(--urbanist-font);
}

.contact-section .contact-form-holder form > p > span *:focus-visible {
	outline: none !important;
}

.contact-section .contact-form-holder form > p > span:not(:has(> input, > textarea), .wpcf7-spinner) {
	padding: var(--space-30) var(--space-60);
	border-top: 1px solid var(--gray);
}

.contact-section .contact-form-holder form > p:has(> input[type="submit"]) {
	position: relative;
	margin: 0 var(--space-60);
}

.contact-section .contact-form-holder form > p:has(> input[type="submit"]):before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 4%;
	width: auto;
	height: 50%;
	margin: auto;
	aspect-ratio: 1;
	background: url(/wp-content/uploads/2025/06/arrow-black.png) center center no-repeat;
	background-size: contain;
	filter: brightness(100);
}

.contact-section .contact-form-holder form > p > span.wpcf7-spinner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.contact-section .contact-form-holder form input[type="submit"] {
	background-color: var(--yellow);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	font-size: var(--size-28);
	letter-spacing: 1px;
	font-weight: 500;
	color: var(--white);
	font-family: var(--urbanist-font);
	padding: var(--space-20) var(--space-30);
}

/* Pin Reveal Section */

.pin-reveal-section {
	position: relative;
	background: #e4e7e9;
	overflow: hidden;
}

.pin-reveal-section .background-image {
	position: absolute;
	width: calc(100% - 4rem);
	height: calc(100% - 4rem);
	z-index: 0;
	overflow: hidden;
	inset: 0;
	margin: auto;
}

.pin-reveal-section .background-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pin-reveal-section > div {
	min-height: 100lvh;
}

.pin-reveal-section .first-slide {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 11;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: calc(100vh - 4rem);
}

.pin-reveal-section .first-slide .description {
	max-width: clamp(300px, 22vw, 22vw);
	margin-left: auto;
	z-index: 16;
	position: absolute;
	bottom: 10%;
	right: 10%;
}

.pin-reveal-section .first-slide .description p {
	font-size: var(--size-30);
}

.pin-reveal-section .first-slide {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: fit-content;
	z-index: 15;
}

.pin-reveal-section .first-slide .main-text {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(23, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	z-index: 15;
	height: 100lvh;
}

.pin-reveal-section .first-slide .main-text span {
	font-size: calc(2rem + 6.5vw);
	font-weight: 600;
	/* background-color: var(--gray); */
}

.pin-reveal-section .first-slide .main-text .first {
	grid-area: 4 / 4 / 8 / 24;
}

.pin-reveal-section .first-slide .main-text .second {
	grid-area: 8 / 5 / 12 / 24;
	padding-left: 15vw;
}

.pin-reveal-section .first-slide .main-text .third {
	grid-area: 12 / 5 / 16 / 24;
}

.pin-reveal-section .first-slide .main-text .fourth {
	grid-area: 16 / 5 / 20 / 24;
}

.pin-reveal-section .first-slide .main-text .description {
	grid-area: 19 / 8 / 23 / 12;
}

/* .pin-reveal-section .first-slide .main-text .top span {
	padding-left: 5%;
} */

/* .pin-reveal-section .first-slide .middle span:first-child {
	padding-left: 30%;
} */

/* .pin-reveal-section .first-slide .middle span:last-child,
.pin-reveal-section .first-slide .bottom span {
	padding-left: 10%;
} */

/* .pin-reveal-section .first-slide .main-text > * {
	width: 80%;
}

.pin-reveal-section .first-slide .main-text span {
	background: #e4e7e9;
} */

/* .pin-reveal-section .first-slide .middle {
	display: flex;
	flex-direction: column;
} */

.pin-reveal-section .second-slide {
	position: relative;
	z-index: 12;
	display: grid;
	grid-template-columns: repeat(23, 1fr);
	grid-template-rows: repeat(8, 1fr);
	height: 100%;
	justify-content: space-between;
	align-items: end;
}

.pin-reveal-section .second-slide > div {
	position: relative;
}

.pin-reveal-section .second-slide .top-content {
	height: fit-content;
	grid-area: 1 / 1 / 3 / 23;
	width: fit-content;
}

.pin-reveal-section .second-slide .bottom-content {
	height: fit-content;
	grid-area: 6 / 6 / 9 / 24;
}

.pin-reveal-section .decor-wrapper {
	min-width: 0px;
	margin: 0px;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(23, 1fr);
	grid-template-rows: repeat(12, 1fr);
	z-index: 14;
}

.pin-reveal-section .decor-wrapper .top-decor {
	grid-area: 1 / 1 / 6 / 24;
	background: var(--gray);
}

.pin-reveal-section .decor-wrapper .middle-decor {
	grid-area: 1 / 6 / 12 / 24;
	background: var(--gray);
}

.pin-reveal-section .decor-wrapper .bottom-decor {
	grid-area: 8 / 1 / 13 / 24;
	background: var(--gray);
}

.pin-reveal-section .second-slide .top-content .content {
	width: fit-content;
	background: var(--gray);
	color: var(--darkBlue);
	padding: var(--space-40) var(--space-40) var(--space-20) var(--space-40);
}

.pin-reveal-section .second-slide .top-content h3 {
	font-size: var(--size-55);
	line-height: 1.05;
}

.pin-reveal-section .second-slide .top-content h3.second-title {
	font-weight: 400;
	font-size: var(--size-42);
}

.pin-reveal-section .second-slide .bottom-content .content {
	display: flex;
	justify-content: flex-end;
}

.pin-reveal-section .second-slide .bottom-content .box-holder {
	background: #e4e7e9;
	padding: var(--space-40) var(--space-40);
}

.pin-reveal-section .second-slide .bottom-content .box-holder h3 {
	font-size: var(--size-36) !important;
	margin-bottom: 1rem;
}

.pin-reveal-section .second-slide .bottom-content .box-holder p {
	font-size: var(--size-20);
}

.pin-reveal-section .second-slide .top-content .decor {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #e4e7e9;
	width: 100%;
	height: 44lvh;
}

.pin-reveal-section .second-slide .bottom-content .decor {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #e4e7e9;
	width: 100%;
	height: 40%;
}

.pin-reveal-section .first-slide .top-decor {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #e4e7e9;
	width: 100%;
	height: 40%;
}

.pin-reveal-section .first-slide .bottom-decor {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #e4e7e9;
	width: 100%;
	height: 44lvh;
}

/* Sustainability Section */
.sustainability-section {
	display: flex;
	padding-bottom: var(--section-padding-80);
}

.sustainability-section > div {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding-top: var(--section-padding-80);
}

.sustainability-section .left-container .inner {
	display: flex;
	flex-direction: column;
	padding: 0 var(--space-40) var(--space-40);
	border-bottom: 1px solid var(--gray);
	height: 100%;
}

.sustainability-section .left-container .banner-image {
	display: flex;
	aspect-ratio: 400 / 250;
	overflow: hidden;
	margin-bottom: var(--space-60);
}

.sustainability-section .left-container h1 {
	color: var(--yellow);
	max-width: 80%;
}

.sustainability-section .left-container .banner-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sustainability-section .left-container .inner .content {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.sustainability-section .left-container .inner .content .description {
	max-width: 55%;
	margin-left: auto;
}

.sustainability-section .right-container {
	border-left: 1px solid var(--gray);
	height: fit-content;
}

.sustainability-section .right-container h3 {
	font-size: var(--size-30);
	font-weight: 400;
	margin-bottom: 0 !important;
	padding-bottom: var(--space-20);
}

.sustainability-section .right-container .focus-areas {
	display: flex;
	flex-direction: column;
}

.sustainability-section .right-container .focus-areas .items {
	padding-bottom: var(--space-80);
	padding-top: var(--space-40);
}

.sustainability-section .right-container .focus-areas .items .content {
	max-width: 60%;
}
.sustainability-section .right-container .focus-areas .items .content * {
	margin: 0 !important;
}

.sustainability-section .right-container .focus-areas .items .content h4 {
	font-size: var(--size-40);
	font-weight: 600;
	margin-bottom: 0.3rem !important;
}

.sustainability-section .right-container .focus-areas .items .content p {
	font-size: var(--size-26);
}

.sustainability-section .right-container h3,
.sustainability-section .right-container .focus-areas .items {
	padding-left: var(--space-60);
	padding-right: var(--space-40);
	border-bottom: 1px solid var(--gray);
}

/* Awards Slider */
.gallery-section .swiper-thumb {
	width: 25%;
	padding: 0 5%;
	background: var(--gray);
	border-bottom: 2px solid white;
}

.gallery-section .main-swiper {
	width: 80%;
}

.gallery-section .swiper {
	height: 40lvw;
	min-height: 50lvh;
}

.gallery-section .main-swiper .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery-section .main-swiper .swiper-slide .image-holder {
	display: flex;
	width: 85% !important;
	height: 85% !important;
	aspect-ratio: 1200 / 920 !important;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	cursor: zoom-in;
}

.gallery-section .main-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: black;
}

.gallery-section .swiper-thumb .swiper-slide {
	opacity: 0.25;
	cursor: pointer;
	overflow: hidden;
	width: 100%;
}

.gallery-section .swiper-thumb .swiper-slide-thumb-active {
	opacity: 1;
}

.gallery-section .swiper-container-wrapper {
	display: flex;
	border-top: 1px solid var(--gray);
	border-bottom: 1px solid var(--gray);
}

.gallery-section .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-section .top-container {
	position: relative;
	display: flex;
	margin-bottom: var(--space-60);
	width: fit-content;
	padding-left: var(--section-padding-110);
}

.gallery-section .top-container h2 {
	color: var(--yellow);
	font-size: var(--size-85);
}

.gallery-section .top-container .decor {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: black;
	display: block;
	transform-origin: left !important;
}

.gallery-section .swiper-button-prev.main-prev,
.gallery-section .swiper-button-next.main-next {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: clamp(35px, 2.6vw, 2.6vw);
	height: clamp(35px, 2.6vw, 2.6vw);
	aspect-ratio: 1;
	display: flex;
}

.gallery-section .swiper-button-prev.main-prev img,
.gallery-section .swiper-button-next.main-next img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(1000);
}

.gallery-section .swiper-button-prev.main-prev {
	transform: translateY(-150%);
}

.gallery-section .swiper-button-next.main-next {
	transform: translateY(150%);
}

.gallery-section .swiper-button-prev.main-prev:after {
	display: none;
}

.gallery-section .swiper-button-next.main-next:after {
	display: none;
}

/* Impact Section */
.impact-section {
	padding: var(--section-padding-80) 0;
	border-top: 1.5px solid var(--gray);
}

.impact-section > .top * {
	margin: 0 !important;
}

.impact-section > .top h2 {
	color: var(--yellow);
}

.impact-section > .top > * {
	flex: 1;
}

.impact-section > .top {
	display: flex;
	align-items: flex-end;
	padding: 0 var(--space-40);
	gap: var(--space-40);
	margin-bottom: var(--space-80);
}

.impact-section > .top p {
	font-size: var(--size-26);
}

.impact-section .bottom {
	display: flex;
}

.impact-section .bottom > div {
	width: 50%;
}

.impact-section .bottom .image-holder {
	position: relative;
	overflow: hidden;
	margin: 0 var(--space-40);
}

.impact-section .bottom .image-holder .image-container {
	aspect-ratio: 500 / 321;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.impact-section .bottom .image-holder .image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.impact-section .impacts-holder .impact {
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-color: var(--gray) !important;
	padding: var(--space-40);
	display: flex;
	flex-direction: column;
	text-decoration: none !important;
	transition: 0.3s;
}

.impact-section .impacts-holder .impact:first-child {
	border-top: 2px solid;
}

.impact-section .impacts-holder .impact h3 {
	color: black;
	font-size: var(--size-55);
	margin: 0;
	transition: 0.3s;
}

.impact-section .impacts-holder p {
	color: var(--white) !important;
	margin: 0 !important	;
}

.impact-section .impacts-holder .impact .description-holder {
	display: grid !important;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.35s;
}

.impact-section .impacts-holder .impact:hover .description-holder {
	grid-template-rows: 1fr;
}

.impact-section .impacts-holder .impact .description-holder p {
	min-height: 0;
	transition: 0.1s;
	opacity: 0;
}

.impact-section .impacts-holder .impact:hover .description-holder p {
	opacity: 1;
	transition: 0.3s;
}

.impact-section .impacts-holder .impact .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.impact-section .impacts-holder .impact .top img {
	width: clamp(40px, 2.34vw, 2.34vw);
	height: auto;
	aspect-ratio: 1;
	object-fit: contain;
	transition: 0.3s;
}

.impact-section .impacts-holder .impact:hover {
	background: var(--yellow);
}

.impact-section .impacts-holder .impact:hover h3 {
	color: var(--white);
}

.impact-section .impacts-holder .impact:hover .top img {
	filter: brightness(100) contrast(10);
}

.impact-section .impacts-holder .impact:last-child {
	background: var(--darkBlue);
}

.impact-section .impacts-holder .impact:last-child h3 {
	font-weight: 400;
	color: var(--white);
	font-size: var(--size-45);
}

.impact-section .impacts-holder .impact:last-child img {
	filter: brightness(100);
}

/* Values Section */
.values-section {
	padding: var(--section-padding-80) var(--section-padding-110) var(--section-padding-180);
}

.values-section .top-container h2 {
	font-size: var(--size-85);
	color: var(--yellow);
}

.values-section .top-container {
	margin-bottom: var(--section-padding-80);
}

.values-section .content-holder {
	display: flex;
	gap: 2rem clamp(2rem, 6.25vw, 6.25vw);
}

.values-section .content-holder > div {
	width: 50%;
}

.values-section .content-holder .left {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(2rem, 3.13vw, 3.13vw);
}

.values-section .content-holder .left .item {
	display: flex;
	flex-direction: column;
	justify-self: center;
	align-items: center;
	text-align: center;
	max-width: clamp(320px, 16.67vw, 16.67vw);
}

@media (min-width: 970px) {
	.values-section .left .centered-item {
		grid-column: 1 / -1;
		justify-self: center;
	}
}

@media (max-width: 767px) {
	.values-section .left .centered-item {
		grid-column: 1 / -1;
		justify-self: center;
	}
}

.values-section .content-holder .left .item .image-holder {
	width: clamp(90px, 6vw, 6vw);
	height: auto;
	aspect-ratio: 1;
	margin-bottom: 1rem;
	display: flex;
}

.values-section .content-holder .left .item .image-holder img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.values-section .content-holder .left .item h3 {
	font-size: var(--size-30);
	margin-bottom: 0.4rem !important;
}

.values-section .content-holder .left .item p {
	font-size: var(--size-20) !important;
	padding: 0 1rem;
}

.values-section .right .image-holder {
	display: flex;
	overflow: hidden;
	height: 100%;
}

.values-section .right .image-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Single Banner Section */
.single-banner-section .image-container {
	aspect-ratio: 1920 / 420;
	display: flex;
	overflow: hidden;
}

.single-banner-section .image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Community Impact Section */
.community-impact-section .impact-holder {
	display: flex;
	flex-direction: column;
	gap: var(--space-60);
	padding-top: var(--section-padding-180);
}

.community-impact-section .impact-holder:last-child {
	padding-bottom: var(--section-padding-140);
}

.community-impact-section .impact-holder .impacts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-bottom: 1px solid var(--gray);
	border-right: 1px solid var(--gray);
}

.community-impact-section .impact-holder .impacts .item {
	overflow: hidden;
	border: 1px solid var(--gray);
}

.community-impact-section .impact-holder .impacts .image-holder {
	height: auto;
	overflow: hidden;
}

.community-impact-section .impact-holder .impacts .item .image-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: 0.3s;
}

.community-impact-section .impact-holder .impacts .item:hover .image-holder img {
	opacity: 1;
}

.community-impact-section .impact-holder .impacts .description,
.community-impact-section .impact-holder .impacts .image-holder {
	aspect-ratio: 640 / 275;
	transition: 0.3s;
}

.community-impact-section .impact-holder .impacts .item:nth-child(3n) {
	border-right: none;
}

/* .community-impact-section .impact-holder .impacts .item:nth-last-child(-n + 3):nth-child(n) {
	border-bottom: none;
} */

.community-impact-section .impact-holder .impacts .description p {
	padding: var(--space-50) var(--space-40);
	font-size: var(--size-34) !important;
	margin-bottom: 0 !important;
}

.community-impact-section .impact-holder .impacts .item:hover .description p {
	color: var(--white) !important;
}

.community-impact-section .impact-holder .impacts .item:nth-child(odd):hover .description {
	background-color: var(--yellow);
}

.community-impact-section .impact-holder .impacts .item:nth-child(even):hover .description {
	background-color: var(--darkBlue);
}

.community-impact-section .impact-holder .top-container {
	display: flex;
	align-items: flex-end;
}

.community-impact-section .impact-holder .top-container * {
	margin: 0 !important;
}

.community-impact-section .impact-holder .top-container h2 {
	font-size: var(--size-150);
	font-weight: 500;
	color: var(--yellow);
}

.community-impact-section .impact-holder .top-container .left {
	flex: 1;
	text-align: right;
}

.community-impact-section .impact-holder .top-container .right {
	position: relative;
	flex: 2;
	padding-left: var(--space-60);
}

.community-impact-section .impact-holder .top-container .right p {
	font-size: var(--size-24);
	margin-bottom: 1rem !important;
	max-width: 55%;
}

.community-impact-section .impact-holder .top-container .right .decor {
	position: absolute;
	bottom: 0;
	left: var(--space-60);
	width: calc(100% - var(--space-60));
	height: 1px;
	background: black;
}

/* Timeline Section */
.timeline-section {
	overflow-x: hidden;
	position: relative;
	height: 100vh;
	display: inline-flex;
	width: max-content;
	align-items: center;
}

.timeline-section .timeline-wrapper {
	display: flex;
	width: max-content;
	position: relative;
	padding-left: 14.58vw;
	align-items: center;
}

.timeline-first-slide {
	position: relative;
	width: 100vw;
	height: 100lvh;
	background: var(--yellow);
	margin-right: 14.58vw;
	display: grid;
	place-content: center;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.timeline-first-slide .content {
	text-align: center;
	padding: 0 var(--space-180);
}

.timeline-first-slide h1 {
	color: white;
	font-size: clamp(44px, 5.99vw, 5.99vw);
}

.timeline-first-slide .content p {
	font-size: var(--size-36) !important;
	color: white;
}	

.timeline-section .timeline-wrapper .main-timeline {
	display: flex;
	flex-direction: column;
	gap: 15.1vh;
	width: max-content;
	position: relative;
}

.timeline-section .timeline-track,
.timeline-section .timeline-track .timelines,
.timeline-section .top-track .timeline-item,
.timeline-section .timeline-item {
	display: inline-flex;
}

.timeline-section .top-track .timeline-item {
	align-items: flex-end;
}

.timeline-section .bottom-track .timeline-item {
	align-items: flex-start;
}

.timeline-section .top-track .timeline-item .year-holder {
	position: relative;
	padding-bottom: clamp(110px, 6.77vw, 6.77vw);
}

.timeline-section .bottom-track .timeline-item .year-holder {
	position: relative;
	padding-top: clamp(110px, 6.77vw, 6.77vw);
}

.timeline-section .timeline-item .year-holder:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 0px;
	height: 100%;
	border-left: 2px dashed var(--yellow);
}

.timeline-section .top-track .timeline-item .year-holder:before {
	bottom: 0;
}

.timeline-section .bottom-track .timeline-item .year-holder:before {
	top: 0;
}

.timeline-section .timeline-item .year-holder:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: clamp(1rem, 1.04vw, 2rem);
	height: auto;
	aspect-ratio: 1;
	border-radius: 100%;
	background: var(--yellow);
}

.timeline-section .top-track .timeline-item .year-holder:after {
	bottom: 0;
	transform: translateY(50%);
}

.timeline-section .bottom-track .timeline-item .year-holder:after {
	top: 0;
	transform: translateY(-50%);
}

.timeline-section .timeline-item h3 {
	position: relative;
	margin-bottom: 0;
	width: fit-content;
	height: auto;
	aspect-ratio: 1;
	background: var(--yellow);
	display: grid;
	place-content: center;
	border-radius: 100%;
	font-size: var(--size-30);
	padding: var(--space-16);
	color: var(--white);
	z-index: 10;
	font-weight: 500;
	line-height: 1;
}

.timeline-section .timeline-item p {
	max-width: clamp(220px, 15.63vw, 15.63vw);
	margin-bottom: 0 !important;
}

.timeline-section .top-track .timeline-item p {
	margin-bottom: 1rem !important;
}

.timeline-section .bottom-track .timeline-item p {
	margin-top: 1rem;
}

.timeline-section .timeline-track .main-content {
	position: relative;
	display: inline-flex;
}

.timeline-section .timeline-track.top-track .main-content {
	align-items: flex-end;
}

.timeline-section .timeline-track.bottom-track .main-content {
	align-items: flex-start;
}

.timeline-section .timeline-track .main-content img {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.timeline-section .timeline-track.top-track .main-content img {
	width: clamp(270px, 18.75vw, 18.75vw);
	object-fit: contain;
	height: fit-content;
	min-height: 70px;
}

.timeline-section .top-track .timeline-item:nth-child(3) p {
	max-width: clamp(260px, 25.63vw, 25.63vw);
}

.timeline-section .bottom-track .timeline-item:nth-child(3) p,
.timeline-section .bottom-track .timeline-item:nth-child(4) p {
	max-width: clamp(260px, 20.63vw, 20.63vw);
}

.timeline-section .timeline-track.bottom-track .main-content img {
	width: clamp(230px, 15.04vw, 15.04vw);
	object-fit: contain;
	height: fit-content;
}

.timeline-section .timeline-track.top-track .main-content h2 {
	font-size: clamp(80px, 6.77vw, 6.77vw);
}

.timeline-section .timeline-track .main-content h2 {
	font-size: clamp(90px, 8.07vw, 8.07vw);
	font-weight: 500;
	width: max-content;
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.timeline-section .timeline-track.top-track .main-content h2 {
	padding-left: clamp(400px, 42vw, 42vw);
	padding-right: clamp(260px, 18.75vw, 18.75vw);
}

.timeline-section .timeline-track.bottom-track .main-content h2 {
	padding-right: 60vw;
	margin-top: -6% !important;
	font-weight: 600;
	color: var(--yellow);
}

.timeline-section .timeline-track {
	position: relative;
}

.timeline-section .timeline-track .timelines {
	position: relative;
	width: 100%;
}

.timeline-section .timeline-track.top-track .timelines:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	height: 0;
	width: 100%;
	border-top: 2px dashed var(--yellow);
}

.timeline-section .timeline-track.bottom-track .timelines:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 0;
	width: 100%;
	border-top: 2px dashed var(--yellow);
}

.timeline-section .timeline-track .timelines .timeline-item:not(.active) .year-holder h3,
.timeline-section .timeline-track .timelines .timeline-item:not(.active) .year-holder:after {
	scale: 0;
}

.timeline-section .timeline-track .timelines .timeline-item:not(.active) .year-holder:before {
	transform: scaleY(0);
}

.timeline-section .timeline-track .timelines .timeline-item:not(.active) p {
	transform: translateY(2rem);
	opacity: 0;
}

.timeline-section .timeline-track .timelines .timeline-item *,
.timeline-section .timeline-track .timelines .timeline-item .year-holder:before {
	transition: 0.4s;
	transition-delay: 0.15s;
}

.timeline-section .timeline-track .timelines .timeline-item .year-holder:after {
	transition: 0.3s;
	scale: 1;
}

.timeline-section .timeline-track .main-content span.decor {
	position: absolute;
	right: 0;
	display: inline-flex;
	align-items: center;
	height: clamp(1rem, 1.04vw, 2rem);
}

.timeline-section .timeline-track .main-content span.decor .ball {
	display: block;
	width: clamp(1rem, 1.04vw, 2rem);
	height: auto;
	aspect-ratio: 1;
	border-radius: 100%;
	background: var(--yellow);
}

.timeline-section .top-track.timeline-track .main-content span.decor {
	bottom: 0;
	width: calc(100% - clamp(400px, 42vw, 42vw) - clamp(260px, 18.75vw, 18.75vw));
	border-bottom: 2px dashed var(--yellow);
}

.timeline-section .bottom-track.timeline-track .main-content span.decor {
	top: 0;
	width: calc(100% - clamp(230px, 19vw, 19vw));
	border-top: 2px dashed var(--yellow);
}

.timeline-section .top-track.timeline-track .main-content span.decor .ball {
	transform: translate(-50%, 50%);
}

.timeline-section .bottom-track.timeline-track .main-content span.decor .ball {
	transform: translate(-50%, -50%);
}

/* Spacings of timelines */
/* Top Track */
.timeline-section .top-track .timeline-item:nth-child(1) {
	margin-right: 20vw;
}

.timeline-section .top-track .timeline-item:nth-child(2) {
	margin-right: 10vw;
}

/* Bottom Track */
.timeline-section .bottom-track .timeline-item:nth-child(1) {
	margin-right: 20vw;
}

.timeline-section .bottom-track .timeline-item:nth-child(2) {
	margin-right: 40vw;
}

.timeline-section .bottom-track .timeline-item:nth-child(3) {
	margin-right: 8vw;
}

.timeline-section .bottom-track .timeline-item:nth-child(4) {
	margin-right: 5vw;
}

/* Final Timeline */
.timeline-section .final-timeline .timeline-item {
	position: relative;
	padding-left: clamp(80px, 4.17vw, 4.17vw);
	padding-right: clamp(220px, 17.19vw, 17.19vw);
	gap: 1.5rem;
}

.timeline-section .final-timeline .timeline-item .year-holder:before {
	content: "";
	position: absolute;
	left: 0;
	right: unset;
	margin: auto;
	width: 0px;
	top: 0;
	bottom: 0;
	height: 15.1vh;
	border-left: 2px dashed var(--yellow);
}

.timeline-section .final-timeline .timeline-item .year-holder:after {
	content: "";
	position: absolute;
	left: 0;
	right: unset;
	margin: auto;
	width: 10lvh;
	top: 0;
	bottom: 0;
	height: 0;
	border-top: 2px dashed var(--yellow);
	background: transparent;
	aspect-ratio: unset;
	border-radius: 0;
}

.timeline-section .final-timeline .timeline-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	height: clamp(1rem, 1.04vw, 2rem);
	aspect-ratio: 1;
	border-radius: 100%;
	background: var(--yellow);
	transform: translateX(-50%);
}

.timeline-section .final-timeline .timeline-item p,
.timeline-section .final-timeline .timeline-item h3,
.timeline-section .final-timeline .timeline-item .year-holder:after {
	transition: 0.4s;
	transition-delay: 0.15s;
}

.timeline-section .final-timeline .timeline-item:before {
	transition: 0.4s;
}

.timeline-section .final-timeline .timeline-item:not(.active) h3,
.timeline-section .final-timeline .timeline-item:not(.active):before {
	scale: 0;
}

.timeline-section .final-timeline .timeline-item:not(.active) .year-holder:after {
	width: 0%;
}

.timeline-section .final-timeline .timeline-item:not(.active) p {
	opacity: 0;
	transform: translateY(2rem);
}

/* Bubble Section */
.bubble-section .content {
	display: flex;
	align-items: flex-end;
	padding: var(--section-padding-110) var(--section-padding-80) var(--space-60);
	border-bottom: 2px solid var(--gray);
}

.bubble-section .content * {
	margin-bottom: 0 !important;
}

.bubble-section .content > * {
	width: 50%;
}

.bubble-section .content h2 {
	font-size: var(--size-85);
	color: var(--yellow);
}

.bubble-section .content p {
	font-size: var(--size-28);
	padding: 0 var(--space-40);
}

.bubble-section .bubbles {
	padding: var(--section-padding-140) var(--section-padding-80);
	display: flex;
	justify-content: center;
	min-height: 35.42vw;
	align-items: center;
}

.bubble-section .bubbles .bubble {
	display: grid;
	place-content: center;
	aspect-ratio: 1;
	height: max-content;
	background: var(--darkBlue);
	border-radius: 100%;
	text-align: center;
	padding: 1rem;
}

.bubble-section .bubbles .bubble p {
	line-height: 1.2;
	color: var(--white);
	font-size: var(--size-34);
	margin: auto !important;
}

.bubble-section .bubbles .bubble:nth-child(1) {
	width: clamp(280px, 23.96vw, 23.96vw);
	margin-bottom: -5vw;
}

.bubble-section .bubbles .bubble:nth-child(2),
.bubble-section .bubbles .bubble:nth-child(5) {
	width: clamp(200px, 16.67vw, 16.67vw);
}

.bubble-section .bubbles .bubble:nth-child(3),
.bubble-section .bubbles .bubble:nth-child(4) {
	width: clamp(260px, 19.79vw, 19.79vw);
}

.bubble-section .bubbles .bubble:nth-child(2) {
	margin-top: -16vw;
	margin-left: -1vw;
}

.bubble-section .bubbles .bubble:nth-child(3) {
	margin-bottom: -19vw;
	margin-left: -8vw;
}

.bubble-section .bubbles .bubble:nth-child(4) {
	margin-top: -13vw;
	margin-left: -5vw;
}

.bubble-section .bubbles .bubble:nth-child(5) {
	margin-bottom: -25vw;
	margin-left: -9vw;
}

/* Image Marquee Section */
.image-marquee-section {
	padding: var(--space-40) 0;
	margin-top: var(--section-padding-110);
	margin-bottom: var(--section-padding-140);
	overflow: hidden;
	width: 100%;
	border-top: 2px solid var(--gray);
	border-bottom: 2px solid var(--gray);
}

.marquee {
	width: 100%;
	overflow: hidden;
}

.marquee__track {
	display: flex;
	white-space: nowrap;
	will-change: transform;
}

.marquee__item {
	flex: 0 0 auto;
	padding: 0 1rem;
}

.marquee__item img {
	max-height: 100px;
	display: block;
}

/* Description Section */
.description-section {
	position: relative;
	padding: clamp(80px, 6.25vw, 6.25vw) clamp(30px, 10.42vw, 10.42vw) calc(clamp(80px, 6.25vw, 6.25vw) * 2);
	margin-left: clamp(30px, 10.42vw, 10.42vw);
}

.description-section:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 2px;
	height: 100%;
	background: var(--gray);
	z-index: -1;
}

.description-section:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: clamp(80px, 6.25vw, 6.25vw);
	margin: auto;
	width: calc(100% + clamp(30px, 10.42vw, 10.42vw));
	height: 2px;
	background: var(--gray);
	z-index: -1;
	transform: translateX(calc(clamp(30px, 10.42vw, 10.42vw) * (-1)));
}

.description-section .top-container h2 {
	font-size: var(--size-36);
	line-height: 1.3;
	margin-bottom: 0.6rem !important;
}

.description-section .top-container .effective-date,
.description-section .top-container .description,
.description-section .content-holder .content * {
	font-size: var(--size-20);
	line-height: 1.4;
}

.description-section .top-container .description,
.description-section .content-holder .content {
	padding: 0 var(--space-80);
}

.description-section .top-container .effective-date {
	display: block;
	margin-bottom: var(--space-40) !important;
}

.description-section .top-container {
	margin-bottom: var(--space-80);
}

.description-section .content-holder h3 {
	font-size: var(--size-36);
	margin-bottom: var(--space-30);
}

.description-section .content-holder .item {
	margin-bottom: var(--space-80);
}

.description-section .content-holder .content a {
	color: black;
}

.description-section .content-holder .content .top-description {
	font-weight: 700;
	margin-bottom: 0.3rem !important;
}

/* Link box section */
.link-box-section {
	padding: var(--section-padding-80) var(--section-padding-110);
}

.link-box-section .top-container {
	margin-bottom: var(--space-80);
}

.link-box-section .top-container h1 {
	color: var(--yellow);
}

.link-box-section .link-boxes {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-30);
}

.link-box-section .description {
	padding: 0 var(--section-padding-140);
}

.link-box-section .description p {
	font-size: var(--size-34);
}

.link-box-section .link-boxes .link-box {
	display: flex;
	width: 100%;
	overflow: hidden;
}
.link-box-section .link-boxes .link-box a {
	display: flex;
	flex-direction: column;
	gap: 3rem;
	padding: var(--space-40);
	background: var(--darkBlue);
	width: 100%;
	justify-content: space-between;
	transition: 0.3s;
}

.link-box-section .link-boxes .link-box a:hover {
	background: var(--yellow);
}

.link-box-section .link-boxes .link-box a:hover .holder span:nth-child(1) {
	color: black;
}

.link-box-section .link-boxes .link-box a .holder span:nth-child(1) {
	font-size: var(--size-24);
	color: white;
	font-weight: 700;
	transition: 0.3s;
}

.link-box-section .link-boxes .link-box a .read-more {
	position: relative;
	background: white;
	width: fit-content;
	padding: 0.3rem 1rem;
	padding-right: 1.8rem;
	font-size: var(--size-14);
	font-weight: 700;
	color: black;
}

.link-box-section .link-boxes .link-box a .read-more img {
	position: absolute;
	top: 0;
	right: 0.5rem;
	bottom: 0;
	width: auto;
	height: 45%;
	object-fit: contain;
	aspect-ratio: 1;
	margin: auto;
}

/*  */
.lightbox {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: -webkit-fill-available;
	height: 100%;
	background: rgba(0, 0, 0, 0.85);
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.lightbox.show {
	display: flex;
}

.lightbox-content {
	position: relative;
	max-width: 90%;
	max-height: 90%;
	text-align: center;
}

.lightbox-content img {
	max-width: 100%;
	max-height: 80vh;
	border-radius: 8px;
}

.lightbox-close {
	position: absolute;
	top: -30px;
	right: 0;
	font-size: 2rem;
	color: white;
	cursor: pointer;
}

@media (max-width: 1240px) {
	.awards-section .awards-holder {
		grid-template-columns: repeat(3, 1fr);
	}

	/*  */
	.news-section .news-holder {
		grid-template-columns: repeat(3, 1fr);
	}

	.news-section .news-card:nth-child(4) {
		display: none;
	}
}

@media (max-width: 1024px) {
	.key-leaders-section .leaders-holder {
		grid-template-columns: repeat(2, 1fr);
	}

	.stats-section .stats-holder {
		flex-wrap: wrap;
	}

	.stats-section .stats-holder .stat {
		width: 33%;
	}

	.stats-section .stats-holder .stat:nth-child(2) {
		border-right: none;
		width: 33%;
	}

	/* .stats-section .stats-holder .stat:nth-child(1),
	.stats-section .stats-holder .stat:nth-child(2) {
		border-bottom: 1px solid black;
	} */
}

@media (max-width: 969px) {
	.image-description-section .content .inner-content p {
		max-width: 100%;
	}

	/*  */
	.stats-section .top-content {
		max-width: 100%;
	}

	/*  */
	.type-two-banner-section .content-holder {
		width: 100%;
		padding: 0;
		margin-top: 0;
	}

	.type-two-banner-section .content-holder p {
		width: 65%;
	}

	.type-two-banner-section .image-container {
		width: 50%;
		height: auto;
		display: flex;
		aspect-ratio: 630 / 920;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 0;
	}

	/*  */
	.type-two-banner-section {
		padding-top: 120px;
		padding-bottom: 80px;
	}

	/*  */
	.values-section .content-holder {
		flex-direction: column-reverse;
	}

	.values-section .content-holder .left {
		width: -webkit-fill-available;
		grid-template-columns: repeat(3, 1fr);
	}

	.values-section .content-holder > .right {
		width: 100%;
		aspect-ratio: 969 / 500;
		overflow: hidden;
	}

	.values-section .content-holder > .right img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/*  */
	.stats-type-two-banner {
		aspect-ratio: 969 / 360;
	}

	/*  */
	.key-leaders-section .leaders-holder {
		grid-template-columns: repeat(2, 1fr);
	}

	/*  */
	.awards-section .banner-image {
		aspect-ratio: 1920 / 620;
	}

	.awards-section .awards-holder {
		grid-template-columns: repeat(2, 1fr);
	}

	/*  */
	.news-section .news-holder {
		grid-template-columns: repeat(2, 1fr);
	}

	.news-section .news-card:nth-child(3) {
		display: none;
	}

	/*  */
	.sustainability-section .left-container .inner .content .description {
		max-width: 75%;
	}

	.sustainability-section .right-container .focus-areas .items .content {
		max-width: 80%;
	}

	/*  */
	.single-banner-section .image-container {
		aspect-ratio: 1920 / 620;
	}

	.community-impact-section .impact-holder .top-container .right p {
		max-width: 80%;
	}

	.community-impact-section .impact-holder .impacts .description p {
		font-size: var(--size-24) !important;
	}

	/*  */
	.description-section {
		margin-left: 0;
	}

	.description-section:before {
		display: none;
	}

	/*  */
	.link-box-section .link-boxes {
		grid-template-columns: repeat(2, 1fr);
	}

	/*  */
	.key-leaders-section .leaders-holder .leader-card {
		width: calc((100% / 2) - (1px * 2)) !important;
	}

	.key-leaders-section .leaders-holder .leader-card p {
		font-size: var(--size-20) !important;
	}
}

@media (max-width: 767px) {
	.homepage .hero-section .content-holder {
		flex-direction: column;
		align-items: flex-start;
		padding: 75px 1.5rem;
	}

	.homepage .hero-section .content-holder .inner {
		width: 100%;
	}

	.homepage .hero-section .content-holder .decor {
		left: 0;
	}

	.homepage .hero-section .content-holder .link-holder {
		width: 100%;
		justify-content: flex-end;
	}

	/*  */
	.image-description-section {
		flex-direction: column;
	}

	.image-description-section > div {
		width: 100% !important;
	}

	.image-description-section > .image-container {
		aspect-ratio: 560 / 260;
	}

	section.image-description-section.second-variation .content {
		flex-direction: column;
	}

	section.image-description-section.second-variation .content > * {
		width: 100%;
	}

	section.image-description-section.second-variation .content .inner-content {
		padding-top: 0;
	}

	section.image-description-section.second-variation .content .image-container {
		max-width: 460px;
		margin-left: auto;
		margin-right: auto;
	}

	section.image-description-section.second-variation .top-container {
		width: 100%;
	}

	/*  */
	.stats-section .stats-holder {
		flex-wrap: wrap;
	}

	.stats-section .stats-holder .stat {
		width: 100%;
		border-bottom: 2px solid black;
		border-right: none !important;
		padding: 2rem 1rem;
	}

	/*  */
	.type-two-banner-section .content-holder p {
		width: 50%;
	}

	/*  */
	.values-section {
		padding-left: 30px;
		padding-right: 30px;
	}

	.values-section .content-holder .left {
		grid-template-columns: repeat(2, 1fr);
	}

	.values-section .content-holder .left .item .image-holder {
		width: 65px;
	}

	/*  */
	.timeline-section .final-timeline .timeline-item {
		padding-right: 0px;
	}

	/*  */
	.stats-type-two-section {
		flex-direction: column;
		padding: 0;
	}

	.stats-type-two-section .content-holder {
		width: -webkit-fill-available;
		padding: var(--space-80) 30px;
	}

	.stats-type-two-section .stats-holder {
		width: 100%;
	}

	.stats-type-two-section .stats-holder .stat {
		width: -webkit-fill-available;
		border-left: 0;
	}

	.stats-type-two-section .stats-holder .stat.fade-right-anim.active {
		transform: translateX(0) translateY(0);
	}

	.stats-type-two-section .stats-holder .stat.fade-right-anim {
		transform: translateX(0) translateY(40px);
	}

	/*  */
	.bubble-section .content {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 1rem;
	}

	.bubble-section .content > * {
		width: -webkit-fill-available;
	}

	.bubble-section .content p {
		padding: 0;
	}

	.bubble-section .bubbles .bubble p {
		font-size: var(--size-18);
	}

	/*  */
	.key-leaders-section .leaders-holder {
		margin-left: 20px;
		margin-right: 20px;
	}

	/*  */
	.impact-section > .top {
		flex-direction: column;
		align-items: flex-start;
	}

	.impact-section > .top p {
		font-size: var(--size-20);
	}

	.impact-section .bottom {
		flex-direction: column;
	}

	.impact-section .bottom > div {
		width: 100%;
	}

	.impact-section .bottom .image-holder {
		margin: 0;
	}

	.impact-section .bottom .image-holder .image-container {
		position: relative;
		margin: 0 0 2rem;
		aspect-ratio: 500 / 255;
	}

	/*  */
	.awards-section .awards-holder {
		padding-left: 30px;
		padding-right: 30px;
	}

	/*  */
	.news-section .news-card .content .date-and-category {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.45rem;
	}

	.news-section .news-holder {
		padding-left: 30px;
		padding-right: 30px;
	}

	/*  */
	.contact-section {
		flex-direction: column;
	}

	.contact-section > * {
		width: 100%;
	}

	.contact-section .description-holder .top h1 br {
		display: none;
	}

	.contact-section .contact-form-holder {
		border-left: 0;
		border-top: 2px solid var(--gray);
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.contact-section .description-holder .contact-info {
		flex-direction: row;
		flex-wrap: wrap;
	}

	/*  */
	.sustainability-section {
		flex-direction: column;
	}

	.sustainability-section .left-container h1 {
		max-width: 100%;
	}

	.sustainability-section .left-container .inner .content {
		max-width: 100%;
	}

	.sustainability-section .left-container .inner .content .description {
		max-width: 80%;
	}

	.sustainability-section .right-container .focus-areas .items .content h4 {
		font-size: var(--size-30);
	}

	.sustainability-section .right-container .focus-areas .items .content p {
		font-size: var(--size-18);
	}

	/*  */
	.community-impact-section .impact-holder .impacts {
		grid-template-columns: repeat(2, 1fr);
	}

	/*  */
	.description-section {
		padding-left: 30px;
		padding-right: 30px;
	}

	/*  */
	.pin-reveal-section .second-slide .bottom-content .content {
		flex-direction: column;
	}

	.pin-reveal-section .second-slide .bottom-content .box-holder {
		max-width: 100%;
		padding-left: var(--space-60);
		padding-right: var(--space-60);
	}

	.pin-reveal-section .second-slide .top-content .decor {
		height: 45lvh;
	}
	.pin-reveal-section .second-slide .bottom-content .decor {
		height: 65lvh;
	}

	.pin-reveal-section .first-slide .middle span:last-child,
	.pin-reveal-section .first-slide .bottom span {
		padding-left: 0;
	}

	.pin-reveal-section .first-slide {
		top: 0;
		bottom: unset;
	}

	.pin-reveal-section .first-slide .main-text .first {
		grid-area: 4 / 3 / 7 / 24;
	}

	.pin-reveal-section .first-slide .main-text .second {
		grid-area: 7 / 5 / 10 / 24;
	}

	.pin-reveal-section .first-slide .main-text .third {
		grid-area: 10 / 5 / 13 / 24;
	}

	.pin-reveal-section .first-slide .main-text .fourth {
		grid-area: 13 / 5 / 16 / 24;
	}

	.pin-reveal-section .second-slide {
		min-height: 100lvh;
		display: flex !important;
		flex-direction: column;
		padding-top: 100lvh;
		row-gap: 0 !important;
		height: fit-content !important;
	}

	.pin-reveal-section .second-slide .top-content {
		height: fit-content;
		width: 100%;
		background: var(--gray);
	}

	.pin-reveal-section .second-slide .banner-image {
		aspect-ratio: 1920 / 1080;
		width: 100%;
		height: fit-content;
		overflow: hidden;
	}

	.pin-reveal-section .second-slide .banner-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.pin-reveal-section .background-image {
		display: none;
	}

	.pin-reveal-section .decor-wrapper {
		display: none;
	}
}

@media (min-width: 768px) {
	.pin-reveal-section .second-slide > .banner-image {
		display: none !important;
	}
}

@media (max-width: 620px) {
	.awards-section .awards-holder {
		grid-template-columns: repeat(1, 1fr);
	}

	.awards-section .awards-holder .award-card {
		aspect-ratio: unset;
		gap: 2rem;
	}

	.awards-section .top-container {
		flex-direction: column;
		align-items: flex-start;
		padding-right: 30px;
	}

	.awards-section .left-container {
		width: -webkit-fill-available;
		margin: 0;
	}

	.awards-section .awards-filter {
		width: 100%;
		justify-content: flex-start;
		margin-left: 30px;
		margin-right: 30px;
		flex-wrap: wrap;
	}

	/*  */
	.news-section .news-holder {
		grid-template-columns: repeat(1, 1fr);
	}

	.news-section .news-card .thumbnail {
		aspect-ratio: 420 / 170;
	}

	/*  */
	.news-section .top-container .left {
		width: 25%;
	}

	.news-section .top-container h2 {
		width: 75%;
		font-size: 36px;
	}

	/*  */
	.gallery-section .swiper-container-wrapper {
		flex-direction: column-reverse;
	}

	.gallery-section .main-swiper .swiper-slide .image-holder {
		width: 100% !important;
		height: 75% !important;
	}

	.gallery-section .main-swiper {
		width: 90%;
	}

	.gallery-section .swiper {
		height: 65.25vw;
	}

	.gallery-section .swiper.swiper-thumb {
		height: fit-content;
		width: 100%;
		padding: 25px 0;
		min-height: unset;
	}

	.gallery-section .swiper-thumb .swiper-slide {
		overflow: hidden;
		height: auto;
		aspect-ratio: 1920/1080;
		/* width: 25% !important;
		height: 80px; */
	}

	.gallery-section .swiper.swiper-thumb .swiper-wrapper {
		align-items: center !important;
		height: fit-content;
	}

	.gallery-section .swiper-button-prev.main-prev {
		transform: rotate(-90deg) translateY(0);
		right: unset;
		left: 23%;
		width: 25px;
	}

	.gallery-section .swiper-button-next.main-next {
		transform: rotate(-90deg) translateY(0);
		left: unset;
		right: 23%;
		width: 25px;
	}

	/*  */
	.community-impact-section .impact-holder .top-container {
		flex-direction: column;
		align-items: flex-start;
		padding: 0 30px;
	}

	.community-impact-section .impact-holder .top-container .right {
		padding: 0;
		margin-top: 1rem !important;
	}

	.community-impact-section .impact-holder .top-container .right .decor {
		left: unset;
		right: 0;
		width: 70%;
	}

	.community-impact-section .impact-holder {
		padding-top: 60px;
	}

	/*  */
	.pin-reveal-section .second-slide {
		height: fit-content !important;
	}

	.pin-reveal-section .first-slide .description {
		bottom: 12%;
	}

	.pin-reveal-section .decor-wrapper .bottom-decor {
		grid-area: 7 / 1 / 13 / 24;
	}

	/*  */
	.link-box-section .description {
		padding: 0;
	}

	/*  */
	.key-leaders-section .leaders-holder .leader-card {
		width: 100% !important;
	}
}

@media (max-width: 565px) {
	p {
		font-size: 18px !important;
	}

	.image-description-section .content .inner-content h2 {
		font-size: 40px !important;
	}

	.stats-section {
		padding-left: 30px;
		padding-right: 30px;
	}

	/*  */
	.type-two-banner-section {
		padding-top: 80px;
	}

	.type-two-banner-section .content-holder p {
		width: 100%;
		max-width: 100%;
	}

	.type-two-banner-section .image-container {
		width: 50%;
		z-index: 0;
		opacity: 0.2;
	}

	/*  */
	.timeline-section .timeline-wrapper {
		padding-left: 30px;
	}

	/*  */
	.key-leaders-section .top-container .left {
		width: 30%;
	}

	.key-leaders-section .top-container h2 {
		width: 70%;
	}

	.key-leaders-section .leaders-holder {
		grid-template-columns: repeat(1, 1fr);
	}

	/*  */
	.single-banner-section .image-container {
		aspect-ratio: 1920 / 1080;
	}

	.description-section .top-container .effective-date,
	.description-section .top-container .description,
	.description-section .content-holder .content * {
		font-size: 16px !important;
	}

	/* .description-section .top-container .description,
	.description-section .content-holder .content {
		font-size: 16px;
	} */

	.description-section .top-container .description,
	.description-section .content-holder .content {
		padding: 0;
	}

	/*  */
	.pin-reveal-section .second-slide {
		row-gap: 75lvh;
	}

	/*  */
	.bubble-section .bubbles {
		flex-direction: column;
	}

	.bubble-section .bubbles .bubble {
		margin: 0 0 1rem !important;
		width: 290px !important;
	}

	.bubble-section .bubbles .bubble p {
		font-size: var(--size-34) !important;
	}

	/*  */
	.link-box-section .link-boxes {
		grid-template-columns: repeat(1, 1fr);
	}

	/*  */
	.awards-section .awards-holder .award-card .award {
		font-size: 25px !important;
	}

	.awards-section .awards-holder .award-card .title,
	.awards-section .awards-holder .award-card .location {
		font-size: 16px !important;
	}

	/*  */
	.timeline-first-slide .content {
		padding: 0 1rem;
	}
}

@media (max-width: 480px) {
	.homepage .hero-section .content-holder h1 {
		font-size: 55px;
	}

	.stats-section .stats-holder .stat {
		width: 100% !important;
		flex-direction: column;
		text-align: center;
		gap: 0.3rem;
	}

	.stats-section .stats-holder .stat:not(:last-child) {
		border: none;
		border-bottom: 2px solid black;
	}

	/*  */
	.values-section .content-holder .left {
		grid-template-columns: repeat(1, 1fr);
	}

	/*  */
	.key-leaders-section .top-container .left {
		width: 20%;
	}

	/*  */
	.community-impact-section .impact-holder .impacts {
		grid-template-columns: repeat(1, 1fr);
	}

	/*  */
	.pin-reveal-section .second-slide .top-content h3 {
		font-size: var(--size-40);
		padding-left: var(--space-20);
		padding-right: var(--space-20);
	}

	.pin-reveal-section .first-slide .description {
		bottom: 18%;
		right: 5%;
		max-width: 55%;
	}

	.pin-reveal-section .first-slide .main-text .first {
		grid-area: 6 / 3 / 7 / 24;
	}

	.pin-reveal-section .first-slide .main-text .second {
		grid-area: 7 / 5 / 9 / 24;
		padding-left: 0;
	}

	.pin-reveal-section .first-slide .main-text .third {
		grid-area: 9 / 5 / 11 / 24;
	}

	.pin-reveal-section .first-slide .main-text .fourth {
		grid-area: 11 / 3 / 13 / 24;
	}

	.pin-reveal-section .decor-wrapper .top-decor {
		grid-area: 1 / 1 / 4 / 24;
		background: var(--gray);
	}

	.pin-reveal-section .decor-wrapper .middle-decor {
		grid-area: 1 / 7 / 12 / 24;
		background: var(--gray);
	}

	.pin-reveal-section .decor-wrapper .bottom-decor {
		grid-area: 6 / 1 / 13 / 24;
	}
}