@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@400;500;600&family=Baloo+Paaji+2:wght@400;500;600&family=Comfortaa:wght@400;500;600;700&family=Montserrat:wght@100;400;500&family=Poppins:wght@300;400;500;600;700&family=Quicksand:wght@300;400;500&family=Raleway:wght@300;400;500;600&display=swap');

html {
	height: 100%;
	font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	padding-top: 50px;
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
	 /* background: linear-gradient(135deg, #d9cdff 30%, #fb7abc 50%, #579ef5 100%);  */
	/* background: linear-gradient(135deg, #b3e9f6 30%, #56b5cd 50%, #006984 100%); */
	background:#f5f4ef;
	background-attachment: fixed;
	--theme-color: #d2152d;
	--bg1-color: #fff7fb;
	--font-color: #262626;
	--bg2-color: #fff;
	--shadow-color: #1a1a22;
	--footer-bg: #000;
	--footer-clr: #c4c4c4;
	--topBtn-bg: #d2152d;
	--lgt-white: #f8f8f8;
	--heading-clr: #1f1f2c;
	--eventcard: 6px 10px 22px rgba(167, 139, 250, 0.2);
	--box-clr: #fff;
	--wave1-bg: #636363;
	--wave2-bg: #b2b2b2;
	--bg-image: url('../assets/Images/logo/logo_for_boilerplate_1.png');
	--logo-image: url('../assets/Images/logo/Logo1.png');
	--box-shadow: 0 10px 24px rgba(167, 139, 250, 0.18), 0 4px 10px rgba(196, 181, 253, 0.14);
	--btn-shadow: 0 8px 16px rgba(167, 139, 250, 0.32);
	--nav-bar: #fff;
	--nav-color: #d2152d;
	--nav-clr: #262626;
	--txt-shadow: 0px 3px 8px rgba(167, 139, 250, 0.28);
	--navbar-toggle: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	--btn-text: #fff;
	--btn-hover: none;
}

html[data-theme='dark'] {
	background: #0f0f14;
	background-attachment: fixed;
	--theme-color: #c4b5fd;
	--bg1-color: #0f0f14;
	--font-color: #f5f5f7;
	--bg2-color: #181824;
	--shadow-color: #101018;
	--footer-bg: #000;
	--footer-clr: #fff;
	--topBtn-bg: #c4b5fd;
	--heading-clr: #e4e6eb;
	--eventcard: 0 10px 25px rgba(196, 181, 253, 0.2);
	--box-clr: #161620;
	--wave1-bg: #686868;
	--wave2-bg: #b2b2b2;
	--bg-image: url('../assets/Images/logo/logo_for_boilerplate_1.png');
	--logo-image: url('../assets/Images/logo/Logo2.png');
	--box-shadow: 0 5px 16px rgba(0, 0, 0, 0.36);
	--btn-shadow: 0 5px 18px rgba(167, 139, 250, 0.28);
	--nav-bar: #111118;
	--nav-color: #c4b5fd;
	--nav-clr: #f5f5f7;
	--txt-shadow: 0px 3px 8px rgba(167, 139, 250, 0.3);
	--navbar-toggle: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	--btn-text: #fff;
	--btn-hover: #f3e8ff;
}

html[data-theme='dark'] .img-logo {
	filter: brightness(1.2) contrast(1.08) drop-shadow(0 6px 12px rgba(0, 0, 0, 0.35));
}

body {
	height: 100%;
	font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	padding-top: 50px;
	background: transparent;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: var(--font-color);
	font-weight: 500;
	font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 16px;
	font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: inherit;
}

ul,
ol {
	padding: 0;
	margin: 0;
}
#typeit {
	font-size: 8vw;
	font-weight: bold;
	color: rgb(247, 95, 39);
}
.dark-mode {
	color: var(--font-color);
}
.clr-wt {
	color: var(--bg1-color) !important;
}
.clr-theme {
	color: var(--theme-color) !important;
}
.fw-bold {
	font-weight: bold;
}
.fw-100 {
	font-weight: 100;
}
.fw-400 {
	font-weight: 400;
}
.bg-lgt-grey {
	background: transparent !important;
}
.bg-lgt-wt {
	background-color: var(--lgt-white);
}
.newsection {
	background: transparent !important;
	padding: 1rem;
}
#aboutSection {
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}

#aboutSection::before {
	content: '';
	position: absolute;
	inset: -15%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='680' height='130'%3E%3Ctext x='0' y='100' font-family='Arial Black%2C Arial%2C sans-serif' font-size='92' font-weight='900' fill='rgba(30%2C0%2C60%2C0.09)' letter-spacing='-4'%3EMinD SparK%3C/text%3E%3C/svg%3E");
	background-repeat: repeat;
	background-size: 680px 130px;
	pointer-events: none;
	z-index: 0;
	transform: rotate(-12deg);
	-webkit-animation: mindspark-scroll 10s linear infinite;
	animation: mindspark-scroll 10s linear infinite;
}

@-webkit-keyframes mindspark-scroll {
	from { background-position: 0 0; }
	to   { background-position: -680px 0; }
}

@keyframes mindspark-scroll {
	from { background-position: 0 0; }
	to   { background-position: -680px 0; }
}

#aboutSection .container.myDiv {
	position: relative;
	z-index: 1;
}

.fs-17px {
	font-size: 17px;
}

/*-----------
Nav bar
---------------------*/

.navbar {
	background: rgba(255, 255, 255, 0.92);
	color: var(--nav-bar);
	overflow: visible;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	width: min(1240px, calc(100% - 1.5rem));
	margin: 0.8rem auto 0;
	padding: 0.45rem 1.2rem;
	border-radius: 999px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-shadow: 0 10px 24px rgba(15, 38, 72, 0.14);
	box-shadow: 0 10px 24px rgba(15, 38, 72, 0.14);
	position: fixed;
	z-index: 400;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
}

.navbar a {
	color: var(--nav-clr);
	font-weight: bold;
	font-size: 15px;
	font-weight: 700;
	font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
	transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.navbar ul li a:hover {
	-webkit-box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.1);
	display: block;
	background: rgba(15, 38, 72, 0.05);
	
}

.navbar-expand-lg .navbar-nav .nav-link {
	font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
	padding-right: 1rem;
	padding-left: 1rem;
	border-radius: 2rem;
	letter-spacing: 1px;
}

#navbar .navbar-brand {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-height: 74px;
	overflow: hidden;
	margin-right: 0.8rem;
}

#logo {
	width: 160px !important;
	height: auto !important;
	max-width: 42vw;
	max-height: 72px;
	object-fit: contain;
	display: block;
	-webkit-transition: 0.4s !important;
	-o-transition: 0.4s !important;
	transition: 0.4s !important;
	content: var(--logo-image) !important;
}

.header-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.8rem;
	margin-left: auto;
}

.nav-login,
.nav-login-mobile {
	font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
	font-weight: 600;
	color: #222 !important;
	padding: 0.55rem 0.15rem;
	background: transparent;
	box-shadow: none;
	border-radius: 999px;
}

.nav-cta,
.nav-cta-mobile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.7rem 1.15rem;
	border-radius: 999px;
	background: #2a2a2a;
	color: #fff !important;
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.18);
	font-weight: 700;
}

.nav-cta:hover,
.nav-cta-mobile:hover {
	background: #111;
	color: #fff !important;
}

@media only screen and (max-width: 768px) {
	#navbar .navbar-brand {
		max-height: 62px;
	}

	#logo {
		width: 130px !important;
		max-height: 58px;
	}
}

.navbar-toggler-icon {
	background-image: var(--navbar-toggle);
	cursor: pointer;
}

a.active {
	color: var(--nav-color) !important;
	font-weight: 800 !important;
	text-shadow: var(--txt-shadow);
}

@media only screen and (max-width: 1185px) {
	.nav-item {
		font-size: 0.93rem;
	}
}

@media only screen and (max-width: 1141px) {
	.nav-item {
		font-size: 0.85rem;
	}
}

@media only screen and (max-width: 1094px) {
	.nav-item {
		font-size: 0.72rem;
	}
}

@media only screen and (max-width: 1054px) {
	.nav-item {
		font-size: 0.71rem;
	}
}

@media only screen and (max-width: 998px) {
	.nav-item {
		font-size: 0.7rem;
	}
}

.fullScreen-navigation {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: var(--nav-bar);
}

.navigation-content {
	position: relative;
	top: 30%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.fullScreen-navigation a {
	padding: 8px;
	text-decoration: none;
	font-size: 25px;
	font-weight: 600 !important;
	color: var(--nav-clr);
	display: block;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	font-weight: 100;
}

a.home {
	color: var(--nav-color) !important;
	font-weight: 800 !important;
	text-shadow: var(--txt-shadow);
}

.fullScreen-navigation a:hover .fullScreen-navigation a:focus {
	color: var(--nav-color);
}

.fullScreen-navigation .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 45px;
	color: var(--font-color);
}

@media screen and (max-width: 480px) {
	.navigation-content {
		margin-top: 10px;
	}

	.fullScreen-navigation a {
		font-size: 15px;
	}

	.fullScreen-navigation .closebtn {
		font-size: 40px;
		top: 15px;
		right: 20px;
	}
}

/*---------------------
  Counter Section
-----------------------*/

.heading {
	font-family: 'Poppins', sans-serif;
	font-size: 45px;
	color: var(--heading-clr);
}

.about-para {
	font-family: 'Quicksand', sans-serif;
	letter-spacing: 1px;
	font-size: 18px;
}

.about-para span {
	color: var(--theme-color);
}
.about-para .italic {
	color: #777;
}

.about-para + ul {
	font-family: 'Quicksand', sans-serif;
	letter-spacing: 1px;
	font-size: 18px;
}

.join-us {
	font-family: 'Quicksand', sans-serif;
	font-size: 25px;
	color: var(--font-color);
}

.achieve-content {
	font-family: 'Quicksand', sans-serif;
	font-size: 25px;
}

.containersection {
	background-color: var(--bg2-color);
}

.counter-section {
	background: var(--shadow-color);
	padding-top: 755px;
	margin-top: -640px;
	padding-bottom: 70px;
}

.counter-text {
	margin-bottom: 40px;
}

.counter-text .section-title {
	text-align: left;
	margin-bottom: 50px;
}

.counter-item {
	margin-bottom: 30px;
	position: relative;
}

.counter-item .ci-text {
	padding-left: 150px;
}

.counter-item .ci-text p {
	font-family: 'Quicksand', sans-serif;
	letter-spacing: 0.5px;
}

.counter-item .ci-text h4 {
	font-family: 'Comfortaa', sans-serif;
	font-size: 22px;
	color: var(--font-color);
	font-weight: 700;
	margin-bottom: 12px;
}
/*-----------------
Parallax section
-------------------*/
.parallax1 {
	display: none;
}

.parashadow {
	background: var(--bg1-color);
	position: relative;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.4;
	height: 40px;
	width: 100%;
}

/*---------------------
 Team Section
 ----------------------*/
.team-section {
	background: var(--bg1-color);
	padding: 50px;
}

.team-card {
	background-color: transparent;
	width: 300px;
	height: 400px;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

.team-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition: -webkit-transform 0.6s;
	transition: -webkit-transform 0.6s;
	-o-transition: transform 0.6s;
	transition: transform 0.6s;
	transition: transform 0.6s, -webkit-transform 0.6s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.team-card:hover .team-card-inner {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.team-card-front,
.team-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.team-card-back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.center-div {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.img-logo {
	content: var(--bg-image);
	padding-left: 2rem;
	padding-right: 2rem;
}

/* footer */

/* Svg wave */

svg {
	width: 100%;
	overflow: visible;
}

.wave {
	-webkit-animation: wave 3s linear;
	animation: wave 3s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	fill: var(--footer-bg);
}
.drop {
	fill: var(--footer-bg);
	-webkit-animation: drop 3.2s linear infinite normal;
	animation: drop 3.2s linear infinite normal;
	stroke: var(--footer-bg);
	stroke-width: 0.5;
	-webkit-transform: translateY(25px);
	-ms-transform: translateY(25px);
	transform: translateY(25px);
	transform-box: fill-box;
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.drop2 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
.drop3 {
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
	-webkit-animation-duration: 3.4s;
	animation-duration: 3.4s;
}
.drop4 {
	-webkit-animation-delay: 1.7s;
	animation-delay: 1.7s;
}
.drop5 {
	-webkit-animation-delay: 2.7s;
	animation-delay: 2.7s;
	-webkit-animation-duration: 3.1s;
	animation-duration: 3.1s;
}
.drop6 {
	-webkit-animation-delay: -2.1s;
	animation-delay: -2.1s;
	-webkit-animation-duration: 3.2s;
	animation-duration: 3.2s;
}
.gooeff {
	-webkit-filter: url(#goo);
	filter: url(#goo);
	fill: var(--footer-bg);
}

#wave1 {
	fill: var(--footer-bg);
}
#wave2 {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	animation-direction: reverse;
	fill: var(--wave1-bg);
}

#wave3 {
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
	fill: var(--wave2-bg);
}

@-webkit-keyframes drop {
	0% {
		-webkit-transform: translateY(25px);
		transform: translateY(25px);
	}
	30% {
		-webkit-transform: translateY(-10px) scale(0.1);
		transform: translateY(-10px) scale(0.1);
	}
	30.001% {
		-webkit-transform: translateY(25px) scale(1);
		transform: translateY(25px) scale(1);
	}
	70% {
		-webkit-transform: translateY(25px);
		transform: translateY(25px);
	}
	100% {
		-webkit-transform: translateY(-10px) scale(0.1);
		transform: translateY(-10px) scale(0.1);
	}
}

@keyframes drop {
	0% {
		-webkit-transform: translateY(25px);
		transform: translateY(25px);
	}
	30% {
		-webkit-transform: translateY(-10px) scale(0.1);
		transform: translateY(-10px) scale(0.1);
	}
	30.001% {
		-webkit-transform: translateY(25px) scale(1);
		transform: translateY(25px) scale(1);
	}
	70% {
		-webkit-transform: translateY(25px);
		transform: translateY(25px);
	}
	100% {
		-webkit-transform: translateY(-10px) scale(0.1);
		transform: translateY(-10px) scale(0.1);
	}
}
@-webkit-keyframes wave {
	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
@keyframes wave {
	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

footer {
	background: var(--footer-bg);
	padding: 20px 0;
	overflow-x: hidden;
}

.logo {
	width: 150px;
	display: block;
}

.social-media {
	margin-top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	gap: 12px;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.social-content {
	padding: 14px 8px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 24px;
}

.social-copy {
	max-width: 430px;
}

.social-title {
	text-align: left;
	font-family: 'Titillium Web', sans-serif;
	font-size: clamp(2rem, 3vw, 2.8rem);
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.social-content .footer-p {
	text-align: left;
	line-height: 1.7;
	max-width: 420px;
	margin: 14px 0 0;
	opacity: 0.95;
}

.social-content .border {
	margin: 8px 0 0;
	width: 240px;
}

.footer-links-row {
	display: none;
}

.career-float-tab {
	position: fixed;
	right: -38px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	background: var(--theme-color);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	padding: 10px 22px;
	border-radius: 6px 6px 0 0;
	text-decoration: none;
	z-index: 999;
	-webkit-transition: right 0.35s cubic-bezier(0.22, 1, 0.36, 1), background 0.2s ease;
	transition: right 0.35s cubic-bezier(0.22, 1, 0.36, 1), background 0.2s ease;
	-webkit-animation: career-tab-peek 2.5s ease 1.5s forwards;
	animation: career-tab-peek 2.5s ease 1.5s forwards;
	box-shadow: -3px 0 16px rgba(0,0,0,0.18);
}

.career-float-tab:hover {
	right: -4px;
	color: #fff;
	text-decoration: none;
	background: var(--theme-color);
	opacity: 0.92;
}

@-webkit-keyframes career-tab-peek {
	0%   { right: -38px; }
	30%  { right: -4px; }
	70%  { right: -4px; }
	100% { right: -38px; }
}

@keyframes career-tab-peek {
	0%   { right: -38px; }
	30%  { right: -4px; }
	70%  { right: -4px; }
	100% { right: -38px; }
}

.footer-wordmark-wrap {
	margin-top: 18px;
	height: clamp(80px, 10vw, 160px);
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.footer-wordmark {
	font-family: 'Titillium Web', sans-serif;
	font-size: clamp(4.6rem, 14vw, 12rem);
	line-height: 0.84;
	font-weight: 900;
	text-align: center;
	color: rgba(255, 255, 255, 0.35);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.12));
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.12));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: 0.02em;
	margin: 0;
	text-transform: capitalize;
	text-shadow: 0 5px 14px rgba(0, 0, 0, 0.14);
	overflow-wrap: anywhere;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
	transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.footer-wordmark-wrap.in-view .footer-wordmark {
	-webkit-transform: translateY(26%);
	transform: translateY(26%);
}

.footer-h2,
.footer-h3 {
	font-family: 'Comfortaa', sans-serif;
	margin-top: 2%;
	color: var(--footer-clr);
}

.social-media a {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 23px;
	text-decoration: none;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.28);
	background: linear-gradient(135deg, #feda75 0%, #fa7e1e 22%, #d62976 52%, #962fbf 76%, #4f5bd5 100%);
	box-shadow: 0 8px 22px rgba(214, 41, 118, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: -webkit-transform 0.32s ease, background-color 0.32s ease, color 0.32s ease, box-shadow 0.32s ease;
	transition: -webkit-transform 0.32s ease, background-color 0.32s ease, color 0.32s ease, box-shadow 0.32s ease;
	-o-transition: transform 0.32s ease, background-color 0.32s ease, color 0.32s ease, box-shadow 0.32s ease;
	transition: transform 0.32s ease, background-color 0.32s ease, color 0.32s ease, box-shadow 0.32s ease;
	transition: transform 0.32s ease, background-color 0.32s ease, color 0.32s ease, box-shadow 0.32s ease, -webkit-transform 0.32s ease;
}

.social-media a:hover {
	-webkit-transform: translateY(-6px) scale(1.04);
	transform: translateY(-6px) scale(1.04);
	color: #fff;
	background: #000;
	border-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.45);
}

.social-media a::before {
	color: #fff !important;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.social-media a.fa-twitter::before {
	content: '\f099';
}

.social-media a.fa-facebook::before {
	content: '\f09a';
}

.social-media a.fa-instagram::before {
	content: '\f16d';
}

.social-media a.fa-linkedin::before {
	content: '\f0e1';
}

a.fa-instagram,
a.fa-github {
	color: #fff;
}

a.fa-facebook {
	color: #ffffff;
	background: linear-gradient(135deg, #4267B2 0%, #1877F2 55%, #0d5fcc 100%);
	border-color: rgba(24, 119, 242, 0.7);
	box-shadow: 0 10px 24px rgba(24, 119, 242, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

a.fa-twitter {
	color: #ffffff;
	background: linear-gradient(135deg, #42b7ff 0%, #1d9bf0 55%, #157edc 100%);
	border-color: rgba(29, 155, 240, 0.7);
	box-shadow: 0 10px 24px rgba(29, 155, 240, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

a.fa-linkedin {
	color: #ffffff;
	background: linear-gradient(135deg, #2e8de6 0%, #0a66c2 55%, #084f97 100%);
	border-color: rgba(10, 102, 194, 0.7);
	box-shadow: 0 10px 24px rgba(10, 102, 194, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.fa-twitter:hover {
	color: #fff;
	background: #000;
	border-color: rgba(255, 255, 255, 0.5);
}

.fa-instagram:hover {
	color: #fff;
	background: #000;
	border-color: rgba(255, 255, 255, 0.5);
}

.fa-github:hover {
	color: #fff;
	background: #000;
	border-color: rgba(255, 255, 255, 0.5);
}

.fa-linkedin:hover {
	color: #fff;
	background: #000;
	border-color: rgba(255, 255, 255, 0.5);
}

.fa-facebook:hover {
	color: #fff;
	background: #000;
	border-color: rgba(255, 255, 255, 0.5);
}

.btn-spl {
	font-family: 'Quicksand', sans-serif;
	border-radius: 10em;
	color: var(--footer-clr);
	border-color: orangeOrange;
	width: 100px;
	height: 42px;
	border: 1.5px solid #1877f2;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	letter-spacing: 1px;
	border-radius: 5px;
}

.btn-spl:hover {
	background-color: orangeOrange;
	color: white;
	background: #1877f2;
}

.right-col h1 {
	font-size: 26px;
}

.border {
	width: 280px;
	height: 3px;
	background: orangeOrange;
	color: orangeOrange;
	border-style: none !important;
	margin: 0 auto;
}

.footer-p {
	font-family: 'Quicksand', sans-serif;
	margin-top: 1%;
	color: var(--footer-clr);
	letter-spacing: 1px;
}
.footer-h {
	font-family: 'Quicksand', sans-serif;
	color: #fff;
}

.txtb {
	font-family: 'Quicksand', sans-serif;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 10px 32px;
	font-size: 16px;
	color: #293043;
	background: #ddd;
	border: none;
	font-weight: 700;
	outline: none;
	border-radius: 30px;
	min-width: 260px;
}

.txtb::placeholder {
	font-family: 'Quicksand', sans-serif;
}

.txtb:focus.txtb:invalid {
	border: 3px solid orangeOrange;
}

.txtb:valid {
	border: 3px solid #1877f2;
}

.page-content {
	min-height: 100vh;
	font-size: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*---------------------
  Achievements Style
-----------------------*/

.wrapper {
	text-align: center;
}

.button2 {
	border-radius: 15px;
}

.btn-3 {
	color: black;
}

.btn-3:hover {
	border: 4px solid transparent;
}

.card:hover {
	-webkit-box-shadow: -1px 9px 40px -12px rgba(65, 232, 234, 0.75);
	box-shadow: -1px 9px 40px -12px rgba(65, 132, 234, 0.75);
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.mt-5 h2 {
	text-align: center;
	padding-bottom: 20px;
	font-weight: bold;
	letter-spacing: normal;
}

.mt-5 button {
	margin: auto;
	display: block;
	color: white;
	background-color: #ff9933;
}

.about--part1 {
	opacity: 0;
}

.about--part1.animated {
	opacity: 1;
}

/*---------------------
 Initiatives Section
 ----------------------*/
.program-section {
	background: var(--bg1-color);
	padding: 30px;
	-webkit-perspective: 700px;
	perspective: 700px;
}

@media screen and (max-width: 1024px) {
	.center-div {
		top: 30%;
	}
	section.module.parallax-spl {
		height: 55vh;
	}
}
@media screen and (max-width: 770px) {
	.center-div h1 {
		font-size: 40px;
	}
	.section-title h2 {
		font-size: 30px;
	}
	.vertical {
		display: hidden;
	}
}
@media screen and (max-width: 600px) {
	section.module.parallax-spl {
		height: 70vh;
	}
	.center-div {
		top: 40%;
	}

	.section-title h2 {
		line-height: 1.5em;
		text-align: center;
	}
	.counter-text .btn {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.vertical {
		left: 8%;
		margin-top: 45%;
		height: 352px;
	}

	.border {
		margin-left: 19%;
	}
}

/*-----------------
  Achievements
  -------------------*/

#my-canvas {
	position: absolute;
}

@media only screen and (max-width: 1200px) {
	#my-canvas {
		width: 940px;
		height: 484px;
	}
}

@media only screen and (max-width: 990px) {
	#my-canvas {
		width: 700px;
		height: 562px;
	}
}

@media only screen and (max-width: 768px) {
	#my-canvas {
		display: none;
	}
}

.atitle h2 {
	font-size: 4vw;
	color: var(--font-color);
}

.vertical {
	border-left: 6px solid var(--theme-color);
	height: 280px;
	position: absolute;
	left: 45%;
}

.counter-item .ci-number {
	font-family: 'Quicksand', sans-serif;
	font-size: 46px;
	color: var(--font-color);
	font-weight: 700;
	line-height: 50px;
	position: absolute;
	left: 0;
	top: 0;
}

.counter-item .ci-text h4 {
	font-size: 22px;
	color: var(--font-color);
	font-weight: 700;
	margin-bottom: 12px;
}

.gotopbtn {
	position: fixed;
	width: 50px;
	height: 50px;
	background: var(--theme-color);
	bottom: 40px;
	right: 50px;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	color: white;
	z-index: 200;
	font-size: 22px;
	border-radius: 100%;
	-webkit-box-shadow: 0 2px 7px 0px #000;
	box-shadow: 0 2px 7px 0px #000;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity ease-in-out 0.4s, visibility ease-in-out 0.4s;
	-o-transition: opacity ease-in-out 0.4s, visibility ease-in-out 0.4s;
	transition: opacity ease-in-out 0.4s, visibility ease-in-out 0.4s;
}
.gotopbtn i {
	position: absolute;
	top: 47%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media only screen and (max-width: 464px) {
	.gotopbtn {
		bottom: 20px;
		right: 15px;
	}
}

@media only screen and (max-width: 992px) {
	.program-section {
		padding: 20px;
		-webkit-perspective: 700px;
		perspective: 700px;
	}
	input:checked + .slider {
		border-color: #fcfcfc !important;
	}
}

@media only screen and (max-width: 767px) {
	.program-section {
		padding: 30px;
	}
}
/*Buttons*/

.center-btn-settings {
	border: none;
	cursor: pointer;
	position: relative;
	margin: 0 auto;
	display: block;
	padding: 10px 40px;
	font-size: 16px;
	color: var(--btn-text);
	font-weight: 700;
	background: var(--theme-color);
	width: 200px;
	font-family: 'Comfortaa', sans-serif;
	border-radius: 10px;
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.2);
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.center-btn-settings:hover {
	box-shadow: var(--btn-shadow);
	-webkit-box-shadow: var(--btn-shadow);
	color: var(--btn-hover);
}

.prodisplay {
	display: none;
}

/*----Services Accordion List-------*/
.services-list-wrapper {
	max-width: 1000px;
	margin: 0 auto;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 20px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.62);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}

.service-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 32px 48px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	cursor: pointer;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.service-row.active {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.service-row:last-child {
	border-bottom: none;
}

.service-row.active {
	background: #f5e0e5;
}

.service-row.active .service-num {
	padding-top: 12px;
}

html[data-theme='dark'] .service-row.active {
	background: rgba(225, 48, 108, 0.1);
}

.service-num {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 38%;
	flex: 0 0 38%;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.82rem;
	font-weight: 500;
	color: #9ca3af;
	letter-spacing: 0.5px;
}

.service-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.service-title {
	font-family: 'Libre Franklin', sans-serif;
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	font-weight: 400;
	color: var(--heading-clr);
	margin: 0 0 8px;
	line-height: 1.15;
}

.service-tags {
	font-size: 0.82rem;
	color: #9ca3af;
	margin: 0;
	letter-spacing: 0.2px;
}

.service-dot {
	margin: 0 6px;
}

.service-desc {
	font-size: 0.88rem;
	color: #6b7280;
	line-height: 1.65;
	margin: 14px 0 16px;
	display: none;
	max-width: 520px;
}

.service-row.active .service-desc {
	display: block;
}

.service-cta {
	display: none;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 2px;
	color: var(--heading-clr);
	border: 1px solid var(--heading-clr);
	border-radius: 999px;
	padding: 9px 22px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.service-cta:hover {
	background: var(--heading-clr);
	color: #fff;
	text-decoration: none;
}

.service-row.active .service-cta {
	display: inline-block;
}

@media only screen and (max-width: 600px) {
	.service-row {
		padding: 20px 20px;
	}

	.service-num {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50px;
		flex: 0 0 50px;
	}
}

@media only screen and (max-width: 872px) {
	.feature-cards {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media only screen and (max-width: 872px) {
	.feature-cards {
		margin-bottom: 0rem;
	}
}
.ih-item {
	position: relative;
	-webkit-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ih-item a {
	color: var(--font-color);
	cursor: pointer;
}
.ih-item a:hover {
	text-decoration: none;
}
.ih-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.ih-item.circle {
	position: relative;
	width: 16rem;
	height: 16rem;
	border-radius: 5%;
}
.ih-item.circle .img {
	position: relative;
	width: 220px;
	height: 220px;
	border-radius: 5%;
	-webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2);
}
.ih-item.circle .img:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 5%;
	-webkit-box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(255, 255, 255, 0.6);
	-webkit-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
	border-radius: 5%;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ih-item.circle .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 5%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ih-item.square {
	position: relative;
	width: 316px;
	height: 216px;
	border: 8px solid var(--bg1-color);
	-webkit-box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);
	box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);
}
.ih-item.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ih-item.circle.effect .img {
	position: absolute;
	top: 10px;
	bottom: 0;
	left: 10px;
	right: 0;
	width: auto;
	height: auto;
}
.ih-item.circle.effect .img:before {
	display: none;
}
.ih-item.circle.effect1.colored .info {
	background: #1a4a72;
	background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect .info {
	top: 10px;
	bottom: 0;
	left: 10px;
	right: 0;
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.ih-item.circle.effect .info h3 {
	font-family: 'Quicksand', sans-serif;
	color: #ddd;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 40px 22px 0 30px;
	padding: 55px 0 0 0;
	height: 120px;
	text-shadow: 0 0 1px var(--bg1-color), 0 1px 2px rgba(0, 0, 0, 0.3);
}

.ih-item.circle.effect a:hover .info {
	opacity: 1;
}

/*------Initiatives Section--------*/

/* Programs Banner */
.programs-banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	background: #e97181;
	border-radius: 20px;
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	min-height: 180px;
}

.programs-left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 22%;
	flex: 0 0 22%;
	padding: 2rem 1.5rem;
	position: relative;
	overflow: hidden;
}

.programs-deco {
	position: absolute;
	top: -18px;
	left: -18px;
}

.deco-c {
	display: block;
	border: 2px solid rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	position: absolute;
}

.deco-c1 {
	width: 110px;
	height: 110px;
	top: 0;
	left: 0;
}

.deco-c2 {
	width: 75px;
	height: 75px;
	top: 17px;
	left: 17px;
}

.deco-c3 {
	width: 40px;
	height: 40px;
	top: 35px;
	left: 35px;
}

.programs-title {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 1.3rem;
	margin-bottom: 0.75rem;
	position: relative;
	z-index: 1;
}

.programs-desc {
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.84rem;
	line-height: 1.65;
	position: relative;
	z-index: 1;
	margin: 0;
}

.programs-right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	padding: 1.75rem 1rem;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.program-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 0.85rem;
	min-width: 0;
}

.program-divider {
	width: 1px;
	height: 100px;
	background: rgba(255, 255, 255, 0.28);
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.program-icon-wrap {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 0.6rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.program-icon-wrap i {
	color: #fff;
	font-size: 1.1rem;
}

.program-name {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 0.88rem;
	margin-bottom: 0.4rem;
	line-height: 1.35;
}

.program-text {
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.75rem;
	line-height: 1.5;
	margin: 0;
}

@media only screen and (max-width: 900px) {
	.programs-banner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.programs-left {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}

	.programs-right {
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}

	.program-divider {
		width: 80%;
		height: 1px;
		margin: 1rem auto;
	}

	.programs-right {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.program-item {
		padding: 0.5rem 1.5rem;
	}
}

.initiatives-cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 1rem auto;
	max-width: 1140px;
}

.upper,
.lower {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}
.flip-card {
	width: 13rem;
	height: 13rem;
	-webkit-perspective: 62.5rem;
	perspective: 62.5rem;
	cursor: pointer;
	background-color: var(--bg2-color);
}

.flip-card-content {
	-webkit-transition: -webkit-transform 0.6s ease-in-out;
	transition: -webkit-transform 0.6s ease-in-out;
	-o-transition: transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
}

.flip-card-front {
	width: 13rem;
	height: 13rem;
	padding: 0.5rem;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card-head {
	font-family: 'Comfortaa', sans-serif;
	font-size: 16px;
	color: var(--theme-color);
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1.5px;
	margin: 1rem;
}

.flip-card-head span {
	display: block;
}

.flip-card-img {
	width: 5rem;
	height: 5rem;
	margin: 0 auto;
}

.flip-img {
	width: 100%;
	height: 100%;
	text-align: center;
}

.flip-card-back {
	width: 13rem;
	height: 13rem;
	padding: 0.5rem 1rem;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: var(--theme-color);
	color: var(--bg1-color);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

@media only screen and (hover: none) and (pointer: coarse) {
	.initiatives-cards {
		margin-bottom: 18rem;
	}

	.flip-card {
		-webkit-perspective: 0;
		perspective: 0;
	}
	.flip-card-content {
		position: static;
	}

	.flip-card-front {
		position: static;
	}

	.flip-card-back {
		position: static;
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	.flip-card:hover .flip-card-content {
		display: block;
	}
}

.flip-card-detail {
	font-family: 'Comfortaa', sans-serif;
	font-size: 0.85rem;
	color: white;
}

.flip-card:hover .flip-card-content {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

@media only screen and (hover: none) and (pointer: coarse) {
	.flip-card:hover .flip-card-content {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}

@media only screen and (max-width: 1014px) {
	.initiatives-cards {
		max-width: 90%;
		margin: 0 auto;
	}

	.upper,
	.lower {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.flip-card {
		margin: 1rem 0rem;
	}
}

@media only screen and (max-width: 632px) {
	.initiatives-cards {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media only screen and (max-width: 1017px) and (hover: none) and (pointer: coarse) {
	.upper {
		-ms-flex-line-pack: start;
		align-content: flex-start;
	}
	.lower {
		margin-bottom: 2rem;
		-ms-flex-line-pack: start;
		align-content: flex-start;
	}

	.flip-card {
		margin-bottom: 16rem;
	}
}
/* fooet and logo */

@media only screen and (max-width: 770px) {
	#footer-c {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: left;
	}

	.social-content {
		padding: 12px 6px;
		column-gap: 16px;
	}

	.social-media {
		gap: 12px;
	}

	.social-media a {
		width: 48px;
		height: 48px;
		font-size: 20px;
		border-radius: 14px;
	}

	.footer-wordmark-wrap {
		height: clamp(64px, 18vw, 110px);
		margin-top: 10px;
	}

	.footer-wordmark {
		font-size: clamp(3.2rem, 20vw, 6.2rem);
	}

	.footer-wordmark-wrap.in-view .footer-wordmark {
		-webkit-transform: translateY(24%);
		transform: translateY(24%);
	}
}

@media only screen and (max-width: 480px) {
	.social-content {
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 12px;
	}

	.social-content .border {
		width: 170px;
	}

	.social-content .footer-p {
		font-size: 0.95rem;
	}

	.footer-wordmark-wrap {
		height: clamp(54px, 20vw, 90px);
	}

	.footer-wordmark {
		font-size: clamp(2.6rem, 18vw, 4.6rem);
		letter-spacing: 0.01em;
	}

	.footer-wordmark-wrap.in-view .footer-wordmark {
		-webkit-transform: translateY(22%);
		transform: translateY(22%);
	}
}
@media only screen and (max-width: 770px) {
	.logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: auto;
	}
}

/* DARK THEME BUTTON*/

.switch {
	position: relative;
	display: inline-block;
	width: 62px;
	height: 33px;
	margin-bottom: 0;
}

.switch input {
	opacity: 0;
	width: 5rem;
	height: 1rem;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	border: 2px solid rgb(0, 204, 255);
	background-color: #81c0d5;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.slider:before {
	position: absolute;
	content: '';
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 3px;
	border-radius: 50%;
	background-color: #f5eb42;
	border: 2px solid #e4c74d;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.cloud {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 20px;
}
.stars {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	cursor: pointer;
}
.stars span {
	position: absolute;
	display: inline-block;
	background-color: #fcfcfc;
	height: 5px;
	width: 5px;
	border-radius: 50%;
}
.stars span:first-child {
	right: 10px;
	top: 4px;
}
.stars span:last-child {
	top: 50%;
	left: 15%;
	height: 8px;
	width: 8px;
}
.stars span:nth-child(2) {
	bottom: 4px;
	right: 25px;
}
.stars span:nth-child(3) {
	left: 20px;
	top: 3px;
	opacity: 0.7;
}
.stars span:nth-child(4) {
	right: 10px;
	bottom: 15px;
	opacity: 0.6;
	height: 7px;
	width: 7px;
	background-color: rgb(192, 192, 192);
}
input:checked ~ .cloud {
	display: none;
}
input:checked ~ .stars {
	display: block;
}
input:checked + .slider {
	background-color: #484848;
	border-color: #202020;
}
input:checked + .slider:before {
	border-color: #dee1c5;
	background-color: #fffdf2;
}
input:focus + .slider {
	box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(22px);
	-ms-transform: translateX(22px);
	transform: translateX(22px);
}

/* Recent Event section */
.recent-event-section {
	border-left: 12px solid var(--theme-color);
	border-right: 12px solid var(--theme-color);
}
.conclusion-container {
	background-color: var(--theme-color);
	padding: 20px;
	border-radius: 50px;
	-webkit-box-shadow: var(--eventcard);
	box-shadow: var(--eventcard);
}
.pl-80px {
	padding-left: 80px;
}
.box {
	background-color: var(--box-clr);
}
.color {
	color: var(--font-color);
	font-family: 'Quicksand', sans-serif;
}
.event-heading {
	color: var(--theme-color);
	font-family: 'Baloo Bhaina 2', sans-serif;
	font-size: 3rem;
}
.event-para {
	color: var(--font-color);
	font-family: 'Quicksand', sans-serif;
}

/*Card Designing*/

.myDiv {
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	border-radius: 20px;
	cursor: pointer;
	-webkit-box-shadow: 0 8px 32px rgba(167, 139, 250, 0.18);
	box-shadow: 0 8px 32px rgba(167, 139, 250, 0.18);
	padding: 10px;
	background: rgba(255, 255, 255, 0.62);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.spacing {
	padding-left: 60px;
}

.myDiv1 {
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	border-radius: 20px;
	cursor: pointer;
	-webkit-box-shadow: 0 8px 32px rgba(167, 139, 250, 0.18);
	box-shadow: 0 8px 32px rgba(167, 139, 250, 0.18);
	padding: 15px;
	background: rgba(255, 255, 255, 0.62);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
	border: 1px solid rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 760px) {
	.spacing {
		padding-left: 10px;
	}
	.fw-bold {
		font-size: 30px;
	}
}

/* Hero section — editorial layout */

.hero-section {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	padding: 5.5rem 2.4rem 0;
	background: #f5f4ef;
}

.hero-section::before,
.hero-section::after {
	content: none;
}

/* Top bar: brand badge (left) + nav links + socials (right) */
.hero-topbar {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding-bottom: 0.6rem;
}

.hero-brand {
	display: flex;
	align-items: center;
	gap: 0.85rem;
}

.hero-brand-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #d2152d;
	color: #fff !important;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	font-size: 1.15rem;
	letter-spacing: 0.5px;
	text-decoration: none;
	box-shadow: 0 8px 22px rgba(210, 21, 45, 0.28);
}

.hero-brand-badge:hover {
	text-decoration: none;
	color: #fff;
}

.hero-brand-meta {
	line-height: 1.2;
}

.hero-brand-name {
	margin: 0;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	font-size: 0.98rem;
	color: #111;
	letter-spacing: 0.2px;
}

.hero-brand-sub {
	margin: 2px 0 0;
	font-family: 'Quicksand', sans-serif;
	font-size: 0.78rem;
	color: #6b7280;
	letter-spacing: 0.2px;
}

.hero-navlinks {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	font-size: 0.86rem;
}

.hero-navlink {
	position: relative;
	color: #111 !important;
	text-decoration: none;
	letter-spacing: 0.3px;
}

.hero-navlink:hover {
	text-decoration: none;
	color: #d2152d !important;
}

.hero-nav-sep {
	width: 1px;
	height: 18px;
	background: rgba(0, 0, 0, 0.18);
}

.hero-social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: #111 !important;
	font-size: 1rem;
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
}

.hero-social:hover {
	color: #d2152d !important;
	transform: translateY(-2px);
	text-decoration: none;
}

/* Stage: quote (left) + figure (center) + number (right) */
.hero-stage {
	position: relative;
	z-index: 2;
	flex: 1;
	display: grid;
	grid-template-columns: minmax(220px, 1fr) minmax(0, 1.6fr) minmax(160px, 0.9fr);
	align-items: end;
	gap: 2rem;
	padding: 1.6rem 0 0;
}

.hero-quote {
	position: relative;
	max-width: 360px;
	padding-top: 3.5rem;
	align-self: center;
}

.hero-quote-mark {
	position: absolute;
	top: 0.8rem;
	left: -0.2rem;
	font-family: 'Titillium Web', serif;
	font-size: 5rem;
	font-weight: 900;
	color: #111;
	line-height: 1;
}

.hero-title {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	font-size: clamp(2rem, 3vw, 3.4rem);
	line-height: 1.08;
	letter-spacing: -0.5px;
	color: #111;
	margin: 0 0 1rem;
	text-wrap: balance;
}

.hero-quote-text {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	font-size: clamp(0.88rem, 1.1vw, 1.1rem);
	line-height: 1.5;
	letter-spacing: 0.5px;
	color: #111;
	margin: 0;
	text-transform: uppercase;
}

.hero-quote-author {
	margin: 0.75rem 0 0;
	font-family: 'Quicksand', sans-serif;
	font-size: 0.92rem;
	color: #212428;
	letter-spacing: 0.3px;
}

.hero-figure {
	margin: 0;
	align-self: end;
	justify-self: center;
	width: min(560px, 100%);
	height: clamp(380px, 66vh, 660px);
	overflow: hidden;
	border-radius: 18px 18px 0 0;
	position: relative;
	z-index: 3;
}

.hero-figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}

.hero-number {
	justify-self: end;
	align-self: start;
	display: flex;
	gap: 0.1rem;
	padding-top: 0;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	font-size: clamp(5rem, 9vw, 9rem);
	line-height: 0.9;
	color: transparent;
	-webkit-text-stroke: 1.5px #111;
	letter-spacing: -2px;
	background-image: repeating-linear-gradient(115deg, #111 0 1px, transparent 1px 6px);
	-webkit-background-clip: text;
	background-clip: text;
}

.hero-number-digit {
	display: inline-block;
}

/* Giant wordmark behind the figure */
.hero-wordmark {
	position: absolute;
	left: 0;
	right: 0;
	bottom: clamp(50px, 9vh, 100px);
	margin: 0;
	transform: none;
	text-align: center;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	font-size: clamp(100px, 18vw, 260px);
	line-height: 1;
	letter-spacing: -6px;
	color: #d2152d;
	background: none;
	-webkit-text-fill-color: #d2152d;
	white-space: nowrap;
	pointer-events: none;
	user-select: none;
	z-index: 1;
}

html[data-theme='dark'] .hero-wordmark {
	color: #d2152d;
	-webkit-text-fill-color: #d2152d;
	background: none;
}

/* Floating CTA */
.hero-cta-floating {
	position: absolute;
	left: 2.4rem;
	bottom: 1.8rem;
	z-index: 6;
}

.hero-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 0.88rem 1.5rem;
	border-radius: 999px;
	background: #111;
	color: #fff !important;
	font-family: 'Quicksand', sans-serif;
	font-size: 0.95rem;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.08);
	transition: transform 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease;
}

.hero-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32);
	color: #fff !important;
	text-decoration: none;
	opacity: 0.97;
}

/* ── Responsive ── */

@media only screen and (max-width: 1274px) {}

@media only screen and (max-width: 1070px) {
	.hero-stage {
		grid-template-columns: minmax(200px, 1fr) minmax(0, 1.5fr) minmax(130px, 0.75fr);
		gap: 1.5rem;
	}
	.hero-figure {
		height: clamp(340px, 58vh, 560px);
	}
	.hero-title {
		font-size: clamp(1.8rem, 2.5vw, 2.8rem);
	}
}

/* Tablet — 2-column: quote left, figure right; number floats top-right */
@media only screen and (max-width: 838px) {
	.hero-section {
		padding: 5rem 1.4rem 0;
		min-height: 100svh;
	}

	.hero-stage {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto 1fr;
		align-items: start;
		gap: 1rem;
		padding-top: 1rem;
	}

	.hero-quote {
		grid-column: 1;
		grid-row: 1 / 3;
		max-width: 100%;
		padding-top: 3rem;
		align-self: center;
	}

	.hero-figure {
		grid-column: 2;
		grid-row: 1 / 3;
		width: 100%;
		height: clamp(300px, 55vw, 480px);
		justify-self: stretch;
		align-self: end;
	}

	.hero-number {
		position: absolute;
		top: 5.2rem;
		right: 1.4rem;
		font-size: clamp(3.5rem, 10vw, 5.5rem);
		z-index: 4;
	}

	.hero-wordmark {
		font-size: clamp(72px, 21vw, 160px);
		letter-spacing: -3px;
		bottom: clamp(24px, 5vh, 70px);
	}

	.hero-cta-floating {
		left: 1.4rem;
		bottom: 1.2rem;
	}

	.hero-title {
		font-size: clamp(1.7rem, 4vw, 2.6rem);
	}
}

/* Mobile */
@media only screen and (max-width: 560px) {
	.hero-section {
		padding: 5rem 1rem 0;
	}

	.hero-stage {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		gap: 0.8rem;
	}

	.hero-quote {
		grid-column: 1;
		grid-row: 1;
		padding-top: 2.8rem;
	}

	.hero-figure {
		grid-column: 1;
		grid-row: 2;
		width: 100%;
		height: clamp(380px, 85vw, 580px);
		justify-self: center;
		align-self: end;
	}

	.hero-number {
		position: absolute;
		top: 5rem;
		right: 1rem;
		font-size: clamp(3rem, 13vw, 4.5rem);
	}

	.hero-wordmark {
		font-size: clamp(56px, 20vw, 110px);
		letter-spacing: -2px;
		bottom: clamp(16px, 4vh, 50px);
	}

	.hero-cta-floating {
		left: 1rem;
		bottom: 0.8rem;
	}

	.hero-title {
		font-size: clamp(1.6rem, 6vw, 2.2rem);
	}

	.hero-quote-text {
		font-size: 0.85rem;
	}

	.hero-cta {
		min-width: 140px;
		padding: 0.75rem 1.1rem;
		font-size: 0.88rem;
	}
}

/* Very small phones */
@media only screen and (max-width: 380px) {
	.hero-title {
		font-size: 1.5rem;
	}
	.hero-quote-text {
		font-size: 0.8rem;
	}
	.hero-wordmark {
		font-size: clamp(44px, 18vw, 80px);
	}
}

@media only screen and (max-width: 992px) {
	.navbar {
		width: calc(100% - 1rem);
		padding: 0.55rem 0.9rem;
	}

	#navbarNav {
		display: none !important;
	}

	.header-actions {
		display: none;
	}
}

.loader-box {
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.hollowLoader {
	width: 3rem;
	height: 3rem;
	-webkit-animation: loaderAnim 1.25s infinite ease-in-out;
	animation: loaderAnim 1.25s infinite ease-in-out;
	outline: 1px solid transparent;
}

.largeBox {
	height: 3rem;
	width: 3rem;
	background-color: #ececec;
	outline: 1px solid transparent;
	position: fixed;
}

.smallBox {
	height: 3rem;
	width: 3rem;
	background-color: #000;
	position: fixed;
	z-index: 999;
	outline: 1px solid transparent;
	-webkit-animation: smallBoxAnim 1.25s alternate infinite ease-in-out;
	animation: smallBoxAnim 1.25s alternate infinite ease-in-out;
}
@-webkit-keyframes smallBoxAnim {
	0% {
		-webkit-transform: scale(0.2);
		transform: scale(0.2);
	}
	100% {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}
}
@keyframes smallBoxAnim {
	0% {
		-webkit-transform: scale(0.2);
		transform: scale(0.2);
	}
	100% {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}
}

@-webkit-keyframes loaderAnim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

@keyframes loaderAnim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

@media only screen and (max-width: 990px) {
	.svg-img {
		position: absolute;
		top: 0;
		right: 0;
		width: 20rem;
	}
}

@media only screen and (max-width: 810px) {
	.svg-img {
		right: -2rem;
		width: 16rem;
		z-index: -20;
	}
	.navigation-content a {
		font-size: 1.2rem;
	}
}

@media only screen and (max-width: 620px) {
	.navigation-content a {
		font-size: 0.9rem;
	}
	.svg-img {
		width: 14rem;
		z-index: -20;
	}
}

@media only screen and (max-width: 590px) {
	.svg-img {
		top: -110%;
		left: 20%;
		width: 14rem;
		z-index: -20;
	}
}

.success-message {
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	margin-left: 4px;
	font-family:'Comfortaa',sans-serif;
}
.hide{
	opacity:0;
}

/* ============================================================
   INITIATIVES — card scene redesign
   ============================================================ */
#initiativesSection {
	background: #f0eeea;
}

.init-wrapper {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.init-heading {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	font-size: clamp(2rem, 4.5vw, 3rem);
	color: #111;
	letter-spacing: 0.06em;
	margin-bottom: 6px;
}

.init-heading span {
	color: #d2152d;
}

.init-subheading {
	font-size: 0.95rem;
	color: #777;
	margin-bottom: 52px;
}

/* Scene container ------------------------------------------ */
.init-scene {
	position: relative;
	max-width: 1060px;
	margin: 0 auto;
	padding-bottom: 40px;
}

/* Main dark card ------------------------------------------- */
.init-main-card {
	position: relative;
	width: 620px;
	max-width: 100%;
	margin: 0 auto;
	/* background: linear-gradient(145deg, #152a20 0%, #1e3d2e 40%, #1a3025 75%, #1f3d38 100%); */
	background: #d2152d;
	border-radius: 24px;
	padding: 34px 30px 44px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
	color: #fff;
	text-align: left;
	z-index: 2;
}

/* Card header row */
.imc-header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 28px;
}

.imc-dot {
	width: 8px;
	height: 8px;
	background: #6dda6d;
	border-radius: 50%;
	display: inline-block;
	flex-shrink: 0;
}

.imc-label {
	flex: 1;
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.85);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 600;
}

.imc-info {
	color: rgba(255, 255, 255, 0.3);
	font-size: 0.8rem;
	cursor: default;
}

/* Program list */
.imc-list {
	display: flex;
	flex-direction: column;
}

.imc-item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.imc-item:last-child {
	border-bottom: none;
}

.imc-icon {
	width: 38px;
	height: 38px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
	color: #9ed4b8;
	flex-shrink: 0;
}

.imc-name {
	font-size: 0.88rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 3px;
}

.imc-desc {
	font-size: 0.74rem;
	color: rgba(255, 255, 255, 0.52);
	line-height: 1.35;
}

/* Floating cards ------------------------------------------- */
.init-float {
	position: absolute;
	border-radius: 16px;
	box-shadow: 0 10px 34px rgba(0, 0, 0, 0.13);
	z-index: 5;
	text-align: left;
	transition: transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.32s ease;
	cursor: default;
}

.init-float:hover {
	transform: translateY(-12px) scale(1.04);
	box-shadow: 0 24px 52px rgba(0, 0, 0, 0.22);
	z-index: 10;
}

/* Students card — top left */
.init-fc-students {
	background: #ffffff;
	top: 30px;
	left: 30px;
	width: 200px;
	padding: 18px 18px 14px;
}

.ifc-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 14px;
}

.ifc-val {
	font-size: 1.85rem;
	font-weight: 800;
	color: #111;
	line-height: 1;
}

.ifc-cap {
	font-size: 0.76rem;
	color: #888;
	margin-top: 5px;
}

.ifc-info-icon {
	color: #ccc;
	font-size: 0.82rem;
	cursor: default;
}

.ifc-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #111;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 9px;
	padding: 9px 13px;
	font-size: 0.79rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	transition: background 0.2s;
}

.ifc-btn:hover {
	background: #333;
	color: #fff !important;
}

/* Faculty card — bottom right */
.init-fc-faculty {
	background: #f2f2f2;
	bottom: 40px;
	right: 30px;
	width: 185px;
	padding: 16px 18px;
}

.iff-tag {
	font-size: 0.74rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 7px;
}

.iff-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 10px;
}

.iff-val {
	font-size: 1.85rem;
	font-weight: 800;
	color: #111;
	line-height: 1;
}

.iff-cap {
	font-size: 0.76rem;
	color: #888;
	margin-top: 5px;
}

.iff-text {
	font-size: 0.77rem;
	color: #555;
	line-height: 1.45;
	margin: 0 0 10px;
}

.iff-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #111;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 9px;
	padding: 8px 12px;
	font-size: 0.76rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	transition: background 0.2s;
}

.iff-btn:hover {
	background: #333;
	color: #fff !important;
}

/* Responsive: stack on small viewports --------------------- */
@media only screen and (max-width: 740px) {
	.init-scene {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 14px;
		padding-bottom: 0;
	}

	.init-float {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		width: 100%;
		max-width: 460px;
	}

	.init-fc-students { order: 1; }
	.init-main-card   { order: 2; }
	.init-fc-faculty  { order: 3; }
}

/* =========================================================
   PROGRAMS SECTION — card grid layout
   ========================================================= */
#newsSection {
	background: #fff;
	padding: 80px 40px 60px;
}

.prog-hero-heading {
	font-family: 'Libre Franklin', sans-serif;
	font-size: clamp(3.2rem, 9vw, 8rem);
	font-weight: 900;
	line-height: 0.95;
	text-transform: uppercase;
	color: #d2152d;
	text-align: center;
	margin-bottom: 64px;
	letter-spacing: -0.02em;
}

.prog-hero-heading span {
	color: #d2152d;
}

.prog-slider-outer {
	position: relative;
	overflow: hidden;
	/* fade edges */
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
	mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}

.prog-cards-grid {
	overflow: hidden;
	padding-bottom: 16px;
}

.prog-track {
	display: flex;
	gap: 20px;
	width: max-content;
	-webkit-animation: prog-marquee 32s linear infinite;
	animation: prog-marquee 32s linear infinite;
}

@-webkit-keyframes prog-marquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

@keyframes prog-marquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.prog-card {
	background: #ffffff;
	border: 1px solid #ececec;
	border-radius: 20px;
	padding: 42px 36px 48px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	flex: 0 0 420px;
	min-height: 500px;
	transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.28s ease;
}

.prog-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 48px rgba(0,0,0,0.10);
}

.prog-card-num {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.72rem;
	font-weight: 500;
	color: #d2152d;
	letter-spacing: 0.1em;
}

.prog-card-title {
	font-family: 'Libre Franklin', sans-serif;
	font-size: clamp(1.3rem, 2.2vw, 1.85rem);
	font-weight: 800;
	color: #d2152d;
	text-transform: uppercase;
	line-height: 1.1;
	margin: 0;
}

.prog-card-tags {
	font-size: 0.76rem;
	color: #9ca3af;
	margin: 0;
	letter-spacing: 0.2px;
}

.prog-card-desc {
	font-size: 0.85rem;
	color: #555;
	line-height: 1.65;
	margin: 0;
	flex: 1;
}

.prog-card-cta {
	display: inline-block;
	margin-top: 10px;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 1.5px;
	color: #111;
	text-decoration: none;
	border-bottom: 1.5px solid #111;
	padding-bottom: 2px;
	width: fit-content;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.prog-card-cta:hover {
	color: #d2152d;
	border-color: #d2152d;
	text-decoration: none;
}

.prog-footer-cta {
	text-align: center;
	margin-top: 52px;
}

@media (max-width: 560px) {
	#newsSection {
		padding: 50px 18px 40px;
	}
	.prog-card {
		flex: 0 0 88vw;
	}
	.prog-hero-heading {
		margin-bottom: 40px;
	}
}