/********** Template CSS **********/
:root {
	--primary: #ff800f;
	--secondary: #001064;
	--light: #f6f7f8;
	--dark: #010a35;
}

.back-to-top {
	position: fixed;
	display: none;
	right: 30px;
	bottom: 30px;
	z-index: 99;
}

/*** Spinner ***/
#spinner {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
	z-index: 99999;
}

#spinner.show {
	transition: opacity 0.5s ease-out, visibility 0s linear 0s;
	visibility: visible;
	opacity: 1;
}

/*** Button ***/
.btn {
	transition: 0.5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover,
.btn.btn-secondary,
.btn.btn-outline-secondary:hover {
	color: #ffffff;
}

.btn.btn-primary:hover {
	background: var(--secondary);
	border-color: var(--secondary);
}

.btn.btn-secondary:hover {
	background: var(--primary);
	border-color: var(--primary);
}

.btn-square {
	width: 38px;
	height: 38px;
}

.btn-sm-square {
	width: 32px;
	height: 32px;
}

.btn-lg-square {
	width: 48px;
	height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}

/*** Navbar ***/
.navbar.sticky-top {
	top: -100px;
	transition: 0.5s;
	/* background: linear-gradient(45deg, #11111c, #292867, #2c2cc4); */
	background: linear-gradient(90deg, #000000, #3533cd);
}

.navbar .navbar-brand img {
	max-height: 60px;
}

.navbar .navbar-nav .nav-link {
	/* margin-left: 25px; */
	padding: 0px 0;
	color: #ffffff;
	font-style: normal;
	font-family: "Heebo";
	font-weight: 500;
	letter-spacing: 1.8px;
	outline: none;
	text-align: center;
	font-size: 1em;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
	color: #76e5fc;
}

.navbar .dropdown-toggle::after {
	border: none;
	/* content: "\f107"; */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	vertical-align: middle;
	margin-left: 8px;
}

@media (max-width: 991.98px) {
	.navbar-light .navbar-toggler-icon {
		filter: invert(1) brightness(100);
	}

	.navbar .navbar-brand img {
		max-height: 45px;
	}

	.navbar .navbar-nav {
		margin-top: 20px;
		margin-bottom: 15px;
	}

	.navbar .nav-item .dropdown-menu {
		padding-left: 30px;
	}
}

@media (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: block;
		border: none;
		margin-top: 0;
		top: 150%;
		right: 0;
		opacity: 0;
		visibility: hidden;
		transition: 0.5s;
	}

	.navbar .nav-item:hover .dropdown-menu {
		top: 100%;
		visibility: visible;
		transition: 0.5s;
		opacity: 1;
	}
}

/*** Header ***/
.carousel-caption {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: rgba(1, 10, 53, 0.8);
	z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
	width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	width: 3rem;
	height: 3rem;
	background-color: var(--dark);
	border: none;
	border-radius: 3rem;
}

@media (max-width: 768px) {
	#header-carousel .carousel-item {
		position: relative;
		min-height: 450px;
	}

	#header-carousel .carousel-item img {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.page-header {
	/* background: linear-gradient(rgba(1, 10, 53, .8), rgba(1, 10, 53, .8)), url(../NEWIMAGES/headerbg1.png) center center no-repeat; */
	background: linear-gradient(rgb(1 10 53 / 0%), rgb(1 10 53 / 0%)),
		url(../NEWIMAGES/headerbg1.png) center center no-repeat;
	background-size: cover;
	/* padding: 10% 5% 2%; */
}

.page-header1 {
	/* background: linear-gradient(rgba(1, 10, 53, .8), rgba(1, 10, 53, .8)), url(../NEWIMAGES/headerbg1.png) center center no-repeat; */
	background: linear-gradient(rgb(1 10 53 / 0%), rgb(1 10 53 / 0%)),
		url(../NEWIMAGES/57.png) center center no-repeat;
	background-size: cover;
	/* padding: 10% 5% 2%; */
}

.page-header2 {
	/* background: linear-gradient(rgba(1, 10, 53, .8), rgba(1, 10, 53, .8)), url(../NEWIMAGES/headerbg1.png) center center no-repeat; */
	background: linear-gradient(rgb(1 10 53 / 0%), rgb(1 10 53 / 0%)),
		url(../NEWIMAGES/15.png) center center no-repeat;
	background-size: cover;
	/* padding: 10% 5% 2%; */
}

.page-header .breadcrumb-item a,
.page-header .breadcrumb-item + .breadcrumb-item::before {
	color: var(--light);
}

.page-header .breadcrumb-item a:hover,
.page-header .breadcrumb-item.active {
	color: var(--primary);
}

/*** Facts ***/
.facts {
	background: rgba(1, 10, 53, 0.8);
}

/*** Quote ***/
@media (min-width: 992px) {
	.container.quote {
		max-width: 100% !important;
	}

	.container.quote .quote-text {
		padding-left: calc(((100% - 960px) / 2) + 0.75rem);
	}

	.container.quote .quote-form {
		padding-right: calc(((100% - 960px) / 2) + 0.75rem);
	}
}

@media (min-width: 1200px) {
	.container.quote .quote-text {
		padding-left: calc(((100% - 1140px) / 2) + 0.75rem);
	}

	.container.quote .quote-form {
		padding-right: calc(((100% - 1140px) / 2) + 0.75rem);
	}
}

@media (min-width: 1400px) {
	.container.quote .quote-text {
		padding-left: calc(((100% - 1320px) / 2) + 0.75rem);
	}

	.container.quote .quote-form {
		padding-right: calc(((100% - 1320px) / 2) + 0.75rem);
	}
}

.container.quote .quote-text {
	background: rgba(1, 10, 53, 0.8);
}

.container.quote .quote-form {
	background: rgba(255, 255, 255, 0.8);
}

.container.quote .quote-text .h-100,
.container.quote .quote-form .h-100 {
	padding: 6rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/*** Service ***/
.service-item .service-icon {
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.service-item .service-icon img {
	max-width: 60px;
	max-height: 60px;
}

/*** Team ***/
.team-item .team-img::before,
.team-item .team-img::after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(1, 10, 53, 0.8);
	transition: 0.5s;
}

.team-item .team-img::after {
	left: auto;
	right: 0;
}

.team-item:hover .team-img::before,
.team-item:hover .team-img::after {
	width: 50%;
}

.team-item .team-img .team-social {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.5s;
	z-index: 3;
	opacity: 0;
}

.team-item:hover .team-img .team-social {
	transition-delay: 0.3s;
	opacity: 1;
}

/*** Testimonial ***/
.animated.pulse {
	animation-duration: 1.5s;
}

.testimonial-left,
.testimonial-right {
	position: relative;
}

.testimonial-left img,
.testimonial-right img {
	position: absolute;
	border-radius: 70px;
}

.testimonial-left img:nth-child(1),
.testimonial-right img:nth-child(3) {
	width: 70px;
	height: 70px;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
}

.testimonial-left img:nth-child(2),
.testimonial-right img:nth-child(2) {
	width: 60px;
	height: 60px;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
}

.testimonial-left img:nth-child(3),
.testimonial-right img:nth-child(1) {
	width: 50px;
	height: 50px;
	bottom: 10%;
	right: 10%;
}

.testimonial-carousel .owl-item img {
	width: 100px;
	height: 100px;
	border-radius: 100px;
}

.testimonial-carousel .owl-nav {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
	margin: 0 5px;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	background: var(--primary);
	border-radius: 45px;
	font-size: 22px;
	transition: 0.5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
	background: var(--secondary);
}

/*** Footer ***/
.footer {
	color: #7f8499;
}

.footer .btn.btn-link {
	display: block;
	margin-bottom: 5px;
	padding: 0;
	text-align: left;
	color: #7f8499;
	font-weight: normal;
	text-transform: capitalize;
	transition: 0.3s;
}

.footer .btn.btn-link::before {
	position: relative;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #7f8499;
	margin-right: 10px;
}

.footer .btn.btn-link:hover {
	color: var(--primary);
	letter-spacing: 1px;
	box-shadow: none;
}

.footer .btn.btn-square {
	color: #7f8499;
	border: 1px solid #7f8499;
}

.footer .btn.btn-square:hover {
	color: var(--light);
	border-color: var(--primary);
}

.footer .copyright {
	padding: 25px 0;
	border-top: 1px solid rgba(256, 256, 256, 0.1);
}

.copyright1 {
	background: linear-gradient(45deg, #11111c, #292867, #2c2cc4);
}

.footer .copyright a {
	color: var(--primary);
}

.footer .copyright a:hover {
	color: #ffffff;
}

/* New Chnages Made By BS */
/* Hover dropdown */
.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
}

.mega-menu {
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	padding: 2rem;
	background: #fff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.mega-menu h6 {
	font-weight: bold;
	color: #100f0f;
	margin-bottom: 1rem;
	/* border-bottom: 2px solid #0dcaf0; */
	display: inline-block;
}

.mega-menu ul {
	list-style: none;
	padding: 0;
}

.mega-menu ul li {
	margin-bottom: 0.5rem;
	color: #6c757d;
	font-size: 14px;
}

.mega-menu .row > div {
	padding: 0 1rem;
}

.mega-menu h6 {
	font-weight: bold;
	color: #100f0f;
	position: relative;
	display: inline-block;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
	width: 100%;
	font-size: 14px;
	text-transform: uppercase;
}
.mb22 p {
	background-clip: border-box;
	background-image: none;
	color: #20282d;
	font-family: "Heebo";
	font-weight: 400;
	font-size: 1em;
	text-align: center;
	line-height: 1.5em;
}
.mega-menu h6::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	/* Adjust line length */
	height: 2px;
	background-color: #0dcaf0;
	/* Light blue color */
}

.mega-menu h5 {
	font-size: 14px;
}

.nav-item,
.pad1 {
	padding: 0px 30px;
}

.nav-item .colnew1,
.pad1 .colnew1 {
	color: #b1abab;
	text-align: center;
}

/*** Carousel Hero Header Start ***/
.carousel-header {
	position: relative;
	overflow: hidden;
}

.carousel-indicators {
	display: none;
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
	width: 0;
}

.carousel .carousel-control-prev .carousel-control-prev-icon,
.carousel .carousel-control-next .carousel-control-next-icon {
	position: absolute;
	top: 43%;
	transform: translateY(-50%);
	padding: 25px 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ff800f00;
	transition: 0.5s;
}

.carousel .carousel-control-prev .carousel-control-prev-icon {
	left: 0;
	border-left: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 50px;
}

.carousel .carousel-control-next .carousel-control-next-icon {
	right: 0;
	border-right: 0;
	border-top-left-radius: 50px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 0;
}

.carousel .carousel-control-prev .carousel-control-prev-icon:hover,
.carousel .carousel-control-next .carousel-control-next-icon:hover {
	background: var(--bs-secondary);
}

.carousel .carousel-inner .carousel-item {
	position: relative;
}

.carousel .carousel-inner .carousel-item .carousel-caption-1 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding-top: 0px;
	display: flex;
	align-items: center;
	justify-content: end;
	/* background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5)); */
	background-size: cover;
}

.carousel-caption-1-content {
	text-align: left;
	margin-right: 100px;
	/* background-color: rgb(79 129 189 / 90%); */
	/* background: linear-gradient(rgb(79 129 189 / 80%), rgb(79 129 189 / 80%)), url(../NEWIMAGES/hero1.jpg) center center no-repeat; */
	background-color: #23377891;
	background-size: cover;
	padding: 50px;
	border-top: 8px solid #233778;
}

.carousel-caption-1-content .carousel-caption-1-content-btn {
	display: flex;
	/* justify-content: end; */
}

.carousel .carousel-inner .carousel-item .carousel-caption-2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding-top: 0px;
	display: flex;
	align-items: center;
	text-align: center;
	/* background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5)); */
	background-size: cover;
}

.carousel-caption-2-content {
	text-align: start;
	margin-left: 100px;
	/* background-color: rgba(21, 50, 85, .8); */
	background: linear-gradient(rgb(79 129 189 / 80%), rgb(79 129 189 / 80%)),
		url(../NEWIMAGES/hero2.jpg) center center no-repeat;
	background-size: cover;
	padding: 50px;
	border-top: 5px solid #76e5fc;
}

.carousel-caption-2-content .carousel-caption-2-content-btn {
	display: flex;
	justify-content: start;
}

@media (max-width: 992px) {
	.carousel .carousel-inner .carousel-item {
		height: 700px;
		margin-top: -100px;
	}

	.carousel .carousel-inner .carousel-item img {
		height: 700px;
		object-fit: cover;
	}

	.carousel .carousel-inner .carousel-item .carousel-caption-1 {
		max-width: 100% !important;
		justify-content: center;
	}

	.carousel-caption-1-content {
		padding: 0 20px !important;
		text-align: center !important;
	}

	.carousel-caption-1-content .carousel-caption-1-content-btn {
		justify-content: center;
	}

	.carousel .carousel-inner .carousel-item .carousel-caption-2 {
		max-width: 100% !important;
		justify-content: center;
	}

	.carousel-caption-2-content {
		padding: 0 20px !important;
		text-align: center !important;
	}

	.carousel-caption-2-content .carousel-caption-2-content-btn {
		justify-content: center;
	}

	.carousel .carousel-control-prev .carousel-control-prev-icon,
	.carousel .carousel-control-next .carousel-control-next-icon {
		display: none;
	}
}

.modal .modal-header {
	height: 100px;
}

#searchModal .modal-content {
	background: rgba(255, 255, 255, 0.6);
}

.carousel-item img {
	height: 300px;
	object-fit: cover;
}

.colnew2 {
	color: #0dcaf0;
}

/*** Carousel Hero Header End ***/

.btnnew {
	background-color: #0b397d;
	border-color: #ffffff;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-size: 14.7px;
	padding: 10px 25px !important;
}

.btnnew:hover {
	background-color: white !important;
	border-color: #ffffff !important;
	color: #001064 !important;
}

@media (min-width: 1400px) {
	.containernew {
		max-width: 1496px;
		padding: 0px;
		margin: 0px;
	}

	.containernew .col-lg-2 {
		padding: 0px;
		margin: 0px;
	}
}

.colnew3 {
	color: #0b397d;
	font-size: 22px;
	font-weight: bold;
}

.colnew4 {
	color: #5271ff;
	font-weight: 600;
}

/* .newwsec1 p {
    color: #20282d;
    font-family: "Heebo";
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 32px;
} */

.newsec1 {
	background-color: #e5f3f6;
}

/* New Section-2 Start */
.slick-slide {
	margin: 0px 2px;
}

.slick-slide img {
	width: 70%;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: "";
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.bgnew1 {
	background-color: #bedcf7;
	padding: 20px 20px;
	border-radius: 10px;
	z-index: 9;
	position: relative;
}

.bgnew2 {
	background-color: #e5f3f6;
}

/* New Section-2 End */

.newsec3 {
	background: linear-gradient(90deg, #000000, #3533cd);
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: -25px;
}

.newsec3 h4 {
	font-size: 22px;
	color: #f4f9f6;
}

.newsec3 h4::after {
	content: "";
	display: block;
	width: 50px;
	/* You can adjust the width of the line */
	height: 3px;
	/* Thickness of the line */
	background-color: #007bff;
	/* Line color (Bootstrap primary in this example) */
	margin-top: 8px;
	/* Space between text and the line */
}

.newsec3 p {
	background-clip: border-box;
	background-image: none;
	color: #fff;
	font-family: "Heebo";
	font-weight: 400;
	font-size: 1.2em;
	line-height: 32px;
}

.bodpad1 {
	padding-bottom: 30px;
	border-bottom: 3px solid white;
}

.btnnew1 {
	background-color: #5d6291;
	border-color: #5d6291;
	/* letter-spacing: 3px; */
	text-transform: uppercase;
}

.btnnew1:hover {
	background-color: white !important;
	border-color: #ffffff !important;
	color: #001064 !important;
}

.bg1 {
	background-image: url(../NEWIMAGES/photonew1.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.bodpad12 {
	padding: 220px 0px;
}

.newsec4 h4 {
	font-size: 27px;
	color: white;
}

/* .newsec4 h4::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #007bff;
    margin-top: 8px;
} */

.bodpad12 p {
	padding: 20px 0px;
	background-clip: border-box;
	background-image: none;
	color: #fff;
	font-family: "Heebo";
	font-weight: 400;
	font-size: 1.2em;
	line-height: 32px;
}

.btnnew2 {
	background-color: #074fa9b0;
	border-color: #ffffff;
	/* letter-spacing: 3px; */
	text-transform: uppercase;
	padding: 14px 21px !important;
}

.btnnew2:hover {
	background-color: white !important;
	border-color: #ffffff !important;
	color: #001064 !important;
}

.newsec5top h4 {
	font-size: 29px;
	color: #ffffff;
	margin-bottom: 40px;
}

.newsec5 {
	/* background: linear-gradient(45deg, #1a1a25, #2f2e95, #2c2cc4); */
	background: linear-gradient(90deg, #000000, #3533cd);
	padding-top: 25px;
	padding-bottom: 100px;
}

.newsec5top h4::after {
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	background-color: #007bff;
	margin-top: 30px;
	position: relative;
	left: 48%;
}

.newsec5top p {
	font-size: 22px;
	color: #ffffff;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);

	z-index: 1;
}
*/


/* .boxes:hover {
 opacity: 0.5;
} */

.newsec5new {
	margin-top: -80px;
}
.np1 {
	font-style: normal;
	font-family: "Lexend";
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 1.4em;
	letter-spacing: 0.01em;
	font-size: 1.4em;
}
.box-content .np {
	color: #ffffff;
	text-align: center;
	font-size: 2rem;
	line-height: 1.2em;
	font-style: normal;
	background-clip: border-box;
	background-image: none;
	/* color: #17375e; */
	font-family: "Lexend";
	font-weight: 400;
	margin: 0;
	display: block;
	width: 100%;
}

.box-content .nw {
	font-size: 36px;
	font-weight: bold;
	color: white;

	margin-bottom: 20px !important;

	margin-top: 0;
	line-height: 0.1;
}

.nw1 {
	padding-right: 70px;
}

.newsec6 {
	background: linear-gradient(90deg, #000000, #3533cd);
	padding-top: 5em;
	padding-bottom: 5em;
}

.pad2 {
	padding: 30px;
	border-radius: 12px;
	background-color: #5271ff3d;
}
.newsec6top h4 {
	font-size: 27px;
	color: white !important;
}
.newsec6top h2 {
	color: #fff !important;
	padding-top: 10px;
	font-size: 2.5em;
	line-height: 1.2em;
	font-style: normal;
	font-family: Lexend;
	font-weight: 600;
	letter-spacing: 0.025em;
}

.newsec6top p {
	color: #fff !important;
	font-family: Heebo;
	font-weight: 300;
	font-size: 1.2em;
	line-height: 32px;
}

/* 
.form-control {
    display: block;
    width: 100%;
    padding: .675rem .75rem;
    font-size: 14px;
    font-weight: 100;
    /* font-weight: 400; */
/* line-height: 1.5;
    color: #000000;
    background-color: #216bd0;
    background-clip: padding-box;
    border: 1px solid #216bd0;
    appearance: none;
    border-radius: 0px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 12px;
} */
*/

/* Placeholder text white */
::placeholder {
	color: white !important;
	opacity: 1;
}

:-ms-input-placeholder {
	color: white !important;
}

::-ms-input-placeholder {
	color: white !important;
}

::-webkit-input-placeholder {
	color: white !important;
}

::-moz-placeholder {
	color: #ffffff !important;
	opacity: 1;
	font-size: 18px;
}

:-moz-placeholder {
	color: white !important;
	opacity: 1;
}

.btnsend {
	background-color: #5271ff;
	border: 2px solid #5271ff;
	border-radius: 17px;
	padding: 7px 21px;
}

/* New Section-7 Start */
.subscribe-section {
	background: url("../NEWIMAGES/footerbgnew1.png") no-repeat center center/cover;
	padding: 30px 20px 0px 20px;
	text-align: center;
	position: relative;
	overflow: hidden;
	/* Ensures the overlay doesn't leak out */
}

.subscribe-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	/* Adjust opacity here */
	z-index: 0;
	/* Ensures overlay is behind content */
}

.subscribe-section > * {
	position: relative;
	z-index: 1;
	/* Brings all content above the overlay */
}

.subscribe-section h2 {
	margin-bottom: 10px;
	font-size: 2.5em;
	line-height: 1.2em;
	color: #fff !important;
	font-style: normal;
	font-family: Lexend;
	font-weight: 600;
}

.subscribe-section p {
	font-size: 1.2em;
	line-height: 32px;
	text-align: center;
	margin-bottom: 1.5em;
}

.subscribe-input {
	background-color: #0b2e59;
	border: none;
	border-radius: 5px;
	color: white;
	padding: 10px 15px;
	margin: 5px;
	width: 220px;
}

.subscribe-input::placeholder {
	color: white;
	opacity: 1;
}

.subscribe-button {
	background-color: #0b5ed7;
	border: none;
	border-radius: 15px;
	padding: 10px 25px;
	margin: 5px;
	color: #fff !important;
	font-size: 18px;
}

.subscribe-button:hover {
	background-color: #094bb5;
}

.footer-section {
	/* background-color: rgba(0, 0, 0, 0.8); */
	padding: 60px 20px 30px 20px;
}

.footer-section h5 {
	font-weight: 700;
	margin-bottom: 15px;
	color: white;
}

.white-text {
	color: #ffffff;
}

.footer-section ul {
	list-style: none;
	padding: 0;
}

.footer-section ul li {
	margin-bottom: 10px;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #fff !important;
	font-weight: 100 !important;
}

.footer-section ul li::before {
	content: "•";
	color: white;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.footer-section hr {
	border-top: 3px solid #0b5ed7;
	width: 40px;
	margin-bottom: 15px;
	opacity: 1;
}

/* New Section-7 End */

.footerbox {
	background: linear-gradient(45deg, #0e3d81ed, #0e3d81c7);
	height: 97%;
	padding: 30px 10px 15px 20px;
	border-radius: 10px;
}

.copyright {
	background: linear-gradient(90deg, #000000, #3533cd);
}

.copyright a {
	color: white;
}

.bordernew {
	border: 2px solid white;
	border-radius: 10px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	color: #007bff !important;
}

.gapnew1 {
	gap: 40px;
}

.meganav a {
	font-weight: bold;
	color: #100f0f;
}

.meganav a:hover {
	color: #010a35;
}

.newse h4 {
	font-size: 22px;
	/* color: white; */
}
.newse h3 {
	font-style: normal;
	font-family: "Lexend";
	font-weight: 600;
	background-image: none;
	color: #17375e;
	font-size: 1.8em;
	letter-spacing: 0.01em;
	line-height: 1.4em;
}

.newse h4::after {
	content: "";
	display: block;
	width: 50px;
	/* You can adjust the width of the line */
	height: 3px;
	/* Thickness of the line */
	background-color: #00adee;
	/* Line color (Bootstrap primary in this example) */
	margin-top: 8px;
	/* Space between text and the line */
}
.newse h5 {
	font-style: normal;
	background-clip: border-box;
	background-image: none;
	color: rgb(23, 55, 94);
	font-family: Lexend;
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.7em;
	letter-spacing: -0.03em;
}

.section-wrapper {
	min-height: 400px;
}

.content-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	/* text-align: center; */
}

.section-text {
	font-size: 16px;
	color: black;
}

.img-fluid-custom {
	width: 100%;
	height: 210px;
	object-fit: cover;
	border-radius: 10px;
}

.success-section {
	background-color: #eaf6fb;
	/* padding: 60px 0; */
}

.success-card img {
	width: 100%;
	height: 174px;
	border-radius: 12px;
	object-fit: cover;
}

.gap2 {
	column-gap: 50px;
}

p {
	margin-top: 0;
	margin-bottom: 0rem;
	font-size: 0.8em;
	letter-spacing: 1px;
	color: #b1abab;
}

.resourcebox {
	background-color: #142a3d;
	height: 100%;
	border-radius: 12px;
}

.resourcebox p {
	color: rgb(255, 255, 255);
	padding: 10px 60px 10px 60px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 0px;
	line-height: inherit;
}

.bgblue {
	background-color: #06397d;
}

.fitbox {
	color: white;
}

.fitbox img {
	width: 100px !important;
	padding-bottom: 10px;
}

.gap3 {
	--bs-gutter-y: 5rem !important;
	--bs-gutter-x: 11rem !important;
}

.fitbox p {
	text-align: center;
}

.disflex1 {
	display: flex;
	gap: 50px;
	align-items: center;
}

.disflex1 img {
	width: 90px;
}

.disflex1 a {
	color: white;
	text-decoration: underline;
}

.btnresource {
	border-radius: 20px;
	font-size: 17px;
	padding: 12px;
	background-color: #bdd9dc;
	border-color: #bdd9dc;
	color: #065fb3 !important;
}

.btnresource:hover {
	background-color: #bdd9dc !important;
	border-color: #bdd9dc !important;
	color: #065fb3 !important;
}

.rotate1 {
	rotate: -45deg;
}

/* this is for icon in high potential .page */
.font1 {
	font-size: 50px;
}

/* organization page box style */
.impact-box {
	background-image: url("../NEWIMAGES/54.png");
	/* 🔁 Replace with your image */
	background-size: cover;
	background-position: center;
	color: white;
	padding: 40px 30px;
	/* border-radius: 8px; */
	margin: -10px 0;
	/* text-align: center; */
	position: relative;
	overflow: hidden;
	width: 100%;
}

.impact-box::before {
	content: "";
	/* position: absolute; */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(24, 60, 70, 0.8);
	/* Semi-transparent overlay for readability */
	z-index: 0;
}

.impact-box * {
	position: relative;
	z-index: 1;
}

.impact-box .percentage {
	font-size: 40px;
	font-weight: bold;
	color: white;
	margin: 20px 0 10px;
}

.impact-box .source {
	margin-top: 30px;
	font-size: 0.9rem;
	color: #ccc;
	margin: 0px 0px 0px 329px;
}

/* 

.image-card {
    position: relative;
    overflow: hidden;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 359px;
}

.image-card img {
    width: 100%;
    height: 350px;
    height: 100%;
    object-fit: cover;
}
.image-card img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  transition: opacity 0.4s ease;
}

.image-card:hover img {
  opacity: 0.8;
} */
.image-card {
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	/* width: 100%; */
	/* margin-left: 50px; */
}

/* Style the image */
.image-card img {
	width: 100%;
	height: 314px;
	object-fit: cover;
	display: block;
}

/* Overlay only on image */
.image-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	/* Adjust transparency as needed */
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

/* Show overlay on hover */
.image-card:hover::before {
	opacity: 1;
}

/* Make sure content stays on top */
.card-footer-content {
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 15px;
	text-align: center;
}

.card-footer-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px 10px;
	text-align: center;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
	color: white;
}

.card-footer-content h5 {
	margin-bottom: 5px;
	font-family: "Lexend";
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 1.4em;
	letter-spacing: 0.01em;
	font-size: 1.4em;
}

.card-footer-content p {
	margin: 0;
	font-weight: 500;
	color: white;
	font-size: 1.2em;
	text-align: center;
}

.image-wrapper {
	margin-bottom: -104px;
}

@media (max-width: 768px) {
	.image-wrapper {
		margin-bottom: 20px;
	}
}

/* for image down  */
.culture-section {
	background-color: #12324c;
	color: #ffffff;
	padding: 7rem 7rem 0rem 7rem;
}

.culture-section h2 {
	font-weight: bold;
	color: white;
}

.underline {
	width: 60px;
	height: 4px;
	background-color: #a6ff00;
	margin-top: 10px;
	margin-bottom: 30px;
}

.stat-box {
	background-color: #f7f9f700;
	color: white;
	/* border-radius: 10px; */
	padding: 40px 20px;
	text-align: center;
	position: relative;
}

.stat-icon {
	/* background-color: #a6ff00; */
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
}

.stat-box h1 {
	font-size: 4rem;
	font-weight: bold;
	margin: 20px 0 10px;
	color: white;
}

.source {
	font-size: 1.2rem;
	color: white;
	margin-top: 20px;
	position: absolute;
	right: 22%;
	bottom: 10px;
}

@media (max-width: 768px) {
	.stat-box {
		margin-top: 40px;
	}
}

/* sentence and 2 image style */

.section-dark {
	background-color: #12324c;
	color: white;
	padding: 60px 20px;
}

.section-dark h2 {
	font-weight: bold;
	color: white;
}

.blue-underline {
	width: 60px;
	height: 4px;
	background-color: #00b4f1;
	margin-top: 10px;
	margin-bottom: 40px;
}

.stat-card {
	position: relative;
	/* border-radius: 8px; */
	overflow: hidden;
	color: white;
	text-align: center;
	background-size: cover;
	background-position: center;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
}

.stat-overlay {
	/* background: rgba(0, 0, 0, 0.5); */
	/* padding: 146px; */
	border-radius: 10px;
}

.stat-percent {
	font-size: 3rem;
	font-weight: bold;
}

.stat-text {
	font-size: 1em;
	margin: 15px 0;
	background-clip: border-box;
	background-image: none;
	color: #fff;
	font-family: "Heebo";
	font-weight: 400;
	line-height: 1.5em;
	margin-top: 1em;
}

.stat-source {
	font-size: 0.9rem;
	color: #ccc;
	margin: 52px 9px 20px 331px;
}

/* paragraph */
.content-section {
	background-color: #12324c;
	/* soft white-gray */
	padding: 60px 20px;
	color: #1f2f32;
}

.content-section p {
	font-size: 1rem;
	line-height: 1.8;
	/* text-align: center; */
	margin-bottom: 30px;
	color: white;
	text-align: left;
}

/* 3boxes contenty and image */

.section-values {
	padding: 0px 20px;
}

.section-values h2 {
	font-weight: bold;
	color: #012b5b;
}

.section-values .blue-line {
	width: 60px;
	height: 4px;
	background-color: #00aaff;
	margin-top: 10px;
	margin-bottom: 25px;
}

.value-card {
	/* background-size: cover; */
	background-position: center;
	/* border-radius: 8px; */
	overflow: hidden;
	/* height: 260px; */
	position: relative;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 50px 30px;
}

.value-overlay {
	/* background: rgba(0, 0, 0, 0.5); */
	padding: 10px 15px;
	border-radius: 6px;
	width: 100%;
}

.value-card h5 {
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	font-size: 20px;
}

.value-card .highlight {
	font-size: 40px;
	font-weight: bold;
	margin-top: 10px;
}

.source1 {
	font-size: 0.85rem;
	position: absolute;

	color: #f2f2f2;
	bottom: -20px;
	right: -50px;
}

.color1 {
	color: #001064;
	/* padding-bottom: 3rem; */
}

.color2 {
	background-color: #12324c;
	padding: 2rem;
}

/* organization page */
/* .phase-row {
    align-items: flex-start;
    margin-bottom: 40px;
} */

.icon-col {
	text-align: center;
}

.icon-col i {
	font-size: 65px;
	color: #fff;
}

.phase-text p {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.6;
}

.phase-text strong {
	font-size: 1.2rem;
}

/* hight potemnstial page :start */
.content-wrapper {
	padding: 50px 0;
}

.image-col img {
	max-width: 85%;
	height: auto;
}

.text-col {
	padding-left: 30px;
	color: black;
}

/* 3 box style in high potential page */
.perspective-box {
	/* background: linear-gradient(to bottom, #000000, #2c2c2c); */
	background-image: url("../NEWIMAGES/67.png");
	background-size: cover;
	color: white;
	padding: 20px;
	border-radius: 15px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	height: 100%;
	width: 100%;
	/* margin-left: 38px; */
}

.perspective-header {
	font-weight: bold;
	font-size: 1.2rem;
}

.perspective-subheader {
	font-size: 1rem;
	color: #dcdcdc;
	margin-bottom: 15px;
}

.perspective-content {
	background-color: #889bf6;
	color: #000;
	padding: 15px;
	/* border-radius: 10px; */
	text-align: left;
	height: auto;
}

.new111 {
	padding: 20px 30px;
}

.perspective-content1 {
	background-color: #b4bde2;
	color: #000;
	padding: 5px;
	/* border-radius: 10px; */
	text-align: left;
	height: auto;
	min-height: 114px;
}

.perspective-content ul {
	padding-left: 20px;
	margin: 10px 0 0 0;
}

.perspective-content li {
	margin-bottom: 5px;
}

/* for image and content  */
.bg-container {
	background-image: url("../NEWIMAGES/67.png");
	/* Replace with your image URL */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/* min-height: 400px; */
	display: flex;
	align-items: center;
	/* justify-content: center; */
	color: white;
	/* text-align: center; */
	padding: 30px 20px;
	border-radius: 10px;
	font-size: 1.2rem;
	z-index: 9;
	position: relative;
}

.bg-container h1 {
	font-size: 2.5rem;
	font-weight: bold;
}

.para {
	background: #b4bde2;
	padding: 0.5rem;
	color: #315b91;
	border-radius: 10px;
}

@media (max-width: 576px) {
	.bg-container h1 {
		font-size: 1.8rem;
	}
}

/* it is for image and conent  */
.section-title {
	color: white;
	font-weight: 700;
}

.highlight-bar {
	width: 40px;
	height: 4px;
	background-color: #00cfff;
	margin-bottom: 1rem;
}

.content-list li::before {
	content: "↗";
	color: #4b75ff;
	font-weight: bold;
	margin-right: 0.5rem;
}

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

.content-section1 {
	/* background-color: #004aad; */
	background-color: #06397d;
	/* padding: 60px 15px; */
}

img.diagram {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.unl {
	color: white;
	line-height: 1.8rem;
	font-size: 19px;
}

.para1 {
	color: white;
}

/* this is fordiagramatical image */
.image-section {
	background-color: white;
	/* Matches light blue background */
	padding: 40px 0;
}

.image-section img {
	max-width: 55%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* this is for containt */
.tool-card {
	background-color: #cad3f8;
	padding: 30px;
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.tool-card h5 {
	font-family: "Lexend";
	font-size: 1.5em;
	letter-spacing: -0.03em;
	color: #0b397d;
	text-align: left !important;
}

.tool-icon {
	font-size: 1.3rem;
	color: #102b4e;
}

.section-bg {
	background-color: white;
	padding: 40px 0;
}

.str1 {
	color: #0b397d;
}

/* It is for how it works */

.timeline-container {
	position: relative;
	/* padding: 60px 15px; */
}

.timeline-container::before {
	content: "";
	position: absolute;
	top: 20%;
	left: 50%;
	width: 4px;
	height: 70%;
	background-color: #003366;
	transform: translateX(-50%);
	z-index: 1;
}

.timeline-step {
	position: relative;
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.timeline-step .left,
.timeline-step .right {
	width: 45%;
}

.timeline-step .left {
	text-align: right;
}

.timeline-step .right {
	text-align: left;
}

.timeline-step .marker {
	position: absolute;
	left: 50%;
	transform: rotateZ(175deg);
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 20px solid #003366;
	z-index: 2;
}

.timeline-step:nth-child(even) .marker {
	border-left: none;
	border-right: 20px solid #003366;
}

@media (max-width: 768px) {
	.timeline-step {
		flex-direction: column;
		align-items: flex-start;
	}

	.timeline-step .left,
	.timeline-step .right {
		width: 100%;
		text-align: left;
	}

	.timeline-container::before {
		left: 15px;
	}

	.timeline-step .marker {
		left: 15px;
		transform: none;
	}
}

/* second time line  */
.timeline-containe {
	position: relative;
	/* padding: 60px 15px; */
}

.timeline-containe::before {
	content: "";
	position: absolute;
	top: 20%;
	left: 50%;
	width: 4px;
	height: 63%;
	background-color: black;
	transform: translateX(-50%);
	z-index: 1;
}

.timeline-step {
	position: relative;
	margin-bottom: 33px;
	display: flex;
	justify-content: space-between;
	align-items: anchor-center;
}

.timeline-step .left,
.timeline-step .right {
	width: 46%;
}

.timeline-step .left {
	text-align: right;
}

.timeline-step .right {
	text-align: left;
}

.timeline-step .marker1 {
	position: absolute;
	left: 50%;
	/* transform: rotateZ(175deg); */
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 20px solid black;
	z-index: 2;
}

.timeline-step:nth-child(even) .marker {
	border-left: none;
	border-right: 20px solid #003366;
}

.wid3 {
	width: 391px;
	margin-left: 234px;
}

.wid4 {
	width: 398px;
}

.wid5 {
	width: 403px;
}

@media (max-width: 768px) {
	.timeline-step {
		flex-direction: column;
		align-items: flex-start;
	}

	.timeline-step .left,
	.timeline-step .right {
		width: 100%;
		text-align: left;
	}

	.timeline-container::before {
		left: 15px;
	}

	.timeline-step .marker {
		left: 15px;
		transform: none;
	}
}

/* stle for normal paragraph */
/* .section-title1 {
      border-left: 4px solid #00a8e8;
      padding-left: 10px;
    } */

@media (max-width: 576px) {
	.section-title1 {
		font-size: 1.3rem;
	}
}

.para2 {
	font-size: 18px;
	margin-top: 20px;
}

.image-box1 img {
	width: 89%;
	/* object-fit: cover; */
	border-radius: 8px;
}

.logo {
	width: 100px;
	height: auto;
	margin-top: 20px;
}

.image-box1 {
	position: relative;

	background-size: cover;
	background-position: center;
	/* border-radius: 10px; */
	overflow: hidden;
	margin-bottom: 20px;
}
.img-box2 {
	margin-top: 25px;
}

.img-box3 {
	margin-top: 40px;
}

img.diagram1 {
	height: 366px;
	object-fit: cover;
}

/* for content */
.talent-icon {
	/* height: 60px; */
	margin-bottom: 15px;
}

.talent-card {
	padding: 20px;
	border-radius: 10px;
	transition: all 0.3s;
	/* background-color: #ffffff; */
}

/* .talent-card:hover {
      background-color: #f8f9fa;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
    } */

.talent-heading {
	font-weight: bold;
	margin-bottom: 40px;
}

.photo-size {
	font-size: 50px;
}

.text-all {
	text-align: left;
	/* width: 408px; */
	padding-left: 33px;
}

.box-border {
	border-radius: 30px 30px 0px 0px;
	margin: 2rem;
}

/* last part of this page */
.nav-tabs .nav-link {
	border: none;
	border-bottom: 3px solid transparent;
	font-weight: 500;
	color: #003b8e;
}

.nav-tabs .nav-link.active {
	border-bottom: 3px solid #009fe3;
	font-weight: bold;
	color: #000;
}

.subscribe-icon {
	font-size: 3.5rem;
	color: #003b8e;
}

.play-button {
	background-color: #5c636a;
	border: none;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-size: 1.75rem;
	color: white;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
}

.info-icon {
	font-size: 3.5rem;
	color: #f7931e;
	/* font-size: 48px; */

	margin-right: 15px;
	/* margin-bottom: 330px; */
}

.info-text {
	color: #f7931e;
	font-size: 1.8rem;
	margin-left: 15px;
	/* margin-bottom: 330px; */
}

.mar4 {
	margin-top: 130px;
}

.section-padding {
	padding: 60px 15px 30px 15px;
}

/* exexutative page start */
.para-padding {
	margin-bottom: 3rem;
}

/* this is for heading and 3 div    */
.section-title2 {
	font-weight: bold;
	color: white;
	padding: 0rem;
}

.highlight {
	color: white;
	/* text-decoration: underline; */
}

.card-custom {
	background-color: #ffffff;
	color: #000;
	border-radius: 1rem;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 1.5rem;
	height: 100%;

	width: 344px;
}

.card-header-custom {
	background-color: #1b2f29;
	color: #fff;
	padding: 1rem;
	/* border-radius: 0.75rem 0.75rem 0 0; */
	font-weight: bold;
}

.backcolor {
	background-color: #283933;
	/* padding: 4rem; */
}

.highlight-bar1 {
	width: 40px;
	height: 4px;
	background-color: #81b90a;
	margin-bottom: 2rem;
}

.highlight-bar2 {
	width: 40px;
	height: 4px;
	background-color: #06397d;
	margin-bottom: 1rem;
}

.highlight-bar4 {
	width: 40px;
	height: 4px;
	background-color: #007bff;
	margin-bottom: 4rem;
}

/* this is for white content */
.stakeholder-title {
	text-align: center;
	font-weight: bold;
	margin-bottom: 3rem;
	color: white;
}

.stakeholder-card {
	background-color: #f8f9fa;
	border-radius: 1rem;
	padding: 2rem;
	height: 100%;
}

.stakeholder-card h5 {
	font-weight: bold;
	color: #1b2f29;
	margin-bottom: 1rem;
	text-align: center;
}

.stakeholder-card ul {
	padding-left: 1.2rem;
	color: #000;
	line-height: 2rem;
	font-size: 18px;
	margin-bottom: 0px;
}

.border {
	border-radius: 40px;
	margin: 50px 50px 0px 50px;
}

/* this is for diagram 2 */
.para3 {
	text-align: center;
	color: white;
	padding: 2rem;
}

/* tghis section for feedback  */
.feedback-section {
	background-color: #f8f9fa;
	/* padding: 3rem 1rem; */
}

.feedback-title {
	font-weight: 700;
	font-size: 22px;
	color: #112c26;
	margin-bottom: 1rem;
}

.feedback-highlight {
	/* border-radius: 0.5rem; */
	background-color: #4a5752;
	color: #fff;
	padding: 2rem;
	height: 100%;
	display: flex;
	/* flex-direction: column; */
	justify-content: space-between;
	text-align: left;
	margin-bottom: -9rem;
}

.feedback-quote {
	font-size: 1.5rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}

.feedback-author1 {
	display: flex;
	justify-content: end;
	text-align: right;
}

.feedback-img {
	max-width: 100%;
	height: auto;
	border-radius: 0.5rem;
	margin-top: 1rem;
	max-height: 150px;
	object-fit: contain;
	position: relative;
	/* bottom: 0px; */
	top: 90px;
}

.feedback-link {
	color: #1b2f29;
	text-decoration: underline;
}

.backcolor1 {
	background-color: #e9e9e7;
}

/* Best pratice of foundation */

.main-container {
	max-width: 1200px;
	margin: 0 auto;
	background: white;
	border-radius: 0;
	overflow: hidden;
}

.grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	min-height: 500px;
}

.grid-item {
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	position: relative;
}

.grid-item:nth-child(3),
.grid-item:nth-child(6) {
	border-right: none;
}

.grid-item:nth-child(4),
.grid-item:nth-child(5),
.grid-item:nth-child(6) {
	border-bottom: none;
}

.grid-item.intro-section {
	/* background-color: #f8f9fa; */
}

.icon-wrapper {
	font-size: 4rem;
	color: #666;
	margin-bottom: 20px;
}

.intro-section .icon-wrapper {
	color: #007bff;
}

.section-title-1a {
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.4;
	color: #333;
	margin: 0;
}

.intro-section .section-title {
	color: #555;
	font-weight: 600;
}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: #666;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 10;
	border: none;
}

.play-button:hover {
	background: #555;
	transform: translate(-50%, -50%) scale(1.1);
}

.play-button::before {
	content: "";
	width: 0;
	height: 0;
	border-left: 16px solid white;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	margin-left: 3px;
}

@media (max-width: 768px) {
	.grid-container {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(6, auto);
	}

	.grid-item {
		border-right: none !important;
		border-bottom: 2px solid #333 !important;
	}

	.grid-item:last-child {
		border-bottom: none !important;
	}

	.play-button {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		margin: 20px 0;
	}
}

/* Custom icons using CSS */
.custom-icon {
	/* width: 64px;
    height: 64px; */
	margin-bottom: 20px;
	position: relative;
}

/* .communication-icon::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 25px;
    border: 2px solid #666;
    border-radius: 15px 15px 5px 15px;
    top: 5px;
    left: 12px;
}

.communication-icon::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 18px;
    border: 2px solid #666;
    border-radius: 10px 10px 10px 2px;
    top: 20px;
    right: 8px;
} */

.hand-icon {
	position: relative;
}

.hand-icon::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 8px;
	background: #666;
	border-radius: 4px;
	top: 28px;
	left: 17px;
}

.hand-icon::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 15px;
	border: 2px solid #666;
	border-radius: 50%;
	top: 15px;
	left: 22px;
}

/* this is for paragraph a */
csuite-section-custom {
	background-color: #183d44;
	color: white;
	padding: 60px 20px;
}

.csuite-title {
	font-weight: 700;
	color: white;
}

.csuite-highlight-line {
	width: 50px;
	height: 4px;
	background-color: white;
	margin-bottom: 25px;
}

.csuite-section-custom a {
	color: white;
	text-decoration: underline;
}

.csuite-section-custom a:hover {
	text-decoration: none;
}

.line-hight {
	line-height: 2rem;
}

/* this isfor myths on seniior leaders */
.stakeholder-title1 {
	text-align: center;
	font-weight: bold;
	/* margin-bottom: 3rem; */
	color: black;
	/* padding-top: 2rem; */
}

.stakeholder-card1 {
	/* background-color: #f8f9fa; */
	/* border-radius: 9rem; */
	/* padding: 2.4rem; */
	padding: 2.4rem 0.6rem;
	height: 100%;
}

.border1 {
	border-radius: 25px 25px 0px 0px;
	/* margin: 50px 50px 0px 50px; */
}

/* agenetic page :start */

.login-section {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 20px;
}

.login-box {
	background-color: #5271ff42;
	padding: 30px 50px 10px 50px;
	border-radius: 12px;
	max-width: 600px;
	width: 100%;
}

.form-control {
	border-radius: 10px;
	background-color: #1e5cc6;
	color: white;
	border: none;
}

.form-control::placeholder {
	color: #cdd8f2;
}

.login-btn {
	background-color: #5675f1;
	border: none;
	color: white;
	border-radius: 20px;
	padding: 8px 24px;
	font-weight: 500;
}

.title-section {
	padding-right: 40px;
}

.title-section h2 {
	font-weight: bold;
	color: white;
}

.title-section .line {
	width: 30px;
	height: 3px;
	background-color: #00bfff;
	margin-bottom: 20px;
}

.play-button {
	width: 50px;
	height: 50px;
	background-color: #141732;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px auto;
}

.play-button i {
	color: white;
	font-size: 20px;
}

label {
	margin-bottom: 5px;
}

.para4 {
	font-size: 2rem;
	color: white;
}

/* this is for agenetic page video part  */
.video-container {
	position: relative;
	width: 60%;
	padding-top: 55%;
	/* 1:1 Aspect Ratio */
	background: black;
}

.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content-box {
	padding-left: 2rem;
}

h1 {
	font-weight: 10;
	color: white;
}

p {
	font-size: 1.2em;
	line-height: 32px;
	text-align: left;
	font-family: Heebo;
	font-weight: 400;
}

.lets-go-btn {
	background: linear-gradient(135deg, #5a8dee, #7f78d2);
	color: white;
	font-size: 1.1rem;
	padding: 0.6rem 1.5rem;
	border-radius: 15px;
	border: none;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	text-decoration: none;
	width: 10%;

	margin-left: 804px;
}

.lets-go-btn:hover {
	background: linear-gradient(135deg, #4a7cd1, #6c6acb);
	text-decoration: none;
	color: white;
}

/* this is for start with the assessement */
.section-title {
	text-align: center;
	font-size: 2rem;
	font-weight: 200;
	margin-bottom: 2rem;
}

.section-title-1 {
	/* text-align: center; */
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 1rem;
	color: white;
}

.section-title3 {
	/* text-align: center; */
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 1rem;
	color: white !important;
}

.intro {
	color: white;
	text-align: center;
}

.para-size {
	padding: 1rem;
	line-height: 1.6;
	font-size: 17px;
}

.instruction-box {
	padding-right: 2rem;
}

.video-icon-placeholder {
	width: 60px;
	height: 60px;
	background: #111;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1.5rem auto;
}

.case-study-box {
	background-color: #353eb9;
	padding: 20px 40px;
	border-radius: 15px;
}

.case-study-box h4 {
	margin-bottom: 1.5rem;
}

.case-button {
	width: 100%;
	margin-bottom: 1rem;
	background: linear-gradient(to right, #236dd9, #236dd9);
	border: none;
	color: white;
	padding: 0.7rem 1rem;
	border-radius: 10px;
	font-size: 1rem;
	transition: all 0.3s ease;
}

.case-button:hover {
	background: linear-gradient(to right, #1e88a8, #5dc5e2);
}

.form-switch .form-check-input {
	transform: scale(1.5);
	margin-right: 1rem;
}

.start-button {
	background: linear-gradient(to right, #236dd9, #236dd9);
	color: white;
	padding: 0.7rem 2.4rem;
	border-radius: 12px;
	border: none;
	font-size: 1rem;
	margin-top: 1.5rem;
	display: inline-block;
}

/* this is for phew! YOU ARE ALL DONE   */
.section-heading {
	text-align: center;
	font-size: 2rem;
	font-weight: 10;
	margin-bottom: 2rem;
}

.circle-video {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.circle-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.left-image {
	width: 100%;
	max-width: 300px;
	border-radius: 5px;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}

.final-text {
	font-size: 1.5rem;
	line-height: 1.8;
	text-align: center;
	margin-top: 2rem;
	color: white;
}

@media (max-width: 768px) {
	.circle-video {
		width: 200px;
		height: 200px;
	}

	.left-image {
		max-width: 250px;
		margin-bottom: 1.5rem;
	}
}

/* this is for performance page   */
.coaching-section {
	padding: 2rem 1rem;
}

.coaching-heading {
	font-size: 22px;
	font-weight: 700;
	color: #003366;
	text-align: center;
	margin-bottom: 2rem;
}

.coaching-media img,
.coaching-media video {
	width: 100%;
	height: 373px;
	/* border-radius: 6px; */
}

/* this is for box style  */

.case-card {
	background-color: #dbe0f5;
	padding: 2rem;
	/* border-radius: 10px; */
	height: 100%;
}

.case-title {
	font-weight: 700;
	color: #153c71;
	margin-bottom: 0rem;
	font-size: 1.2em;
	/* border-bottom: 2px solid #153c71; */
	display: inline-block;
	padding-bottom: 0.3rem;
}

.case-text {
	color: #06397d;
	text-align: left;
	font-family: Heebo;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.75;
	letter-spacing: 1px;
}

.box-size {
	width: 50%;
	/* padding-left: 4rem; */
	margin-top: -13rem;
}

/* this is for the content part  */

.approach-section {
	background-color: #e6e9fb;
	/* border-radius: 10px; */
	padding: 3rem 2rem;
	margin: 2rem auto;
	max-width: 90%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.approach-title {
	font-size: 1.2em;
	font-weight: 700;
	color: #123c7d;
	/* border-bottom: 3px solid #123c7d; */
	display: inline-block;
	padding-bottom: 0.25rem;
	margin-bottom: 0.5rem;
}

.approach-text {
	color: #06397d;
	text-align: left;
	font-family: Heebo;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.75;
	letter-spacing: 1px;
}

/* this is for the last part of the page  */
.custom-wrapper {
	max-width: 1322px;
	margin: 50px auto;
	padding: 30px;
	background-color: white;
	border-radius: 10px;
}

.custom-heading {
	font-weight: 700;
	font-size: 1.25rem;
	color: #000;
	margin-bottom: 0.75rem;
}

.custom-paragraph {
	font-size: 1rem;
	line-height: 1.6;
	color: #333;
}

.custom-section {
	margin-bottom: 2rem;
}

.timeline-step .markerleft {
	position: absolute;
	left: 48.62%;
	transform: rotateZ(180deg);
}

.timeline-step .markerleft1 {
	position: absolute;
	left: 47.62%;
	transform: rotateZ(180deg);
}

/* All modified  */
.max-widt {
	max-width: 860px;
}

.color3 {
	color: black !important;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.4s ease;
}

.card-footer-content:hover .overlay {
	opacity: 1;
}

.overlay h5 {
	font-size: 1.5rem;
}

.font2 {
	font-size: 1rem;
}

.para5 {
	text-align: left;
}

.wid {
	width: 435px;
	margin-left: 133px;
}

.source2 {
	font-size: 16px;
	color: white;
	position: absolute;
	right: 13px;
	bottom: 11px;
}

.box2 {
	/* width: 28.333%;
    margin-left: 3rem; */
}

.font3 {
	color: #3b668d;
}

.mar {
	margin-top: 66px;
}

.color4 {
	color: black;
}

.lead1 {
	margin-bottom: 15px;
}

.mar1 {
	margin-top: 16px;
	margin-bottom: 15px;
}

.mar2 {
	margin-top: 14px;
	color: #0b397d !important;
}

.img1 {
	height: 76px;
}

.mar3 {
	margin-left: -80px;
}

.color5 {
	color: #0b397d;
}

.color6 {
	color: #102e5c !important;
}

.color7 {
	background-color: #b4e7f1;
}

.color-1 {
	background-color: #e9e9e7;
}

.wid1 {
	width: 100%;
	margin-bottom: 0px;
}

.padd {
	padding-top: 36px;
}

.color8 {
	color: white;
}

.font4 {
	font-size: 19px;
}

.color9 {
	background-color: #d0d0cf;
}

.reach {
	padding-top: 60px;
}

.sub {
	padding-top: 45px;
}

.foot {
	padding-top: 150px;
}

.half-underline {
	position: relative;
	display: inline-block;
	font-weight: bold;
	color: #000;
}

.half-underline::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 40%;
	/* Adjust this for "half" look */
	height: 3px;
	background-color: #81b90a;
}

.scrollable-buttons {
	max-height: 180px;
	/* Adjust height as needed */
	overflow-y: auto;
	margin-bottom: 15px;
	margin: 0px 29px 0px 107px;
	padding: 0px 15px 0px 0px;
}

.document-box {
	background-color: #fff;
	/* border-radius: 10px; */
	height: 500px;
	overflow: hidden;
	padding: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.question-box {
	/* background-color: rgba(255, 255, 255, 0.08); */
	padding: 25px;
	border-radius: 15px;
	height: 100%;
}

.response-box {
	width: 100%;
	height: 150px;
	border-radius: 10px;
	padding: 15px;
	border: none;
	resize: none;
	background-color: #9fe0f8;
	color: black;
}

.response-box::placeholder {
	color: #555;
}

.mic-icon {
	position: absolute;
	right: 13px;
	bottom: 12px;
	font-size: 35px;
	color: #12324c;
	cursor: pointer;
}

.btn-customa {
	background-color: #4a64e9;
	color: white;
	border: none;
	padding: 10px 25px;
	border-radius: 20px;
}

.btn-customa:hover {
	background-color: #4ea8de;
}

.container1 {
	max-width: 895px;
}

.line {
	line-height: 45px;
}

.image-box {
	position: relative;
	background-size: cover;
	background-position: center;
	width: 100%;
	aspect-ratio: 1 / 1; /* This creates a square aspect ratio */
	display: flex;
	align-items: flex-end;
	justify-content: center;
	color: white;
	overflow: hidden;
}

/* Overlay sits behind content */
.image-box .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	/* semi-transparent dark */
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

/* Content stays above the overlay */
.image-box .box-content {
	position: relative;
	z-index: 2;
}

/* Hover effect only reveals overlay */
.image-box:hover .overlay {
	opacity: 1;
}

.image-boxa {
	position: relative;
	background-size: cover;
	background-position: center;
	height: 400px;
	display: flex;
	/* Aligns content to the bottom */
	align-items: flex-end;
	/* Centers content horizontally */
	justify-content: center;
	padding: 3px;
	color: white;
	overflow: hidden;
}

/* Overlay sits behind content */
.image-boxa .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	/* semi-transparent dark */
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

/* Content stays above the overlay */
.image-boxa .box-content {
	position: relative;
	z-index: 2;
}

/* Hover effect only reveals overlay */
.image-boxa:hover .overlay {
	opacity: 1;
}

.rotate-img {
	height: 73px;

	transform: scaleX(-1);
}

.special {
	height: 226px;
}

.special1 {
	height: 267px;
}

/* this is for gradi eval  */

.info-box {
	background: #cdf9da;
	border-radius: 10px;
	padding: 20px 20px;
	margin: 0px 10px;
}

.form-control {
	border-radius: 10px;
	/* border: 2px solid #b0c4de; */
}

.form-section1 {
	background: #cdf9da;
	border-radius: 10px;
	padding: 30px;
}

.new {
	width: 20%;

	margin-left: 180px;
}

@media (max-width: 767px) {
	.info-box {
		margin-bottom: 20px;
	}
}

/* this is for gradieval padding  */
.gradi {
	padding-top: 20px;
}

.un {
	margin-left: 18px;
}

.un a {
	color: #fff;
}

/* changes on 28 july  */
.p1 {
	font-size: 12px !important;
	line-height: 2;
	color: #100f0f;
}

.para6 {
	margin-bottom: 1rem;
	padding: 20px 0px;
	background-clip: border-box;
	background-image: none;
	color: #fff;
	font-family: "Heebo";
	font-weight: 400;
	font-size: 1.2em;
	line-height: 32px;
}
.explore {
	background-color: #007bff;
}

.paragraph {
	width: 90%;
	color: black;
}

.fon1 {
	font-family: "Heebo";
	font-weight: 500;
	font-size: 1em;
	font-style: normal;
	letter-spacing: 2px;
	color: #f4f9f6 !important;
	padding: 11px 15px !important;
	text-transform: capitalize;
}

.newfont h4 {
	color: #fff !important;
	font-family: Heebo;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 5px;
	font-size: 1.1em;
}

.newfont1 {
	font-size: 1em;
	font-weight: 100;
	color: #ffffff !important;
}

.newfont2 h3 {
	color: #fff !important;
	font-style: normal;
	font-family: Lexend;
	font-weight: 500 !important;
	font-size: 1.4em;
	letter-spacing: 0.01em;
}

.newfont3 h2 {
	font-style: normal;
	font-family: "Lexend";
	font-weight: 600;
	background-clip: border-box;
	background-image: none;
	color: #17375e;
}

.explore-btn {
	background-color: #007bff;
	color: #ffffff !important;
	border: none;
	padding: 10px 20px;
	border-radius: 0px;
	font-size: 29px;
	cursor: pointer;
}

.explore-container {
	text-align: center;
	margin-top: 2em;
}

.explore-btn {
	background-color: #4a76fd;
	color: white;
	font-size: 29px;
	padding: 3px 30px;
	border: none;
	border-radius: 0px;
	cursor: pointer;
}

.explore-line {
	width: 40px;
	height: 4px;
	background-color: #02a3df;
	margin: 24px auto 10px;
	/* top spacing + center */
}

.text-left-align {
	text-align: left !important;
	margin-left: 0;
	/* optional: ensure it's fully aligned left */
}

.text-right-align {
	text-align: right !important;
	margin-left: 0;
	/* optional: ensure it's fully aligned left */
}

.custom-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 2rem 1rem;
}

.line-box {
	flex: 1;
	position: relative;
	margin-right: 2rem;
}

.line-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 3px;
	width: 100%;
	background-color: #843b24;
	border-top-left-radius: 10px;
}

.line-box::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-left: 3px solid #843b24;
	border-bottom: 3px solid #843b24;
	border-bottom-left-radius: 25px;
	transform: translateY(100%);
}

.custom-heading {
	font-weight: bold;
	color: #843b24;
	position: relative;
	display: inline-block;
	padding-bottom: 0.3rem;
	margin-bottom: 0.5rem;
}

.custom-text {
	color: #843b24;
}

.custom-icon-box {
	background-color: #843b24;
	border-radius: 20px;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
}

.custom-icon-box img {
	width: 50px;
	height: auto;
}

@media (max-width: 767px) {
	.custom-wrapper {
		flex-direction: column-reverse;
		align-items: center;
		text-align: center;
	}

	.line-box {
		margin-right: 0;
		margin-top: 2rem;
	}

	.line-box::before,
	.line-box::after {
		left: 50%;
		transform: translateX(-50%);
	}
}

.custom-card {
	border-radius: 12px;
	/* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); */
	overflow: hidden;
	height: 100%;
	padding: 20px;
}

.custom-card-header {
	background-color: #1f4b52;
	color: white;
	padding: 20px;
	border-radius: 0;
	font-weight: 600;
	font-size: 1.25rem;
}

.custom-card-body {
	padding: 20px;
	color: #333;
}

.custom-card {
	border-radius: 20px;
	padding: 20px;
	margin: 22px;
	/* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
	color: #000;
	text-align: center;
}

.header-box {
	padding: 21px;
	text-align: center;
	border-radius: 0;
	margin-bottom: 15px;
	background-clip: border-box;
	background-image: none;
	color: #fff;
	font-family: "Lexend";
	font-weight: 600;
	font-style: normal;
	font-size: 1em;
	text-align: center;
	line-height: 1.5em;
}

.header-blue {
	background-color: #004597;
}

.header-green {
	background-color: #4a5752;
}

.header-purple {
	background-color: #6b1fad;
}

.bg-light-blue {
	background-color: #e2e5f1;
}

.bg-light-green {
	background-color: #ebf4e0;
}

.bg-light-purple {
	background-color: #f6e8fb;
}

.info-section {
	background-color: #fff3f3;
	padding: 40px 20px;
}

.side-box {
	background-color: #f1b0b0;
	border-radius: 10px;
	/* padding: 60px; */
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.side-box p {
	font-weight: bold;
	font-size: 24px;
	padding: 14px;
	position: relative;
}

.side-box small {
	font-style: italic;
	position: relative;
	bottom: 7px;
	left: 60px;
}

.para7 {
	font-size: 20px;
}

.custom-heading {
	font-weight: bold;
	color: #133b4f;
	font-size: 22px;
}

.custom-subtitle {
	color: #133b4f;
	font-weight: 400;
}

.underline {
	width: 40px;
	height: 4px;
	background-color: #6c8b7b;
	border-radius: 2px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.section-bg1 {
	/* background-color: #e8eced; */
	padding: 40px 20px;
}

.custom-text {
	color: #133b4f;
	font-weight: 400;
	line-height: 1.5em;
	font-size: 1.2em;
}

.blue-underline1 {
	width: 60px;
	height: 4px;
	background-color: #68726f;
	margin-top: 10px;
	margin-bottom: 40px;
}

.info-box {
	border: 2px solid #555;
	border-radius: 20px;
	/* padding: 23px; */
	text-align: left;
	background-color: #e3e7e8 !important;
	display: flex;
	/* align-items: flex-start; */
	gap: 15px;
	height: 100%;
	/* margin: 0px 38px 0px 43px; */
}

.info-box .icon img {
	width: 56px !important;
	/* height: 45px !important; */
}

.info-box p {
	margin: 0;
	color: #333;
	font-weight: 400;
	line-height: 1.5em;
	font-size: 1.2em;
}

.method-box {
	border: 2px solid #555;
	border-radius: 15px;
	background-color: #e3e7e8 !important;
	/* margin: 0px 58px 0px 58px; */
}

.method-box h5 {
	font-weight: bold;
}

.method-box ul {
	list-style-type: disc;
	padding-left: 20px;
	margin: 0;
}

.method-box li {
	/* margin-bottom: 8px; */
	font-size: 1.2em;
	color: #333;
}

.method-box1 {
	border: 2px solid #555;
	border-radius: 15px;
	background-color: #3f4c45;
	color: white !important;
	height: 100%;
	/* margin: 0px 58px 0px 58px; */
}

.list-box {
	/* background-color: #3f4c45; */
	/* Dark greenish background */
	color: white;
	padding: 14px;
	border-radius: 8px;
	max-width: 375px;
}

.list-box ul {
	padding-left: 20px;
	margin: 0;
}

.list-box li {
	margin-bottom: 11px;
	font-size: 1.2em;
}

.support-section {
	/*     background-color: #e9ecef;Light grey background */
	/* padding: 40px; */
	border-radius: 8px;
}

.support-section h4 {
	font-weight: 500;
	margin-bottom: 20px;
}

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

.support-section li {
	margin-bottom: 12px;
	font-family: "Heebo";
	font-weight: 400;
	line-height: 1.5em;
	font-size: 1.2em;
}

.support-section li strong {
	font-weight: 600;
}

.back1 {
	background-color: #e3e7e8;
}

.blue-underline2 {
	width: 60px;
	height: 4px;
	background-color: #43477e;
	margin-top: 10px;
	margin-bottom: 40px;
}

.method-box2 {
	border: 2px solid #555;
	border-radius: 15px;
	background-color: #43477e;
	color: white !important;
	/* margin: 0px 58px 0px 58px; */
}

.method-box3 {
	border: 2px solid #555;
	border-radius: 15px;
	background-color: #222d2a;
	color: white !important;
	/* margin: 0px 58px 0px 58px; */
}

.list-box2 {
	/* background-color: #3f4c45; */
	/* Dark greenish background */
	color: white;
	padding: 4px;
	border-radius: 8px;
	max-width: 375px;
}

.list-box2 ul {
	padding-left: 20px;
	margin: 0;
}

.list-box2 li {
	margin-bottom: 7px;
}

.text3 {
	text-align: center;
}

.max-widt1 {
	max-width: 1000px;
}

.impact-box1 {
	/* background-image: url('../NEWIMAGES/54.png'); */
	background-color: #004597 !important;
	/* 🔁 Replace with your image */
	background-size: cover;
	background-position: center;
	color: white;
	padding: 40px 30px;
	border-radius: 8px;
	margin-left: 1em;
	margin-right: 1em;
	text-align: center;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.impact-box1::before {
	content: "";
	/* position: absolute; */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(24, 60, 70, 0.8);
	/* Semi-transparent overlay for readability */
	z-index: 0;
}

.impact-box1 * {
	position: relative;
	z-index: 1;
}
.ul2 {
	font-size: 1.1em;
	color: #010a35 !important;
	font-family: "Heebo";
	font-weight: 400;
	text-align: left;
}
.impact-box1 .percentage {
	font-size: 60px;
	font-weight: bold;
	color: #f7941d !important;
	margin: 20px 0 10px;
}

.impact-box1 .source {
	margin-top: 30px;
	font-size: 0.9rem;
	color: #ccc;
	margin: 0px 0px 0px 329px;
}

.source3 {
	font-size: 0.85rem;
	/* position: absolute;

    color: #f2f2f2;
    bottom: -20px;
    left: -11px; */
}
.blue-underline3 {
	width: 60px;
	height: 4px;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 40px;
}

.blue-underline4 {
	width: 60px;
	height: 4px;
	background-color: #243746;
	margin-top: 10px;
	margin-bottom: 40px;
}

/* Custom section wrapper */
.custom-section-wrap {
	background: #162b33;
	/* dark teal */
	color: #ffffff;
	/* font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif; */
	/* padding: 48px 0px; */
}

.custom-section-container {
	/* max-width: 1100px; */
	margin: 0 auto;
}

/* Bullet item layout */
.custom-bullet-item {
	display: flex;
	gap: 18px;
	align-items: flex-start;
	margin-bottom: 30px;
}

/* Icon style */
.custom-bullet-icon {
	min-width: 36px;
	min-height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: transparent;
	border: none;
	color: #f59e0b;
	/* orange arrow */
	font-size: 1.25rem;
	margin-top: 6px;
}

/* Text style */
.custom-bullet-text {
	color: #e6eef0;
	font-size: 18px;
}

@media (min-width: 768px) {
	.custom-bullet-text {
		font-size: 19px;
	}
}

.section-dark1 {
	background-color: #162b33;
	color: white;
	/* padding: 60px 20px; */
}

.highlight1 {
	font-size: 5.5rem;
	font-weight: bold;
	margin-top: 0.3em;
	color: #f7941d;
}

.backcolor2 {
	background-color: #243746;
	color: white;
}

.round {
	border-radius: 10px;
}

.font5 {
	font-size: 19px;
}

.highlight2 {
	font-size: 3.9em;
	font-weight: bold;
	margin-top: 0.5em;
	color: #f64726;
}

.text-right-align1 {
	text-align: right !important;
	margin-left: 57px;
}

.section-dark2 {
	background-color: #060c37;
	color: #e4a6d7;
	/* padding: 24px 20px; */
}
.col1 {
	color: #e4a6d7;
}

.blue-underline5 {
	width: 60px;
	height: 4px;
	background-color: #e4a7d8;
	margin-top: 10px;
	margin-bottom: 28px;
}

.pink-border-box {
	border: 2px solid #e4a7d8;
	border-radius: 40px;
	padding: 20px;
	text-align: center;
	height: 100%;
}

.pink-border-box img {
	width: 50px;
	/* adjust icon size */
	margin-bottom: 15px;
}

.pink-border-box h5 {
	color: #e4a6d7;
	font-weight: 1000;
	margin-bottom: 10px;
	font-size: 22px;
}

.font6 {
	font-size: 70px;
}

.col2 {
	color: #233778;
}

.blue-underline6 {
	width: 60px;
	height: 4px;
	background-color: #233778;
	margin-top: 10px;
	margin-bottom: 40px;
}

.col3 {
	color: #495a91;
}

.backcolor3 {
	background-color: #060c39;
	color: white;
}

.flow-step {
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 100px;
}

.flow-icon {
	width: 100px;
	height: 100px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	color: #fff;
}

.flow-details h5 {
	font-weight: 700;
}

.flow-details p {
	margin: 0;
	font-size: 1rem;
}

/* Connector curve top right */
.flow-connector {
	position: absolute;
	top: 50%;
	right: -120px;
	width: 240px;
	height: 80px;
	border-top: 3px solid;
	border-right: 3px solid;
	border-radius: 0 40px 0 0;
}

/* Connector curve bottom left */
.flow-connector.down {
	top: -40px;
	left: -120px;
	width: 240px;
	height: 80px;
	border-bottom: 3px solid;
	border-left: 3px solid;
	border-radius: 0 0 0 40px;
}

.custom-stat-card {
	background-color: #243746;
	color: white;
	padding: 2rem 3rem 1.5rem;
	position: relative;
	text-align: center;
	border-radius: 0px;
	margin: 0px 8px 0px 8px;
}

.custom-stat-icon {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	color: black;
}

.custom-stat-number {
	font-size: 48px;
	font-weight: 700;
	color: #f28c28;
	margin-bottom: 0.5rem;
}

.custom-stat-card p {
	margin: 0;
	font-size: 1rem;
	line-height: 1.4;
}

.stats-card {
	background-color: #003a78;

	color: white;
	padding: 2.5rem 1rem 1.5rem;
	position: relative;
	text-align: center;
	border-radius: 4px;
	height: 100%;
	/* margin: 0px 15px 0px 15px; */
}

.stats-icon {
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #e1e4f4;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	color: black;
}

.stats-number {
	font-size: 48px;
	font-weight: 700;
	color: #f15a29;
	/* red-orange */
	margin-bottom: 0.5rem;
}

.stats-text {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.4;
}

.stats-source {
	margin-top: 0.5rem;
	font-size: 0.95rem;
	color: #ccc;
}

.step-container {
	display: flex;
	align-items: center;
	margin-bottom: 100px;
	position: relative;
}

.step-icon {
	width: 131px;
	height: 131px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.step-text {
	flex: 1;
	padding: 0 20px;
}

.step-title {
	font-style: normal;
	background-clip: border-box;
	background-image: none;
	color: #4f81bd;
	font-family: "Lexend";
	font-weight: 600;
	font-size: 1.6em;
	margin-bottom: 1.8em;
}

.step-description {
	/* margin-top: 35px; */
	position: absolute;
	/* right: 110px; */
	max-width: 41%;
	top: 73px;
	background-clip: border-box;
	background-image: none;
	color: #20282d;
	font-family: "Heebo";
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.5em;
}

.step-title1 {
	position: absolute;
	top: 24px;
	right: 150px;
	font-style: normal;
	background-clip: border-box;
	background-image: none;
	color: #4f81bd;
	font-family: "Lexend";
	font-weight: 600;
	font-size: 1.6em;
	margin-bottom: 1.8em;
}

.step-description1 {
	/* margin-top: 35px; */
	position: absolute;
	/* right: 110px; */
	max-width: 41%;
	background-clip: border-box;
	background-image: none;
	color: #20282d;
	font-family: "Heebo";
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.5em;
	top: 73px;
	right: 150px;
}

.connector {
	position: absolute;
	height: 141px;
	width: calc(100% - 200px);
	border-top: 3px solid;
	border-right: 3px solid;
	border-radius: 0 20px 0 0;
	top: 50%;
	left: 139px;
}

.reverse {
	flex-direction: row-reverse;
}

.reverse .connector {
	left: auto;
	right: 136px;
	border-right: none;
	border-left: 3px solid;
	border-radius: 20px 0 0 0;
}

.custom-icon-box {
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
	color: white;
	font-size: 50px;
}

.custom-line-container {
	flex: 1;
	display: flex;
	align-items: center;
	position: relative;
}

.custom-line {
	height: 4px;
	width: 100%;
	background: linear-gradient(to right, #eabf23 50%, #ff4c4c 50%);
	position: relative;
	display: inline-block;
}

/* Bold triangle arrowhead */
.arrow-head {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 16px solid #ff4c4c;
	/* red arrow color */
	margin-left: -5px;
	/* adjust so it sticks smoothly to the line */
	vertical-align: middle;
}

.custom-arrow {
	position: absolute;
	right: -10px;
	font-size: 20px;
	color: #ff4c4c;
	background: #f8fdfb;
	padding-left: 5px;
}

.custom-text-section {
	position: absolute;
	top: -35px;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-weight: bold;
}

.custom-yellow-text {
	color: #eabf23;
}

.custom-red-text {
	color: #ff4c4c;
}

.custom-description {
	margin-top: -41px;
	color: #eabf23;
	background-clip: border-box;
	background-image: none;
	font-family: "Heebo";
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-left: 133px;
}

.arrow {
	font-size: 20px;
}

.all1 {
	text-align: justify;
	height: auto;
}

.forgert {
	display: flex;
	justify-content: space-between;
}

.welcome-container {
	/* font-family: Arial, sans-serif;
  background: linear-gradient(135deg, #0f0c29, #302b63, #24243e); */
	color: white;
	/* display: flex; */
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	/* height: 100vh; */
	/* padding: 20px; */
}

.welcome-container h1 {
	font-size: 2.5rem;
	margin-bottom: 30px;
}

.welcome-container .username {
	color: #ff4c4c;
	/* red for name */
}

.welcome-container p {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 40px;
	/* max-width: 800px; */
}

.welcome-container .go-btn {
	background-color: #5271ff;
	color: white;
	font-size: 1.1rem;
	padding: 12px 30px;
	border: none;
	border-radius: 21px;
	cursor: pointer;
	transition: background 0.3s ease;
}

.welcome-container .go-btn:hover {
	background-color: #364fc7;
}

.photo-section {
	/* background: linear-gradient(135deg, #0f0c29, #302b63, #24243e); */
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	text-align: center;
	/* padding: 20px; */
}

.skipgap {
	gap: 7rem;
}
.skip {
	border-radius: 23px;
}
.capture-card {
	background-color: #1d2c64;
	border-radius: 15px;
	padding: 15px;
	max-width: 460px;
	width: 100%;
}

.capture-card img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: 10px;
	margin: 20px 0;
}

.btn-custom {
	width: 120px;
}

.privacy-text {
	font-size: 0.9rem;
	margin-top: 15px;
	color: #ddd;
}

.btn-custom1a {
	width: 211px;
	background-color: #4a64e9;
	color: white;
	border: none;
	padding: 10px 25px;
	border-radius: 8px;
}

.sunil-section {
	background-color: #0d2b61;
	/* dark blue bg */
	color: white;
	border-radius: 10px;
	padding: 20px;
}

.sunil-box {
	background-color: #4b66a1;
	/* light bluish box */
	border-radius: 10px;
	padding: 20px;
	color: #fff;
}

.sunil-img {
	background-color: #0d2b61;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	padding: 20px;
}

.sunil-img img {
	max-width: 100%;
	border-radius: 10px;
}

.sunila {
	background-color: #0d2b61;
}

.profile-section {
	background-color: #0a2a66;
	/* Dark Blue Background */
	padding: 30px;
	/* border-radius: 10px; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.profile-img img {
	max-width: 407px;
	height: auto;
}

.profile-card {
	background-color: #415c9d;
	color: #fff;
	padding: 25px;
	border-radius: 12px;
}

.profile-card h5 {
	font-weight: 700;
	margin-bottom: 15px;
}

.gallery-img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	clip-path: path(
		"M0 20 Q0 0 20 0 Hcalc(100% - 20px) Q100% 0 100% 20 Vcalc(100% - 20px) Q100% 100% calc(100% - 20px) 100% H20 Q0 100% 0 calc(100% - 20px) Z"
	);
	object-fit: cover;
}

.img-wrapper {
	/* background: white;
    padding: 5px;
    border-radius: 20px; */
	overflow: hidden;
}

.section-title {
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
}

.col4 {
	background-color: #092e60;
}

.leadership-section {
	/* padding: 20px 50px; */
	background-color: #e4e7f6;
}

.leadership-icon {
	font-size: 70px;
	color: #0d47a1;
	/* Dark blue */
}

.leadership-text {
	font-size: 16px;
	line-height: 1.8;
	color: #1c1c1c;
}

.leadership-text strong {
	color: #0d47a1;
}

.strong1 strong {
	color: #06397d;
}

.back2 {
	background-color: #e1e4f4;
}

.image-text-card {
	height: 350px;
	display: flex;
	flex-direction: column;
}

.image-text-card img {
	width: 100%;
	height: 70%;
	/* adjust image height in % */
	object-fit: cover;
	border-radius: 0;
	/* keep image rectangular */
	display: block;
	flex-shrink: 0;
}

.image-text-body {
	background-color: #12324c;
	/* dark navy */
	color: white;
	text-align: center;
	padding: 17px 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 30%;
	/* fixed text height */
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	overflow: hidden;
}

.image-text-body p {
	margin: 0;
	line-height: 1.3;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

.offerings-section {
	background-color: #e3f2f8;
	/* White background */
	padding: 5% 5% 3%;
}

.offerings-section h3 {
	text-align: left;
	font-family: "Heebo";
	font-weight: 600;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #0c1b40;
	letter-spacing: 0.05em;
}

.offerings-section p {
	color: #333;
	text-align: left;
	font-family: "Heebo";
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.5em;
}

.offerings-image {
	max-width: 80%;
	height: auto;
}

.section-dark3 {
	background-color: #124eae;
	color: white;
}

.blue-underline7 {
	width: 60px;
	height: 4px;
	background-color: #ff914d;
	margin-top: 10px;
	margin-bottom: 21px;
}

.custom-image-box {
	position: relative;
	overflow: hidden;
	text-align: center;
	color: #fff;
}

.custom-image-box img {
	width: 100%;
	height: auto;
	display: block;
}

/* Overlay */
.custom-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	/* Dark overlay */
	z-index: 1;
}

/* Centered text */
.custom-overlay-text {
	position: absolute;
	bottom: 10%;
	left: 30%;
	font-size: 22px;
	font-weight: bold;
	max-width: 42%;
	z-index: 2;
}

.section-dark4 {
	background-color: #395900;
	color: white;
}

.section-dark5 {
	background-color: #6b1fad;
	color: white;
}

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

.ind {
	padding: 0px 0px 0px 1.8em;
}
.fsize6 {
	color: #06397d !important;
}
.messageh5 {
	font-style: normal;
	font-family: "Lexend";
	font-weight: 600;
	background-clip: border-box;
	background-image: none;
	color: #fff;
	font-size: 1.6em;
	letter-spacing: 0.01em;
}
.messagep {
	font-family: "Heebo";
	font-weight: 400;
	background-clip: border-box;
	background-image: none;
	color: #fff;
	line-height: 1.5em;
	font-size: 0.9em;
}
.mt-33 {
	margin-top: 1rem;
}
.fsize1 {
	font-style: normal;
	font-family: "Lexend";
	font-weight: 400;
	font-size: 2.4rem;
	letter-spacing: 0;
	line-height: 1.1em;
}
.fsize2 {
	font-style: normal;
	font-family: "Lexend";
	font-weight: lighter;
	font-size: 1.5rem;
	letter-spacing: 0;
	margin-top: 10px;
}

.fsize3 {
	font-family: "Heebo";
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.5em;
}

.fsize4 {
	background-clip: border-box;
	background-image: none;
	color: #ffffff;
	font-family: "Heebo";
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.5em;
}

.fsize44 {
	background-image: none;
	color: #20282d;
	font-family: "Heebo";
	font-weight: 400;
	line-height: 1.5em;
	font-size: 1.2em;
	text-align: left;
}

.fsize45 {
	background-image: none;
	color: #ffffff;
	font-family: "Heebo";
	font-weight: 400;
	line-height: 1.5em;
	font-size: 1.2em;
	text-align: center;
}
.fsize5 {
	font-style: normal;
	font-family: "Lexend";
	font-weight: 600;
	font-size: 1.8em;
	letter-spacing: 0.01em;
	line-height: 1.4em;
}
.time1 {
	color: #2e3c6d;
}
.fsize7 {
	font-family: "Lexend";
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1.7em;
}

.fsize8 {
	line-height: 1.7em;
	font-style: normal;
	font-family: "Heebo";
	font-weight: 600;
	letter-spacing: -0.03em;
	font-size: 1.1em;
	color: white;
}

.new1 p {
	color: black !important;
}

.new4 p {
	font-size: 1.2em !important;
	color: #20282d !important;
	line-height: 1.5em;
}

.new2 p {
	line-height: 1.5em;
	font-size: 1.2em;
	color: white !important;
}

.new3 p,
h5 {
	font-size: 14px;
}

.nav-item p,
.pad1 p {
	font-size: 14px;
	font-style: normal;
	font-family: "Heebo";
	font-weight: 500;
	color: #b1abab;
}

.stats-card {
	/* background: linear-gradient(135deg, #00264d, #003366, #001f33); */
	/* background: url(../NEWIMAGES/57.png); */
	background-color: #06397d !important;
	/* border-radius: 10px; */
	padding: 20px 20px 20px 20px;

	color: white;
	text-align: center;
	position: relative;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
	/* overflow: hidden; */
	background-size: cover;
	/* ✅ Show the whole image */
	background-repeat: no-repeat;
	/* ✅ Prevent tiling */
	background-position: center;
	/* ✅ Keep image centered */
}

.stats-card::before {
	content: "";
	position: absolute;
	/* top: -50%;
      left: -50%;
      width: 200%;
      height: 200%; */
	background: linear-gradient(
		45deg,
		transparent,
		rgba(255, 255, 255, 0.05),
		transparent
	);
	transform: rotate(25deg);
}

.stats-percentage {
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.stats-source {
	font-size: 0.9rem;
	/* position: absolute; */
	right: 15px;
	bottom: 10px;
	color: #ccc;
}

/* All responsive for IPAD    aaaa   */
@media (min-width: 768px) and (max-width: 991.98px) {
	/* CSS rules for tablet devices */
	.perspective-content1 {
		min-height: 92px;
	}

	.hidden {
		overflow-x: visible !important;
	}

	.display-6 {
		font-size: calc(1.6rem + 1.5vw);
	}

	.image-box {
		aspect-ratio: 1 / 1; /* Maintain square aspect ratio on tablet */
	}

	.carousel-caption-1-content {
		margin-right: 126px;
	}

	.tab {
		max-width: 66%;
	}

	.nw1 {
		padding-right: 0px;
	}

	.special {
		height: 336px;
	}

	.newsec1a {
		margin-bottom: 16px;
	}

	.hidden1 {
		overflow-x: hidden;
	}

	.special1 {
		height: 412px;
	}

	.new {
		width: 33%;
		/* margin-left: 207px; */
		margin: auto !important;
	}

	.boxes1 {
		width: 46%;
	}

	.source {
		padding: 0px 0px 0px 0px;
	}

	.wid {
		width: 50%;
	}

	.box2 {
		width: 82.333%;
		margin-left: 4rem !important;
	}

	.feedback-img {
		top: 92px !important;
	}

	.container,
	.container11 .container-sm {
		max-width: 100%;
	}

	.timeline-containe::before {
		left: 28%;
	}

	.newsec6 {
		padding-bottom: 5em !important;
	}
}

@media (max-width: 768px) {
	.carousel-caption-2-content {
		padding: 31px 20px !important;
		text-align: center !important;
	}
}

.carousel-caption-2-content {
	margin-left: 124px;
}

.image-wrapper {
	margin-right: 0px;
}

/* All responsive for IPHONE SE  */

@media (max-width: 768px) {
	.img-box2 {
		margin-left: 0;
	}

	.img-fluid-custom {
		margin-top: -31px;
		margin-bottom: 22px;
	}

	.newsec6top p {
		margin-bottom: 30px;
	}

	.btnsend {
		margin-right: 109px;
	}

	.subscribe-section {
		margin-top: -100px;
	}

	.footer-section hr {
		margin-left: 0px;
	}

	.btn-square,
	.btn-sm-square,
	.btn-lg-square {
		display: inline-flex;
	}

	.impact-box {
		width: auto;
	}

	.wid {
		margin-left: 0px;
	}

	.res1 {
		width: auto;
	}

	.new {
		width: 30%;
		margin-left: 95px;
	}

	.source1 {
		right: -6px;
	}

	.image-wrapper {
		/* margin-right: 39px; */
	}

	.stat-source {
		margin: 52px 9px 20px 223px;
	}

	.content-section {
		padding: 2px 10px;
	}

	.box2 {
		width: 82.333%;
		margin-left: 2rem;
	}

	.source2 {
		padding: 0px 0px 0px 142px;
	}

	.phase-text p {
		margin-top: 0px;
		margin-left: 0px;
		text-align: justify;
	}

	.iphone {
		margin-left: 110px;
		height: 84px;
	}

	.newsec6 {
		padding-top: 61px;
		padding-bottom: 105px;
	}

	.culture-section {
		padding: 40px 10px;
	}

	.all {
		text-align: justify;
		hyphens: auto;
	}

	.content-section p {
		text-align: justify !important;
		hyphens: auto !important;
	}

	.backcolor {
		padding: 1rem;
	}

	.card-custom {
		margin-left: auto;
		width: auto;
	}

	.stakeholder-card {
		padding: 1rem;
	}

	.feedback-highlight {
		margin-bottom: -2rem;
	}

	.feedback-img {
		max-height: 97px;
		top: 208px;
	}

	.feedback-author {
		padding-left: 0rem;
	}

	.stakeholder-card1 {
		padding: 1rem;
	}

	.border {
		margin: 50px 15px 0px 15px;
	}

	.coaching-media img,
	.coaching-media video {
		height: 200px;
	}

	.box-size {
		width: 100%;
		padding-left: 1rem;
		margin-top: 0rem;
	}

	.approach-section {
		padding: 1rem 1rem;
		margin: 1rem auto;
	}

	.case-card {
		padding: 1rem;
	}

	.hidden {
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.timeline-containe::before {
		top: 16%;

		margin-left: -180px;
	}

	.timeline-step .marker1 {
		left: -6%;
	}

	.timeline-step .markerleft1 {
		transform: rotateZ(0deg);
	}

	.time {
		margin-left: 10px;
	}

	.image-col img {
		max-width: 89%;
		padding-left: 30px;
	}

	.perspective-box {
		width: 100%;
		margin-left: 0px;
	}

	.bg-container {
		padding: 1rem;
	}

	img.diagram1 {
		height: 100%;
	}

	.wid1 {
		width: 100%;
		margin-bottom: 0px;
		margin-left: 77px;
	}

	.mega-menu {
		width: 100%;
		left: 50%;
		transform: translateX(0%);
	}

	.carousel .carousel-inner .carousel-item {
		height: 450px;
		margin-top: -100px;
		font-size: 2em;
		letter-spacing: 0.025em;
		font-family: "Lexend";
		font-weight: 600;
		font-style: normal;
	}

	.mp {
		margin-top: 0px !important;
		padding-top: 0px !important;
	}

	.bodpad12 {
		padding: 50px 0px;
	}

	.newsec5 {
		padding-top: 33px;
	}

	.disflex1 img {
		width: 46px;
	}

	.img1 {
		height: 50px;
	}

	.timeline-container::before {
		top: 9%;
		height: 80%;
	}

	.timeline-step .markerleft {
		position: absolute;
		left: 0%;
		transform: rotateZ(0deg);
	}

	.timeline-step .marker {
		left: 0px;
	}

	.make {
		transform: rotateZ(180deg) !important;
	}

	.time1 {
		margin-left: 25px;
	}

	.text-col1 {
		padding: 37px;
	}

	.content-section1 {
		padding: 28px 0px;
	}

	.text1 {
		padding: 0px;
	}

	.talent-icon {
		margin-top: -47px;
	}

	.text2 {
		text-align: left;
	}

	.carousel-caption-2-content {
		padding: 31px 20px !important;
		text-align: center !important;
	}

	.display-6 {
		font-size: calc(0.6rem + 1.5vw);
	}

	.carousel-caption-1-content {
		padding: 30px 20px !important;
	}

	.btnnew2 {
		margin-bottom: 20px;
	}

	.image-box {
		margin: 15px;
		aspect-ratio: 1 / 1; /* Maintain square aspect ratio on mobile */
	}

	.textalign1 {
		text-align: left !important;
	}

	.connector {
		top: 31%;
		left: 172px;
	}

	.connector {
		top: 21%;
		left: 172px;
	}

	.connector1 {
		right: 180px;
		margin-top: -40px;
		height: 242px;
	}

	.connector1a {
		top: 18%;
		left: 16px !important;
		height: 206px;
	}

	.connector2 {
		right: 186px;
		margin-top: -30px;
	}

	.connector2 {
		top: 34%;
		left: 15px !important;
		height: 200px;
	}

	.welcome-container h1 {
		font-size: 1.5rem;
	}

	.source {
		padding: 0px 0px 0px 268px;
	}

	.source2 {
		padding: 0px 0px 0px 9px;
	}

	.custom-icon-box {
		width: 64px;
		height: 75px;

		font-size: 23px;
	}

	.custom-description {
		margin-top: 0px;

		font-size: 14px;
		margin-left: 71px;
	}

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

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

	.method-box {
		margin: 0px 60px 12px 60px;
	}

	.impact-box1 {
		width: 100%;
	}
	.profile-img img {
		max-width: 291px;
	}

	.title-section .line {
		margin-left: 0px;
	}

	.title-section {
		padding-right: 15px;
		text-align: left !important;
	}

	.para-size {
		padding: 0px 0px 0px 16px;
	}

	.login-box {
		padding: 14px 9px 0px 13px;
	}
	.photo-section {
		min-height: auto;
	}
}

.paddingyaxis {
	padding: 8px 0px;
}

/* .carousel-item h1 {
    font-size: 21px;
    font-weight: bold;
    line-height: 30px;
}

.carousel-caption h2,
.carousel-caption-1 h2,
.carousel-caption-2 h2,
.carousel-caption h1,
.carousel-caption-1 h1,
.carousel-caption-2 h1 {
    font-size: 2em;
    letter-spacing: .025em;
    font-family: "Lexend";
    font-weight: 600;
    font-style: normal;
} */
.carousel-item h2 {
	color: #fff;
	font-family: "Lexend";
	font-weight: 600;
	font-style: normal;
}

.panew1 {
	color: #435b9c !important;
	font-size: 1.3rem !important;
}

.ullinew1,
.newwsec1 p {
	color: #20282d;
	font-size: 1.2rem;
	line-height: 32px;
	margin-bottom: 6px;
	font-family: "Heebo";
	font-weight: 400;
	letter-spacing: normal;
}

.colournew1 {
	color: #100f0f;
}

.fontcopy1 {
	font-size: 16px;
}

/* Button New Start */
.case-btn {
	/* background-color: #0d47a1;  */
	color: #fff;
	font-style: normal;
	letter-spacing: 2px;
	font-family: "Heebo";
	font-weight: 500;
	font-size: 1em;
	padding: 12px 10px;
	border: none;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	position: relative;
	transition: all 0.3s ease;
}

.case-btn:hover {
	color: #fff;
	text-decoration: none;
}

/* Orange underline */
.case-btn::after {
	content: "";
	position: absolute;
	left: 15px;
	bottom: 3px;
	width: 30px;
	height: 3px;
	background: #ff914d;
	/* orange */
	transition: width 0.3s ease;
}

/* Arrow styling */
.case-btn .arrow {
	margin-left: 6px;
	transition: transform 0.3s ease;
}

.case-btn:hover .arrow {
	transform: translateX(4px);
}

.custom-section {
	background: #eaf6fb;
	/* top light blue */
	position: relative;
	/* padding: 50px 0; */
}

.custom-section::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 19%;
	background: #eaf6fb;
	/* white bottom */
	z-index: 0;
}

.custom-section .container {
	position: relative;
	z-index: 1;
	/* content above background */
}

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

.custom-section1 {
	background: #eaf6fb;
	/* top light blue */
	position: relative;
	padding: 50px 0;
}

.custom-section1::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 42%;
	background: #eaf6fb;
	z-index: 0;
}

.custom-section1 .container {
	position: relative;
	z-index: 1;
	/* content above background */
}

.container1 {
	position: relative;
	z-index: 1;
}
.success-card {
	padding: 0px 30px;
}

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

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

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

.bgcoln1 {
	background-color: #eaf6fb;
}

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

.gapnew1 {
	gap: 40px;
}

.imgheight {
	height: 110px;
}

.uppermargin {
	margin-top: -30px;
	/* z-index: 9999; */
}

.logopadd {
	padding: 0px 30px;
}

.color6a {
	color: #0b397d !important;
	font-size: 16px !important;
	line-height: 1.5;
}

.color6b {
	color: #0b397d !important;
}

.boxzinex {
	margin-top: -35px;
}

.sridhar {
	background-color: #4a5752;
	color: #fff;
	padding: 10px;
}

.newmargin {
	margin-top: 10px;
}

.developing {
	background-color: #f8eded;
}

.backcolor4 {
	background-color: #e3e7e8 !important;
}

.backcolor5 {
	background-color: #e7e9f6 !important;
}

.info-boxa {
	border: 2px solid #555;
	border-radius: 20px;
	/* padding: 23px; */
	text-align: left;
	background-color: #e7e9f6 !important;
	display: flex;
	/* align-items: flex-start; */
	gap: 15px;
	padding: 20px 10px;
	height: 100%;
}

.info-boxa .icon img {
	width: 67px !important;
	/* height: 45px !important; */
}

.info-boxa p {
	margin: 0;
	font-size: 17px;
	color: #333;
	line-height: 1.5;
}

.info-boxb {
	border: 2px solid #555;
	border-radius: 20px;
	/* padding: 23px; */
	text-align: left;
	background-color: #e3e7e8 !important;
	display: flex;
	/* align-items: flex-start; */
	gap: 15px;
	height: 100%;
	/* padding: 12px 12px; */
	padding: 30px 12px;
	/* margin: 0px 38px 0px 43px; */
}

.info-boxb .icon img {
	width: 62px !important;
	/* height: 45px !important; */
}

.info-boxb p {
	margin: 0;
	font-size: 17px;
	color: #333;
	line-height: 1.5;
}

.method-boxbb {
	border: 2px solid #555;
	border-radius: 15px;
	background-color: #e7e9f6 !important;
	color: black;
	/* margin: 0px 58px 0px 58px; */
}

.backcolor6 {
	background-color: #e3e7e8 !important;
}

.backcolor7 {
	background-color: #e1e4f4 !important;
}

.backcolor8 {
	background-color: #e9e9e7 !important;
}

.lineheight {
	line-height: 1.5 !important;
}

.new5 p {
	font-size: 17px !important;
	color: #06397d !important;
	line-height: 1.5;
}

.colornew {
	color: #06397d !important;
}

.imgwidth {
	width: 100% !important;
}

.imgwidth1 {
	width: 100% !important;
}
.background {
	background-color: #e4e7f6 !important;
}

/* our team start  */
.profile-section {
	background-color: #0b3a75; /* Blue background */
	color: #fff;
	padding: 25px 25px 0px 24px;
}
.profile-card {
	background-color: #435b9c;
	border-radius: 8px;
	padding: 25px;
	color: #fff;
}
.profile-card h5 {
	font-weight: bold;
	color: white;
	font-size: 18px;
}
.profile-image {
	text-align: center;
}
.profile-image img {
	max-width: 79%;
	height: auto;
	border-radius: 6px;
	margin-top: -91px;
}

/* gradi eval page  */
.ai-section {
	background: #0d0d1a;
	color: #fff;
	padding: 60px 0;
}

.ai-box {
	background: linear-gradient(135deg, #1e1f92, #3b3fda);
	padding: 40px 30px;
	border-radius: 12px;
	color: #fff;
}

.ai-box h4 {
	font-weight: bold;
	margin-bottom: 30px;
}

.ai-input {
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 20px;
	border: none;
}

.ai-btn {
	background: #4c6ef5;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px;
	border: none;
}

.ai-btn:hover {
	background: #365ed9;
}

.ai-footer {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
	font-size: 14px;
}

.ai-footer a {
	color: #fff;
	text-decoration: none;
}

.ai-footer a:hover {
	text-decoration: underline;
}

.ai-check-text {
	font-size: 14px;
	margin-left: 8px;
}

.ai-checkbox {
	width: 18px;
	height: 18px;
	margin-top: 0.2rem;
}

.gradieval {
	background: linear-gradient(90deg, #000000, #3533cd);
}

.stay {
	max-width: 80%;
}
.heading-section {
	text-align: center;
	padding: 0px 20px 20px;
}
.heading-section h2 {
	font-size: 32px;
	font-weight: 500;
	color: white;
}
.heading-section p {
	font-size: 16px;
	margin-top: 10px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
	color: white;
}
.btn-primary1 {
	background-color: #5271ff;
	color: white;
}
.gardinew1 .form-check-input {
	width: 2.5em;
	height: 2em;
	background-color: #004aad;
}
.paddwe1 {
	padding: 0px 70px;
}

.phewnew1 .response-box {
	width: 100%;
	height: 218px;
}

.resourcebox img {
	height: 290px;
	object-fit: cover;
}
.resourcebox p {
	background-color: #142a3d;
	border-radius: 0px 0px 15px 15px;
}

.perspective-content p,
.perspective-content ul {
	line-height: 1.5em;
	color: black;
	text-align: center;
	font-size: 1em !important;
}
.perspective-content1 ul li {
	line-height: 1.5em;
	color: black;
	text-align: left;
	font-size: 1em !important;
	font-family: "Heebo";
	font-weight: 400;
	letter-spacing: 1px;
}
.perspective-content1 ul {
	margin-bottom: 0px;
}

.ww1size {
	width: 80%;
}

.custom-icon img {
	width: 100px;
}
.stakeholder-card1 h5 {
	font-size: 1em;
	line-height: inherit;
	color: #283933;
}
.stakeholder-card1 p {
	font-size: 1em;
	line-height: inherit;
	color: #283933;
	margin-bottom: 12px;
}
.new3 {
	background-color: #f4f9f6;
}

.step-icon img,
.custom-icon-box img {
	width: 160px;
}

/*  */

.quote-box {
	background-color: #f4a8ab;
	border-radius: 10px;
	padding: 40px 31px;
	max-width: 374px;
	margin: 50px auto;
	text-align: center;
}
.quote-box h5 {
	font-weight: bold;
	color: #0f2d3f; /* dark navy */
}
.quote-box p {
	font-size: 24px;
	font-weight: 700;
	color: #0f2d3f;
	margin-bottom: 20px;
	line-height: inherit;
}
.quote-box small {
	display: block;
	color: #333;
	margin-top: 15px;
	text-align: end;
}

.method-box img {
	width: 100px;
}
.method-boxbb img {
	width: 70px;
}
.custom-stat-icon img {
	width: 38px;
}
.feature-icon img {
	width: 85px;
}
.feature-card {
	padding: 20px 40px;
}
.feature-icon .imgs1 {
	width: 130px;
}
.stats-card img {
	width: 85px;
}
.boxteamn1 {
	display: flex;
	align-items: center;
	gap: 40px;
	padding-bottom: 40px;
}
.widd1 {
	max-width: 96px;
}
.gapn1 {
	gap: 40px;
}

/* New1 Start */
.card-box {
	position: relative;
	overflow: hidden;
	/* height: 350px; */
	color: white;
	border-radius: 0px;
	cursor: pointer;
}

.card-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.card-box:hover img {
	transform: scale(1.05);
}

/* Overlay gradient */
.overlay {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.6),
		rgba(0, 0, 0, 0.2)
	);
	transition: top 0.6s ease;
	z-index: 1;
	opacity: 1;
}

.card-box:hover .overlay {
	top: 0;
}

/* Text always visible */
.card-text {
	width: 100%;
	padding: 0px 20px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	z-index: 2;
	color: #fff;
}
.card-text .cardtext1 {
	color: white;
}

.overlayn1 {
	position: absolute;
	top: 0%;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgb(0 0 0 / 20%), rgb(0 0 0 / 60%));
	transition: top 0.6s ease;
	z-index: 1;
	opacity: 1;
}

.cardtext1 {
	font-size: 24px !important;
}
/* New1 End */

.image-box .overlayn2 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgb(0 0 0 / 40%);
	opacity: 1;
	transition: opacity 0.3s ease;
	z-index: 1;
}
.colmm1 {
	color: #06397d;
}

.gapm1 {
	gap: 45px;
}

.image-card::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	opacity: 1;
	transition: opacity 0.3s ease;
	z-index: 1;
}
.gapnew121 {
	gap: 50px;
}

.talent-icon img {
	width: 18%;
}

.fsizenn4 {
	font-size: 19px;
	font-weight: 100;
}
.timeline-stepn1 {
	align-items: center;
}
.exe11 {
	color: #283933;
	text-decoration: underline;
}
.exe11:hover {
	color: #283933;
}
.fsizen2 {
	line-height: 1.5em;
	font-size: 1.2em;
	text-align: center;
	color: rgb(32, 40, 45);
	font-family: Heebo;
	font-weight: 400;
}
.feature-card h5 {
	font-size: 18px;
}
.feature-card p {
	font-size: 17px;
}
.txtnor1 {
	font-weight: 100;
}

.bggg1 .case-card {
	background-color: #e3e7e8;
}
.bggg2 .approach-section {
	background-color: #e3e7e8;
}

.coaching-heading {
	font-size: 22px;
	line-height: inherit;
}
.instruction-box p {
	line-height: 1.6;
	font-size: 17px;
}
.headingcol11 {
	color: white;
	font-size: 25px;
	font-weight: 500;
}
/* All the vendor variations + standard */
.response-box::-webkit-input-placeholder {
	color: #000;
	opacity: 1;
} /* Chrome, Safari, Opera */
.response-box:-moz-placeholder {
	color: #000;
	opacity: 1;
} /* Firefox 4-18 */
.response-box::-moz-placeholder {
	color: #000;
	opacity: 1;
} /* Firefox 19+ */
.response-box:-ms-input-placeholder {
	color: #000;
	opacity: 1;
} /* IE 10-11 */
.response-box::-ms-input-placeholder {
	color: #000;
	opacity: 1;
} /* Edge */
.response-box::placeholder {
	color: #000;
	opacity: 1;
} /* Standard */

/* Tablet Responsive Start */
@media (min-width: 768px) and (max-width: 991.98px) {
	/* CSS rules for tablet devices */
	.resourcebox img {
		height: 150px;
		object-fit: cover;
	}

	.img-fluid-custom {
		width: 100%;
		height: 155px;
	}
	.img-fluid-custom {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.success-card {
		padding: 0px 0px;
	}
	.offerings-image {
		padding-bottom: 38px;
	}
	.image-box {
		margin: 0px;
	}
	.image-box {
		aspect-ratio: 1 / 1; /* Maintain square aspect ratio on tablet */
	}
	.gapm1 {
		gap: 0px;
	}
	.gapnew121 {
		gap: 0px;
	}
	.talent-icon img {
		width: 50%;
	}
	.wid1 {
		width: 100%;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	.image-col img {
		max-width: 100%;
		padding-left: 0px;
	}
	.new111 {
		padding: 0px 0px;
	}
	.section-title3 {
		margin-top: 30px;
	}
	.image-section img {
		max-width: 100%;
	}
	.martab1 {
		margin-top: 55px;
	}
	.card-custom {
		padding: 0.5rem;
	}
	.feedback-section {
		padding: 1rem 0rem;
	}
	.backcolor {
		padding: 2rem 1rem;
	}
	.info-boxb {
		margin: 0px;
	}
	.info-box {
		padding: 20px 10px;
		margin: 0px 0px;
	}
	.info-boxa {
		padding: 15px 10px;
		height: 100%;
	}
	.gap2 {
		column-gap: 0px;
		row-gap: 20px;
	}
	.highlight1 {
		font-size: 1.5rem;
	}
	.custom-stat-card {
		padding: 20px;
		height: 100%;
	}
	.feature-card {
		padding: 5px 5px;
	}
	.highlight2 {
		font-size: 40px;
	}
	.image-text-card img {
		width: 100%;
		height: 115px;
	}
	.welcome-container {
		height: auto;
	}
}
/* Tablet Responsive End */

@media (max-width: 767px) {
	.carousel .carousel-inner .carousel-item .carousel-caption-1 {
		top: 43px;
	}
	.carousel-caption-1-content {
		margin-right: 0px;
		margin: 20px;
	}
	/* .ind {
    padding: 0px;
} */
	.newsec3 img {
		margin-bottom: 30px;
	}
	.newsec3 {
		padding-top: 67px;
		padding-bottom: 50px;
	}
	.gapnew1 {
		gap: 0px;
	}
	.gapn1 {
		gap: 6px;
	}
	.paragraph {
		width: 100%;
	}
	.resourcebox p {
		color: rgb(255, 255, 255);
		padding: 10px 15px 10px 15px;
	}
	.gapnew121 {
		gap: 25px;
	}
	.section-dark {
		padding: 30px 0px;
	}
	.section-values {
		padding: 0px 0px;
	}
	.box2 {
		width: 100%;
		margin-left: 0px;
	}
	.imgheight {
		height: 80px;
	}
	.content-wrapper {
		padding: 50px 0 20px 0px;
	}
	.text-col1 {
		padding: 24px;
	}
	.new111 {
		padding: 0px 0px;
	}
	.section-title3 {
		padding-top: 28px;
	}
	.image-section img {
		max-width: 100%;
	}
	.mar2 {
		margin-top: 0px;
	}
	.logopadd {
		padding: 0px 15px;
	}
	.wid1 {
		margin-left: 0px;
	}
	.padd {
		padding: 20px 10px;
	}
	.talent-icon img {
		width: 23%;
	}
	.backcolor {
		padding: 3rem 1rem;
	}
	.step-icon {
		width: 84px;
		height: 84px;
	}
	.step-icon img,
	.custom-icon-box img {
		width: 90px;
	}
	.connector {
		top: 28%;
		left: 155px;
	}
	.step-description {
		max-width: 54%;
	}
	.info-box .icon img {
		width: 44px !important;
	}
	.method-box {
		margin: 0px 10px 12px 10px;
	}
	.txtmobstart {
		text-align: start !important;
	}
	.info-boxa {
		padding: 10px 10px;
	}
	.info-boxa .icon img {
		width: 50px !important;
	}
	.method-boxbb img {
		width: 60px;
	}
	.method-box2 {
		margin-top: 20px;
	}
	.info-boxb .icon img {
		width: 40px !important;
	}
	.info-boxb {
		margin: 0px;
	}
	.gapnewmob1 {
		gap: 10px;
	}
	.method-box img {
		width: 60px;
	}
	.text-right-align1 {
		text-align: left !important;
		margin-left: 0px;
	}
	.highlight2 {
		font-size: 46px;
	}
	.boxteamn1 {
		display: block;
	}
	.widd1 {
		display: flex;
		justify-content: center;
	}

	.approach-section {
		max-width: 97%;
	}
	.scrollable-buttons {
		margin: 0px 29px 0px 30px;
	}
}

/* Fix for center-aligning text in boxes */
.box-content {
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
	padding: 10px;
	color: #fff;
	z-index: 2;
	/* CHANGED: Forces center alignment */
	text-align: center !important;
	/* CHANGED: Ensures flex items inside are centered */
	justify-content: center !important;
}

.box-content .np1 {
	text-align: center !important;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;

	font-weight: 400;
}

.carousel-wrapper {
	overflow: hidden;
	width: 100%;
}

.carousel-track {
	display: flex;
	gap: 20px;
	animation: scroll 30s linear infinite;
}

.carousel-column {
	display: flex;
	flex-direction: column;
	gap: 15px;
	min-width: 220px;
}

.carousel-column img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 10px;
}

/* Auto scrolling */
@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* Pause on hover (optional) */
.carousel-wrapper:hover .carousel-track {
	animation-play-state: paused;
}
.workshop-showcase-section {
	background: #002451;
}

.workshop-showcase-shell {
	padding: 40px 28px;
	background: #002451;
}

.workshop-showcase-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	margin-bottom: 28px;
}

.workshop-showcase-header .section-title {
	margin-bottom: 0;
	text-align: center !important;
	color: #f4f3f9 !important;
}

/* ── Nav buttons ─────────────────────────────────────────────────────────── */
.workshop-nav-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(11, 58, 117, 0.9);
	color: #ffffff;
	font-size: 26px;
	cursor: pointer;
	border: none;
}
.workshop-nav-button.left {
	left: -30px;
}
.workshop-nav-button.right {
	right: -30px;
}
.workshop-nav-button:hover {
	background: rgba(11, 58, 117, 1);
}

/* Hide Bootstrap's own prev/next controls */
#wsDesktopCarousel .carousel-control-prev,
#wsDesktopCarousel .carousel-control-next,
#wsMobileCarousel .carousel-control-prev,
#wsMobileCarousel .carousel-control-next {
	display: none !important;
}

/* ── DESKTOP CAROUSEL layout ─────────────────────────────────────────────── */
/* Show desktop, hide mobile by default */
.ws-desktop-carousel {
	display: block;
}
.ws-mobile-carousel {
	display: none;
}

.ws-desktop-carousel {
	position: relative;
}

/* 3-column grid for each desktop slide */
.ws-desktop-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 14px;
	padding: 4px 0;
}

/* Each column holds 2 images stacked */
.ws-desktop-col {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* Desktop images: fixed height, cover, no cutting on sides */
.ws-desktop-col img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}

/* ── MOBILE CAROUSEL layout ──────────────────────────────────────────────── */
.ws-mobile-carousel {
	position: relative;
}

/* 1-column grid: 2 images stacked full width */
.ws-mobile-grid {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 4px 0;
}

.ws-mobile-frame {
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	background: #001b3f;
}

/* Mobile images: wider aspect ratio, full width, no cutting */
.ws-mobile-grid img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
	object-position: center;
	border-radius: 0;
}

/* ── Switch carousels at mobile breakpoint ───────────────────────────────── */
@media (max-width: 767.98px) {
	.ws-desktop-carousel {
		display: none !important;
	}
	.ws-mobile-carousel {
		display: block !important;
	}

	.workshop-showcase-section {
		position: relative;
	}

	.workshop-showcase-shell {
		padding: 20px 16px 20px;
	}

	#wsMobileCarousel {
		position: relative;
		overflow: visible;
	}

	#wsMobileCarousel .carousel-inner,
	#wsMobileCarousel .carousel-item {
		overflow: visible;
	}

	#wsMobileCarousel .carousel-item {
		height: auto;
		min-height: 0;
		margin-top: 0;
	}

	#wsMobileCarousel .ws-mobile-grid {
		display: flex;
		flex-direction: column;
		gap: 48px;
		padding: 0;
	}

	#wsMobileCarousel .ws-mobile-frame {
		width: 100%;
		aspect-ratio: 5 / 4;
		overflow: hidden;
		border-radius: 0;
		background: #001b3f;
	}

	#wsMobileCarousel .ws-mobile-grid img {
		display: block;
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
		object-fit: cover;
		object-position: center;
		border-radius: 0;
		box-shadow: none;
		flex: 0 0 auto;
		transform: scale(1.2);
		transform-origin: center;
	}

	#wsMobileCarousel .workshop-nav-button {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 20;
		width: 56px;
		height: 56px;
		font-size: 26px;
		line-height: 1;
		box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
	}
	#wsMobileCarousel .workshop-nav-button.left {
		left: 0;
	}
	#wsMobileCarousel .workshop-nav-button.right {
		right: 0;
	}
}