.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
  }

  @media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
  }

  .b-example-divider {
	width: 100%;
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }

  .b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
  }

  .bi {
	vertical-align: -.125em;
	fill: currentColor;
  }

  .nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
  }

  .nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
  }

  .btn-bd-primary {
	--bd-violet-bg: #712cf9;
	--bd-violet-rgb: 112.520718, 44.062154, 249.437846;

	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--bd-violet-bg);
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #6528e0;
	--bs-btn-hover-border-color: #6528e0;
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #5a23c8;
	--bs-btn-active-border-color: #5a23c8;
  }

  .bd-mode-toggle {
	z-index: 1500;
  }

  .bd-mode-toggle .dropdown-menu .active .bi {
	display: block !important;
  }
	  
	  
/*---------------- Index Page -----------------------*/	
	
/* Navbar Styling */
	body {
		font-family: 'Inter', sans-serif;
		color: #333333;
	}
	
	body {
		padding-bottom: 0rem;
	}
	
.btn-primary {
		background: #4ECACB;
		color: #000;
		font-weight: bold;
	}
	.btn-primary:hover {
		background: #3aa9aa;
	}
	.services-section {
		background-color: #E5F7F8;
		padding: 50px 0;
	}
	.service-card {
		background: white;
		padding: 20px;
		border-radius: 10px;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
		text-align: center;
		transition: transform 0.3s ease-in-out;
		min-height:250px;
	}
	.service-card h4 {
		font-weight: 600;
		color: #333;
	}
	.service-card p {
		color: #515151;
	}
	.service-card:hover {
		transform: translateY(-5px);
	}
	.service-icon {
		font-size: 40px;
		color: #4ECACB;
		margin-bottom: 15px;
	}
	.clients-section {
		padding: 50px 0;
		text-align: center;
	}
	.client-carousel {
		overflow: hidden;
		white-space: nowrap;
		position: relative;
	}
	.client-carousel .logos {
		display: inline-flex;
		animation: scroll 25s linear infinite;
	}
	.client-logo {
		width: 150px;
		height: 80px;
		background-color: #ddd;
		display: inline-block;
		margin: 10px;
		border-radius: 8px;
	}
	.client-logo img {
		height:80px;
		width: 100%;
		object-fit: contain;
	}
	.explore-btn {
		background-color: #4ECACB;
		color: #000000;
		border: none;
		padding: 10px 20px;
		font-size: 16px;
		border-radius: 5px;
		margin-top: 20px;
	}
	.explore-btn:hover {
		background-color: #3bb5b6;
	}
	@keyframes scroll {
		from {
			transform: translateX(100%);
		}
		to {
			transform: translateX(-100%);
		}
	}
	.navbar {
		background: white;
		padding: 10px 0;
	}
	.navbar-brand img {
		height: 60px;
	}
	.navbar-nav .nav-link {
		color: #333333;
		font-weight: 500;
		padding-right:12px !important;
		margin-top:12px;
	}
	.navbar-nav .nav-link:hover {
		color: #4ECACB;
	}
	.contact-btn {
		background: #4ECACB;
		color: black;
		padding: 10px 15px;
		border-radius: 5px;
		font-weight: bold;
	}
	.contact-btn:hover {
		background: #3aa9aa;
	}
.carousel-inner .carousel-item:nth-child(2) img {
    transform: translateY(-380px); /* Adjust -20px to move further up */
    transition: transform 0.3s ease-in-out;
}

	/* Banner Styling */
	.carousel-item {
		position: relative;
		width: 100%;		
		min-height: 450px; /* Ensures visibility on smaller screens */
	}

	.carousel-item img {
		width: 100%;
		height: 100%;
		object-fit: cover; /* Ensures the image covers the area properly */
	}

	/* Targeting only the second carousel banner image */

	.carousel-inner .carousel-item:nth-child(2) img {
		width: 100%; /* Ensures full width */
		height: auto; /* Keeps aspect ratio */
		object-fit: cover;
	}
	.carousel-inner .carousel-item:nth-child(3) img {
		width: 100%; /* Ensures full width */
		height: auto; /* Keeps aspect ratio */
		object-fit: cover;
	}
	/* Info Box */
	.info-box {
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		width: 40%;
		background: rgba(0, 86, 134, 0.85);
		color: white;
		padding: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
	}

	.info-box h2 {
		font-size: 28px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.tagline {
		font-size: 18px;
		font-style: italic;
	}

	/* Responsive */
	/* Responsive Adjustments */
	@media (max-width: 768px) {
		.info-box {
			width: 80%;
			clip-path: none;
			top:80%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
		}
		.info-box h2 {
			font-size: 22px;
		}
		.tagline {
			font-size: 16px;
		}
		.carousel-inner .carousel-item:nth-child(2) img, .carousel-inner .carousel-item:nth-child(3) img {
			transform: translateY(5%); /* Adjust smaller offset for mobile */
			width: 100%;
			height: 100vh; /* Keeps aspect ratio */
			object-fit: cover;
			transform: translateY(-120px);
		}
	}
	.trusted-section {
		text-align: center;
		padding: 0px 20px 60px 20px;
	}
	.trusted-heading {
		font-size: 28px;
		font-weight: bold;
		max-width: 900px;
		margin: 0 auto 15px;
		line-height: 1.4;
	}
	.trusted-text {
		font-size: 16px;
		max-width: 1100px;
		margin: 0 auto;
	}
		
	.achievement-section {
		background-color: #F5F8FB;
		padding: 60px 0;
	}

	.achievement-section {
		background-color: #F5F8FB;
		padding: 60px 0;
	}

	.achievement-text h3 {
		font-size: 22px;
		font-weight: bold;
		color: #333;
	}

	.achievement-text .highlight-text {
		font-size: 18px;
		font-weight: 600;
		color: #005B85;
		margin-bottom: 10px;
	}

	.achievement-text p {
		font-size: 16px;
		color: #666;
	}

	.achievement-stats {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		text-align: left;
	}
	.stats-container {
		display: flex;
		justify-content: center; /* Center all items */
		align-items: center;
		flex-wrap: wrap;
		gap: 40px; /* Space between items */
		text-align: left; /* Align text for desktop */
	}

	.stat-item {
		display: flex;
		align-items: center; /* Align icon and text in a row */
		gap: 15px; /* Space between icon and text */
	}

	/* Icon styling */
	.stat-icon {
		font-size: 32px; /* Adjust icon size */
		color: #4ECACB;
		min-width: 40px; /* Ensures proper alignment */
	}

	/* Text styling */
	.stat-text {
		font-weight: bold;
		font-size: 18px;
	}

	.stat-item i {
		font-size: 40px; /* Increased size for better visibility */
		color: #4ECACB;
		transition: transform 0.3s ease-in-out;
	}

	.stat-item:hover i {
		transform: scale(1.1);
	}

	.stat-info h4 {
		font-size: 28px;
		font-weight: bold;
		color: #333;
		margin: 0;
	}

	.stat-info p {
		font-size: 14px;
		color: #666;
		margin: 0;
	}

	@media (max-width: 768px) {
		.stats-container {
			flex-direction: column; /* Stack elements */
			align-items: center; /* Center everything */
			text-align: center;
		}

		.stat-item {
			flex-direction: column; /* Stack icon and text */
			text-align: center;
		}

		.stat-icon {
			min-width: auto; /* Reset width */
		}
	}
	.vision-mission {
		background-color: #f9f9f9;
		padding: 60px 0;
	}
	.section-title {
		font-size: 28px;
		font-weight: 700;
		color: #333;
		margin-bottom: 15px;
	}
	.section-text {
		font-size: 18px;
		color: #515151;
		line-height: 1.6;
	}
	.img-fluid {
		width: 100%;
		border-radius: 10px;
	}
	.vision-section, .mission-section {
		margin-bottom: 50px;
	}
	.vision-mission-img {
		width: 100%;
		height: 300px; /* Fixed height to maintain consistency */
		object-fit: cover;
		aspect-ratio: 1 / 1; /* Ensures a square shape */
	}
	@media (max-width: 768px) {
		.vision-section, .mission-section {
			text-align: center;
		}
		.vision-section img, .mission-section img {
			margin-bottom: 20px;
		}
	}
	.industry-expertise {
		background-color: #e6f7f9;
		padding: 60px 0;
	}
	.section-title {
		font-size: 28px;
		font-weight: 700;
		color: #333;
		margin-bottom: 10px;
	}
	.section-text {
		font-size: 18px;
		color: #515151;
		margin-bottom: 30px;
	}
	.industry-card {
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
		text-align: center;
		transition: all 0.3s ease-in-out;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
		margin-bottom: 20px;
	}
	.industry-card:hover {
		transform: translateY(-5px);
	}
	.industry-img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
	.industry-info {
		padding: 15px;
	}
	.industry-info h4 {
		font-size: 16px;
		font-weight: 700;
		color: #333;
		margin-bottom: 10px;
	}
	.readmore {
		color: #4ECACB;
		text-decoration: none;
		font-size: 14px;
		font-weight: 600;
	}
	.readmore:hover {
		text-decoration: underline;
	}
	
	.footer-section {
		background-color: #002147;
		color: white;
		padding: 40px 0;
	}
	.footer-section h4 {
		font-size: 18px;
		margin-bottom: 10px;
		color: #4ECACB;
	}
	.footer-logo-img {
		max-height: 80px;
		margin-bottom: 8px;
	}
	.social-icons a {
		color: white;
		font-size: 18px;
		margin: 0 6px;
	}
	.qr-code {
		width: 90px;
		height: 90px;
		margin-top: 5px;
	}
	.footer-section ul {
		list-style: none;
		padding: 0;
	}
	.footer-section ul li {
		margin-bottom: 6px;
	}
	.footer-section ul li a {
		color: white;
		text-decoration: none;
	}
	.footer-section ul li a:hover {
		color: #4ECACB;
	}
	.google-map iframe {
		max-width: 100%;
		border-radius: 10px;
	}
	@media (max-width: 768px) {
		.footer-section .row > div {
			text-align: center;
			margin-bottom: 20px;
		}
	}
	 /* Notification Banner */
	.notification-banner {
		background-color: #4ECACB;
		color: #000;
		padding: 10px 20px;
		font-weight: 500;
		font-size: 14px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1050;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.notification-banner a {
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
	.notification-banner a:hover {
		text-decoration: underline;
	}
	.notification-banner p {
		padding-right:20px;
	}
	.close-banner {
		background: none;
		border: none;
		font-size: 16px;
		font-weight: bold;
		color: #000;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}
	/* Adjust Header to Avoid Overlapping */
	body {
		padding-top: 100px; /* Increased padding for better visibility */
		transition: padding-top 0.3s ease-in-out;
	}
	.navbar {
		position: fixed;
		top: 50px; /* Ensure navbar is positioned below the banner */
		width: 100%;
		z-index: 1040;
		background: white;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
		transition: top 0.3s ease-in-out;
	}
	@media (max-width: 768px) {
		.notification-banner {
			flex-direction: row;
			flex-wrap: wrap;
			padding: 10px;
			gap: 10px;
		}
		.close-banner {
			position: absolute;
			top: 10px;
			right: 10px;
			transform: none;
		}
		body {
			padding-top: 120px; /* Adjusted for mobile to ensure full visibility */
		}
		.navbar {
			top: 90px; /* Ensuring navbar stays visible on mobile */
		}
	}

/*---------------- Index Page Ends -----------------------*/

/*---------------- Our Services -----------------------*/
	.services-banner {
		position: relative;
		background: url('../../images/services.jpg') no-repeat center center/cover;
		padding: 120px 0;
		color: white;
		text-align: center;
	}
	.services-banner::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5); /* Dark overlay for better contrast */
	}
	.services-banner h1 {
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 36px;
		font-weight: bold;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
	}
	.services-section {
		padding: 60px 0;
		background-color: #f8f9fa;
		width: 100%;
	}
	.service-item {
		background: white;
		padding: 20px;
		border-radius: 10px;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
		text-align: left;
		transition: transform 0.3s ease-in-out;
		min-height: 350px;
		display: flex;
		align-items: center;
		gap: 15px;
	}
	.service-item:hover {
		transform: translateY(-5px);
	}
	.service-icon {
		font-size: 40px;
		color: #4ECACB;
		min-width: 50px;
	}
	.service-content {
		flex: 1;
	}
	.service-image {
		width: 250px;
		height: 250px;
		object-fit: cover;
		border-radius: 8px;
	}
	.container-fluid {
		padding: 0 5%;
	}
	@media (max-width: 768px) {
		.service-item {
			flex-direction: column;
			text-align: center;
		}
		.services-banner h1 {
			font-size: 28px;
		}
	}
	.contact-section {
		background-color: #e6f7f9;
		color: #333;
		padding: 50px 0;
		text-align: center;
	}
	.contact-section h2 {
		font-size: 28px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.contact-section p {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.contact-btn {
		background-color: #4ECACB;
		color: black;
		padding: 12px 25px;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		border-radius: 5px;
	}
	.contact-btn:hover {
		background-color: #3bb5b6;
	}

/*---------------- Our Services Ends -----------------------*/
/*---------------- Contact Us -----------------------*/
	body {
		font-family: 'Inter', sans-serif;
	}
	.contact-banner {
		background: url('assets/images/contact-banner.jpg') no-repeat center center/cover;
		padding: 80px 0;
		color: white;
		text-align: center;
	}
	.contact-section {
		background-color: #e6f7f9;
		padding: 50px 0;
		text-align: center;
	}
	.contact-form {
		background: white;
		padding: 30px;
		border-radius: 10px;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
		max-width: 600px;
		margin: auto;
	}
	.form-control {
		margin-bottom: 15px;
	}
	.contact-btn {
		background-color: #4ECACB;
		color: black;
		padding: 10px 20px;
		font-weight: bold;
		text-decoration: none;
		border-radius: 5px;
		display: inline-block;
		margin-top: 15px;
		border: none;
		cursor: pointer;
	}
	.contact-btn:hover {
		background-color: #3bb5b6;
	}
	.contact-details {
		margin-top: 20px;
	}
	.contact-details i {
		font-size: 20px;
		color: #4ECACB;
		margin-right: 10px;
	}
	.response-message {
		margin-top: 10px;
		font-weight: bold;
	}
	
/*---------------- Contact Us Ends -----------------------*/

/*---------------- Industry Expertise -----------------------*/
body {
	font-family: 'Inter', sans-serif;
	color: #333;
}

.expertise-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #e6f7f9;
	padding: 80px 5%;
	position: relative;
}

.expertise-banner-text {
	width: 50%;
	text-align: left;
}

.expertise-banner-text h3 {
	font-size: 20px;
	font-weight: normal;
}

.expertise-banner-text h1 {
	font-size: 36px;
	font-weight: bold;
}

.expertise-banner-text p {
	font-size: 18px;
	margin-top: 10px;
}

.expertise-banner-wrapper {
	position: relative;
	width: 45%;
	height: 300px;
}

.expertise-banner-image {
	width: 100%;
	height: 100%;
	background: url('../../images/manufacturing.jpg') no-repeat center center/cover;
	clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.our-services-banner-image {
	width: 100%;
	height: 100%;
	background: url('../../images/ndt_testing.jpg') no-repeat center center/cover;
	clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/* Graphical Elements */
.expertise-banner-wrapper::before,
.expertise-banner-wrapper::after {
	content: "";
	position: absolute;
	background: linear-gradient(90deg, #4ECACB, #007bff);
}

.expertise-banner-wrapper::before {
	width: 80px;
	height: 8px;
	top: -15px;
	left: -20px;
}

.expertise-banner-wrapper::after {
	width: 8px;
	height: 100px;
	bottom: -20px;
	right: -15px;
}

.section {
	padding: 80px 5%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.section:nth-child(even) {
	flex-direction: row-reverse;
}

.section h2 {
	font-size: 32px;
	margin-bottom: 20px;
}

.section p {
	font-size: 18px;
	text-align: left;
}

.section-image {
	width: 45%;
	height: 300px;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
}

/* Responsive */
@media (max-width: 768px) {
	.expertise-banner {
		flex-direction: column;
		text-align: center;
	}

	.expertise-banner-text,
	.expertise-banner-wrapper {
		width: 100%;
	}

	.expertise-banner-text h1 {
		font-size: 28px;
	}

	.section {
		flex-direction: column !important;
	}

	.section-image {
		width: 100%;
		height: 250px;
	}
}
.expertise-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #e6f7f9;
    padding: 80px 5%;
    overflow: hidden;
}

.expertise-banner-image {
    width: 100%;
    height: 100%;
    background: url('../../images/manufacturing.jpg') no-repeat center center/cover;
    clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
    min-height: 300px;
    position: relative;
}



/* Optional Animation */
@keyframes fadeInLine {
    from {
        transform: scaleX(0);
        opacity: 0;
    }
    to {
        transform: scaleX(1);
        opacity: 1;
    }
}

.expertise-banner::before,
.expertise-banner::after {
    animation: fadeInLine 1s ease-in-out;
}

/*---------------- Industry Expertise Ends -----------------------*/

/*---------------- About Us -----------------------*/
body {
	font-family: 'Inter', sans-serif;
	color: #333;
}

.about-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f8f9fa;
	padding: 80px 5%;
	position: relative;
}

.about-banner-text {
	width: 50%;
	text-align: left;
}

.about-banner-text h3 {
	font-size: 20px;
	font-weight: normal;
}

.about-banner-text h1 {
	font-size: 36px;
	font-weight: bold;
}

.about-banner-text p {
	font-size: 18px;
	margin-top: 10px;
}

.about-banner-image {
	width: 100%;
	height: 100%;
	background: url('../../images/founder-pic-new.png') no-repeat center center/cover;
	clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
	min-height: 300px;
}

.contact-banner-image {
	width: 100%;
	height: 100%;
	background: url('../../images/mission.jpg') no-repeat center center/cover;
	clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
	min-height: 300px;
}

.section {
	padding: 80px 5%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.section h2 {
	font-size: 32px;
	margin-bottom: 20px;
}

.section-content {
	width: 50%;
	text-align: left;
}

.section-image {
	width: 45%;
	height: 300px;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
}

.leaders-section {
	text-align: center;
	padding: 60px 5%;
	background-color: #f8f9fa;
}

.leaders {
	display: flex;
	justify-content: center;
	gap: 40px;
	flex-wrap: wrap;
}

.leader {
	position: relative;
	width: 280px;
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease-in-out;
}

.leader img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	border-radius: 10px;
	transition: transform 0.3s ease-in-out;
}

.leader-info {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	background: rgba(0, 86, 134, 0.85);
	color: white;
	padding: 15px;
	text-align: center;
	font-size: 14px;
	transition: bottom 0.3s ease-in-out;
	min-height:428px;
}

.leader:hover .leader-info {
	bottom: 0;
}

.leader h4 {
	margin: 10px 0 5px;
	font-size: 18px;
}

.leader p {
	font-size: 14px;
	color: #666;
}

.leader .arrow-icon {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 16px;
	color: #4ECACB;
	transition: transform 0.3s ease-in-out;
}

.leader:hover .arrow-icon {
	transform: translateX(-50%) rotate(180deg);
}

.why-choose {
	background-color: #f8f9fa;
	flex-direction: row-reverse;
}

ul {
	list-style-position: inside;
	padding-left: 0;
	text-align: left;
	display: inline-block;
}

@media (max-width: 768px) {
	.about-banner {
		flex-direction: column;
		text-align: center;
	}

	.about-banner-text, .about-banner-image,
	.section, .section-content, .section-image {
		width: 100%;
		text-align: center;
		flex-direction: column;
	}

	.section {
		flex-direction: column;
	}

	.section-image {
		height: 250px;
	}
}

.leaders-section {
    padding: 80px 5%;
    width: 100%;
    background-color: #fff;
}

.leader-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 60px 5%;
    position: relative;
}

.bg-light {
    background-color: #f8f9fa;
}

.bg-alt {
    background-color: #e6f7f9;
}

.leader-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 40px;
}

.leader-content {
    flex: 1;
    min-width: 280px;
    text-align: left;
}

.leader-content h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.leader-content .role {
    color: #4ECACB;
    font-weight: 500;
    margin-bottom: 10px;
}

.leader-img {
    position: relative;
    flex: 0 0 40%;
    max-width: 350px;
    padding: 15px;
}

.leader-img img {
    width: 90%; /* reduced by 10% */
    aspect-ratio: 3 / 3.2;
    height: 360px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    margin: auto;
    position: relative;
    z-index: 2;
}

/* Graphical lines */
.graphic-right::after,
.graphic-left::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 80px;
    background: linear-gradient(135deg, #4ECACB, #007bff);
    opacity: 0.5;
    z-index: 1;
}

.graphic-right::after {
    top: -20px;
    right: 7px;
    transform: rotate(0deg);
}


.graphic-left::before {
	left: 74px;
    transform: rotate(0deg);
    top: 141px;
}

/* Horizontal bar element */
.leader-img::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 4px;
    background: linear-gradient(to right, #4ECACB, #007bff);
    bottom: -12px;
    left: 0;
    z-index: 1;
}

@media (max-width: 768px) {
    .leader-inner {
        flex-direction: column;
        text-align: center;
    }

    .leader-img,
    .leader-content {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .leader-img::before {
        display: none;
    }
}




/*---------------- About Us Ends -----------------------*/

/*---------------- Projects -----------------------*/
/* Banner Styling */
        .project-banner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: #f8f9fa;
            padding: 80px 5%;
            position: relative;
        }

        .project-banner-text {
            width: 50%;
            text-align: left;
        }

        .project-banner-text h3 {
            font-size: 20px;
            font-weight: normal;
        }

        .project-banner-text h1 {
            font-size: 36px;
            font-weight: bold;
            color: #005B85;
        }

        .project-banner-text p {
            font-size: 18px;
            margin-top: 10px;
        }

		.project-banner-image {
			width: 100%;
			height: 100%;
			background: url('../../images/our-projects.jpg') no-repeat center center/cover;
			clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
		}
        /* Project Content */
        .project-section {
            padding: 60px 5%;
            text-align: center;
        }

        .project-section h2 {
            font-size: 28px;
            margin-bottom: 15px;
        }

        .project-title {
            font-size: 30px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .project-section p {
            font-size: 18px;
            line-height: 1.6;
            color: #515151;
            margin-bottom: 30px;
        }

        .project-section img {
            width: 100%;
            max-width: 700px;
            height: auto;
            margin: 20px 0;
            border-radius: 8px;
        }

        .project-section ul {
            list-style: none;
            padding-left: 0;
            display: inline-block;
            text-align: left;
        }

        .project-section ul li {
            font-size: 18px;
            margin-bottom: 10px;
            position: relative;
            padding-left: 30px;
        }

        .project-section ul li::before {
            content: "✅";
            position: absolute;
            left: 0;
            color: #4ECACB;
            font-weight: bold;
        }

        .cta-section {
            text-align: center;
            background-color: #e6f7f9;
            padding: 40px;
            margin-top: 40px;
        }

        .cta-section h2 {
            font-size: 24px;
            margin-bottom: 15px;
        }

        .cta-section .contact-btn {
            background: #4ECACB;
            color: #000;
            padding: 12px 25px;
            border-radius: 5px;
            font-weight: bold;
            text-decoration: none;
            display: inline-block;
            margin-top: 15px;
        }

        .cta-section .contact-btn:hover {
            background: #3aa9aa;
        }

        @media (max-width: 768px) {
            .project-banner {
                flex-direction: column;
                text-align: center;
            }

            .project-banner-text, .project-banner-image {
                width: 100%;
            }

            .project-banner-text h1 {
                font-size: 28px;
            }
        }
		
/*---------------- Projects Ends -----------------------*/