:root {
	--theme-primary: #0B1E44;
	--theme-secondary: #f8c400;
	--extra-color: #cbc49d;
	--primary-light: #123FAF;
	--gradient-color: linear-gradient(90deg, #0B1E44 0%, #123FAF 50%, #132C6B 100%);
	--gradient-color1: linear-gradient(90deg, #0B1E44 0%, #1B3C8F 100%);
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Rubik', sans-serif;
	margin: 0;
	padding: 0;
	background: linear-gradient(to right, #f6f6efdb, #f6f6efdb, #f6f6efdb), url('../images/blue-sky.jpg') center/cover no-repeat;
	/* background: #f6f6ef; */
}



h1, h2, h3, h4, h5 {
	color: var(--theme-primary);
	font-family: Cinzel, serif;
}


h6 {
	color: #000;
	font-family: Cinzel, serif;
}

a {
	color: var(--theme-primary);
}


.video-size {
	width: 100%; /* video fills container */
	aspect-ratio: 1/1; /* keeps it square */
	object-fit: cover;
}



.main-header {
	position: relative;
	display: block;
	width: 100%;
	z-index: 99;
	clear: both;
}

/* Navbar Wrapper */
.navbar-wrapper1 {
	background: var(--gradient-color);
	border-radius: 40px;
	position: fixed;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	width: 90%;
	max-width: 1300px;
	padding: 11px 0px;
	transition: all 0.3s ease;
	border-top: 4px solid var(--theme-secondary);
}

@media (max-width:575px) {
	.navbar-wrapper1 {
		background: var(--gradient-color);
		border-radius: 40px;
		position: fixed;
		top: 40px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 10;
		width: 90%;
		max-width: 1300px;
		padding: 11px 0px;
		transition: all 0.3s ease;
		border-top: 4px solid var(--theme-secondary);
	}
}



/* Navbar */
.navbar {
	padding: 0;
}

.navbar-wrapper1 .nav-link {
	color: #fff !important;
	padding: 10px 20px;
	transition: all 0.2s;
}

.nav-link:hover {
	background-color: rgba(255,255,255,0.1);
	border-radius: 50px;
}

/* Dropdown Menu */
.dropdown-menu {
	border-radius: 15px !important;
	background-color: #2c4f88;
	border: none;
}

.dropdown-item {
	color: white !important;
	padding: 8px 20px;
	transition: all 0.3s;
	border-radius: 20px;
}

	.dropdown-item:hover {
		background-color: rgba(255,255,255,0.1) !important;
	}

/* Navbar Brand */
.navbar-brand {
	display: flex;
	align-items: center;
	font-weight: bold;
	color: white;
	border: 1px solid #fff;
	width: 40px;
	height: 40px;
	justify-content: center;
	border-radius: 50%;
	margin: 0px;
}

#navbarNav {
	margin: 0px 15px;
}

.home-icon {
	font-size: 20px;
}

/*----------------- Logo ---------------------*/

.logo {
	position: fixed;
	top: -43px;
	left: 50%;
	transform: translateX(-50%);
	width: 135px;
	z-index: 20;
	border-radius: 50%;
	padding: 6px;
	overflow: hidden; /* Important for shine */
}

	.logo a {
		display: block;
		position: relative;
	}

	.logo img {
		width: 100%;
		height: auto;
		display: block;
	}

	/* Shine Effect */
	.logo a::after {
		content: "";
		position: absolute;
		top: -50%;
		left: -50%;
		width: 200%;
		height: 200%;
		background: linear-gradient( 120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 70% );
		transform: rotate(25deg);
		animation: shine 3s infinite;
	}

@keyframes shine {
	0% {
		transform: translateX(-150%) rotate(25deg);
	}

	100% {
		transform: translateX(150%) rotate(25deg);
	}
}


/* -------------------Dropdown----------------- */

/* Reset normal dropdown position */
.nav-item.dropdown {
	position: static; /* prevent li from being positioning context */
}

/* Mega Menu */
.mega-menu {
	position: absolute;
	top: 100%;
	display: none;
	background: linear-gradient(180deg, var(--primary-light) 0%, var(--theme-primary) 100%);
	/* border-radius: 15px; */
	padding: 0;
	border: none;
	box-shadow: 0 8px 20px rgba(0,0,0,0.2);
	z-index: 5;
	/* overflow: hidden; */
}

	.mega-menu .dropdown-item {
		white-space: normal !important;
		word-wrap: break-word;
		word-break: break-word;
	}

	.mega-video {
		border-radius: 30px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		padding: 15px;
		max-height: 300px;
	}



/* Show on hover */
.nav-item.dropdown:hover .mega-menu {
	display: block;
}

/* Left navbar block dropdown (About → Downloads) */
.navbar-nav.me-auto .mega-menu {
	left: 0; /* lock to UL left side */
	right: auto;
	min-width: 500px;
	max-width: 700px;
	/* max-width: calc(100% - 150px); */
}

/* Right navbar block dropdown (Awards → Contact) */
.navbar-nav.ms-auto .mega-menu {
	right: 0; /* lock to UL right side */
	left: auto;
	min-width: 500px;
	max-width: 700px;
	/* max-width: calc(100% - 150px); */
}


#offcanvas-body .nav-link {
	color: #fbf01e !important;
	padding: 10px 20px;
	transition: all 0.2s;
}

#offcanvas-body .nav-item {
	border-bottom: 1px solid #cbc49b96;
}


/* -------------------Dropdown End----------------- */

/* Keep your gradient text */
.hero-heading {
	background: linear-gradient(180deg, var(--theme-primary) 0%, var(--primary-light) 55%, var(--primary-light) 100%) no-repeat;
	-webkit-background-clip: text;
	color: transparent;
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
}




.Play-Button {
	position: absolute;
	bottom: 20px;
	right: 40px;
	cursor: pointer;
	z-index: 100;
	text-decoration: none;
	transition: 0.3s all ease-in-out;
}


	.Play-Button img {
		width: 100%;
		max-width: 60px;
		border-radius: 50%;
		background: #fff;
		padding: 5px;
		z-index: 9;
		transition: 0.3s all ease-in-out;
	}

	.Play-Button p {
		background: #fff;
		margin-left: -20px;
		padding: 3px 20px;
		border-radius: 0px 30px 30px 0px;
		font-size: 13px;
		transition: 0.3s all ease-in-out;
	}

	.Play-Button:hover img {
		width: 100%;
		max-width: 70px;
		border-radius: 50%;
		background: #fff;
		padding: 5px;
		z-index: 9;
		transform: translateX(-12px);
	}

	.Play-Button:hover p {
		background: #fff;
		margin-left: -20px;
		padding: 3px 20px;
		border-radius: 30px;
		font-size: 14px;
		transform: translateX(12px);
	}



/* ======================== */

.Play-Button-about {
	position: absolute;
	top: 0px;
	right: 40px;
}

	.Play-Button-about img {
		width: 100%;
		max-width: 60px;
		border-radius: 50%;
		z-index: 9;
		background: #fff;
		padding: 5px;
	}

	.Play-Button-about p {
		background: #fff;
		margin-left: -20px;
		padding: 3px 20px;
		border-radius: 0px 30px 30px 0px;
		font-size: 13px;
	}



.leaf {
	max-width: 150px;
	opacity: 1;
	position: absolute;
	left: -5px;
	top: 0;
	z-index: -1;
}

.btn-top-row {
	position: fixed;
	top: 0px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-col {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* width: 1280px; */
	max-width: 100%;
	margin-top: 18px;
	/* margin-top: 15px; */
}


.shine-text {
	/* margin: 2px 15px; */
	color: #000000;
	font-size: 14px;
	padding: 4px 80px 30px 25px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	border-radius: 30px 0px;
	/* text-shadow: 1px 1px 1px #000; */
	background: var(--theme-secondary);
}

	.shine-text::after {
		content: '';
		position: absolute;
		top: 0;
		left: -150%;
		width: 100%;
		height: 100%;
		background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.5), transparent);
		/* animation: shine 2s infinite; */
	}

.shine-text1 {
	/* margin: 2px 15px; */
	color: #000000;
	font-size: 14px;
	padding: 4px 25px 30px 80px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	border-radius: 0px 30px;
	/* text-shadow: 1px 1px 1px #000; */
	background: var(--theme-secondary);
}

	.shine-text1::after {
		content: '';
		position: absolute;
		top: 0;
		left: -150%;
		width: 100%;
		height: 100%;
		background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.5), transparent);
		/* animation: shine 2s infinite; */
	}

/* ============================================== */


.Link-Button a {
	background: #ffffff;
	margin: 8px 8px 8px 0px;
	color: var(--theme-primary);
	border-radius: 30px;
	text-decoration: navajowhite;
	padding: 10px 15px;
	transition: 0.3s all;
}

	.Link-Button a:hover,
	.Link-Button a:focus {
		background: var(--primary-light);
		margin: 8px 8px 8px 0px;
		color: #fff;
		padding: 10px 15px;
		border-radius: 30px;
	}

.btn-gif {
	background: #ffffffe9;
	/* background-image: url('./BG-BTN.gif'); */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s;
}

	.btn-gif:hover {
		background: #ffffffe9;
		color: var(--primary-light);
		transform: translateY(-2px);
	}

.view-video-button {
	background: #f6f6ef;
	padding: 5px 15px;
	border-radius: 40px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.41);
	transition: 0.3s ease-in-out;
}

	.view-video-button:hover {
		background: var(--theme-secondary);
		padding: 5px 15px;
		border-radius: 40px;
		box-shadow: 0 2px 1px rgb(18, 62, 171);
	}

/* =======================Hero Section====================== */


.hero-quicklink {
	background: rgba(255, 255, 255, 0.647); /* translucent glass */
	backdrop-filter: blur(30px) saturate(150%);
	-webkit-backdrop-filter: blur(30px) saturate(150%);
	border: 1px solid rgba(255, 255, 255, 0.25);
}

	.hero-quicklink h6 {
		color: var(--theme-primary);
		transition: 0.3s;
	}

	.hero-quicklink:hover h6 {
		color: var(--primary-light);
		transition: 0.3s;
	}

.hero {
	height: 1800px;
}

/* @media (max-width: 575px) {
  .hero {
	height: 1600px;
}
} */

.text-shadow {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.text-shadow-w {
	text-shadow: 2px 1px 2px rgb(255, 255, 255);
}


/* News Card */
#newsSlider .news-card {
	background: #fff;
	border-radius: 140px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	text-align: center;
	padding: 25px 15px;
	width: 100%;
	max-width: 270px;
	height: 360px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 10px auto;
	transition: 0.4s ease-in-out;
}
/* #newsSlider .news-card:hover {
	background: #fffadf;
} */



#newsSlider .news-date {
	font-weight: bold;
	width: 110px;
	height: 110px;
	/* background: #f6f6ef; */
	background: var(--theme-secondary);
	margin: 0px auto 10px auto;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	gap: 5px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.41);
}

	#newsSlider .news-date .day {
		font-size: 24px;
		display: block;
		line-height: 1;
	}

	#newsSlider .news-date .month {
		font-size: 14px;
		color: var(--primary-light);
	}

#newsSlider .news-title {
	font-size: 16px;
	margin-bottom: 6px;
}

#newsSlider .news-desc {
	font-size: 14px;
	color: #555;
}

/* Custom Prev/Next buttons */
.news-nav .custom-prev,
.news-nav .custom-next {
	background: var(--gradient-color1);
	color: #fff;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 3px 8px rgba(0,0,0,0.3);
	cursor: pointer;
	transition: 0.3s ease-in-out;
}

	.news-nav .custom-prev:hover,
	.news-nav .custom-next:hover {
		background: var(--theme-secondary);
		color: #000;
	}

.hero-school {
	position: absolute;
	bottom: 0;
	width: 100%;
}


.video-round {
	border-radius: 50%; /* circle shape */
	width: 100%; /* responsive width */
	/* max-width: 400px; */
	aspect-ratio: 1/1; /* keep square */
	object-fit: cover; /* crop nicely */
}

@media (max-width: 575px) {
	.video-round {
		max-width: 250px; /* smaller on mobile */
	}

	.aboutus-vodeos {
		margin-top: 30%;
	}
}


.About-Top-design {
	width: 100%;
	position: absolute;
	top: -24%; /* default for extra large (≥1200px) */
}

/* Extra small devices (≤575px) */
@media (max-width: 575px) {
	.About-Top-design {
		top: -3%;
	}
}

/* Small devices (≥576px and ≤767px) */
@media (min-width: 576px) and (max-width: 767px) {
	.About-Top-design {
		top: -8%;
	}
}

/* Medium devices (≥768px and ≤991px) */
@media (min-width: 768px) and (max-width: 991px) {
	.About-Top-design {
		top: -12%;
	}
}

/* Large devices (≥992px and ≤1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
	.About-Top-design {
		top: -15%;
	}
}



/* -------------------Fcility------------------- */

.facility-card {
	height: 320px;
	background-size: cover;
	background-position: center;
	border-radius: 130px;
	box-shadow: 0 8px 10px rgba(0,0,0,.18);
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
}


	/* Dark gradient overlay */
	.facility-card::before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.151) 40%, rgba(0,0,0,0.7) 100%);
		border-radius: 20px;
	}

	.facility-card:hover .card-overlay {
		position: absolute;
		bottom: 20px;
		left: 20px;
		right: 20px;
		color: #fff;
		z-index: 2;
		transition: 0.4s ease-in-out;
	}

	.facility-card .card-overlay {
		position: absolute;
		bottom: 50px;
		left: 40px;
		right: 20px;
		color: #fff;
		z-index: 2;
	}

	.facility-card h6 {
		font-weight: 700;
		margin-bottom: 6px;
		color: var(--theme-secondary);
	}

	.facility-card p {
		font-size: 12px;
		margin: 0;
	}

	.facility-card:hover .facility-icon {
		width: 100%;
		max-width: 80px;
		margin: 10px;
		opacity: 0;
		transition: 0.4s all;
	}

	.facility-card .facility-icon {
		width: 100%;
		max-width: 60px;
		margin: 10px;
		opacity: 1;
	}

/* Navigation buttons */
.facility-nav {
	display: flex;
	gap: 10px;
	margin-left: 30px;
	justify-content: start;
	align-items: center;
}

	.facility-nav button {
		width: 45px;
		height: 45px;
		border-radius: 50%;
		border: none;
		background: var(--gradient-color1);
		color: #fff;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 8px 16px rgba(0,0,0,.18);
		cursor: pointer;
		margin: 0px 5px;
		transition: 0.3s ease-in-out;
	}

		.facility-nav button:hover {
			background: var(--theme-secondary);
			color: #000;
		}

/* Navigation buttons */
.facility-nav1 {
	display: flex;
	gap: 10px;
	margin-left: 30px;
	justify-content: center;
	align-items: center;
}

	.facility-nav1 button {
		width: 45px;
		height: 45px;
		border-radius: 50%;
		border: none;
		background: var(--gradient-color1);
		color: #fff;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 8px 16px rgba(0,0,0,.18);
		cursor: pointer;
		margin: 0px 5px;
		transition: 0.3s ease-in-out;
	}

		.facility-nav1 button:hover {
			background: var(--theme-secondary);
			color: #000;
		}

.facility-icons {
	max-width: 60px;
	padding: 0px 0px 15px 0px;
}

.facility-line {
	width: 100%;
	height: 5px;
	background: var(--theme-secondary);
	border-radius: 20px;
	max-width: 300px;
	margin: auto 30px;
}


/* ================================== */

/* Custom Swiper Buttons */
.custom-swiper-btn {
	background: var(--gradient-color1);
	color: #fff;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	border: none;
	transition: 0.3s ease-in-out;
	z-index: 10; /* stays above images */
	margin: 0px 20px;
}

	.custom-swiper-btn:hover {
		background: var(--theme-secondary);
		color: #000;
	}


/* Remove default swiper arrows */
#birthdaySlider .swiper-button-prev,
#birthdaySlider .swiper-button-next {
	display: none;
}

/* Birthday Slider Custom Nav Buttons */
.birthday-slider-nav .birthday-prev,
.birthday-slider-nav .birthday-next {
	background: var(--gradient-color1);
	color: #fff;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	cursor: pointer;
	transition: 0.3s ease-in-out;
}

	.birthday-slider-nav .birthday-prev:hover,
	.birthday-slider-nav .birthday-next:hover {
		background: var(--theme-secondary);
		color: #000;
	}

/* Overlap Images */
.overlap-left {
	position: absolute;
	bottom: 0;
	width: 50%;
	z-index: 9;
	left: -20px;
}

.overlap-right {
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 100%;
	position: absolute;
	z-index: 9;
}

.birthday-card-img {
	width: 160px;
	height: 160px;
	object-fit: cover;
	margin-top: 10px;
}

/* Responsive for smaller screens */
@media (max-width: 768px) {
	.birthday-slider-nav .birthday-prev,
	.birthday-slider-nav .birthday-next {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
}

.about-padding {
	margin-bottom: 10%;
}

.about-patterns {
	position: absolute;
	width: 100%;
	max-width: 400px;
	right: 0;
	top: -10%;
	z-index: -1;
	opacity: 0.2;
}

.Achievements-sec {
	padding: 6% 6% 20% 6%;
}

@media (max-width:575px) {
	.Achievements-sec {
		padding: 6% 6% 74% 6%;
	}

	.about-padding {
		margin-bottom: 15%;
	}
}


/* ===================Toppers========= */
/* Remove default Bootstrap icons */
.toppers-carousel .carousel-control-prev-icon,
.toppers-carousel .carousel-control-next-icon {
	display: none !important;
}

/* Custom Nav Buttons (below name tag) */
.carousel-controls .custom-prev,
.carousel-controls .custom-next {
	background: var(--gradient-color1);
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	border: none;
	margin: 0 10px;
	transition: 0.3s ease-in-out;
}

	.carousel-controls .custom-prev:hover,
	.carousel-controls .custom-next:hover {
		background: var(--theme-secondary);
		color: #000;
	}

.Toppers-gif {
	position: absolute;
	right: -70%;
}

@media (max-width:575px) {
	.Toppers-gif {
		position: absolute;
		right: 0%;
	}
}

.Topper-student {
	width: 200px;
	height: 200px;
	object-fit: cover;
}

.round-frame {
	width: 260px;
	object-fit: cover;
	position: absolute;
	top: -13px;
}

/* =======================GALLERY------------------ */
/* Background */
.gallery-bg {
	background: #0e2c71;
	padding: 3rem 0;
}

/* Info Box */
.info-box {
	background: linear-gradient(120deg, #0B1E44 0%, #123FAF 40%, #123FAF 60%, #123895 100%);
	border-radius: 20px;
	padding: 2rem;
}

.underline-img {
	width: 100%;
	max-width: 300px;
}

/* Carousel Images */
.gallery-img {
	width: 100%;
	height: 400px; /* desktop default */
	object-fit: cover;
	object-position: center;
}

#Gallery .carousel-control-prev,
#Gallery .carousel-control-next {
	background: var(--gradient-color1, #123FAF);
	width: 45px;
	height: 45px;
	border-radius: 50%;
	opacity: 1;
	display: flex; /* center the icon inside */
	align-items: center;
	justify-content: center;
	top: 50%; /* move to middle */
	transform: translateY(-50%); /* correct vertical centering */
	transition: 0.3s ease-in-out;
}

#Gallery .carousel-control-prev {
	left: 15px; /* distance from left edge */
}

#Gallery .carousel-control-next {
	right: 15px; /* distance from right edge */
}

	#Gallery .carousel-control-prev:hover,
	#Gallery .carousel-control-next:hover {
		background: var(--theme-secondary, #FFDA60);
		color: #000;
	}


/* Responsive Heights */
@media (max-width: 1199px) {
	.gallery-img {
		height: 350px;
	}
}

@media (max-width: 991px) {
	.gallery-img {
		height: 300px;
	}
}

@media (max-width: 767px) {
	.gallery-img {
		height: 260px;
	}
}

@media (max-width: 575px) {
	.gallery-img {
		height: 220px;
	}
}


/* ================Enroll Now=============== */

#pop .pop-msg {
	position: relative;
	background: #327AFE;
	border-radius: 10px;
	/* padding: 45px 80px 50px 60px; */
	/* margin: 0px 100px 20px; */
	background-position: bottom right !important;
	background-size: 50% !important;
	background-repeat: no-repeat !important;
}

.enroll-now {
	margin-top: 80px;
	position: absolute;
	top: -25%;
	width: 100%;
	max-width: 1200px;
}

@media (max-width:575px) {
	.enroll-now {
		margin-top: 80px;
		position: absolute;
		top: -22%;
		width: 100%;
	}

	.enroll-para {
		width: 50%;
	}
}

.logo-footer {
	width: 145px;
	z-index: 20;
	border-radius: 50%;
	padding: 6px;
	overflow: hidden;
	margin: 0px auto;
}

	.logo-footer a {
		display: block;
		position: relative;
	}

	.logo-footer img {
		width: 100%;
		height: auto;
		display: block;
	}

	.logo-footer a::after {
		content: "";
		position: absolute;
		top: -50%;
		left: -50%;
		width: 200%;
		height: 200%;
		background: linear-gradient( 120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 70% );
		transform: rotate(25deg);
		animation: shine 3s infinite;
	}

@keyframes shine {
	0% {
		transform: translateX(-150%) rotate(25deg);
	}

	100% {
		transform: translateX(150%) rotate(25deg);
	}
}



/* =======================Footer==================== */

.site-footer {
	background: url(../images/Dark-Blue-Sky.svg) center center / cover;
	color: #d9e3f5;
	padding: 13% 0 0 0; /* Default for large screens (≥1200px) */
	position: relative;
}

/* For screens below 1200px */
@media (min-width: 768px) and (max-width: 1199.98px) {
	.site-footer {
		padding: 17% 0 0 0;
	}
}

@media (min-width: 576px) and (max-width: 768px) {
	.site-footer {
		padding: 12% 0 0 0;
	}
}


.footer-logo {
	width: 100%;
	max-width: 100px;
}

.site-footer h6 {
	color: var(--theme-secondary);
}

/* ===============Button=================== */

.btn-border-flow {
	display: inline-block;
	padding: 6px 18px;
	font-size: 18px;
	color: #fff;
	background: #0B1E44;
	border-radius: 50px;
	text-decoration: none;
	position: relative;
	z-index: 1;
	box-shadow: 0 6px 12px rgba(18, 56, 150, 0.52);
}

	.btn-border-flow::before {
		content: "";
		position: absolute;
		inset: -2px;
		border-radius: 50px;
		background: linear-gradient(270deg, var(--primary-light), var(--theme-primary), #1450e9, var(--primary-light));
		background-size: 400% 400%;
		z-index: -1;
		animation: borderMove 6s linear infinite;
	}

.btn-page-flow {
	display: inline-block;
	padding: 6px 18px;
	font-size: 18px;
	color: #fff;
	background: #0B1E44;
	border-radius: 50px;
	text-decoration: none;
	position: relative;
	z-index: 1;
	box-shadow: 0 6px 12px rgba(18, 56, 150, 0.52);
	width: 100%;
	max-width: 600px;
	left: 50%;
	transform: translateX(-50%);
}

	.btn-page-flow::before {
		content: "";
		position: absolute;
		inset: -2px;
		border-radius: 50px;
		background: linear-gradient(270deg, var(--primary-light), var(--theme-primary), #1450e9, var(--primary-light));
		background-size: 400% 400%;
		z-index: -1;
		animation: borderMove 6s linear infinite;
	}

.btn-border-flow1 {
	display: inline-block;
	padding: 6px 18px;
	font-size: 18px;
	color: var(--theme-primary);
	background: #0B1E44;
	border-radius: 50px;
	text-decoration: none;
	position: relative;
	z-index: 1;
	box-shadow: 0 6px 12px rgba(18, 56, 150, 0.52);
}

	.btn-border-flow1::before {
		content: "";
		position: absolute;
		inset: -2px;
		border-radius: 50px;
		background: linear-gradient(270deg, var(--theme-secondary), #f6f6ef, #ffc400, var(--theme-secondary));
		background-size: 400% 400%;
		z-index: -1;
		animation: borderMove 6s linear infinite;
	}

@keyframes borderMove {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

/* =========================== */

.heading-shade {
	text-transform: capitalize;
	color: transparent;
	font-weight: 700;
	background: linear-gradient(180deg, var(--theme-primary) 0%, var(--primary-light) 55%, var(--primary-light) 100%) no-repeat;
	-webkit-background-clip: text;
}

.heading-shade1 {
	text-transform: uppercase;
	color: transparent;
	font-weight: 700;
	background: linear-gradient(180deg, #fff 0%, var(--theme-secondary) 75%, var(--theme-secondary) 100%) no-repeat;
	-webkit-background-clip: text;
}

/* ========================Page Css======================= */
.hero-banner {
	/* background: #f6f6ef; */
	background: linear-gradient(to right, #000000bd, #000000bd, #000000bd), url('../images/page-bg.jpg') center/cover no-repeat;
	height: 380px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}


.section-title {
	color: rgb(255, 255, 255);
	text-transform: uppercase;
}

.hero-divider {
	width: 130px;
	height: 4px;
	background-color: var(--Secondary-color);
	margin: 0 auto;
	border-radius: 30px;
}

.hero-title {
	z-index: 3;
	padding: 15px;
	border-radius: 100px;
	width: 95%;
	max-width: 1100px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translate(-50%);
	height: 100px;
}

.box-model {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}

.page-sec {
	padding: 2% 2% 15% 2%;
}

@media (max-width:575px) {
	.page-sec {
		padding: 2% 2% 60% 2%;
	}

	.about-padding {
		margin-bottom: 15%;
	}
}


.custom-card {
	/* box-shadow: 8px 2px 1px rgba(0, 0, 0, 0.41); */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

	.custom-card:hover {
		transform: translateY(-5px);
		box-shadow: 5px 3px 12px rgba(0, 0, 0, 0.35);
	}

.card-img-top {
	height: 220px; /* adjust as per image size */
	object-fit: cover;
}


/* ============================= */
.social-sec {
	position: absolute;
	bottom: 10px;
	left: 50%;
	display: flex;
	gap: 10px;
	transform: translateX(-50%);
	margin-left: 0rem;
	padding-left: 0rem;
}

	.social-sec li {
		list-style: none;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		/* Glassmorphism effect */
		background: rgba(255, 255, 255, 0.15);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		border: 1px solid rgba(255, 255, 255, 0.25);
		transition: 0.3s ease;
		cursor: pointer;
	}

		.social-sec li a {
			color: white;
			font-size: 18px;
			transition: 0.3s;
		}

		.social-sec li:hover {
			background: rgba(255, 255, 255, 0.3);
			transform: translateY(-5px) scale(1.05);
		}

			.social-sec li:hover a {
				color: #123eab; /* primary hover color */
			}



.list-group li {
	line-height: 28px;
	background: url(../images/icons/arrow-right.png) no-repeat left 6px;
	padding: 0px 0px 0px 25px;
	list-style: none;
	margin: 8px 0px;
	vertical-align: middle;
}

thead th {
	background: var(--gradient-color1);
	color: #fff !important;
}

ol li {
	line-height: 28px;
	padding: 0px 0px 0px 0px !important;
	list-style-type: disc !important;
	background: none !important;
	list-style: none;
	margin: 8px 0px;
	vertical-align: middle;
}

/* ===================According===================== */

.accordion {
	border: none;
}

.accordion-item {
	border: none;
	border-radius: 10px;
	margin-bottom: 15px;
	position: relative;
	z-index: 9;
}

.accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px 18px;
	font-size: 1rem;
	color: #000;
	text-align: left;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	overflow-anchor: none;
}

.accordion-body {
	border-radius: 10px;
}

.accordion-item:first-of-type,
.accordion-item:first-of-type .accordion-button {
	border-radius: 10px;
}

.accordion-button .hero-about {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 1rem;
	font-weight: 600;
	color: #000;
	background-color: #967b7b;
	border: none;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease;
}

.accordion-button span {
	position: relative;
	z-index: 1;
	transition: transform 0.3s ease, text-shadow 0.3s ease;
}

.accordion-button:hover span {
	transform: translateX(5px);
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}


.accordion-button:not(.collapsed) {
	background: var(--gradient-color1);
	color: #fff;
	border-radius: 10px;
}


.accordion-header {
	margin-bottom: 5px;
	border-radius: 11px;
	background: var(--theme-secondary);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


.accordion-button:focus {
	outline: none;
	box-shadow: none;
}

.accordion-item:last-of-type .accordion-button.collapsed {
	border-radius: 10px;
}

.accordion-button:not(.collapsed)::after {
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}


/* ==================================== */

.back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: var(--theme-secondary);
	color: var(--theme-index);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: none;
	z-index: 999;
	transition: all 0.4s;
	display: flex; /* ensure flex works */
	align-items: center; /* vertical center */
	justify-content: center; /* horizontal center */
}

	.back-to-top::after {
		position: absolute;
		z-index: -1;
		content: '';
		top: 100%;
		left: 5%;
		height: 10px;
		width: 90%;
		opacity: 1;
		background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.311) 0%, rgba(0, 0, 0, 0) 80%);
	}

	.back-to-top i {
		color: #fff;
	}


/* ======================================== */


@keyframes rotate-smooth {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.rotating-bg {
	animation: rotate-smooth 24s linear infinite; /* 30s = slow, smooth rotation */
	transform-origin: center center; /* ensures it rotates around the middle */
}