:root {
	--siteprimary: #002654 !important;
	--siteblue: #0262af !important;
	--siteorange: #be2e32 !important;
	--sitedark: #323a45 !important;
	--sitegray: #f4f7f9 !important;
	--white: #fff !important;
	--dark: #333 !important;
	--black: #000 !important;
	--gray: #888 !important;
	--light-bg: #f8f9fa !important;
}

/* Common styles Css Start here */
.d-none {
	display: none !important;
}

.d-block {
	display: block !important;
}

.img-fluid {
	max-width: 100% !important;
	height: auto !important;
}

.w-50 {
	width: 50% !important;
}

.w-100 {
	width: 100% !important;
}

.h-100 {
	height: 100% !important;
}

.h-50 {
	height: 50% !important;
}

.megamenu-wraper {
	z-index: 1;
}

.card-body {
	background: #fff;
	padding: 30px;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.form-control {
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.title-link {
	color: var(--siteprimary) !important;
}

.title-link:hover {
	text-decoration: underline !important;
}

button,
input,
optgroup,
select,
textarea {
	line-height: 1.15;
}

button {
	border-radius: 20px;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 45px;
	letter-spacing: 1px;
	transition: transform 80ms ease-in;
	cursor: pointer;
}

textarea {
	overflow: auto;
}

.headings-wrapper h1 {
	font-size: 180%;
	font-weight: 700;
}

input,
textarea {
	background-color: #eee;
	border: none;
	border-radius: 4px;
	padding: 12px 15px;
	margin: 8px 0;
	width: 100%;
	font-size: 0.8rem;
}

.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}

/* Container for the dropdown menu */
.dropdown {
	position: relative;
	/* Needed to position the dropdown content correctly */
	display: inline-block;
	line-height: normal;
}

/* Style the button that opens the dropdown */
.dropbtn,
.dropbtn:hover {
	background-color: transparent !important;
	color: #777;
	border: none !important;
	cursor: pointer;
	opacity: 1;
	text-transform: initial !important;
	font-weight: initial !important;
	padding: 0;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
	display: none;
	/* Hide the content initially */
	position: absolute;
	/* Position the content relative to the dropdown container */
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	/* Ensure it appears above other elements */
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	/* Make links take the full width */
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown-content a i {
	font-size: 20px;
}

/* Show the dropdown menu when the user mouses over the dropdown container */
.dropdown:hover .dropdown-content {
	display: block;
}


/* font weight */
.fw-100 {
	font-weight: 100 !important;
}

.fw-200 {
	font-weight: 200 !important;
}

.fw-300 {
	font-weight: 300 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

.fw-900 {
	font-weight: 900 !important;
}

/* font size  */
.font-10 {
	font-size: 10px !important;
}

.font-11 {
	font-size: 11px !important;
}

.font-12 {
	font-size: 12px !important;
}

.font-13 {
	font-size: 13px !important;
}

.font-14 {
	font-size: 14px !important;
}

.font-15 {
	font-size: 15px !important;
}

.font-16 {
	font-size: 16px !important;
}

.font-17 {
	font-size: 17px !important;
}

.font-18 {
	font-size: 18px !important;
}

.font-19 {
	font-size: 19px !important;
}

.font-20 {
	font-size: 20px !important;
}

.font-21 {
	font-size: 21px !important;
}

.font-22 {
	font-size: 22px !important;
}

.font-23 {
	font-size: 23px !important;
}

.font-24 {
	font-size: 24px !important;
}

.font-25 {
	font-size: 25px !important;
}

.font-26 {
	font-size: 26px !important;
}

.font-27 {
	font-size: 27px !important;
}

.font-28 {
	font-size: 28px !important;
}

.font-29 {
	font-size: 29px !important;
}

.font-30 {
	font-size: 30px !important;
}

/* Padding */
.px-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.px-1 {
	padding-left: 1px !important;
	padding-right: 1px !important;
}

.px-2 {
	padding-left: 2px !important;
	padding-right: 2px !important;
}

.px-3 {
	padding-left: 3px !important;
	padding-right: 3px !important;
}

.px-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.px-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.px-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.px-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.px-25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.px-30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.px-35 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.px-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.px-45 {
	padding-left: 45px !important;
	padding-right: 45px !important;
}

.px-50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.py-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.py-1 {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

.py-2 {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.py-3 {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.py-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.py-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.py-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.py-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.py-25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.py-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.py-35 {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}

.py-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.py-45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}

.py-50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.ps-0 {
	padding-left: 0px !important;
}

.ps-1 {
	padding-left: 1px !important;
}

.ps-2 {
	padding-left: 2px !important;
}

.ps-3 {
	padding-left: 3px !important;
}

.ps-5 {
	padding-left: 5px !important;
}

.ps-10 {
	padding-left: 10px !important;
}

.ps-15 {
	padding-left: 15px !important;
}

.ps-20 {
	padding-left: 20px !important;
}

.ps-25 {
	padding-left: 25px !important;
}

.ps-30 {
	padding-left: 30px !important;
}

.ps-35 {
	padding-left: 35px !important;
}

.ps-40 {
	padding-left: 40px !important;
}

.ps-45 {
	padding-left: 45px !important;
}

.ps-50 {
	padding-left: 50px !important;
}

/* Padding right */
.pe-3 {
	padding-right: 3px !important;
}

.pe-5 {
	padding-right: 5px !important;
}

.pe-10 {
	padding-right: 10px !important;
}

.pe-15 {
	padding-right: 15px !important;
}

.pe-20 {
	padding-right: 20px !important;
}

.pe-25 {
	padding-right: 25px !important;
}

.pe-30 {
	padding-right: 30px !important;
}

.pe-35 {
	padding-right: 35px !important;
}

.pe-40 {
	padding-right: 40px !important;
}

.pe-45 {
	padding-right: 45px !important;
}

.pe-50 {
	padding-right: 50px !important;
}

/* Padding top */
.pt-3 {
	padding-top: 3px !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pt-15 {
	padding-top: 15px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.pt-25 {
	padding-top: 25px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pt-35 {
	padding-top: 35px !important;
}

.pt-40 {
	padding-top: 40px !important;
}

.pt-45 {
	padding-top: 45px !important;
}

.pt-50 {
	padding-top: 50px !important;
}

/* Padding bottom */
.pb-3 {
	padding-bottom: 3px !important;
}

.pb-5 {
	padding-bottom: 5px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pb-15 {
	padding-bottom: 15px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pb-25 {
	padding-bottom: 25px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pb-35 {
	padding-bottom: 35px !important;
}

.pb-40 {
	padding-bottom: 40px !important;
}

.pb-45 {
	padding-bottom: 45px !important;
}

.pb-50 {
	padding-bottom: 50px !important;
}

/* Padding all */
.p-3 {
	padding: 3px !important;
}

.p-5 {
	padding: 5px !important;
}

.p-10 {
	padding: 10px !important;
}

.p-15 {
	padding: 15px !important;
}

.p-20 {
	padding: 20px !important;
}

.p-25 {
	padding: 25px !important;
}

.p-30 {
	padding: 30px !important;
}

.p-35 {
	padding: 35px !important;
}

.p-40 {
	padding: 40px !important;
}

.p-45 {
	padding: 45px !important;
}

.p-50 {
	padding: 50px !important;
}

/* margin Style  */
.my-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.my-1 {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
}

.my-2 {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.my-3 {
	margin-top: 3px !important;
	margin-bottom: 3px !important;
}

.my-4 {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

.my-5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.my-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.my-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.my-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.my-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.my-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.my-35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

.my-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.my-45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important;
}

.my-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.my-55 {
	margin-top: 55px !important;
	margin-bottom: 55px !important;
}

.my-60 {
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}

.my-65 {
	margin-top: 65px !important;
	margin-bottom: 65px !important;
}

.my-70 {
	margin-top: 70px !important;
	margin-bottom: 70px !important;
}

.my-75 {
	margin-top: 75px !important;
	margin-bottom: 75px !important;
}

.my-80 {
	margin-top: 80px !important;
	margin-bottom: 80px !important;
}

.my-85 {
	margin-top: 85px !important;
	margin-bottom: 85px !important;
}

.my-90 {
	margin-top: 90px !important;
	margin-bottom: 90px !important;
}

.my-95 {
	margin-top: 95px !important;
	margin-bottom: 95px !important;
}

.my-100 {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}

/* margin left right  */
.mx-0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.mx-1 {
	margin-left: 1px !important;
	margin-right: 1px !important;
}

.mx-2 {
	margin-left: 2px !important;
	margin-right: 2px !important;
}

.mx-3 {
	margin-left: 3px !important;
	margin-right: 3px !important;
}

.mx-4 {
	margin-left: 4px !important;
	margin-right: 4px !important;
}

.mx-5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

/* Margin bottom  */
.mb-0 {
	margin-bottom: 0px !important;
}

.mb-1 {
	margin-bottom: 1px !important;
}

.mb-2 {
	margin-bottom: 2px !important;
}

.mb-3 {
	margin-bottom: 3px !important;
}

.mb-4 {
	margin-bottom: 4px !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.mb-60 {
	margin-bottom: 60px !important;
}

/* Margin top  */
.mt-0 {
	margin-top: 0px !important;
}

.mt-1 {
	margin-top: 1px !important;
}

.mt-2 {
	margin-top: 2px !important;
}

.mt-3 {
	margin-top: 3px !important;
}

.mt-4 {
	margin-top: 4px !important;
}

.mt-5 {
	margin-top: 5px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mt-60 {
	margin-top: 60px !important;
}

.mt-65 {
	margin-top: 65px !important;
}

/* Margin left  */
.ms-0 {
	margin-left: 0px !important;
}

.ms-1 {
	margin-left: 1px !important;
}

.ms-2 {
	margin-left: 2px !important;
}

.ms-3 {
	margin-left: 3px !important;
}

.ms-4 {
	margin-left: 4px !important;
}

.ms-5 {
	margin-left: 5px !important;
}

/* Margin right  */
.me-0 {
	margin-right: 0px !important;
}

.me-1 {
	margin-right: 1px !important;
}

.me-2 {
	margin-right: 2px !important;
}

.me-3 {
	margin-right: 3px !important;
}

.me-4 {
	margin-right: 4px !important;
}

.me-5 {
	margin-right: 5px !important;
}

/* Text Colors */
.text-skyblue {
	color: #0d6efd !important;
}

.text-primary {
	color: var(--siteprimary) !important;
}

.text-blue {
	color: var(--siteblue) !important;
}

.text-orange {
	color: var(--siteorange) !important;
}

.text-secondary {
	color: #6c757d !important;
}

.text-success {
	color: #198754 !important;
}

.text-danger {
	color: #dc3545 !important;
}

.text-warning {
	color: #ffc107 !important;
}

.text-info {
	color: #0dcaf0 !important;
}

.text-light {
	color: #f8f9fa !important;
}

.text-dark {
	color: #212529 !important;
}

.text-black {
	color: #000 !important;
}

.text-instagram {
	color: #C13584 !important;
}

.text-twitter {
	color: #1DA1F2 !important;
}

.text-linkedin {
	color: #0077B5 !important;
}

.text-white {
	color: #fff !important;
}

/* Btn  */
.btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-primary {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}

.btn-primary:hover {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
}

.btn-default {
	color: #fff;
	background-color: var(--siteprimary);
	border-color: var(--siteprimary);
}

.btn-default:hover {
	opacity: .85;
}

.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-secondary:hover {
	color: #fff;
	background-color: #5c636a;
	border-color: #565e64;
}

.btn-success {
	color: #fff;
	background-color: #198754;
	border-color: #198754;
}

.btn-success:hover {
	color: #fff;
	background-color: #157347;
	border-color: #146c43;
}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-danger:hover {
	color: #fff;
	background-color: #bb2d3b;
	border-color: #b02a37;
}

.btn-warning {
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-warning:hover {
	color: #000;
	background-color: #ffca2c;
	border-color: #ffc720;
}

.btn-info {
	color: #000;
	background-color: #0dcaf0;
	border-color: #0dcaf0;
}

.btn-info:hover {
	color: #000;
	background-color: #31d2f2;
	border-color: #25cff2;
}

.btn-light {
	color: #000;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.btn-light:hover {
	color: #000;
	background-color: #f9fafb;
	border-color: #f9fafb;
}

.btn-dark {
	color: #fff;
	background-color: #212529;
	border-color: #212529;
}

.btn-dark:hover {
	color: #fff;
	background-color: #1c1f23;
	border-color: #1a1e21;
}

ul {
	line-height: 1.8;
	margin-bottom: 20px;
}

.breadcam ul {
	margin-bottom: 0px;
}

/* Common styles Css End here */

.common-right ul li.ico-social ul li a {
	width: auto;
	height: auto;
	font-size: 20px;
}

.d-float-center {
	display: flex !important;
	align-items: center;
	gap: 5px;
	flex-flow: wrap;
}

.justify-content-between {
	justify-content: space-between !important;
}

.gap-0 {
	gap: 0px !important;
}

.gap-5 {
	gap: 5px !important;
}

.gap-10 {
	gap: 10px !important;
}

.gap-15 {
	gap: 15px !important;
}

.gap-20 {
	gap: 20px !important;
}

.justiify-items-center {
	justify-items: center;
}

.text-center {
	text-align: center !important;
}

.text-left,
.text-start {
	text-align: left !important;
}

.text-right,
.text-end {
	text-align: right !important;
}

.d-flex {
	display: flex !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-grow-1 {
	flex-grow: 1 !important;
}

.section-title {
	color: var(--siteprimary);
	position: relative;
	margin-bottom: 30px;
	letter-spacing: 1px;
}

.section-title::after {
	content: '';
	width: 60px;
	height: 3px;
	background: var(--siteorange);
	position: absolute;
	bottom: -10px;
	left: 0;
}

.mission-list {
	list-style: none;
	padding-left: 0;
}

.mission-list li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 30px;
	line-height: 1.3;
}

.mission-list li::before {
	content: '✔';
	color: var(--siteorange);
	position: absolute;
	left: 0;
	font-weight: bold;
}

.flexslider.carousel {
	.flex-direction-nav a:before {
		font-size: 32px;
	}

	.flex-pauseplay a {
		bottom: 16px !important;
	}

	.flex-pauseplay a:before {
		font-size: 16px;
	}
}

/* About Timeline */
.timeline-container {
	.timeline {
		list-style: none;
		padding: 20px 0 20px;
		position: relative;
	}

	.timeline:before {
		top: 0;
		bottom: 0;
		position: absolute;
		content: " ";
		width: 3px;
		background-color: #eeeeee;
		left: 50%;
		margin-left: -1.5px;
	}

	.timeline>li {
		margin-bottom: 20px;
		position: relative;
		width: 50%;
		float: left;
		clear: left;
	}

	.timeline>li:before,
	.timeline>li:after {
		content: " ";
		display: table;
	}

	.timeline>li:after {
		clear: both;
	}

	.timeline>li:before,
	.timeline>li:after {
		content: " ";
		display: table;
	}

	.timeline>li:after {
		clear: both;
	}

	.timeline>li>.timeline-panel {
		width: 95%;
		float: left;
		border: 1px solid #d4d4d4;
		border-radius: 4px;
		/*padding: 20px;*/
		position: relative;
		-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	}

	.timeline>li>.timeline-panel:before {
		position: absolute;
		top: 11px;
		right: -15px;
		display: inline-block;
		border-top: 15px solid transparent;
		border-left: 15px solid #ccc;
		border-right: 0 solid #ccc;
		border-bottom: 15px solid transparent;
		content: " ";
	}

	.timeline>li>.timeline-panel:after {
		position: absolute;
		top: 12px;
		right: -14px;
		display: inline-block;
		border-top: 14px solid transparent;
		border-left: 14px solid #f4f4f4;
		border-right: 0 solid #f4f4f4;
		border-bottom: 14px solid transparent;
		content: " ";
	}

	.timeline>li>.timeline-badge {
		color: #fff;
		width: 24px;
		height: 24px;
		line-height: 50px;
		font-size: 1.4em;
		text-align: center;
		position: absolute;
		top: 3px;
		right: -12px;
		/*background-color: #999999;*/
		z-index: 100;
		/*
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  */
	}

	.timeline>li.timeline-inverted>.timeline-panel {
		float: right;
	}

	.timeline>li.timeline-inverted>.timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}

	.timeline>li.timeline-inverted>.timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}

	.timeline-badge>a {
		color: #C5C7C5 !important;
	}

	.timeline-badge a:hover {
		color: #000 !important;
	}

	.timeline-title {
		margin-top: 0;
		color: inherit;
	}

	.timeline-body>p,
	.timeline-body>ul {
		padding: 20px;
		padding-left: 35px;
		margin-bottom: 0;
		line-height: 1.8;
		list-style-type: disc;
	}

	.timeline-body>p+p {
		margin-top: 5px;
	}

	.timeline-footer {
		padding: 10px 20px;
		background-color: #f4f4f4;
	}

	.timeline-footer>a {
		cursor: pointer;
		text-decoration: none;
	}

	.tooltip {

		position: absolute;
		z-index: 1020;
		display: block;
		visibility: visible;
		padding: 5px;
		font-size: 11px;
		opacity: 0;
		filter: alpha(opacity=0);

	}

	.tooltip.in {
		/*opacity:0;
    filter:alpha(opacity=80);*/

	}

	.tooltip.top {
		margin-top: -2px;
	}

	.tooltip.right {
		margin-left: 2px;
	}

	.tooltip.bottom {
		margin-top: 2px;
	}

	.tooltip.left {
		margin-left: -2px;
	}

	.tooltip.top .tooltip-arrow {
		bottom: 0;
		left: 0;
		margin-left: 0;
		border-left: 0 solid transparent;
		border-right: 5px solid transparent;
		border-top: 0 solid #000;
	}

	.tooltip.left .tooltip-arrow {
		bottom: 0;
		left: 0;
		margin-left: 0;
		border-left: 0 solid transparent;
		border-right: 5px solid transparent;
		border-top: 0 solid #000;
	}

	.tooltip.bottom .tooltip-arrow {
		bottom: 0;
		left: 0;
		margin-left: 0;
		border-left: 0 solid transparent;
		border-right: 5px solid transparent;
		border-top: 0 solid #000;
	}

	.tooltip.right .tooltip-arrow {
		bottom: 0;
		left: 0;
		margin-left: 0;
		border-left: 0 solid transparent;
		border-right: 5px solid transparent;
		border-top: 0 solid #000;
	}

	.tooltip-inner {
		width: 200px;
		padding: 3px 8px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		background-color: #313131;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.tooltip-arrow {
		position: absolute;
		width: 0;
		height: 0;
	}

	.timeline>li.timeline-inverted {
		float: right;
		clear: right;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.timeline>li:nth-child(2) {
		margin-top: 60px;
	}

	.timeline>li.timeline-inverted>.timeline-badge {
		left: -12px;
	}

}

/* Contact Page */
.info-item h2 {
	color: var(--siteprimary);
	margin-bottom: 10px;
	border-left: 4px solid var(--siteorange);
	padding-left: 10px;
}

.info-item p,
.info-item a {
	color: #555;
}

.info-item a:hover {
	color: var(--siteblue);
}

.info-item {
	.list-icons {
		list-style: none;
	}

	.list-icons li {
		line-height: normal;
	}

	.list-icons li i {
		font-size: 28px;
	}

	.list-icons li a:hover {
		opacity: 0.6;
	}
}

.read-more01 {
	display: inline-block;
	margin-top: 0px;
	color: var(--siteorange);
	text-decoration: none;
	font-weight: 700;
	font-size: 0.9rem;
}

.read-more01:hover {
	color: var(--siteorange) !important;
	text-decoration: underline !important;
}

.breadcrumbs .read-more01 {
	display: inline-block;
	margin-top: 0px;
	color: var(--gray) !important;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.9rem;
}

.breadcrumbs a:hover {
	color: var(--siteorange) !important;
	text-decoration: underline !important;
}

/* Blog Section Start  */
.media-articles-page {

	/* --- Filter Bar Section --- */
	.filter-section {
		background: #fff;
		padding: 20px;
		border-radius: 4px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
		margin-bottom: 40px;
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		align-items: center;
	}

	.filter-group {
		flex: 1;
		min-width: 180px;
	}

	.filter-section input,
	.filter-section select {
		width: 100%;
		padding: 10px;
		border: 1px solid #ddd;
		border-radius: 4px;
		outline: none;
	}

	.filter-section input:focus {
		border-color: var(--siteorange);
	}

	/* --- Blog Grid --- */
	.blog-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	/* --- Blog Card Design --- */
	.blog-card {
		background: #fff;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
		transition: transform 0.3s ease;
		display: flex;
		flex-direction: column;
		position: relative;
	}

	.blog-card:hover {
		transform: translateY(-8px);
	}

	.featured-img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}

	.card-content {
		padding: 20px;
		flex-grow: 1;
	}

	.category-tag {
		background: var(--siteorange);
		color: #fff;
		font-size: 11px;
		padding: 3px 10px;
		border-radius: 20px;
		text-transform: uppercase;
		position: absolute;
		right: 20px;
		top: 19px;
	}

	.blog-title {
		margin: 15px 0 10px;
		color: var(--siteprimary);
		font-size: 1.2rem;
		line-height: 1.4;
	}

	.excerpt {
		color: #666;
		font-size: 0.9rem;
		margin-bottom: 20px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.meta-info {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 0.8rem;
		color: #888;
		border-bottom: 1px solid #eee;
		padding-top: 0px;
		padding-bottom: 15px;
	}

}

.media-articles-page {

	/* --- Mobile Responsiveness --- */
	@media (max-width: 992px) {
		.blog-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (max-width: 768px) {
		.blog-grid {
			grid-template-columns: 1fr;
		}

		.filter-section {
			flex-direction: column;
			align-items: stretch;
		}
	}
}

/* Blog View  */

.share-btns span {
	background: #f0f0f0;
	padding: 5px 12px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 0.8rem;
}

.share-btns span:hover {
	background: var(--siteorange);
	color: #fff;
}

.article-blog-view {

	/* Header & Meta */
	.blog-header {
		margin-bottom: 30px;
	}

	h1 {
		color: var(--siteprimary);
		font-size: 2.8rem;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.post-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		color: #777;
		font-size: 0.9rem;
		margin-bottom: 20px;
		align-items: center;
	}

	/* Images & Content */
	.featured-img {
		width: 100%;
		border-radius: 12px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		margin-bottom: 0px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	}

	.content-body h2 {
		color: var(--siteprimary);
		margin: 40px 0 20px;
		font-size: 1.8rem;
		border-left: 5px solid var(--siteorange);
		padding-left: 15px;
	}

	.content-body p {
		margin-bottom: 20px;
		font-size: 1.1rem;
	}

	.content-body ul {
		margin-bottom: 25px;
		padding-left: 20px;
	}

	.content-body li {
		margin-bottom: 10px;
	}

	.internal-link {
		color: var(--siteorange);
		text-decoration: none;
		font-weight: 600;
		border-bottom: 1px dashed var(--siteorange);
	}

	/* Related Articles */
	.related-section {
		padding: 30px 0;
		padding-bottom: 30px;
	}

	.related-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		max-width: 1100px;
		margin: auto;
		padding: 0 20px;
	}

	.related-card {
		background: #fff;
		border-radius: 4px;
		overflow: hidden;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
		text-decoration: none;
	}

	.related-card img {
		width: 100%;
		height: 150px;
		object-fit: cover;
	}

	.related-card h4 {
		padding: 15px;
		color: var(--siteprimary);
		font-size: 1rem;
	}

}

/* CTA Section */
.cta-box {
	background: var(--siteprimary);
	color: #fff;
	padding: 50px;
	text-align: center;
	border-radius: 12px;
	margin-top: 60px;
}

.cta-btn {
	display: inline-block;
	background: var(--siteorange);
	color: #fff;
	padding: 12px 30px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 700;
	margin-top: 20px;
}

.cta-btn:hover {
	opacity: 0.89;
}

.article-blog-view {

	/* Responsive */
	@media (max-width: 768px) {
		h1 {
			font-size: 2rem;
		}

		.related-grid {
			grid-template-columns: 1fr;
		}

		.cta-box {
			padding: 30px;
		}
	}
}

/* Blog Section End  */

/* News Events Section Start  */

.news-events-page {

	/* --- Section 1: Featured News Banner --- */
	.featured-banner {
		display: flex;
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
		margin-bottom: 50px;
		min-height: 400px;
	}

	.featured-img {
		flex: 1.2;
		background: url('https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1200&q=80') center/cover;
	}

	.featured-content {
		flex: 1;
		padding: 50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: var(--siteprimary);
		color: #fff;
	}

	.featured-tag {
		background: var(--siteorange);
		color: #fff;
		padding: 5px 15px;
		border-radius: 4px;
		font-size: 0.8rem;
		font-weight: 700;
		align-self: flex-start;
		margin-bottom: 20px;
	}

	.featured-content h1 {
		font-size: 2.2rem;
		line-height: 1.2;
		margin-bottom: 15px;
	}

	.featured-meta {
		font-size: 0.9rem;
		margin-bottom: 20px;
		opacity: 0.8;
	}

	.featured-cta {
		background: var(--siteorange);
		color: #fff;
		text-decoration: none;
		padding: 12px 25px;
		border-radius: 5px;
		font-weight: 700;
		align-self: flex-start;
		transition: 0.3s;
	}

	.featured-cta:hover {
		background: #e68a00;
	}

	/* --- Section 2: Filter Bar --- */
	.filter-bar {
		background: #fff;
		padding: 20px;
		border-radius: 8px;
		margin-bottom: 40px;
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		align-items: center;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	}

	.filter-item {
		flex: 1;
		min-width: 200px;
	}

	.filter-bar select,
	.filter-bar input {
		width: 100%;
		padding: 12px;
		border: 1px solid #ddd;
		border-radius: 4px;
		outline: none;
	}

	/* --- News Grid (2 per row) --- */
	.news-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}

	.news-card {
		background: #fff;
		border-radius: 10px;
		overflow: hidden;
		display: flex;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
		transition: 0.3s;
	}

	.news-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	}

	.card-img {
		width: 40%;
		background-size: cover;
		background-position: center;
	}

	.card-body {
		width: 60%;
		padding: 25px;
		display: flex;
		flex-direction: column;
	}

	.card-tag {
		color: var(--siteorange);
		font-weight: 700;
		font-size: 0.75rem;
		text-transform: uppercase;
		margin-bottom: 10px;
	}

	.card-body h3 {
		color: var(--siteprimary);
		font-size: 1.25rem;
		margin-bottom: 10px;
		line-height: 1.3;
	}

	.card-meta {
		font-size: 0.8rem;
		color: #888;
		margin-bottom: 15px;
	}

	.card-summary {
		font-size: 0.9rem;
		color: #666;
		margin-bottom: 20px;
		line-height: 1.5;
		height: 4.5em;
		overflow: hidden;
	}

	.view-details {
		color: var(--siteprimary);
		text-decoration: none;
		font-weight: 700;
		font-size: 0.9rem;
	}

	.view-details:hover {
		text-decoration: underline;
	}

	/* --- Responsive --- */
	@media (max-width: 992px) {
		.featured-banner {
			flex-direction: column;
			min-height: auto;
		}

		.featured-img {
			height: 250px;
		}

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

	@media (max-width: 600px) {
		.news-card {
			flex-direction: column;
		}

		.card-img {
			width: 100%;
			height: 200px;
		}

		.card-body {
			width: 100%;
		}

		.featured-content {
			padding: 30px;
		}
	}

}

/* News Single View  */
.meta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 15px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
	font-size: 0.9rem;
	color: #555;
}

.meta-item {
	margin: 0 auto;
}

.meta-item:first-child {
	margin-left: 0;
}

.news-single-view {

	/* --- Breadcrumbs --- */
	.breadcrumbs {
		font-size: 0.85rem;
		color: #888;
		margin-bottom: 20px;
	}

	.breadcrumbs a {
		color: var(--siteprimary);
		text-decoration: none;
	}

	/* --- Header & Meta --- */
	.event-header h1 {
		color: var(--siteprimary);
		font-size: 2.4rem;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.meta-item strong {
		color: var(--siteprimary);
	}

	.share-btns {
		margin-left: auto;
		display: flex;
		gap: 10px;
	}

	.btn-share {
		padding: 4px 10px;
		border-radius: 4px;
		background: var(--siteprimary);
		color: #fff;
		text-decoration: none;
		font-size: 0.8rem;
	}

	/* --- Featured Image --- */
	.featured-img {
		width: 100%;
		height: auto;
		border-radius: 12px;
		margin-bottom: 40px;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	}

	/* --- Content Sections --- */
	.content-section {
		margin-bottom: 40px;
	}

	.content-section h2 {
		color: var(--siteprimary);
		border-left: 5px solid var(--siteorange);
		padding-left: 15px;
		margin-bottom: 20px;
		font-size: 1.6rem;
	}

	.highlight-box {
		background: var(--light-bg);
		padding: 25px;
		border-radius: 8px;
		border-left: 5px solid var(--siteprimary);
	}

	/* --- Accordion (Event Agenda) --- */
	.accordion-item {
		border: 1px solid #ddd;
		margin-bottom: 5px;
		border-radius: 4px;
		overflow: hidden;
	}

	.accordion-header {
		background: #eee;
		padding: 12px 20px;
		cursor: pointer;
		font-weight: 600;
		color: var(--siteprimary);
		display: flex;
		justify-content: space-between;
	}

	.accordion-body {
		padding: 15px 20px;
		background: #fff;
		display: none;
		font-size: 0.95rem;
	}

	.accordion-header:hover {
		background: #e0e0e0;
	}

	/* Rotate the arrow when active */
	.accordion-header.active span {
		transform: rotate(180deg);
		display: inline-block;
	}

	.accordion-header.active {
		background: #f8f9fa;
		color: var(--siteorange);
		/* Highlights the active header in Saffron */
	}

	.accordion-header.active+.accordion-body {
		display: block;
	}

	/* --- Gallery Grid --- */
	/* .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; margin-top: 20px; } */
	.gallery-item {
		height: 200px;
		border-radius: 8px;
		overflow: hidden;
	}

	.gallery-item img {
		transition: 0.3s;
		cursor: pointer;
	}

	.gallery-item img:hover {
		transform: scale(1.05);
	}

	.gallery-grid {
		margin: 20px -10px;
		/* Counteract slide padding */
	}

	.gallery-item {
		padding: 0 10px;
		/* Space between slides */
		outline: none;
	}

	.gallery-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 12px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	}

	/* Style the Navigation Arrows */
	.slick-prev:before,
	.slick-next:before {
		color: var(--siteblue) !important;
		/* Wayline Navy */
		font-size: 24px;
	}

	.slick-dots li button:before {
		color: var(--siteorange) !important;
		/* Wayline Saffron */
	}

	/* --- CTA Footer --- */
	.cta-footer {
		background: var(--siteprimary);
		color: #fff;
		padding: 40px;
		border-radius: 12px;
		text-align: center;
		margin-top: 60px;
	}

	.cta-btns {
		display: flex;
		gap: 15px;
		justify-content: center;
		margin-top: 20px;
	}

	.btn-primary {
		background: var(--siteorange);
		color: #fff;
		padding: 12px 25px;
		border-radius: 5px;
		text-decoration: none;
		font-weight: 700;
	}

	.btn-secondary {
		border: 2px solid #fff;
		color: #fff;
		padding: 10px 23px;
		border-radius: 5px;
		text-decoration: none;
		font-weight: 700;
	}

	/* --- Mobile Responsive --- */
	@media (max-width: 768px) {
		.event-header h1 {
			font-size: 1.8rem;
		}

		.meta-row {
			flex-direction: column;
			gap: 10px;
		}

		.share-btns {
			margin-left: 0;
			margin-top: 10px;
		}

		.cta-btns {
			flex-direction: column;
		}
	}

}

/* News Events Section End  */

/* Announcements Section  Start*/
.announcements-section {

	/* --- Intro Section --- */
	.intro-section {
		margin-bottom: 40px;
		border-bottom: 2px solid #ddd;
		padding-bottom: 20px;
	}

	.intro-section h1 {
		color: var(--siteprimary);
		font-size: 2.2rem;
		margin-bottom: 15px;
	}

	.intro-section p {
		color: #666;
		font-size: 1.05rem;
		max-width: 850px;
	}

	/* --- Section 1: Highlighted Announcement --- */
	.urgent-update {
		background: #fff;
		border-left: 6px solid var(--siteorange);
		border-radius: 8px;
		padding: 25px;
		margin-bottom: 40px;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		gap: 20px;
	}

	.urgent-tag {
		background: var(--siteorange);
		color: #fff;
		padding: 3px 10px;
		border-radius: 4px;
		font-size: 0.75rem;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 10px;
		display: inline-block;
	}

	.urgent-content {
		flex: 2;
		min-width: 300px;
	}

	.urgent-content h2 {
		color: var(--siteprimary);
		font-size: 1.3rem;
		margin-bottom: 5px;
	}

	.download-btn {
		background: var(--siteprimary);
		color: #fff;
		text-decoration: none;
		padding: 10px 20px;
		border-radius: 4px;
		font-weight: 600;
		font-size: 0.9rem;
		transition: 0.3s;
	}

	.download-btn:hover {
		background: var(--siteorange);
	}

	/* --- Section 2: Filter Bar --- */
	.filter-bar {
		background: #fff;
		padding: 20px;
		border-radius: 8px;
		margin-bottom: 30px;
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	}

	.filter-item {
		flex: 1;
		min-width: 180px;
	}

	.filter-bar input,
	.filter-bar select {
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		outline: none;
	}

	.scroll-table1 table thead tr th {
		background-color: var(--siteprimary);
	}

	.cat-tag {
		font-size: 0.75rem;
		padding: 4px 8px;
		border-radius: 4px;
		background: #e9ecef;
		color: #495057;
		font-weight: 600;
		text-align: center;
	}

	.status {
		font-weight: 700;
		font-size: 0.8rem;
	}

	.status.active {
		color: var(--sitegreen);
	}

	.status.closed {
		color: var(--siteorange);
	}

	.view-link {
		color: var(--siteprimary);
		text-decoration: none;
		font-weight: 700;
		font-size: 0.85rem;
	}

	.view-link:hover {
		color: var(--siteblue);
	}

	/* --- Mobile Responsiveness --- */
	@media (max-width: 992px) {
		.list-row {
			grid-template-columns: 2fr 1fr 1fr 0.5fr 1fr;
		}

		.hide-tablet {
			display: none;
		}
	}

	@media (max-width: 768px) {
		.list-row {
			display: block;
			padding: 20px;
			border-bottom: 8px solid #f4f7f9;
		}

		.list-header {
			display: none;
		}

		.list-row div {
			margin-bottom: 10px;
			display: flex;
			justify-content: space-between;
		}

		.list-row div::before {
			content: attr(data-label);
			font-weight: 700;
			color: var(--siteprimary);
		}

		.view-link {
			display: block;
			text-align: center;
			background: #eee;
			padding: 10px;
			border-radius: 4px;
		}
	}

}

/* Announcements Single Page */
.announcement-single-view {

	/* --- Header & Meta --- */
	.announcement-header {
		margin-bottom: 30px;
	}

	.announcement-header h1 {
		color: var(--siteprimary);
		font-weight: 600;
		font-size: 2.2rem;
		margin-bottom: 20px;
		border-bottom: 0px solid var(--siteorange);
		display: inline-block;
		padding-bottom: 5px;
	}

	.meta-container {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		background: var(--sitegray);
		padding: 20px;
		border-radius: 8px;
		margin-bottom: 40px;
		border: 1px solid #ddd;
	}

	.meta-box {
		flex: 1;
		min-width: 150px;
	}

	.meta-box span {
		display: block;
		font-size: 0.75rem;
		text-transform: uppercase;
		color: #666;
		font-weight: 700;
	}

	.meta-box p {
		font-size: 0.95rem;
		font-weight: 600;
		color: var(--siteprimary);
	}

	.status-badge {
		display: inline-block;
		padding: 2px 10px;
		border-radius: 20px;
		font-size: 0.8rem;
		background: #28a745;
		color: #fff;
	}

	/* --- Content Layout --- */
	.content-body {
		margin-bottom: 50px;
	}

	.content-body h2 {
		color: var(--siteprimary);
		font-size: 1.5rem;
		margin: 30px 0 15px;
	}

	.info-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		background: #fff;
		border: 1px solid #eee;
		padding: 20px;
		border-radius: 8px;
		margin: 20px 0;
	}

	.info-item b {
		display: block;
		color: var(--siteprimary);
		font-size: 0.85rem;
	}

	/* --- Download Section --- */
	.download-card {
		border: 2px dashed #ddd;
		padding: 25px;
		border-radius: 12px;
		display: flex;
		align-items: center;
		gap: 20px;
		background: #fafafa;
		margin-top: 40px;
	}

	.doc-icon {
		font-size: 2.5rem;
		color: #dc3545;
	}

	.download-info {
		flex-grow: 1;
	}

	.download-info h4 {
		margin-bottom: 5px;
		color: var(--siteprimary);
	}

	.btn-download {
		background: var(--siteprimary);
		color: #fff;
		text-decoration: none;
		padding: 10px 20px;
		border-radius: 5px;
		font-weight: 700;
		transition: 0.3s;
	}

	.btn-download:hover {
		background: var(--siteorange);
	}

	/* --- Footer Note --- */
	.official-footer {
		margin-top: 60px;
		padding-top: 20px;
		border-top: 1px solid #eee;
		font-size: 0.9rem;
		color: #777;
	}

	.official-footer a {
		color: var(--siteprimary);
		font-weight: 600;
		text-decoration: none;
	}

	/* --- Mobile --- */
	@media (max-width: 768px) {
		.announcement-header h1 {
			font-size: 1.6rem;
		}

		.info-grid {
			grid-template-columns: 1fr;
		}

		.download-card {
			flex-direction: column;
			text-align: center;
		}
	}

}

/* Announcements Section End */

/* Careers Section Start */

.careers-page {

	/* --- Hero Section --- */
	.hero {
		background: linear-gradient(rgba(0, 51, 102, 0.85), rgba(0, 51, 102, 0.85)), url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1200&q=80') center/cover;
		padding: 50px 0;
		border-radius: 12px;
		text-align: center;
		color: #fff;
	}

	.hero h1 {
		font-size: 3rem;
		margin-bottom: 20px;
		font-weight: 700;
	}

	.section-title::after {
		visibility: hidden;
	}

	.hero p {
		font-size: 1.2rem;
		max-width: 800px;
		margin: 0 auto 30px;
		opacity: 0.9;
	}

	.btn {
		padding: 12px 30px;
		border-radius: 5px;
		text-decoration: none;
		font-weight: 700;
		display: inline-block;
		transition: 0.3s;
		margin: 10px;
	}

	.btn-orange {
		background: var(--siteorange);
		color: #fff;
	}

	.btn-outline {
		border: 2px solid #fff;
		color: #fff;
	}

	.btn:hover {
		transform: translateY(-3px);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	}

	/* --- Why Work With Us --- */
	.why-section {
		padding: 60px 0 80px;
		background: var(--light-bg);
	}

	.section-title {
		text-align: center;
		margin-bottom: 50px;
		color: var(--siteprimary);
	}

	.benefits-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: 30px;
	}

	.benefit-card {
		background: #fff;
		padding: 30px;
		border-radius: 10px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
		text-align: center;
		border-bottom: 4px solid var(--siteorange);
	}

	.benefit-card h3 {
		color: var(--siteprimary);
		margin-bottom: 15px;
	}

	/* --- Filter Bar --- */
	.filter-bar {
		background: #fff;
		padding: 30px;
		border-radius: 10px;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
		margin: -50px auto 50px;
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		position: relative;
		z-index: 10;
	}

	.filter-item {
		flex: 1;
		min-width: 200px;
	}

	.filter-item input,
	.filter-item select {
		width: 100%;
		padding: 12px;
		border: 1px solid #ddd;
		border-radius: 5px;
		outline: none;
	}

	/* --- Job Listings --- */
	.job-list {
		padding-bottom: 80px;
	}

	.job-card {
		background: #fff;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		padding: 30px;
		margin-bottom: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		transition: 0.3s;
	}

	.job-card:hover {
		border-color: var(--siteorange);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
	}

	.job-info h2 {
		color: var(--siteprimary);
		font-size: 1.4rem;
		margin-bottom: 10px;
	}

	.job-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		font-size: 0.85rem;
		color: #64748b;
		margin-bottom: 15px;
	}

	.job-meta span {
		background: #f1f5f9;
		padding: 2px 10px;
		border-radius: 4px;
	}

	.job-desc {
		max-width: 600px;
		font-size: 0.95rem;
		color: #475569;
	}

	.job-actions {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.btn-apply {
		background: var(--siteprimary);
		color: #fff;
		text-align: center;
		padding: 10px 20px;
		border-radius: 5px;
		text-decoration: none;
		font-size: 0.9rem;
		font-weight: 700;
	}

	.btn-details {
		color: var(--siteprimary);
		text-decoration: underline;
		font-size: 0.85rem;
		text-align: center;
	}

	/* --- Mobile Responsive --- */
	@media (max-width: 768px) {
		.hero h1 {
			font-size: 2rem;
		}

		.job-card {
			flex-direction: column;
			align-items: flex-start;
		}

		.job-actions {
			width: 100%;
			margin-top: 20px;
		}

		.btn-apply {
			width: 100%;
		}
	}
}

/* Career Details Page */
.career-details-page {

	/* --- Job Header & Sticky CTA --- */
	.job-header {
		margin-bottom: 40px;
		padding-bottom: 30px;
		border-bottom: 1px solid var(--gray);
		position: relative;
	}

	.job-header h1 {
		color: var(--siteprimary);
		font-size: 2.5rem;
		margin-bottom: 15px;
	}

	.meta-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		gap: 20px;
		margin-bottom: 20px;
	}

	.meta-item span {
		display: block;
		font-size: 0.75rem;
		font-weight: 700;
		text-transform: uppercase;
		color: #64748b;
	}

	.meta-item p {
		font-weight: 600;
		color: var(--siteprimary);
	}

	.sticky-apply {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 100;
		display: none;
	}

	.btn-apply-now {
		background: var(--siteorange);
		color: #fff;
		padding: 15px 35px;
		border-radius: 50px;
		text-decoration: none;
		font-weight: 700;
		box-shadow: 0 10px 20px rgba(255, 153, 51, 0.3);
		transition: 0.3s;
	}

	/* --- Layout: Content vs Sidebar --- */
	.job-layout {
		display: flex;
		gap: 50px;
	}

	.job-main {
		flex: 2;
	}

	.job-sidebar {
		flex: 1;
	}

	.section {
		margin-bottom: 40px;
	}

	.section h2 {
		color: var(--siteprimary);
		font-size: 1.5rem;
		margin-bottom: 15px;
	}

	.section ul {
		padding-left: 20px;
	}

	.section li {
		margin-bottom: 10px;
	}

	/* --- Application Form --- */
	.form-card {
		background: var(--sitegray);
		padding: 30px;
		border-radius: 12px;
		border: 1px solid var(--border);
		position: sticky;
		top: 20px;
	}

	.form-card h3 {
		color: var(--siteprimary);
		margin-bottom: 20px;
	}

	.form-group {
		margin-bottom: 15px;
	}

	.form-group label {
		display: block;
		font-size: 0.85rem;
		font-weight: 700;
		margin-bottom: 5px;
	}

	.form-group input,
	.form-group textarea,
	.form-group select {
		width: 100%;
		padding: 10px;
		border: 1px solid #cbd5e1;
		border-radius: 6px;
		outline: none;
	}

	.form-group input:focus {
		border-color: var(--siteorange);
	}

	.btn-submit {
		background: var(--siteprimary);
		color: #fff;
		border: none;
		width: 100%;
		padding: 15px;
		border-radius: 6px;
		font-weight: 700;
		cursor: pointer;
		transition: 0.3s;
		margin-top: 10px;
	}

	.btn-submit:hover {
		background: var(--siteorange);
	}

	/* --- Talent Pool Section --- */
	.talent-pool {
		background: #003366;
		color: #fff;
		padding: 40px;
		border-radius: 12px;
		text-align: center;
		margin-top: 60px;
	}

	/* --- Responsive --- */
	@media (max-width: 992px) {
		.job-layout {
			flex-direction: column;
		}

		.sticky-apply {
			display: block;
		}

		.job-header h1 {
			font-size: 1.8rem;
		}
	}

}

/* Careers Section End */

/* Gallery Section Start */

.gallery-section-wrapper {


	/* --- Sticky Filter Bar --- */
	.filter-wrapper {
		position: sticky;
		top: 0;
		z-index: 1000;
		background: #fff;
		padding: 20px 0;
		border-bottom: 1px solid #eee;
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
	}

	.filter-container {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		align-items: center;
		justify-content: center;
	}

	.filter-btn {
		text-transform: uppercase;
		padding: 8px 18px;
		border: 1px solid #ddd;
		background: #fff;
		cursor: pointer;
		border-radius: 50px;
		font-weight: 600;
		font-size: 0.85rem;
		transition: 0.3s;
	}

	.filter-btn.active,
	.filter-btn:hover {
		background: var(--siteprimary);
		color: #fff;
		border-color: var(--siteprimary);
	}

	.type-toggle {
		border-left: 2px solid #ddd;
		padding-left: 15px;
		display: flex;
		gap: 10px;
	}

	/* --- Masonry Grid Layout --- */
	.grid {
		margin-top: 30px;
		width: 100%;
	}

	.grid-item {
		width: 25%;
		padding: 10px;
		float: left;
	}

	/* 4 Columns Desktop */

	.gallery-box {
		position: relative;
		overflow: hidden;
		border-radius: 12px;
		cursor: pointer;
		background: #000;
		aspect-ratio: 4/3;
	}

	.gallery-box img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: 0.5s;
		display: block;
	}

	/* Hover Overlay */
	.overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 51, 102, 0.85);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: 0.4s;
		color: #fff;
		text-align: center;
		padding: 20px;
	}

	.gallery-box:hover .overlay {
		opacity: 1;
	}

	.gallery-box:hover img {
		transform: scale(1.1);
		opacity: 0.5;
	}

	.overlay h3 {
		font-size: 1.1rem;
		margin-bottom: 5px;
		transform: translateY(20px);
		transition: 0.4s;
	}

	.overlay p {
		font-size: 0.8rem;
		transform: translateY(20px);
		transition: 0.5s;
		opacity: 0.8;
	}

	.gallery-box:hover h3,
	.gallery-box:hover p {
		transform: translateY(0);
	}

	/* Video Play Icon */
	.play-icon {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 3rem;
		color: #fff;
		opacity: 0.8;
		text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	}

	/* --- Responsive Grid --- */
	@media (max-width: 1100px) {
		.grid-item {
			width: 33.33%;
		}
	}

	/* 3 Columns */
	@media (max-width: 768px) {
		.grid-item {
			width: 50%;
		}

		/* 2 Columns */
		.gallery-intro h1 {
			font-size: 2rem;
		}
	}

	@media (max-width: 480px) {
		.grid-item {
			width: 100%;
		}

		/* 1 Column */
		.filter-container {
			flex-direction: column;
		}

		.type-toggle {
			border-left: none;
			padding-left: 0;
			border-top: 1px solid #ddd;
			padding-top: 10px;
		}
	}

}

/* Gallery Section End */

/* Document Section Start */

.document-section-wrapper {

	/* --- Sticky Filter Bar --- */
	.sticky-filters {
		position: sticky;
		top: 0;
		z-index: 100;
		background: #fff;
		padding: 20px;
		border-radius: 8px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
		margin-bottom: 30px;
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		border: 1px solid var(--border);
	}

	.filter-group {
		flex: 1;
		min-width: 200px;
	}

	.filter-group input,
	.filter-group select {
		width: 100%;
		padding: 12px;
		border: 1px solid #cbd5e1;
		border-radius: 6px;
		outline: none;
		font-size: 0.9rem;
	}

	.filter-group input:focus {
		border-color: var(--siteorange);
	}

	/* --- Document Table Layout --- */
	.doc-table-container {
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}

	table {
		width: 100%;
		border-collapse: collapse;
	}

	table tr td a {
		border: 0;
	}

	.scroll-table1 {
		margin-bottom: 0px !important;
	}

	thead th {
		background: var(--siteprimary);
		color: #fff;
		text-align: left;
		padding: 18px 15px;
		font-size: 0.85rem;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}

	tbody tr {
		border-bottom: 1px solid var(--border);
		transition: 0.2s;
	}

	tbody tr:hover {
		background-color: #f1f5f9;
	}

	tbody td {
		padding: 18px 15px;
		font-size: 0.95rem;
		vertical-align: middle;
	}

	/* Row Specific Styles */
	.doc-title {
		font-weight: 700;
		color: var(--siteprimary);
		display: block;
	}

	.doc-desc {
		font-size: 0.8rem;
		color: #64748b;
		margin-top: 4px;
	}

	.cat-badge {
		font-size: 0.75rem;
		padding: 4px 10px;
		border-radius: 20px;
		background: #e2e8f0;
		color: var(--siteprimary);
		font-weight: 600;
		white-space: nowrap;
	}

	.file-icon {
		font-size: 1.4rem;
		margin-right: 8px;
		vertical-align: middle;
		line-height: normal;
	}

	.pdf {
		color: #dc3545;
	}

	.doc {
		color: #007bff;
	}

	.xls {
		color: #28a745;
	}

	.btn-download {
		color: var(--siteprimary);
		font-size: 20px;
		font-weight: 900;
		transition: 0.3s;
	}

	.btn-download:hover {
		text-decoration: none;
		color: var(--siteorange);
	}

	.btn-preview {
		color: var(--siteorange);
		margin-left: 10px;
		font-size: 20px;
		font-weight: 900;
		transition: 0.3s;
	}

	.btn-preview:hover {
		text-decoration: none;
		color: var(--siteprimary);
	}

	/* --- Mobile Responsive Table --- */
	@media screen and (max-width: 992px) {

		table,
		thead,
		tbody,
		th,
		td,
		tr {
			display: block;
		}

		thead {
			display: none;
		}

		tr {
			margin-bottom: 15px;
			border: 1px solid var(--border);
			border-radius: 10px;
			background: #fff;
			padding: 10px;
		}

		td {
			border: none;
			position: relative;
			padding-left: 50% !important;
			text-align: right;
			min-height: 45px;
		}

		td::before {
			content: attr(data-label);
			position: absolute;
			left: 15px;
			width: 45%;
			text-align: left;
			font-weight: 700;
			color: var(--siteprimary);
			font-size: 0.85rem;
		}

		.btn-download {
			/* display: block; */
			text-align: center;
		}
	}

}

/* Document View  */
.document-single-view {

	/* --- Header Section --- */
	.doc-header {
		margin-bottom: 30px;
	}

	.doc-header h1 {
		color: var(--siteprimary);
		font-size: 2rem;
		line-height: 1.3;
		margin-bottom: 20px;
	}

	.doc-meta-bar {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		gap: 20px;
		background: var(--sitegray);
		padding: 20px;
		border-radius: 8px;
		border: 1px solid #ddd;
	}

	.meta-item span {
		display: block;
		font-size: 0.7rem;
		font-weight: 700;
		text-transform: uppercase;
		color: #64748b;
		margin-bottom: 5px;
	}

	.meta-item p {
		font-weight: 600;
		color: var(--siteprimary);
		font-size: 0.95rem;
		margin-bottom: 0px;
	}

	/* --- Layout: Sidebar vs Content --- */
	.doc-main-grid {
		display: grid;
		grid-template-columns: 1fr 300px;
		gap: 40px;
		margin-top: 40px;
	}

	/* --- Description & Preview --- */
	.section-title::after {
		display: none;
	}

	.section-title {
		color: var(--siteprimary);
		font-size: 1.4rem;
		margin-bottom: 15px;
		border-left: 4px solid var(--siteorange);
		padding-left: 15px;
	}

	.doc-description {
		margin-bottom: 40px;
		color: #475569;
	}

	.preview-box {
		background: #eee;
		border-radius: 8px;
		overflow: hidden;
		height: 500px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		border: 1px solid var(--border);
	}

	.pdf-viewer-msg {
		text-align: center;
		color: #666;
	}

	/* --- Download Sidebar --- */
	.download-card {
		background: #fff;
		border: 2px solid var(--siteprimary);
		padding: 30px;
		border-radius: 12px;
		position: sticky;
		top: 20px;
		text-align: center;
		display: block;
	}

	.file-type-icon {
		font-size: 3rem;
		color: #dc3545;
		margin-bottom: 15px;
	}

	.btn-download-big {
		display: block;
		background: var(--siteprimary);
		color: #fff;
		text-decoration: none;
		padding: 15px;
		border-radius: 6px;
		font-weight: 700;
		margin-top: 20px;
		transition: 0.3s;
	}

	.btn-download-big:hover {
		background: var(--siteorange);
		transform: translateY(-2px);
	}

	.download-stats {
		margin-top: 15px;
		font-size: 0.8rem;
		color: #64748b;
	}

	/* --- Security Features --- */
	.restricted-note {
		margin-top: 20px;
		font-size: 0.8rem;
		color: #dc3545;
		background: #fff1f0;
		padding: 10px;
		border-radius: 4px;
		border: 1px solid #ffa39e;
	}

	/* --- Mobile Responsive --- */
	@media (max-width: 850px) {
		.doc-main-grid {
			grid-template-columns: 1fr;
		}

		.doc-header h1 {
			font-size: 1.6rem;
		}

		.download-card {
			position: static;
		}

		.preview-box {
			height: 350px;
		}
	}

}

/* Document Section End */

/* Important Links Section Start  */

.imp-links-section {

	/* --- Category Filter Chips --- */
	.filter-nav {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
		margin-bottom: 40px;
		position: sticky;
		top: 10px;
		z-index: 100;
	}

	.chip {
		padding: 8px 20px;
		background: #fff;
		border: 1px solid #e2e8f0;
		border-radius: 50px;
		cursor: pointer;
		font-size: 0.85rem;
		font-weight: 600;
		transition: 0.3s;
		color: var(--siteprimary);
	}

	.chip.active,
	.chip:hover {
		background: var(--siteprimary);
		color: #fff;
		border-color: var(--siteprimary);
	}

	/* --- Section Styling --- */
	.category-section {
		margin-bottom: 60px;
	}

	.category-title {
		color: var(--siteprimary);
		font-size: 1.6rem;
		margin-bottom: 25px;
		border-left: 5px solid var(--siteorange);
		padding-left: 15px;
		display: flex;
		align-items: center;
	}

	/* --- Card Grid Layout --- */
	.link-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}

	.link-card {
		background: #fff;
		border-radius: 10px;
		padding: 25px;
		border: 1px solid #e2e8f0;
		transition: 0.3s ease-in-out;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.link-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
		border-color: var(--siteorange);
	}

	.link-card h3 {
		color: var(--siteprimary);
		font-size: 1.1rem;
		margin-bottom: 10px;
		min-height: 2.4em;
		display: flex;
		align-items: center;
	}

	.link-card p {
		font-size: 0.85rem;
		color: #666;
		margin-bottom: 20px;
		flex-grow: 1;
	}

	.btn-visit {
		display: inline-block;
		background: var(--siteprimary);
		color: #fff;
		text-decoration: none;
		padding: 10px 15px;
		border-radius: 5px;
		font-size: 0.85rem;
		font-weight: 700;
		text-align: center;
		transition: 0.3s;
	}

	.btn-visit:hover {
		background: var(--siteorange);
	}

	.btn-visit i {
		font-size: 0.7rem;
		margin-left: 5px;
	}

	/* --- Mobile Responsive --- */
	@media (max-width: 992px) {
		.link-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (max-width: 768px) {
		.link-grid {
			grid-template-columns: 1fr;
		}

		.page-header h1 {
			font-size: 1.8rem;
		}
	}

}

/* Important Links Section End  */


@media (max-width: 767px) {
	ul.timeline:before {
		left: 40px;
	}

	ul.timeline>li {
		margin-bottom: 20px;
		position: relative;
		width: 100%;
		float: left;
		clear: left;
	}

	ul.timeline>li>.timeline-panel {
		width: calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
	}

	ul.timeline>li>.timeline-badge {
		left: 28px;
		margin-left: 0;
		top: 16px;
	}

	ul.timeline>li>.timeline-panel {
		float: right;
	}

	ul.timeline>li>.timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}

	ul.timeline>li>.timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}

	.timeline>li.timeline-inverted {
		float: left;
		clear: left;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.timeline>li.timeline-inverted>.timeline-badge {
		left: 28px;
	}
}

/* Skill Programms Section Start */

.skill-pgm-section {

	/* Program Grid Section */
	.program-container {
		max-width: 1200px;
		margin: 50px auto;
		padding: 0 20px;
	}

	.program-grid {
		display: grid;
		gap: 25px;
		/* Desktop: 4 Columns */
		grid-template-columns: repeat(4, 1fr);
	}

	/* Program Card Design */
	.program-card {
		background: var(--white);
		border: 1px solid #eee;
		border-radius: 8px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
		display: none;
		/* Hidden by default for "Load More" */
	}

	.program-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	}

	.card-img-wrap {
		height: 200px;
		overflow: hidden;
	}

	.card-img {
		width: 100%;
		height: 100%;
		aspect-ratio: 1 / 1;
		background-color: #ddd;
		object-fit: cover;
		border-bottom: 4px solid var(--siteorange);
	}

	.card-body {
		padding: 20px;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
	}

	.program-name {
		font-size: 1.2rem;
		font-weight: 700;
		color: var(--siteprimary);
		margin-bottom: 10px;
		/* min-height: 3em; */
	}

	.program-meta {
		font-size: 0.85rem;
		color: var(--sitedark);
		margin-bottom: 15px;
		font-weight: 600;
	}

	.program-meta div {
		margin-bottom: 2px;
	}

	.program-desc {
		font-size: 0.9rem;
		color: var(--gray);
		margin-bottom: 20px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.btn-request {
		background-color: var(--siteprimary);
		color: var(--white);
		border: none;
		padding: 12px;
		border-radius: 4px;
		cursor: pointer;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 0.8rem;
		transition: background 0.3s;
		margin-top: auto;
	}

	.btn-request:hover {
		background-color: var(--siteorange);
	}

	/* Load More Button */
	.load-more-wrap {
		text-align: center;
		margin: 40px 0;
	}

	#loadMore {
		background: var(--siteblue);
		color: white;
		border: none;
		padding: 15px 40px;
		border-radius: 30px;
		cursor: pointer;
		font-size: 1rem;
	}

	/* Popup Modal */
	.modal {
		display: none;
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
	}

	.modal-content {
		background-color: white;
		margin: 10% auto;
		padding: 30px;
		width: 90%;
		max-width: 500px;
		border-radius: 10px;
		position: relative;
	}

	.close-modal {
		position: absolute;
		right: 20px;
		top: 10px;
		font-size: 28px;
		cursor: pointer;
	}

	.modal h2 {
		color: var(--siteprimary);
		margin-bottom: 20px;
	}

	.modal input,
	.modal textarea {
		width: 100%;
		padding: 10px;
		margin-bottom: 15px;
		border: 1px solid #ccc;
		border-radius: 4px;
	}

	/* Responsive Breakpoints */
	@media (max-width: 1024px) {

		/* Tablet: 2 Columns */
		.program-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (max-width: 600px) {

		/* Mobile: 1 Column */
		.program-grid {
			grid-template-columns: 1fr;
		}

		.intro-section h1 {
			font-size: 1.8rem;
		}
	}

}

/* Skill Programms Section End */

/* Corporate Training Section Start */
.corp-training-wrapper {

	/* Domain Cards */
	.domain-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
		margin-top: 30px;
		margin-bottom: 40px;
	}

	.domain-card {
		background: white;
		text-align: center;
		padding: 40px;
		border: 1px solid #e2e2e2;
		border-radius: 12px;
		transition: 0.3s;
		box-shadow: 0 4px 6px #0000000d;
	}

	.domain-card:hover {
		border-color: var(--siteblue);
		transform: translateY(-5px);
		box-shadow: 0 10px 30px #00000021;
	}

	.domain-card i {
		font-size: 2.5rem;
		color: var(--siteorange);
		margin-bottom: 20px;
	}

	.domain-card h3 {
		margin-bottom: 15px;
		font-size: 1.3rem;
		font-weight: 700;
		color: var(--siteprimary);
	}

	.domain-card ul {
		list-style: none;
		text-align: left;
		margin-bottom: 0;
	}

	.domain-card ul li {
		padding: 5px 0;
		color: #555;
		font-size: 0.95rem;
	}

	.domain-card ul li::before {
		content: "✔";
		color: var(--siteblue);
		margin-right: 8px;
		font-weight: bold;
	}

	/* Industry Segments */
	.industry-section {
		background: var(--sitegray);
	}

	.industry-tags {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		gap: 13px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.tag {
		background: white;
		padding: 12px 25px;
		border-radius: 50px;
		font-weight: 600;
		color: var(--siteprimary);
		border: 1px solid #ddd;
		transition: 0.3s;
	}

	.tag:hover {
		background: var(--siteprimary);
		color: white;
		border-color: var(--siteprimary);
		transform: scale(1.05);
	}

	/* Responsive Design */
	@media (max-width: 1024px) {
		.domain-grid {
			grid-template-columns: repeat(2, 1fr);
		}

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

		.points-grid {
			grid-template-columns: 1fr;
			gap: 40px;
		}
	}

	@media (max-width: 768px) {
		h1 {
			font-size: 2rem;
		}

		.domain-grid,
		.model-grid {
			grid-template-columns: 1fr;
		}

		.hero {
			padding: 60px 0;
		}
	}

}

/* Corporate Training Section End */

/* Empanelment & Association Section Start */

.empanelment-section-wrapper {

	/* Filter Section (UI Recommendation) */
	.filter-container {
		margin: 40px 0;
		text-align: center;
	}

	.filter-btn {
		background: transparent;
		border: 1px solid var(--light-border);
		padding: 10px 25px;
		margin: 5px;
		cursor: pointer;
		border-radius: 50px;
		font-weight: 600;
		color: var(--sitedark);
		transition: all 0.3s ease;
	}

	.filter-btn.active,
	.filter-btn:hover {
		background: var(--siteprimary);
		color: var(--white);
		border-color: var(--siteprimary);
	}

	/* Logo Grid Display */
	.logo-grid {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 20px;
		margin-bottom: 80px;
	}

	.logo-item {
		background: white;
		border: 1px solid #e1e4e8;
		padding: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		height: 160px;
		transition: all 0.3s ease;
		position: relative;
		overflow: hidden;
	}

	.logo-item:hover {
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
		border-color: var(--siteblue);
		transform: translateY(-5px);
	}

	.logo-item img {
		max-width: 100%;
		max-height: 100%;
		filter: grayscale(100%);
		opacity: 0.7;
		transition: all 0.3s ease;
	}

	.logo-item:hover img {
		filter: grayscale(0%);
		opacity: 1;
	}

	/* Tooltip style label */
	.logo-label {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: var(--siteprimary);
		color: white;
		font-size: 0.75rem;
		padding: 5px;
		text-align: center;
		transform: translateY(100%);
		transition: transform 0.3s ease;
	}

	.logo-item:hover .logo-label {
		transform: translateY(0);
	}

	/* Responsive Breakpoints */
	@media (max-width: 1024px) {
		.logo-grid {
			grid-template-columns: repeat(3, 1fr);
		}

		h1 {
			font-size: 2rem;
		}
	}

	@media (max-width: 600px) {
		.logo-grid {
			grid-template-columns: repeat(2, 1fr);
			gap: 10px;
		}

		.logo-item {
			padding: 15px;
			height: 120px;
		}

		.filter-btn {
			padding: 8px 15px;
			font-size: 0.8rem;
		}
	}

}

/* Empanelment & Association Section End */

/* Awards Section Start */
.awards-section-wrapper {

	/* Award Card Grid */
	.awards-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
		margin-top: 50px;
	}

	.award-card {
		background: var(--white);
		border: 1px solid #eee;
		border-radius: 12px;
		overflow: hidden;
		transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		display: flex;
		flex-direction: column;
		cursor: pointer;
	}

	.award-card:hover {
		transform: translateY(-10px);
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
		border-color: var(--gold);
	}

	.award-image-wrap {
		height: 250px;
		overflow: hidden;
		position: relative;
		background: #f0f0f0;
	}

	.award-image-wrap img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.5s ease;
	}

	.award-card:hover .award-image-wrap img {
		transform: scale(1.1);
	}

	.award-body {
		padding: 25px;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
	}

	.award-year {
		font-weight: 700;
		color: var(--siteorange);
		font-size: 0.9rem;
		margin-bottom: 10px;
	}

	.award-title {
		font-size: 1.4rem;
		color: var(--siteprimary);
		margin-bottom: 8px;
		font-weight: 700;
	}

	.awarding-authority {
		font-size: 0.9rem;
		font-weight: 600;
		color: var(--siteblue);
		margin-bottom: 15px;
		text-transform: uppercase;
	}

	.award-description {
		font-size: 0.95rem;
		color: #666;
		margin-bottom: 20px;
	}

	/* Commitment Section */
	.commitment-section {
		background-color: var(--sitegray);
		padding: 80px 0;
		text-align: center;
	}

	/* Modal / Lightbox */
	.modal {
		display: none;
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 38, 84, 0.95);
		align-items: center;
		justify-content: center;
		padding: 40px;
	}

	.modal-content {
		max-width: 90%;
		max-height: 90%;
		border: 5px solid var(--white);
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	}

	.close-modal {
		position: absolute;
		top: 30px;
		right: 40px;
		color: var(--white);
		font-size: 40px;
		cursor: pointer;
	}

	/* Responsive Design */
	@media (max-width: 1024px) {
		.awards-grid {
			grid-template-columns: repeat(2, 1fr);
		}

		h1 {
			font-size: 2.4rem;
		}
	}

	@media (max-width: 768px) {
		.awards-grid {
			grid-template-columns: 1fr;
		}

		section {
			padding: 60px 0;
		}
	}

}

/* Awards Section End */

/* Accomplishments Section Start */
.accomplishments-section-wrapper {

	/* Animated Milestones */
	.milestone-grid {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 20px;
		margin-top: 40px;
	}

	.milestone-card {
		background: var(--white);
		padding: 30px 15px;
		border-radius: 12px;
		box-shadow: 0 10px 30px #00000021;
		border-bottom: 4px solid var(--siteblue);
		transition: 0.3s;
	}

	.milestone-card:hover {
		transform: translateY(-10px);
		border-bottom-color: var(--siteorange);
	}

	.counter {
		font-size: 2.5rem;
		font-weight: 800;
		color: var(--siteprimary);
		display: block;
		margin-bottom: 10px;
	}

	.milestone-label {
		font-size: 0.9rem;
		font-weight: 600;
		color: var(--gray);
		text-transform: uppercase;
	}

	/* Geographic Presence / Map */
	.geo-container {
		display: flex;
		align-items: center;
		gap: 50px;
		background: var(--sitegray);
		padding: 40px;
		border-radius: 20px;
		box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);
		margin-bottom: 40px;
	}

	/* Map Styling */
	.map-wrapper {
		flex: 1;
		position: relative;
	}

	svg#india-map {
		width: 100%;
		height: auto;
		filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.1));
	}

	/* State Classes */
	.land {
		fill: #e0e0e0;
		stroke: #fff;
		stroke-width: 0.8;
		transition: 0.3s ease;
	}

	/* Highlighted States */
	.active-state {
		fill: var(--siteblue);
		cursor: pointer;
	}

	.active-state:hover,
	.active-state.selected {
		fill: var(--siteorange);
	}

	/* Info Sidebar */
	.info-sidebar {
		flex: 0.8;
		padding: 30px;
		background: var(--white);
		border-radius: 15px;
		border-left: 5px solid var(--siteprimary);
	}

	.info-sidebar h2 {
		color: var(--siteprimary);
		margin-bottom: 10px;
		font-size: 2rem;
	}

	.info-sidebar p {
		color: #555;
		font-size: 1.1rem;
		line-height: 1.6;
	}

	.state-details {
		margin-top: 30px;
		display: none;
	}

	.state-details.show {
		display: block;
		animation: fadeIn 0.5s ease forwards;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(10px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.presence-list {
		list-style: none;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin-top: 20px;
	}

	.presence-list li {
		background: var(--light-bg);
		padding: 10px 15px;
		border-radius: 8px;
		font-weight: 600;
		color: var(--siteprimary);
		border: 1px solid var(--light-border);
		text-align: center;
	}

	/* Strength in Numbers / Infographics */
	.info-grid {
		display: grid;
		grid-template-columns: repeat(3, 2fr) repeat(2, 1fr);
		/* Mixed layout */
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 30px;
		margin-top: 50px;
	}

	.info-box {
		text-align: center;
	}

	.circle-chart {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background: conic-gradient(var(--siteorange) var(--perc), #eee 0);
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 20px;
		position: relative;
	}

	.circle-chart::after {
		content: attr(data-percent);
		position: absolute;
		width: 100px;
		height: 100px;
		background: white;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 800;
		color: var(--siteprimary);
		font-size: 1.2rem;
	}

	.stat-box {
		background: var(--sitegray);
		padding: 25px;
		border-radius: 10px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.stat-box h4 {
		font-size: 1.8rem;
		color: var(--siteorange);
		margin-bottom: 5px;
	}

	.stat-box p {
		font-size: 0.85rem;
		font-weight: 700;
		color: var(--siteprimary);
	}

	/* Mobile Adjustments */
	@media (max-width: 1024px) {
		.milestone-grid {
			grid-template-columns: repeat(3, 1fr);
		}


	}

	@media (max-width: 768px) {
		h1 {
			font-size: 2.2rem;
		}

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

		.info-grid {
			grid-template-columns: 1fr;
		}
	}

	/* Mobile Responsive */
	@media (max-width: 850px) {
		.geo-container {
			flex-direction: column;
			padding: 20px;
		}

		.info-sidebar {
			width: 100%;
			box-sizing: border-box;
		}
	}
}

/* Accomplishments Section End */

/* Process Flow Start  */
/* Process Flow Wrapper */
.process-flow {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}

/* Connecting Line (Desktop Only) */
.process-flow::before {
	content: '';
	position: absolute;
	top: 45px;
	left: 50px;
	right: 50px;
	height: 2px;
	background: #dee2e6;
	z-index: 1;
}

.process-flow.flow-h {

	.step-item {
		flex: 1;
		min-width: 180px;
		text-align: center;
		position: relative;
		z-index: 2;
		padding: 0 10px;
		margin-bottom: 20px;
		cursor: pointer;
	}

	/* Step Circle */
	.step-icon {
		width: 50px;
		height: 50px;
		background: var(--white);
		border: 4px solid var(--siteblue);
		color: var(--siteprimary);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 20px;
		font-size: 1rem;
		font-weight: bold;
		transition: all 0.3s ease;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	}

	.step-content h3 {
		font-size: 1.1rem;
		color: var(--sitedark);
		margin-bottom: 10px;
		transition: color 0.3s;
	}

	.step-item:hover h3 {
		color: var(--siteblue);
	}

	.step-content p {
		color: var(--gray);
		line-height: 1.5;
		padding: 0 5px;
		margin: 0;
	}

	/* Responsive Breakpoints */
	@media (min-width: 768px) {
		.step-item:first-child {
			padding-left: 0px;
		}

		.step-item:last-child {
			padding-right: 0px;
		}
	}

	@media (max-width: 992px) {
		.step-item {
			flex: 0 0 33.33%;
		}

		.process-flow::before {
			display: none;
			/* Remove line on tablet/mobile */
		}
	}

	@media (max-width: 600px) {
		.step-item {
			flex: 0 0 100%;
			display: flex;
			text-align: left;
			align-items: flex-start;
			gap: 20px;
		}

		.step-icon {
			width: 60px;
			height: 60px;
			min-width: 60px;
			font-size: 1.2rem;
			margin: 0;
		}

		.step-content p {
			padding: 0;
		}
	}


}

/* Process Flow End  */

/* --- Modal Popup --- */
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	padding: 20px;
}

/* Modal Popup Strat  */

.form-modal01 {


	.modal-card {
		background: #fff;
		width: 100%;
		max-width: 700px;
		border-radius: 15px;
		overflow: hidden;
		position: relative;
		animation: popIn 0.3s ease;
	}

	@keyframes popIn {
		from {
			transform: scale(0.9);
			opacity: 0;
		}

		to {
			transform: scale(1);
			opacity: 1;
		}
	}

	.modal-body {
		padding: 40px;
	}

	.close-modal {
		position: absolute;
		top: 20px;
		right: 20px;
		font-size: 24px;
		cursor: pointer;
		color: #999;
	}

	.form-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	.form-group {
		margin-bottom: 15px;
	}

	.form-group label {
		display: block;
		font-size: 0.8rem;
		font-weight: 700;
		margin-bottom: 5px;
		color: #000;
	}

	.form-group input,
	.form-group select,
	.form-group textarea {
		width: 100%;
		padding: 10px;
		border: 1px solid #ddd;
		border-radius: 5px;
	}

	.btn-main {
		background: var(--siteorange);
		color: #fff;
		padding: 15px 30px;
		border-radius: 5px;
		text-decoration: none;
		font-weight: 700;
		cursor: pointer;
		border: none;
	}

	/* --- Mobile Responsive --- */
	@media (max-width: 768px) {
		.hero h1 {
			font-size: 2rem;
		}

		.model-content ul {
			grid-template-columns: 1fr;
		}

		.btn-group {
			flex-direction: column;
		}

		.form-grid {
			grid-template-columns: 1fr;
		}
	}
}

/* Modal Popup End  */

/* / Smartphones (portrait and landscape) ----------- / */
@media only screen and (min-device-width : 768px) {
	.row {
		display: flex;
		flex-wrap: wrap;
	}

	.d-lg-block {
		display: block !important;
	}

	.d-lg-none {
		display: none !important;
	}

	.d-lg-flex {
		display: flex !important;
	}

	.flex-lg-wrap {
		flex-wrap: wrap !important;
	}

	.logo .national_emblem {
		width: auto;
		height: 60px;
	}

	.main-menu .nav-menu .nav-item .sub-nav {
		max-height: 460px;
		overflow: hidden;
		overflow-y: auto;
	}

	.core-value-row .core-value-card {
		/* height: 100%; */
	}

	.section-contact-page {
		.contact-info .card {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			height: 100%;
			background-color: #f9f9f9;
		}

		.contact-info {
			padding-right: 0;
		}

		.contact-form {
			padding-left: 0;
		}

		.contact-form .form-responsive {
			height: 100%;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
	}
}

/* / Smartphones (portrait and landscape) ----------- / */
@media only screen and (min-device-width : 100px) and (max-device-width : 767px) {

	.logo img.national_emblem {
		max-width: 150px;
	}

	.region-header-top .common-left ul {
		max-height: 80px;
	}

	.form-modal01 {
		max-height: 90vh;
		overflow: auto;
	}

}