.title-area.about-us .sec-title {
			line-height: 1.2;
			margin-bottom: 10px!important;
		}
		/* ===== LIGHT GEOMETRIC APPROACH ===== */
		
		.geometric-approach {
			position: relative;
			padding: 50px 0;
			background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
			color: #0f172a;
			overflow: hidden;
		}
		/* Background Shapes */
		
		.geo-shapes {
			position: absolute;
			width: 100%;
			height: 100%;
			pointer-events: none;
			z-index: 1;
		}
		
		.shape {
			position: absolute;
			border: 1px solid rgba(15, 23, 42, 0.08);
		}
		
		.circle {
			top: 20%;
			right: 15%;
			width: 200px;
			height: 200px;
			border-radius: 50%;
			animation: floatCircle 20s infinite linear;
		}
		
		.triangle {
			bottom: 25%;
			left: 10%;
			width: 150px;
			height: 150px;
			clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
			animation: floatTriangle 25s infinite linear reverse;
		}
		
		.square {
			top: 40%;
			left: 15%;
			width: 100px;
			height: 100px;
			transform: rotate(15deg);
			animation: rotateSquare 30s infinite linear;
		}
		
		.line {
			bottom: 40%;
			right: 25%;
			width: 300px;
			height: 1px;
			background: linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.1), transparent);
		}
		
		@keyframes floatCircle {
			0% {
				transform: translate(0, 0) rotate(0deg);
			}
			100% {
				transform: translate(100px, 100px) rotate(360deg);
			}
		}
		
		@keyframes floatTriangle {
			0% {
				transform: translate(0, 0) rotate(0deg);
			}
			100% {
				transform: translate(-100px, -100px) rotate(-360deg);
			}
		}
		
		@keyframes rotateSquare {
			0% {
				transform: rotate(0deg);
			}
			100% {
				transform: rotate(360deg);
			}
		}
		/* Container */
		
		.container {
			position: relative;
			z-index: 2;
		}
		
		.display-6 {
			font-size: 30px!important;
		}
		/* Content Styling */
		
		.sub-title {
			display: inline-block;
			font-size: 14px;
			font-weight: 600;
			letter-spacing: 3px;
			text-transform: uppercase;
			color: #e11b22;
			margin-bottom: 15px;
			padding-left: 20px;
			position: relative;
		}
		
		.sub-title::before {
			content: '';
			position: absolute;
			left: 0;
			top: 50%;
			width: 10px;
			height: 2px;
			background: #e11b22;
			transform: translateY(-50%);
		}
		
		.sec-title {
			font-size: 30px;
			font-weight: 800;
			line-height: 1.1;
			margin-bottom: 25px;
			color: #17479e;
		}
		
		.sec-text {
			font-size: 18px;
			line-height: 1.6;
			color: #000;
			margin-bottom: 25px;
		}
		
		.sec-text:last-of-type {
			margin-bottom: 0;
		}
		/* Image Box Styling */
		
		.img-box3.style1 {
			position: relative;
			max-width: 450px;
			margin: 0 auto;
		}
		
		.img1 {
			position: relative;
			border-radius: 20px;
			overflow: hidden;
			box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
			transform: perspective(1000px) rotateY(-5deg);
			transition: transform 0.5s ease;
		}
		
		.img1:hover {
			transform: perspective(1000px) rotateY(0deg);
		}
		
		.img1 img {
			width: 100%;
			height: auto;
			border-radius: 20px;
			transition: transform 0.5s ease;
		}
		/* Responsive */
		
		@media (max-width: 1200px) {
			.sec-title {
				font-size: 30px;
			}
			.img-box3.style1 {
				max-width: 400px;
			}
		}
		
		@media (max-width: 992px) {
			.geometric-approach {
				padding: 80px 0;
			}
			.sec-title {
				font-size: 30px;
			}
			.sec-text {
				font-size: 17px;
			}
			.img-box3.style1 {
				max-width: 350px;
				margin-bottom: 60px;
			}
			.shape {
				opacity: 0.5;
			}
		}
		
		@media (max-width: 768px) {
			.sec-title {
				font-size: 32px;
			}
			.sub-title {
				font-size: 13px;
				letter-spacing: 2px;
			}
			.img-box3.style1 {
				max-width: 100%;
			}
			.img1 {
				transform: none;
			}
			.shape {
				display: none;
			}
		}
		
		@media (max-width: 576px) {
			.geometric-approach {
				padding: 60px 0;
			}
			.sec-title {
				font-size: 28px;
			}
			.sec-text {
				font-size: 16px;
			}
		}

		/* ===== CHALLENGE SECTION ===== */
		
		.challenge-section {
			padding: 40px 0;
			background: #ffffff;
			position: relative;
			overflow: hidden;
		}
		
		.container {
			max-width: 1000px;
			margin: 0 auto;
			padding: 0 15px;
		}
		/* ===== HEADER ===== */
		
		.section-header {
			text-align: center;
			margin-bottom: 30px;
		}
		
		.display-6 {
			font-size: 28px!important;
			font-weight: 700;
			color: #17479e;
			margin-bottom: 8px;
		}
		
		.section-subtitle {
			font-size: 14px;
			color: #455a64;
			max-width: 500px;
			margin: 0 auto;
		}
		/* ===== FLOW CONTAINER ===== */
		
		.challenge-flow {
			position: relative;
			z-index: 2;
		}
		
		.flow-item {
			margin-bottom: 20px;
		}
		/* ===== FLOW CONTENT ===== */
		
		.flow-content {
			display: grid;
			grid-template-columns: 1fr auto 1fr;
			gap: 20px;
			align-items: center;
		}
		/* ===== PROBLEM & SOLUTION CARDS ===== */
		
		.flow-problem,
		.flow-solution {
			background: white;
			border-radius: 8px;
			padding: 20px;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
			min-height: 200px;
			display: flex;
			flex-direction: column;
		}
		
		.flow-problem {
			border-left: 3px solid #d32f2f;
		}
		
		.flow-solution {
			border-left: 3px solid #2e7d32;
		}
		/* ===== FLOW ICONS ===== */
		
		.flow-icon {
			width: 50px;
			height: 50px;
			border-radius: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 15px;
			position: relative;
		}
		
		.problem-icon {
			background: #ffebee;
			color: #d32f2f;
		}
		
		.solution-icon {
			background: #e8f5e9;
			color: #2e7d32;
		}
		
		.flow-icon i {
			font-size: 22px;
			position: relative;
			z-index: 2;
		}
		/* ===== ANIMATED ELEMENTS ===== */
		
		.icon-rings {
			position: absolute;
			top: -5px;
			left: -5px;
			right: -5px;
			bottom: -5px;
			border: 2px solid #ffcdd2;
			border-radius: 12px;
			animation: ringPulse 2s infinite ease-in-out;
		}
		
		.icon-pulse {
			position: absolute;
			top: -5px;
			left: -5px;
			right: -5px;
			bottom: -5px;
			background: rgba(76, 175, 80, 0.1);
			border-radius: 12px;
			animation: pulse 2s infinite ease-in-out;
		}
		
		@keyframes ringPulse {
			0%,
			100% {
				opacity: 0.5;
				transform: scale(1);
			}
			50% {
				opacity: 0.8;
				transform: scale(1.05);
			}
		}
		
		@keyframes pulse {
			0%,
			100% {
				opacity: 0.3;
				transform: scale(1);
			}
			50% {
				opacity: 0.6;
				transform: scale(1.1);
			}
		}
		/* ===== FLOW TEXT ===== */
		
		.flow-text h4 {
			font-size: 16px;
			font-weight: 600;
			color: #17479e;
			margin-bottom: 8px;
		}
		
		.flow-text p {
			font-size: 13px;
			color: #455a64;
			line-height: 1.5;
			margin: 0;
		}
		
		.flow-text b {
			color: #17479e;
			font-weight: 600;
		}
		/* ===== TRANSITION ===== */
		
		.flow-transition {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			position: relative;
			height: 100%;
		}
		
		.transition-line {
			width: 2px;
			height: 80%;
			background: linear-gradient(to bottom, #d32f2f, #2e7d32);
			position: absolute;
		}
		
		.transition-arrow {
			width: 35px;
			height: 35px;
			background: linear-gradient(135deg, #17479e, #3949ab);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			font-size: 14px;
			position: relative;
			z-index: 2;
			box-shadow: 0 3px 10px rgba(26, 35, 126, 0.2);
			animation: arrowMove 1.5s infinite ease-in-out;
		}
		
		@keyframes arrowMove {
			0%,
			100% {
				transform: translateX(0);
			}
			50% {
				transform: translateX(5px);
			}
		}
		/* ===== RESPONSIVE ===== */
		
		@media (max-width: 768px) {
			.challenge-section {
				padding: 30px 0;
			}
			.display-6 {
				font-size: 24px;
			}
			.section-subtitle {
				font-size: 13px;
			}
			.flow-content {
				grid-template-columns: 1fr;
				gap: 30px;
			}
			.flow-problem,
			.flow-solution {
				min-height: auto;
				padding: 15px;
			}
			.flow-transition {
				flex-direction: row;
				height: auto;
				gap: 15px;
			}
			.transition-line {
				width: 100%;
				height: 2px;
				background: linear-gradient(to right, #d32f2f, #2e7d32);
			}
			.transition-arrow {
				transform: rotate(90deg);
				animation: arrowMoveMobile 1.5s infinite ease-in-out;
			}
			@keyframes arrowMoveMobile {
				0%,
				100% {
					transform: rotate(90deg) translateY(0);
				}
				50% {
					transform: rotate(90deg) translateY(5px);
				}
			}
		}
		
		@media (max-width: 480px) {
			.container {
				padding: 0 10px;
			}
			.display-6 {
				font-size: 22px;
			}
			.flow-icon {
				width: 40px;
				height: 40px;
			}
			.flow-icon i {
				font-size: 18px;
			}
			.transition-arrow {
				width: 30px;
				height: 30px;
				font-size: 12px;
			}
		}


		/* ===== SERVICES SECTION ===== */
		
		.services-section {
			padding: 10px 0;
			background: #ffffff;
		}
		
		.container {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
		}
		/* ===== HEADER ===== */
		
		.section-header {
			text-align: center;
			margin-bottom: 50px;
		}
		
		.section-title {
			font-size: 36px;
			font-weight: 700;
			color: #0f172a;
			margin-bottom: 15px;
		}
		
		.section-subtitle {
			font-size: 18px;
			color: #64748b;
			max-width: 1200px;
			margin: 0 auto;
		}
		/* ===== CONTENT GRID ===== */
		
		.services-grid {
			display: grid;
			grid-template-columns: 300px 1fr;
			gap: 30px;
		}
		/* ===== NAVIGATION ===== */
		
		.services-nav {
			background: #f8fafc;
			border-radius: 12px;
			padding: 25px;
			border: 1px solid #e2e8f0;
		}
		
		.nav-title {
			font-size: 18px;
			font-weight: 600;
			color: #0f172a;
			margin-bottom: 20px;
			display: flex;
			align-items: center;
			gap: 10px;
		}
		
		.nav-items {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}
		
		.nav-item {
			display: flex;
			align-items: center;
			gap: 12px;
			padding: 15px;
			background: #ffffff;
			border: 1px solid #e2e8f0;
			border-radius: 8px;
			font-size: 14px;
			cursor: pointer;
			transition: all 0.2s ease;
			text-align: left;
			color: #475569;
		}
		
		.nav-item:hover,
		.nav-item.active {
			background: #1e40af;
			color: #000;
			border-color: #1e40af;
		}
		
		.nav-number {
			font-weight: 600;
			font-size: 14px;
		}
		/* ===== DETAIL CARD ===== */
		
		.detail-card {
			background: #ffffff;
			border-radius: 12px;
			padding: 30px;
			border: 1px solid #e2e8f0;
			display: none;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
		}
		
		.detail-card.active {
			display: block;
		}
		
		.detail-title {
			font-size: 24px;
			font-weight: 700;
			color: #0f172a;
			margin-bottom: 20px;
		}
		
		.detail-highlight {
			font-size: 16px;
			color: #475569;
			padding: 15px;
			background: #f1f5f9;
			border-left: 3px solid #1e40af;
			border-radius: 8px;
			margin-bottom: 25px;
			line-height: 1.5;
		}
		
		.content-block {
			margin-bottom: 20px;
		}
		
		.content-title {
			font-size: 16px;
			font-weight: 600;
			color: #0f172a;
			margin-bottom: 10px;
			display: flex;
			align-items: center;
			gap: 8px;
		}
		
		.content-list {
			list-style: none;
			padding: 0;
		}
		
		.content-list li {
			padding: 5px 0;
			padding-left: 20px;
			position: relative;
			color: #475569;
		}
		
		.content-list li:before {
			content: "•";
			color: #1e40af;
			font-size: 20px;
			position: absolute;
			left: 0;
			top: 2px;
		}
		
		.service-details p {
			color: #000!important;
		}
		
		.content-list li {
			color: #000!important;
		}
		
		.value-statement {
			padding: 15px;
			background: #dbeafe;
			border-radius: 8px;
			color: #1e40af;
			font-weight: 600;
			font-size: 16px;
			border: 1px solid #bfdbfe;
		}
		/* ===== RESPONSIVE ===== */
		
		@media (max-width: 992px) {
			.services-grid {
				grid-template-columns: 1fr;
			}
			.services-nav {
				margin-bottom: 20px;
			}
		}
		
		@media (max-width: 768px) {
			.section-title {
				font-size: 28px;
			}
			.detail-card {
				padding: 20px;
			}
			.detail-title {
				font-size: 22px;
			}
		}
		/* =========================================
   MODERN ACCENT STYLE (No Class Changes)
========================================= */
		
		.content-block {
			position: relative;
			padding: 10px 15px;
			background: rgba(255, 255, 255, 0.6);
			backdrop-filter: blur(10px);
			border-radius: 18px;
			margin-bottom: 15px;
			overflow: hidden;
		}
		/* Left Accent Gradient Bar */
		
		.content-block::before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 6px;
			height: 100%;
			background: linear-gradient(180deg, #0066ff, #00c6ff);
			border-radius: 6px 0 0 6px;
		}
		/* Title Styling */
		
		.content-title {
			font-size: 22px;
			font-weight: 700;
			margin-bottom: 20px;
			display: flex;
			align-items: center;
			gap: 12px;
			letter-spacing: 0.5px;
		}
		
		.content-title i {
			font-size: 20px;
			color: #0066ff;
		}
		/* List Styling */
		
		.content-list {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
		.content-list li {
			position: relative;
			padding-left: 30px;
			font-size: 16px;
			line-height: 1.8;
			color: #333;
			font-weight: 500;
		}
		/* Modern Arrow Bullet */
		
		.content-list li::before {
			content: "➜";
			position: absolute;
			left: 0;
			top: 0;
			color: #0066ff;
			font-weight: 600;
		}
		/* Subtle Hover Glow */
		
		.content-block:hover {
			box-shadow: 0 20px 60px rgba(0, 102, 255, 0.15);
			transform: translateY(-5px);
			transition: 0.3s ease;
		}
		/* Unique namespace for this section to avoid conflicts */
		
		.uxd-design-section {
			--uxd-primary-base: #0c1f3a;
			--uxd-secondary-base: #2b6cb0;
			--uxd-accent-base: #4299e1;
			--uxd-light-base: #f7fafc;
			--uxd-gray-100: #edf2f7;
			--uxd-gray-200: #e2e8f0;
			--uxd-gray-600: #4a5568;
			--uxd-gray-800: #2d3748;
			--uxd-success-base: #38a169;
			--uxd-warning-base: #d69e2e;
			--uxd-purple-base: #9f7aea;
			--uxd-cyan-base: #00b5d8;
			--uxd-gradient-base: linear-gradient(135deg, var(--uxd-secondary-base), var(--uxd-accent-base));
			font-family: 'Inter', sans-serif;
			line-height: 1.6;
			color: var(--uxd-gray-800);
			background: linear-gradient(145deg, #f7fafc 0%, #edf2f7 100%);
			padding: 2rem 0;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			isolation: isolate;
		}
		/* Container with unique class */
		
		.uxd-design-section .uxd-container {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 16px;
		}
		/* Header styles - uniquely prefixed */
		
		.uxd-design-section .uxd-header {
			text-align: center;
			margin-bottom: 1.5rem;
			max-width: 850px;
			margin-left: auto;
			margin-right: auto;
			position: relative;
		}
		
		.uxd-design-section .uxd-tag {
			display: inline-block;
			background: var(--uxd-gradient-base);
			color: white;
			padding: 0.6rem 1.4rem;
			border-radius: 2rem;
			font-size: 0.85rem;
			font-weight: 700;
			letter-spacing: 0.5px;
			margin-bottom: 1.25rem;
			box-shadow: 0 4px 12px rgba(43, 108, 176, 0.25);
			font-family: 'Plus Jakarta Sans', sans-serif;
			position: relative;
			overflow: hidden;
			transition: all 0.3s ease;
		}
		
		.uxd-design-section .uxd-tag:hover {
			transform: translateY(-3px);
			box-shadow: 0 8px 20px rgba(43, 108, 176, 0.35);
		}
		
		.uxd-design-section .uxd-title {
			color: #17479e;
			font-size: 30px;
			font-weight: 700;
			margin-bottom: 20px;
			line-height: 1.2;
		}
		
		.uxd-design-section .uxd-subtitle {
			color: #e11b22;
			letter-spacing: 2px;
			font-weight: 600;
			display: block;
			margin-bottom: 15px;
			font-size: 14px;
			text-transform: uppercase;
		}
		
		.uxd-design-section .uxd-highlight {
			background: linear-gradient(120deg, #e0f2fe 0%, #dbeafe 100%);
			padding: 0.2rem 0.6rem;
			border-radius: 0.4rem;
			font-weight: 800;
			color: var(--uxd-primary-base);
			position: relative;
			display: inline-block;
		}
		
		.uxd-design-section .uxd-highlight::after {
			content: '';
			position: absolute;
			bottom: 4px;
			left: 0;
			width: 100%;
			height: 2px;
			background: var(--uxd-gradient-base);
			border-radius: 2px;
			opacity: 0.5;
		}
		/* Stats section - REMOVED if not needed, otherwise compact it */
		/* .uxd-design-section .uxd-stats {
    display: none;
} */
		/* Cards Grid */
		
		.uxd-design-section .uxd-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
			gap: 1.5rem;
			margin: 2rem 0;
			justify-content: center;
		}
		/* Card Styles */
		
		.uxd-design-section .uxd-card {
			background: white;
			border-radius: 1.2rem;
			overflow: hidden;
			border: 1px solid var(--uxd-gray-200);
			position: relative;
			transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1);
			box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
			height: 100%;
		}
		
		.uxd-design-section .uxd-card:hover {
			transform: translateY(-8px);
			border-color: var(--uxd-accent-base);
			box-shadow: 0 20px 35px -10px rgba(43, 108, 176, 0.15);
		}
		
		.uxd-design-section .uxd-card-top {
			padding: 1.5rem 1.5rem 0;
			position: relative;
		}
		
		.uxd-design-section .uxd-card-icon-wrapper {
			display: flex;
			align-items: center;
			gap: 1rem;
			margin-bottom: 1.25rem;
		}
		
		.uxd-design-section .uxd-card-icon {
			width: 3.5rem;
			height: 3.5rem;
			background: linear-gradient(135deg, #eff6ff, #dbeafe);
			border-radius: 1rem;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1.6rem;
			color: var(--uxd-secondary-base);
			flex-shrink: 0;
			box-shadow: 0 6px 15px rgba(43, 108, 176, 0.12);
			transition: all 0.3s ease;
			position: relative;
			overflow: hidden;
		}
		
		.uxd-design-section .uxd-card:hover .uxd-card-icon {
			transform: scale(1.08) rotate(3deg);
			box-shadow: 0 10px 25px rgba(43, 108, 176, 0.2);
		}
		
		.uxd-design-section .uxd-card-number {
			font-family: 'Plus Jakarta Sans', sans-serif;
			font-size: 0.85rem;
			font-weight: 800;
			color: var(--uxd-gray-600);
			opacity: 0.8;
			letter-spacing: 1px;
		}
		/* Card content */
		
		.uxd-design-section .uxd-card-content {
			padding: 0 1.5rem 1.5rem;
		}
		
		.uxd-design-section .uxd-card-title {
			font-family: 'Plus Jakarta Sans', sans-serif;
			font-size: 1.3rem;
			font-weight: 800;
			line-height: 1.3;
			margin-bottom: 0.75rem;
			color: var(--uxd-primary-base);
			position: relative;
			display: inline-block;
		}
		
		.uxd-design-section .uxd-card-title::after {
			content: '';
			position: absolute;
			bottom: -6px;
			left: 0;
			width: 32px;
			height: 3px;
			background: var(--uxd-gradient-base);
			border-radius: 2px;
			opacity: 0.7;
			transition: width 0.3s ease;
		}
		
		.uxd-design-section .uxd-card:hover .uxd-card-title::after {
			width: 48px;
		}
		
		.uxd-design-section .uxd-card-desc {
			color: var(--uxd-gray-600);
			font-size: 0.95rem;
			line-height: 1.6;
			margin-bottom: 1.25rem;
			opacity: 0.9;
		}
		/* Card list */
		
		.uxd-design-section .uxd-card-list {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
		.uxd-design-section .uxd-card-list li {
			position: relative;
			padding-left: 1.6rem;
			margin-bottom: 0.6rem;
			color: var(--uxd-gray-800);
			font-size: 0.9rem;
			line-height: 1.5;
			transition: transform 0.3s ease;
		}
		
		.uxd-design-section .uxd-card-list li:hover {
			transform: translateX(4px);
			color: var(--uxd-primary-base);
		}
		
		.uxd-design-section .uxd-card-list li:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0.45rem;
			width: 0.85rem;
			height: 0.85rem;
			background-color: var(--uxd-success-base);
			border-radius: 50%;
			transition: all 0.3s ease;
		}
		
		.uxd-design-section .uxd-card-list li:after {
			content: "✓";
			position: absolute;
			left: 0;
			top: 0.35rem;
			width: 0.85rem;
			height: 0.85rem;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 0.65rem;
			font-weight: bold;
			color: white;
		}
		
		.uxd-design-section .uxd-card-list li:hover:before {
			transform: scale(1.1);
			background-color: var(--uxd-secondary-base);
		}
		/* Individual card colors */
		
		.uxd-design-section .uxd-card:nth-child(1) .uxd-card-icon {
			background: linear-gradient(135deg, #eff6ff, #dbeafe);
			color: var(--uxd-secondary-base);
		}
		
		.uxd-design-section .uxd-card:nth-child(2) .uxd-card-icon {
			background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
			color: var(--uxd-cyan-base);
		}
		
		.uxd-design-section .uxd-card:nth-child(3) .uxd-card-icon {
			background: linear-gradient(135deg, #fefce8, #fef3c7);
			color: var(--uxd-warning-base);
		}
		
		.uxd-design-section .uxd-card:nth-child(4) .uxd-card-icon {
			background: linear-gradient(135deg, #f5f3ff, #ede9fe);
			color: var(--uxd-purple-base);
		}
		
		.uxd-design-section .uxd-card:nth-child(5) .uxd-card-icon {
			background: linear-gradient(135deg, #ecfdf5, #d1fae5);
			color: var(--uxd-success-base);
		}
		/* Hover indicator */
		
		.uxd-design-section .uxd-card-hover {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 4px;
			background: var(--uxd-gradient-base);
			opacity: 0;
			transition: opacity 0.3s ease;
		}
		
		.uxd-design-section .uxd-card:hover .uxd-card-hover {
			opacity: 1;
		}
		/* Decorative element on cards */
		
		.uxd-design-section .uxd-card::before {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			width: 60px;
			height: 60px;
			background: linear-gradient(135deg, rgba(43, 108, 176, 0.05), transparent);
			border-radius: 0 1.2rem 0 0;
			z-index: 0;
		}
		/* CTA Button - REMOVED if not needed */
		/* .uxd-design-section .uxd-cta-wrapper {
    display: none;
} */
		/* Divider */
		
		.uxd-design-section .uxd-divider {
			height: 1px;
			background: linear-gradient(90deg, transparent, var(--uxd-gray-200), transparent);
			margin: 1rem auto;
			width: 80%;
			max-width: 300px;
		}
		/* Unique Animations */
		
		@keyframes uxd-floatIn {
			0% {
				opacity: 0;
				transform: translateY(30px) scale(0.97);
			}
			100% {
				opacity: 1;
				transform: translateY(0) scale(1);
			}
		}
		
		.uxd-design-section .uxd-card {
			animation: uxd-floatIn 0.5s ease-out forwards;
			opacity: 0;
			animation-fill-mode: both;
		}
		
		.uxd-design-section .uxd-card:nth-child(1) {
			animation-delay: 0.1s;
		}
		
		.uxd-design-section .uxd-card:nth-child(2) {
			animation-delay: 0.2s;
		}
		
		.uxd-design-section .uxd-card:nth-child(3) {
			animation-delay: 0.3s;
		}
		
		.uxd-design-section .uxd-card:nth-child(4) {
			animation-delay: 0.4s;
		}
		
		.uxd-design-section .uxd-card:nth-child(5) {
			animation-delay: 0.5s;
		}
		/* Background pattern - lighter */
		
		.uxd-design-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: radial-gradient(circle at 10% 20%, rgba(43, 108, 176, 0.02) 0%, transparent 20%), radial-gradient(circle at 90% 80%, rgba(159, 122, 234, 0.02) 0%, transparent 20%);
			z-index: -1;
			pointer-events: none;
		}
		/* Responsive */
		
		@media (max-width: 768px) {
			.uxd-design-section {
				padding: 1.5rem 0;
			}
			.uxd-design-section .uxd-grid {
				grid-template-columns: 1fr;
				gap: 1.25rem;
			}
			.uxd-design-section .uxd-card-top,
			.uxd-design-section .uxd-card-content {
				padding: 1.25rem 1.25rem 0;
			}
			.uxd-design-section .uxd-card-content {
				padding: 0 1.25rem 1.25rem;
			}
			.uxd-design-section .uxd-title {
				font-size: 2rem;
			}
			.uxd-design-section .uxd-subtitle {
				font-size: 1rem;
			}
			.uxd-design-section .uxd-card-icon-wrapper {
				gap: 0.75rem;
				margin-bottom: 1rem;
			}
			.uxd-design-section .uxd-card-icon {
				width: 3rem;
				height: 3rem;
				font-size: 1.4rem;
			}
			.uxd-design-section .uxd-card-title {
				font-size: 1.2rem;
				margin-bottom: 0.6rem;
			}
			.uxd-design-section .uxd-card-desc {
				font-size: 0.9rem;
				margin-bottom: 1rem;
				line-height: 1.5;
			}
			.uxd-design-section .uxd-card-list li {
				font-size: 0.85rem;
				margin-bottom: 0.5rem;
				padding-left: 1.4rem;
			}
		}
		/* Extra small screens */
		
		@media (max-width: 480px) {
			.uxd-design-section .uxd-title {
				font-size: 1.8rem;
			}
			.uxd-design-section .uxd-subtitle {
				font-size: 0.95rem;
			}
			.uxd-design-section .uxd-container {
				padding: 0 12px;
			}
			.uxd-design-section .uxd-card-top,
			.uxd-design-section .uxd-card-content {
				padding: 1rem 1rem 0;
			}
			.uxd-design-section .uxd-card-content {
				padding: 0 1rem 1rem;
			}
			.uxd-design-section .uxd-card-icon-wrapper {
				margin-bottom: 0.75rem;
			}
			.uxd-design-section .uxd-card-title {
				font-size: 1.15rem;
			}
		}
		/* Add this CSS to your existing uxd-design-section styles */
		
		.uxd-design-section .uxd-grid {
			display: grid;
			grid-template-columns: repeat(6, 1fr);
			/* Create 6 columns */
			gap: 1.5rem;
			margin: 2rem 0;
			justify-content: center;
		}
		/* Position each card in the grid */
		
		.uxd-design-section .uxd-card:nth-child(1) {
			grid-column: 1 / 3;
			/* Card 1 spans columns 1-2 */
		}
		
		.uxd-design-section .uxd-card:nth-child(2) {
			grid-column: 3 / 5;
			/* Card 2 spans columns 3-4 */
		}
		
		.uxd-design-section .uxd-card:nth-child(3) {
			grid-column: 5 / 7;
			/* Card 3 spans columns 5-6 */
		}
		
		.uxd-design-section .uxd-card:nth-child(4) {
			grid-column: 2 / 4;
			/* Card 4 spans columns 2-3 */
			grid-row: 2;
			/* Put card 4 on the second row */
		}
		
		.uxd-design-section .uxd-card:nth-child(5) {
			grid-column: 4 / 6;
			/* Card 5 spans columns 4-5 */
			grid-row: 2;
			/* Put card 5 on the second row */
		}
		/* For mobile/tablet, keep the original single column layout */
		
		@media (max-width: 992px) {
			.uxd-design-section .uxd-grid {
				grid-template-columns: 1fr;
			}
			.uxd-design-section .uxd-card {
				grid-column: 1 !important;
				grid-row: auto !important;
			}
		}

		 /* alt look – modern glassmorphism + bold geometry */
    .solid-what-we-do.alt-version {
        max-width: 1200px;
        margin: 0 auto;
        padding: 50px 24px 70px;
        background: #fafcff;
        font-family: 'Inter', system-ui, sans-serif;
        color: #0b1e33;
        border-radius: 0;
    }

    /* header alternate */
    .wwd-header-alt {
        text-align: center;
        margin-bottom: 55px;
    }
    .wwd-tag {
        display: inline-block;
        background: #eef2ff;
        color: #17479e;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 1.5px;
        padding: 8px 22px;
        border-radius: 40px;
        margin-bottom: 20px;
        text-transform: uppercase;
        border: 1px solid rgba(37,99,235,0.2);
    }
    .wwd-title-alt {
        font-size: 44px;
        font-weight: 700;
        color: #0f172a;
        line-height: 1.2;
        margin-bottom: 16px;
    }
    .gradient-text {
        background: linear-gradient(130deg, #17479e, #e11b22);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 800;
    }
    .wwd-description {
        font-size: 18px;
        color: #475569;
        max-width: 600px;
        margin: 0 auto;
        background: #ffffffd0;
        padding: 8px 24px;
        border-radius: 60px;
        backdrop-filter: blur(4px);
        box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    }

    /* grid layout – cards with personality */
    .service-grid-alt {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        margin: 40px 0 30px;
    }

	.service-grid-alt-two {
        display: grid;
        grid-template-columns: repeat(2, 1fr)!important;
        gap: 24px;
        margin: 40px 0 30px;
    }


	.title-area.about-us .sec-title {
    line-height: 34px!important;
    margin-bottom: 10px !important;
}



	

    .service-card-alt {
        background: white;
        border-radius: 32px;
        padding: 32px 22px 28px;
        box-shadow: 0 25px 45px -18px rgba(0,32,64,0.15);
        border: 1px solid rgba(203,213,225,0.3);
        transition: all 0.35s cubic-bezier(0.05,0.7,0.3,1.2);
        position: relative;
        overflow: hidden;
        cursor: default;
        display: flex;
        flex-direction: column;
    }

    .card-accent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background: linear-gradient(90deg, #17479e, #1e40af);
    }

    .card-badge {
        font-size: 14px;
        font-weight: 700;
        color: #94a3b8;
        margin-bottom: 18px;
        letter-spacing: 2px;
    }

    .card-icon {
        font-size: 42px;
        margin-bottom: 22px;
        color: #17479e;
        transition: 0.2s;
    }

    .service-card-alt h3 {
        font-size: 22px;
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 12px;
        text-transform: none;
        letter-spacing: -0.3px;
    }

    .card-desc {
        color: #475569;
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 25px;
        flex: 1;
    }

    /* hover reveal area */
    .card-hover-reveal {
        background: #f8fafc;
        border-radius: 20px;
        padding: 18px 16px;
        margin-top: 8px;
        transform: translateY(12px);
        opacity: 0;
        transition: all 0.3s ease;
        border-left: 3px solid #17479e;
    }

    .service-card-alt:hover {
        transform: translateY(-12px) scale(1.02);
        box-shadow: 0 35px 55px -15px rgba(23,71,158,0.2);
        border-color: transparent;
    }

    .service-card-alt:hover .card-hover-reveal {
        opacity: 1;
        transform: translateY(0);
    }

    .card-hover-reveal ul {
        list-style: none;
        padding: 0;
        margin: 0 0 12px 0;
    }

    .card-hover-reveal li {
        font-size: 14px;
        color: #1e293b;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .card-hover-reveal li i {
        color: #10b981;
        font-size: 14px;
    }

    .reveal-value {
        display: block;
        font-weight: 700;
        color: #17479e;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-top: 1px dashed #cbd5e1;
        padding-top: 10px;
        margin-top: 8px;
    }

    /* alternate card icon colors based on card order (optional) */
    .service-card-alt:nth-child(1) .card-icon { color: #17479e; }
    .service-card-alt:nth-child(2) .card-icon { color: #e11b22; }
    .service-card-alt:nth-child(3) .card-icon { color: #7c3aed; }
    .service-card-alt:nth-child(4) .card-icon { color: #0d9488; }

    /* footer line */
    .alt-footer {
        text-align: center;
        margin-top: 50px;
    }
    .alt-footer p {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        background: #ffffff;
        border: 1px solid #e2e8f0;
        padding: 12px 30px;
        border-radius: 60px;
        color: #17479e;
        font-weight: 500;
        box-shadow: 0 8px 18px -10px #b0c4de;
    }
    .alt-footer i {
        color: #e11b22;
        transition: transform 0.2s;
    }
    .alt-footer p:hover i {
        transform: translateX(4px);
    }

    /* responsive */
    @media (max-width: 1024px) {
        .service-grid-alt {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media (max-width: 640px) {
        .service-grid-alt {
            grid-template-columns: 1fr;
        }
        .wwd-title-alt {
            font-size: 34px;
        }
    }

	/* ----- when to engage – premium, dark, interactive, memorable ----- */
    .when-to-engage {
        max-width: 1400px;
        margin: 0 auto;
        padding: 80px 30px 100px;
        background: #0a0f1f;  /* deep navy-black */
        font-family: 'Inter', 'Plus Jakarta Sans', sans-serif;
        color: #fff;
        position: relative;
        overflow: hidden;
        border-radius: 0;
    }

    /* header with drama */
    .engage-header {
        text-align: center;
        margin-bottom: 70px;
        position: relative;
        z-index: 3;
    }

    .engage-eyebrow {
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 6px;
        text-transform: uppercase;
        color: #e11b22;
        background: rgba(225,27,34,0.1);
        padding: 10px 24px 8px 28px;
        border-radius: 40px;
        border: 1px solid rgba(225,27,34,0.3);
        backdrop-filter: blur(5px);
        margin-bottom: 25px;
    }

    .engage-title {
        font-size: 82px;
        font-weight: 800;
        line-height: 0.9;
        color: white;
        text-transform: uppercase;
        letter-spacing: -2px;
        margin-bottom: 20px;
    }

    .text-outline {
        -webkit-text-stroke: 2px #e11b22;
        -webkit-text-fill-color: transparent;
        text-stroke: 2px #e11b22;
        color: transparent;
        background: linear-gradient(145deg, #e11b22, #ff6b6b);
        -webkit-background-clip: text;
        background-clip: text;
    }

    .engage-scroll-hint {
        font-size: 26px;
        color: #e11b22;
        animation: bounce 2s infinite;
    }

    @keyframes bounce {
        0%,100%{ transform: translateY(0); }
        50%{ transform: translateY(10px); }
    }

    /* horizon cards grid */
    .situation-horizon {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
        position: relative;
        z-index: 5;
        margin: 40px 0 60px;
    }

    .horizon-card {
        background: rgba(15, 25, 45, 0.75);
        backdrop-filter: blur(12px);
        border: 1px solid rgba(225, 27, 34, 0.2);
        border-radius: 32px;
        padding: 32px 18px 28px;
        transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
        position: relative;
        overflow: hidden;
        cursor: pointer;
        box-shadow: 0 30px 50px -30px #00000080;
    }

    .card-glow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(600px circle at var(--x,50%) var(--y,0%), rgba(225,27,34,0.15), transparent 70%);
        opacity: 0;
        transition: opacity 0.4s;
        pointer-events: none;
    }

    .horizon-card:hover .card-glow {
        opacity: 1;
    }

    .horizon-card:hover {
        transform: translateY(-15px) scale(1.02);
        border-color: #e11b2240;
        box-shadow: 0 40px 70px -15px #e11b2240;
    }

    .card-inner {
        position: relative;
        z-index: 2;
    }

    .card-meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 24px;
    }

    .situation-tag {
        font-size: 32px;
        font-weight: 800;
        color: #e11b22;
        line-height: 1;
        opacity: 0.7;
    }

    .situation-category {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        background: rgba(225,27,34,0.2);
        padding: 6px 14px;
        border-radius: 40px;
        border: 1px solid #e11b2240;
    }

    .horizon-card h3 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 14px;
        color: white;
        line-height: 1.2;
        min-height: 62px;
    }

    .situation-desc {
        color: #b0c4de;
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 24px;
        font-weight: 400;
    }

    .situation-triggers {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 30px;
    }

    .situation-triggers span {
        background: rgba(255,255,255,0.05);
        border: 1px solid #2d3a5e;
        border-radius: 30px;
        padding: 5px 14px;
        font-size: 12px;
        font-weight: 500;
        color: #ced8e8;
        letter-spacing: 0.3px;
    }

    .card-expand {
        text-align: right;
        color: #e11b22;
        font-size: 20px;
        transition: transform 0.3s;
    }

    .horizon-card:hover .card-expand {
        transform: rotate(90deg);
    }

    /* hidden hover detail (expands elegantly) */
    .hover-detail {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, transparent, #0b1429 40%);
        backdrop-filter: blur(12px);
        padding: 40px 22px 28px;
        transform: translateY(100%);
        transition: transform 0.45s cubic-bezier(0.2, 0.9, 0.3, 1.1);
        border-top: 1px solid #e11b2240;
        z-index: 3;
    }

    .horizon-card:hover .hover-detail {
        transform: translateY(0);
    }

    .hover-detail ul {
        list-style: none;
        padding: 0;
        margin: 0 0 15px 0;
    }

    .hover-detail li {
        color: #f0f4ff;
        font-size: 14px;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .hover-detail li i {
        color: #10b981;
        font-size: 16px;
    }

    .detail-arrow {
        display: inline-block;
        background: #e11b22;
        color: white;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 22px;
        font-weight: 600;
    }

    /* big background text */
    .engage-backdrop {
        position: absolute;
        bottom: -20px;
        right: -30px;
        font-size: 240px;
        font-weight: 900;
        color: rgba(225,27,34,0.03);
        text-transform: uppercase;
        pointer-events: none;
        z-index: 1;
        white-space: nowrap;
        user-select: none;
    }

    /* cta */
    .engage-cta {
        text-align: center;
        margin-top: 40px;
        position: relative;
        z-index: 10;
    }

    .cta-button {
        display: inline-flex;
        align-items: center;
        gap: 14px;
        background: rgba(10,20,40,0.8);
        backdrop-filter: blur(8px);
        border: 2px solid #e11b22;
        color: white;
        font-weight: 600;
        font-size: 18px;
        padding: 16px 48px;
        border-radius: 60px;
        text-decoration: none;
        letter-spacing: 0.5px;
        transition: all 0.3s;
        box-shadow: 0 0 30px #e11b2240;
    }

    .cta-button i {
        transition: transform 0.2s;
    }

    .cta-button:hover {
        background: #e11b22;
        border-color: #e11b22;
        gap: 20px;
    }

    .cta-button:hover i {
        transform: translateX(6px);
    }

    /* responsive */
    @media (max-width: 1200px) {
        .situation-horizon {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 800px) {
        .situation-horizon {
            grid-template-columns: repeat(2, 1fr);
        }
        .engage-title {
            font-size: 56px;
        }
    }

    @media (max-width: 520px) {
        .situation-horizon {
            grid-template-columns: 1fr;
        }
    }

	/* ----- capabilities – dual‑layer flip cards, technical yet bold ----- */
    .capabilities-showcase {
        max-width: 1400px;
        margin: 0 auto;
        padding: 70px 30px 90px;
        background: #f5f9ff;  /* crisp, light background */
        font-family: 'Inter', 'Plus Jakarta Sans', sans-serif;
        position: relative;
        overflow: hidden;
        border-radius: 0;
    }

    /* header */
    .capabilities-header {
        text-align: center;
        margin-bottom: 60px;
        position: relative;
        z-index: 5;
    }

    .header-badge {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-bottom: 20px;
    }

    .badge-line {
        width: 50px;
        height: 2px;
        background: linear-gradient(90deg, transparent, #e11b22, transparent);
    }

    .badge-text {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 4px;
        text-transform: uppercase;
        color: #e11b22;
    }

    .capabilities-title {
        font-size: 58px;
        font-weight: 800;
        color: #0a1a2f;
        line-height: 1.1;
        margin-bottom: 18px;
    }

    .title-accent {
        background: linear-gradient(145deg, #17479e, #e11b22);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        border-bottom: 3px solid #e11b22;
    }

    .capabilities-sub {
        font-size: 18px;
        color: #2d425b;
        font-weight: 400;
        max-width: 500px;
        margin: 0 auto;
        background: rgba(255,255,255,0.7);
        backdrop-filter: blur(4px);
        padding: 10px 28px;
        border-radius: 60px;
    }

    /* floating orbs (soft depth) */
    .capabilities-orb {
        position: absolute;
        width: 400px;
        height: 400px;
        border-radius: 50%;
        background: radial-gradient(circle at 30% 30%, #17479e15, transparent 70%);
        top: -200px;
        right: -100px;
        z-index: 0;
    }
    .capabilities-orb.second {
        width: 500px;
        height: 500px;
        background: radial-gradient(circle at 70% 70%, #e11b2210, transparent 70%);
        bottom: -250px;
        left: -150px;
        top: auto;
        right: auto;
    }

    /* main grid */
    .capabilities-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        position: relative;
        z-index: 10;
        margin: 40px 0 60px;
    }

    /* card base */
    .capability-card {
        background: transparent;
        perspective: 2000px;
        height: 420px;
        cursor: pointer;
        position: relative;
    }

    .card-surface {
        position: absolute;
        inset: 0;
        background: linear-gradient(145deg, #ffffff, #f0f5fe);
        border-radius: 36px;
        box-shadow: 0 30px 50px -20px rgba(0,20,40,0.2);
        border: 1px solid rgba(23,71,158,0.1);
        transition: all 0.4s;
    }

    .capability-card:hover .card-surface {
        box-shadow: 0 40px 70px -15px #17479e40;
        border-color: #17479e30;
        background: white;
    }

    .card-content {
        position: relative;
        width: 100%;
        height: 100%;
        transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        transform-style: preserve-3d;
        border-radius: 36px;
    }

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

    .card-front, .card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        border-radius: 36px;
        padding: 32px 28px;
        display: flex;
        flex-direction: column;
        background: white;
        box-shadow: inset 0 -2px 0 #e11b2210;
    }

    .card-front {
        background: linear-gradient(145deg, #ffffff, #f8fcff);
        z-index: 2;
    }

    .card-back {
        background: #0a1a2f;
        color: white;
        transform: rotateY(180deg);
        border: 2px solid #e11b22;
        box-shadow: 0 20px 40px -10px #e11b2260;
    }

    .back-label {
        display: inline-block;
        background: #e11b22;
        color: white;
        font-weight: 700;
        font-size: 12px;
        padding: 5px 18px;
        border-radius: 40px;
        margin-bottom: 25px;
        align-self: flex-start;
        letter-spacing: 1px;
    }

    .card-back ul {
        list-style: none;
        padding: 0;
        margin: 0;
        flex: 1;
        overflow-y: hidden;
    }

    .card-back li {
        font-size: 15px;
        padding: 8px 0;
        border-bottom: 1px solid #ffffff20;
        display: flex;
        align-items: center;
        gap: 12px;
        color: #f0f4fa;
    }

    .card-back li i {
        color: #10b981;
        font-size: 16px;
    }

    /* front elements */
    .capability-icon {
        font-size: 46px;
        color: #17479e;
        margin-bottom: 18px;
        transition: 0.2s;
    }

    .capability-card:hover .capability-icon {
        transform: scale(1.05);
        color: #e11b22;
    }

    .card-front h3 {
        font-size: 24px;
        font-weight: 700;
        color: #0a1a2f;
        margin-bottom: 8px;
        line-height: 1.2;
    }

    .capability-tagline {
        font-size: 14px;
        font-weight: 600;
        color: #e11b22;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 22px;
    }

    .capability-preview {
        list-style: none;
        padding: 0;
        margin: 0 0 25px 0;
        flex: 1;
    }

    .capability-preview li {
        font-size: 15px;
        color: #2d425b;
        margin-bottom: 10px;
        position: relative;
        padding-left: 20px;
    }

    .capability-preview li::before {
        content: "▹";
        position: absolute;
        left: 0;
        color: #e11b22;
    }

    .explore-hint {
        font-size: 14px;
        font-weight: 600;
        color: #17479e;
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: auto;
    }

    .explore-hint i {
        transition: transform 0.3s;
    }

    .capability-card:hover .explore-hint i {
        transform: translateX(6px);
    }

    .card-number {
        position: absolute;
        bottom: 20px;
        right: 25px;
        font-size: 48px;
        font-weight: 800;
        color: #17479e10;
        z-index: 6;
        pointer-events: none;
        line-height: 1;
    }

    .card-corner {
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 60px;
        background: linear-gradient(135deg, transparent 50%, #e11b2220 50%);
        border-radius: 0 36px 0 0;
        pointer-events: none;
    }

    /* cta */
    .capabilities-cta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: rgba(10,26,47,0.8);
        backdrop-filter: blur(10px);
        padding: 22px 40px;
        border-radius: 80px;
        max-width: 900px;
        margin: 30px auto 0;
        border: 1px solid #e11b2250;
        z-index: 20;
        position: relative;
    }

    .cta-text {
        color: white;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: -0.2px;
    }

    .cta-link {
        display: flex;
        align-items: center;
        gap: 12px;
        background: #e11b22;
        color: white;
        padding: 14px 34px;
        border-radius: 60px;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s;
    }

    .cta-link:hover {
        background: #17479e;
        gap: 18px;
    }

    /* background mesh */
    .capabilities-mesh {
        position: absolute;
        inset: 0;
        background-image: 
            radial-gradient(circle at 20% 30%, #17479e08 2px, transparent 2px),
            radial-gradient(circle at 80% 70%, #e11b2208 2px, transparent 2px);
        background-size: 50px 50px;
        pointer-events: none;
    }

    /* responsive */
    @media (max-width: 1100px) {
        .capabilities-grid {
            grid-template-columns: repeat(2, 1fr);
        }
        .capabilities-title {
            font-size: 48px;
        }
    }

    @media (max-width: 700px) {
        .capabilities-grid {
            grid-template-columns: 1fr;
        }
        .capabilities-title {
            font-size: 38px;
        }
        .capabilities-cta {
            flex-direction: column;
            gap: 20px;
            text-align: center;
        }
    }

	/* deck cards – interactive flip / peel style, light version */
    .delivery-deck {
        max-width: 1300px;
        margin: 0 auto;
        padding: 70px 30px 90px;
        background: #f5faff;
        font-family: 'Inter', 'Plus Jakarta Sans', sans-serif;
        position: relative;
        overflow: hidden;
        border-radius: 0;
    }

    .deck-header {
        text-align: center;
        margin-bottom: 60px;
        position: relative;
        z-index: 5;
    }

    .deck-badge {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 4px;
        text-transform: uppercase;
        color: #e11b22;
        background: #fff0f0;
        padding: 6px 24px;
        border-radius: 40px;
        display: inline-block;
        margin-bottom: 20px;
    }

    .deck-title {
        font-size: 52px;
        font-weight: 700;
        color: #17479e;
        margin-bottom: 15px;
        line-height: 1.1;
    }

    .deck-rule {
        width: 120px;
        height: 3px;
        background: linear-gradient(90deg, transparent, #e11b22, #17479e, #e11b22, transparent);
        margin: 0 auto;
        border-radius: 2px;
    }

    /* deck container */
    .deck-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin: 50px 0 40px;
        position: relative;
        z-index: 10;
    }

    /* base card */
    .deck-card {
        background: white;
        border-radius: 32px;
        box-shadow: 0 20px 40px -20px rgba(23,71,158,0.2);
        border: 1px solid #e2ecfe;
        transition: all 0.4s cubic-bezier(0.2,0.9,0.3,1.2);
        position: relative;
        overflow: hidden;
        cursor: pointer;
        min-height: 500px;
    }

    .deck-card:hover {
        transform: translateY(-12px);
        box-shadow: 0 30px 60px -20px #17479e80;
        border-color: #17479e40;
    }

    /* card cover (always visible) */
    .card-cover {
        padding: 40px 30px 30px;
        background: linear-gradient(145deg, #ffffff, #f8fcff);
        position: relative;
        z-index: 2;
        transition: all 0.3s;
        border-bottom: 1px solid #e0ecfe;
    }

    .cover-number {
        font-size: 14px;
        font-weight: 700;
        color: #e11b22;
        background: #ffe5e5;
        display: inline-block;
        padding: 4px 20px;
        border-radius: 30px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .cover-icon {
        font-size: 52px;
        color: #17479e;
        margin-bottom: 20px;
        transition: 0.2s;
    }

    .deck-card:hover .cover-icon {
        transform: scale(1.05);
        color: #e11b22;
    }

    .cover-title {
        font-size: 28px;
        font-weight: 700;
        color: #17479e;
        margin-bottom: 8px;
    }

    .cover-sub {
        font-size: 15px;
        color: #5f7999;
        font-style: italic;
    }

    /* card details (revealed on hover) */
    .card-details {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.98);
        backdrop-filter: blur(8px);
        padding: 40px 30px;
        opacity: 0;
        transition: opacity 0.4s;
        z-index: 3;
        border-radius: 32px;
        border: 2px solid #e11b22;
        overflow-y: auto;
    }

    .deck-card:hover .card-details {
        opacity: 1;
    }

    .details-inner {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .details-label {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 3px;
        color: #e11b22;
        text-transform: uppercase;
    }

    /* pod details */
    .crew-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        margin: 10px 0;
    }

    .crew-item {
        background: #f0f7ff;
        border: 1px solid #d3e4ff;
        border-radius: 20px;
        padding: 12px;
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14px;
        font-weight: 500;
        color: #17479e;
    }

    .crew-item i {
        color: #e11b22;
        font-size: 18px;
    }

    .details-highlight {
        background: #fff6e5;
        padding: 16px 20px;
        border-radius: 24px;
        border-left: 5px solid #e11b22;
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14px;
        color: #1e3f6a;
        margin: 15px 0;
    }

    .details-highlight i {
        color: #e11b22;
        font-size: 20px;
    }

    .details-foot {
        font-size: 13px;
        color: #7e94b0;
        font-style: italic;
        border-top: 1px dashed #c5d8f0;
        padding-top: 15px;
    }

    /* sim details */
    .metrics-group {
        display: flex;
        gap: 20px;
        margin: 20px 0;
    }

    .metric-big {
        flex: 1;
        background: #fafdff;
        padding: 20px;
        border-radius: 24px;
        text-align: center;
        border: 1px solid #d6e5ff;
    }

    .metric-value {
        display: block;
        font-size: 42px;
        font-weight: 800;
        color: #e11b22;
        line-height: 1;
    }

    .metric-caption {
        font-size: 12px;
        color: #4f6f95;
        font-weight: 500;
        text-transform: uppercase;
    }

    .sim-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 20px 0;
    }

    .sim-tags span {
        background: #f0f6ff;
        border: 1px solid #c5dbff;
        padding: 8px 18px;
        border-radius: 40px;
        font-size: 13px;
        font-weight: 600;
        color: #17479e;
    }

    .details-quote {
        background: #fcfcfc;
        padding: 16px 22px;
        border-radius: 24px;
        border: 1px dashed #e11b2260;
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14px;
        color: #17479e;
        font-style: italic;
    }

    .details-quote i {
        color: #e11b22;
    }

    /* docs details */
    .docs-stack {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin: 20px 0;
    }

    .doc-item {
        display: flex;
        align-items: center;
        gap: 14px;
        background: #f8fbfe;
        padding: 12px 18px;
        border-radius: 20px;
        font-size: 15px;
        color: #1f3c64;
        transition: 0.2s;
    }

    .doc-item:hover {
        background: #eef4ff;
        transform: translateX(5px);
    }

    .doc-item i {
        color: #10b981;
        font-size: 18px;
    }

    .docs-stamp {
        background: linear-gradient(90deg, #e11b2210, #17479e10);
        padding: 16px 22px;
        border-radius: 40px;
        display: flex;
        align-items: center;
        gap: 12px;
        border: 1px solid #e11b2240;
        font-size: 14px;
        font-weight: 500;
        color: #17479e;
        margin-top: 15px;
    }

    .docs-stamp i {
        color: #e11b22;
    }

    /* ribbon */
    .deck-ribbon {
        text-align: center;
        margin-top: 60px;
        padding: 20px;
        background: white;
        border-radius: 60px;
        border: 1px solid #e0eefe;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 8px 20px -15px #17479e;
    }

    .deck-ribbon span {
        font-size: 18px;
        font-weight: 500;
        color: #17479e;
        background: #fafdff;
        padding: 8px 30px;
        border-radius: 40px;
    }

    /* sparkles background */
    .deck-sparkles {
        position: absolute;
        inset: 0;
        background-image: 
            radial-gradient(circle at 10% 20%, #17479e08 2px, transparent 2px),
            radial-gradient(circle at 90% 70%, #e11b2208 2px, transparent 2px);
        background-size: 60px 60px;
        pointer-events: none;
        z-index: 0;
    }

    /* responsive */
    @media (max-width: 1000px) {
        .deck-container {
            grid-template-columns: repeat(2, 1fr);
        }
        .deck-title {
            font-size: 42px;
        }
    }

    @media (max-width: 700px) {
        .deck-container {
            grid-template-columns: 1fr;
        }
    }


	.challenge-section {
			position: relative;
			background: #f8f9fa;
			/* deep navy like Kellton */
			color: #ffffff;
			text-align: center;
			padding: 60px 20px 60px;
			overflow: hidden;
		}
		/* wave image behind content */
		
		.challenge-wave {
			position: absolute;
			bottom: 0;
			left: 50%;
			width: 1400px;
			max-width: none;
			transform: translateX(-50%);
			opacity: 0.25;
			pointer-events: none;
		}
		
		.challenge-inner {
			position: relative;
			z-index: 2;
			max-width: 820px;
			margin: 0 auto;
		}
		
		.challenge-title {
			font-size: 42px;
			margin-bottom: 50px;
			font-weight: 700;
			color: #17479e;
		}
		
		.challenge-sub {
			font-size: 18px;
			opacity: 0.85;
			margin-bottom: 32px;
		}
		/* CTA BUTTON */
		
		.challenge-btn {
			display: inline-block;
			padding: 12px 32px;
			background: #17479e;
			color: #fff;
			font-size: 16px;
			font-weight: 600;
			border-radius: 10px;
			text-decoration: none;
			transition: all 0.3s ease;
		}
		
		.challenge-btn:hover {
			background: #e5e5e5;
		}
		
		.hero-style1 {
			background-color: #0a142a;
		}
		/* Responsive */
		
		@media (max-width: 768px) {
			.challenge-title {
				font-size: 32px;
			}
			.challenge-sub {
				font-size: 16px;
			}
			.challenge-btn {
				font-size: 15px;
				padding: 10px 28px;
			}
			.challenge-wave {
				width: 1100px;
			}
		}

		/* Base Section Styles */
		
		.tech-gradient-section {
			position: relative;
			padding: 40px 0;
			background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 100%);
			overflow: hidden;
		}
		
		.tech-grid-pattern {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
			background-size: 40px 40px;
			opacity: 0.3;
		}
		
		.glow-orb {
			position: absolute;
			width: 400px;
			height: 400px;
			border-radius: 50%;
			filter: blur(80px);
			opacity: 0.15;
			animation: floatOrb 20s infinite alternate ease-in-out;
		}
		
		.glow-orb:nth-child(2) {
			background: radial-gradient(circle, #17479e 0%, transparent 70%);
			top: -200px;
			right: -200px;
			animation-delay: 0s;
		}
		
		.glow-orb.red {
			background: radial-gradient(circle, #e11b22 0%, transparent 70%);
			bottom: -200px;
			left: -200px;
			animation-delay: 2s;
		}
		
		@keyframes floatOrb {
			0% {
				transform: translate(0, 0) scale(1);
			}
			50% {
				transform: translate(-50px, 50px) scale(1.05);
			}
			100% {
				transform: translate(50px, -50px) scale(0.95);
			}
		}
		/* Section Header */
		
		.section-header {
			position: relative;
			z-index: 2;
		}
		
		.section-subtitle {
			color: #e11b22!important;
			letter-spacing: 2px;
			font-weight: 600;
			display: block;
			margin-bottom: 15px;
			font-size: 14px;
			text-transform: uppercase;
		}
		
		.section-title {
			color: #ffffff;
			font-size: 42px;
			font-weight: 700;
			margin-bottom: 20px;
			line-height: 1.2;
		}
		
		.title-gradient {
			background: linear-gradient(90deg, #17479e, #e11b22);
			-webkit-background-clip: text;
			background-clip: text;
			-webkit-text-fill-color: transparent;
			display: inline-block;
		}
		
		.section-description {
			color: rgba(255, 255, 255, 0.8);
			max-width: 700px;
			margin: 0 auto;
			font-size: 18px;
			line-height: 1.6;
		}
		/* Tech Cards */
		
		.tech-card {
			background: rgba(255, 255, 255, 0.05);
			border-radius: 16px;
			padding: 40px 30px;
			height: 100%;
			border: 1px solid rgba(255, 255, 255, 0.1);
			transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			position: relative;
			overflow: hidden;
			backdrop-filter: blur(10px);
		}
		
		.tech-card::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(135deg, rgba(23, 71, 158, 0.1) 0%, rgba(225, 27, 34, 0.05) 100%);
			opacity: 0;
			transition: opacity 0.4s ease;
		}
		
		.tech-card:hover {
			transform: translateY(-10px);
			border-color: rgba(255, 255, 255, 0.2);
			box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 60px rgba(23, 71, 158, 0.2);
		}
		
		.tech-card:hover::before {
			opacity: 1;
		}
		
		.tech-icon {
			width: 70px;
			height: 70px;
			border-radius: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 25px;
			color: #ffffff;
			font-size: 28px;
			position: relative;
			overflow: hidden;
		}
		/* Card-specific icon backgrounds */
		
		.tech-card:nth-child(1) .tech-icon {
			background: linear-gradient(135deg, #17479e, #1e4aa8);
		}
		
		.tech-card:nth-child(2) .tech-icon {
			background: linear-gradient(135deg, #e11b22, #f03a3a);
		}
		
		.tech-card:nth-child(3) .tech-icon {
			background: linear-gradient(135deg, #10b981, #34d399);
		}
		
		.tech-icon::after {
			content: '';
			position: absolute;
			top: -50%;
			left: -50%;
			width: 200%;
			height: 200%;
			background: linear-gradient( to bottom right, transparent 30%, rgba(255, 255, 255, 0.2) 50%, transparent 70%);
			transform: rotate(45deg);
			animation: shine 3s infinite;
		}
		
		@keyframes shine {
			0% {
				transform: translateX(-100%) translateY(-100%) rotate(45deg);
			}
			100% {
				transform: translateX(100%) translateY(100%) rotate(45deg);
			}
		}
		
		.tech-card h3 {
			color: #ffffff;
			font-size: 22px;
			font-weight: 700;
			margin-bottom: 15px;
			line-height: 1.3;
		}
		
		.tech-card p {
			color: rgba(255, 255, 255, 0.8);
			line-height: 1.6;
			font-size: 16px;
			margin-bottom: 0;
		}
		/* Tech Details for Multi-disciplinary Insight */
		
		.tech-details {
			border-top: 1px solid rgba(255, 255, 255, 0.1);
			padding-top: 20px;
		}
		
		.tech-detail-item {
			display: flex;
			align-items: flex-start;
			gap: 10px;
			margin-bottom: 10px;
		}
		
		.tech-detail-item i {
			color: #10b981;
			font-size: 16px;
			margin-top: 3px;
			flex-shrink: 0;
		}
		
		.tech-detail-item span {
			color: rgba(255, 255, 255, 0.7);
			font-size: 14px;
			line-height: 1.4;
		}
		/* Industry Badges for Cross-Industry Experience */
		
		.industry-badges {
			display: flex;
			flex-wrap: wrap;
			gap: 12px;
			border-top: 1px solid rgba(255, 255, 255, 0.1);
			padding-top: 20px;
		}
		
		.industry-badge {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 8px;
			padding: 12px;
			background: rgba(255, 255, 255, 0.05);
			border-radius: 8px;
			border: 1px solid rgba(255, 255, 255, 0.1);
			transition: all 0.3s ease;
			min-width: 80px;
		}
		
		.industry-badge:hover {
			background: rgba(255, 255, 255, 0.1);
			transform: translateY(-3px);
			border-color: rgba(255, 255, 255, 0.2);
		}
		
		.industry-badge i {
			font-size: 24px;
			color: #60a5fa;
		}
		
		.industry-badge:nth-child(2) i {
			color: #fbbf24;
		}
		
		.industry-badge:nth-child(3) i {
			color: #a78bfa;
		}
		
		.industry-badge span {
			color: rgba(255, 255, 255, 0.8);
			font-size: 13px;
			font-weight: 500;
		}
		/* Ownership Timeline */
		
		.ownership-timeline {
			border-top: 1px solid rgba(255, 255, 255, 0.1);
			padding-top: 20px;
		}
		
		.timeline-stage {
			display: flex;
			align-items: flex-start;
			gap: 12px;
			margin-bottom: 15px;
			position: relative;
			padding-left: 10px;
		}
		
		.timeline-stage:last-child {
			margin-bottom: 0;
		}
		
		.timeline-stage::before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			width: 2px;
			background: rgba(255, 255, 255, 0.1);
		}
		
		.timeline-stage:first-child::before {
			top: 8px;
		}
		
		.timeline-stage:last-child::before {
			bottom: calc(100% - 8px);
		}
		
		.stage-dot {
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: #17479e;
			margin-top: 4px;
			flex-shrink: 0;
			position: relative;
			z-index: 1;
		}
		
		.timeline-stage:nth-child(2) .stage-dot {
			background: #e11b22;
		}
		
		.timeline-stage:nth-child(3) .stage-dot {
			background: #10b981;
		}
		
		.stage-text {
			flex: 1;
		}
		
		.stage-text strong {
			color: #ffffff;
			font-size: 15px;
			font-weight: 600;
			display: block;
			margin-bottom: 4px;
		}
		
		.stage-text span {
			color: rgba(255, 255, 255, 0.6);
			font-size: 13px;
			line-height: 1.4;
		}
		/* CTA Button Styles */
		
		.tech-cta-btn {
			display: inline-flex;
			align-items: center;
			background: linear-gradient(90deg, #17479e, #e11b22);
			color: white;
			padding: 18px 40px;
			border-radius: 50px;
			text-decoration: none;
			font-weight: 600;
			font-size: 18px;
			border: none;
			position: relative;
			overflow: hidden;
			transition: all 0.4s ease;
			box-shadow: 0 10px 30px rgba(23, 71, 158, 0.4);
			gap: 12px;
		}
		
		.tech-cta-btn::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: linear-gradient(135deg, #f4f7fb 0%, #e9eef6 100%);
			opacity: 0;
			transition: opacity 0.4s ease;
			border-radius: 50px;
			z-index: 1;
		}
		
		.tech-cta-btn span,
		.tech-cta-btn i {
			position: relative;
			z-index: 2;
		}
		
		.tech-cta-btn:hover {
			transform: translateY(-3px);
			box-shadow: 0 15px 40px rgba(23, 71, 158, 0.6);
		}
		
		.tech-cta-btn:hover::before {
			opacity: 1;
		}
		
		.tech-cta-btn:hover i {
			transform: translateX(5px);
		}
		
		.tech-cta-btn i {
			transition: transform 0.3s ease;
			font-size: 16px;
		}
		/* ========== RESPONSIVE DESIGN ========== */
		/* Tablet (768px - 991px) */
		
		@media (max-width: 991px) {
			.tech-gradient-section {
				padding: 80px 0;
			}
			.section-title {
				font-size: 36px;
			}
			.section-description {
				font-size: 17px;
				padding: 0 20px;
			}
			.tech-card {
				padding: 35px 25px;
			}
			.tech-icon {
				width: 60px;
				height: 60px;
				font-size: 24px;
			}
			.tech-card h3 {
				font-size: 20px;
			}
			.tech-card p {
				font-size: 15px;
			}
			.industry-badge {
				padding: 10px;
				min-width: 70px;
			}
			.industry-badge i {
				font-size: 20px;
			}
			.timeline-stage {
				gap: 10px;
			}
			.tech-cta-btn {
				padding: 16px 35px;
				font-size: 17px;
			}
			.glow-orb {
				width: 300px;
				height: 300px;
			}
		}
		/* Mobile (576px - 767px) */
		
		@media (max-width: 767px) {
			.tech-gradient-section {
				padding: 60px 0;
			}
			.section-title {
				font-size: 32px;
			}
			.section-description {
				font-size: 16px;
				padding: 0 15px;
			}
			.section-subtitle {
				font-size: 13px;
				letter-spacing: 1.5px;
			}
			.row.g-4 {
				gap: 20px !important;
			}
			.tech-card {
				padding: 30px 20px;
				margin-bottom: 0;
			}
			.tech-icon {
				width: 55px;
				height: 55px;
				font-size: 22px;
				margin-bottom: 20px;
			}
			.tech-card h3 {
				font-size: 19px;
			}
			.tech-card p {
				font-size: 15px;
			}
			.tech-detail-item span {
				font-size: 13px;
			}
			.industry-badges {
				gap: 8px;
			}
			.industry-badge {
				padding: 8px;
				min-width: 60px;
			}
			.industry-badge i {
				font-size: 18px;
			}
			.industry-badge span {
				font-size: 12px;
			}
			.tech-cta-btn {
				padding: 15px 30px;
				font-size: 16px;
				width: 90%;
				max-width: 350px;
				justify-content: center;
			}
			.glow-orb {
				width: 250px;
				height: 250px;
				filter: blur(60px);
			}
		}
		/* Small Mobile (up to 575px) */
		
		@media (max-width: 575px) {
			.tech-gradient-section {
				padding: 50px 0;
			}
			.section-title {
				font-size: 28px;
			}
			.section-description {
				font-size: 15px;
				padding: 0 10px;
			}
			.section-subtitle {
				font-size: 12px;
				letter-spacing: 1px;
				margin-bottom: 10px;
			}
			.tech-card {
				padding: 25px 20px;
			}
			.tech-icon {
				width: 50px;
				height: 50px;
				font-size: 20px;
				margin-bottom: 15px;
				border-radius: 12px;
			}
			.tech-card h3 {
				font-size: 18px;
				margin-bottom: 12px;
			}
			.tech-card p {
				font-size: 14px;
				line-height: 1.5;
			}
			.tech-details {
				padding-top: 15px;
			}
			.tech-detail-item {
				margin-bottom: 8px;
			}
			.tech-detail-item i {
				font-size: 14px;
			}
			.tech-detail-item span {
				font-size: 12px;
			}
			.industry-badges {
				justify-content: center;
				padding-top: 15px;
			}
			.industry-badge {
				padding: 8px 6px;
				min-width: 55px;
			}
			.industry-badge i {
				font-size: 16px;
			}
			.industry-badge span {
				font-size: 11px;
			}
			.ownership-timeline {
				padding-top: 15px;
			}
			.timeline-stage {
				margin-bottom: 12px;
			}
			.stage-text strong {
				font-size: 14px;
			}
			.stage-text span {
				font-size: 12px;
			}
			.tech-cta-btn {
				padding: 14px 25px;
				font-size: 15px;
				width: 100%;
				max-width: 320px;
			}
			.glow-orb {
				width: 200px;
				height: 200px;
				filter: blur(50px);
			}
		}
		/* Extra Small Mobile (up to 375px) */
		
		@media (max-width: 375px) {
			.section-title {
				font-size: 24px;
			}
			.section-description {
				font-size: 14px;
			}
			.tech-card {
				padding: 20px 15px;
			}
			.tech-card h3 {
				font-size: 17px;
			}
			.tech-card p {
				font-size: 13px;
			}
			.industry-badge {
				min-width: 50px;
			}
			.industry-badge i {
				font-size: 14px;
			}
			.industry-badge span {
				font-size: 10px;
			}
			.tech-cta-btn {
				padding: 12px 20px;
				font-size: 14px;
				gap: 8px;
			}
			.tech-cta-btn i {
				font-size: 14px;
			}
		}
		/* Touch Device Optimizations */
		
		@media (hover: none) and (pointer: coarse) {
			.tech-card:hover {
				transform: none;
			}
			.industry-badge:hover {
				transform: none;
			}
			.tech-cta-btn:hover {
				transform: none;
			}
			/* Larger tap targets */
			.tech-cta-btn {
				min-height: 50px;
				min-width: 200px;
			}
		}


		/* LIGHT VERSION STYLES */
		
		.ps-section-2.light-version {
			padding: 40px 0 20px;
			background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
			position: relative;
			overflow: hidden;
		}
		/* Floating Dots - Light Theme */
		
		.ps-section-2.light-version .floating-dots {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			pointer-events: none;
		}
		
		.ps-section-2.light-version .dot {
			position: absolute;
			border-radius: 50%;
			background: radial-gradient(circle, rgba(59, 130, 246, 0.15), transparent);
			filter: blur(10px);
			animation: floatDot 20s infinite ease-in-out;
		}
		
		.ps-section-2.light-version .dot-1 {
			width: 200px;
			height: 200px;
			top: 10%;
			left: 5%;
			animation-delay: 0s;
		}
		
		.ps-section-2.light-version .dot-2 {
			width: 150px;
			height: 150px;
			bottom: 20%;
			right: 10%;
			animation-delay: 5s;
		}
		
		.ps-section-2.light-version .dot-3 {
			width: 100px;
			height: 100px;
			top: 60%;
			left: 80%;
			animation-delay: 10s;
		}
		
		@keyframes floatDot {
			0%,
			100% {
				transform: translate(0, 0) scale(1);
			}
			33% {
				transform: translate(30px, -30px) scale(1.1);
			}
			66% {
				transform: translate(-20px, 20px) scale(0.9);
			}
		}
		/* Header Styles - Light */
		
		.ps-section-2.light-version .display-6 {
			color: #17479e;
			font-weight: 700;
		}
		
		.ps-section-2.light-version .section-subtitle {
			color: #e11b22;
			font-size: 14px;
			max-width: 1200px;
			margin: 0 auto;
			margin-bottom: 10px;
			letter-spacing: 3px;
		}
		/* Process Flow - Light Theme */
		
		.ps-section-2.light-version .process-flow {
			position: relative;
			max-width: 1200px;
			margin: 0 auto;
		}
		
		.ps-section-2.light-version .flow-item {
			position: relative;
			margin-bottom: 60px;
		}
		
		.ps-section-2.light-version .flow-step {
			position: absolute;
			left: 0;
			top: 0;
			width: 60px;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		
		.ps-section-2.light-version .step-number {
			width: 60px;
			height: 60px;
			background: linear-gradient(45deg, #3b82f6, #ef4444);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			font-weight: 700;
			font-size: 18px;
			z-index: 2;
			box-shadow: 0 10px 30px rgba(59, 130, 246, 0.2);
		}
		
		.ps-section-2.light-version .step-line {
			position: absolute;
			top: 60px;
			bottom: -80px;
			width: 2px;
			background: linear-gradient(to bottom, #3b82f6, #ef4444, #e2e8f0);
			opacity: 0.5;
		}
		
		.ps-section-2.light-version .flow-content {
			margin-left: 0px;
			display: flex;
			align-items: center;
			gap: 40px;
			background: white;
			border-radius: 20px;
			padding: 25px;
			border: 1px solid #e2e8f0;
			transition: all 0.3s ease;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
		}
		
		.ps-section-2.light-version .flow-content:hover {
			transform: translateX(10px);
			border-color: #cbd5e1;
			box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
		}
		
		.ps-section-2.light-version .flow-problem,
		.ps-section-2.light-version .flow-solution {
			flex: 1;
			display: flex;
			align-items: center;
			gap: 20px;
		}
		
		.ps-section-2.light-version .flow-icon {
			position: relative;
			width: 70px;
			height: 70px;
			flex-shrink: 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.ps-section-2.light-version .problem-icon {
			color: #ef4444;
			background: rgba(239, 68, 68, 0.1);
			border: 2px solid rgba(239, 68, 68, 0.2);
			border-radius: 18px;
		}
		
		.ps-section-2.light-version .solution-icon {
			color: #3b82f6;
			background: rgba(59, 130, 246, 0.1);
			border: 2px solid rgba(59, 130, 246, 0.2);
			border-radius: 18px;
		}
		
		.ps-section-2.light-version .icon-rings {
			position: absolute;
			top: -10px;
			left: -10px;
			right: -10px;
			bottom: -10px;
			border: 2px solid currentColor;
			border-radius: 18px;
			opacity: 0.3;
			animation: pulseRing 2s infinite;
		}
		
		.ps-section-2.light-version .icon-pulse {
			position: absolute;
			top: -10px;
			left: -10px;
			right: -10px;
			bottom: -10px;
			background: currentColor;
			border-radius: 18px;
			opacity: 0.1;
			animation: pulseGlow 2s infinite;
		}
		
		@keyframes pulseRing {
			0%,
			100% {
				transform: scale(1);
				opacity: 0.3;
			}
			50% {
				transform: scale(1.1);
				opacity: 0.1;
			}
		}
		
		@keyframes pulseGlow {
			0%,
			100% {
				opacity: 0.1;
			}
			50% {
				opacity: 0.2;
			}
		}
		
		.ps-section-2.light-version .flow-text {
			flex: 1;
		}
		
		.ps-section-2.light-version .flow-text h4 {
			font-size: 18px;
			font-weight: 700;
			color: #1e293b;
		}
		
		.ps-section-2.light-version .flow-text p {
			color: #000;
			line-height: 1.6;
			margin-bottom: 0;
		}
		
		.ps-section-2.light-version .flow-transition {
			position: relative;
			width: 80px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.ps-section-2.light-version .transition-line {
			position: absolute;
			width: 100%;
			height: 2px;
			background: linear-gradient(to right, #ef4444, #3b82f6);
		}
		
		.ps-section-2.light-version .transition-arrow {
			position: relative;
			z-index: 2;
			width: 40px;
			height: 40px;
			background: linear-gradient(45deg, #ef4444, #3b82f6);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			animation: slideArrow 2s infinite;
		}
		
		@keyframes slideArrow {
			0%,
			100% {
				transform: translateX(0);
			}
			50% {
				transform: translateX(10px);
			}
		}
		/* Buttons - Light Theme */
		
		.ps-section-2.light-version .btn-problem-details {
			background: transparent;
			border: 1px solid #cbd5e1;
			color: #475569;
			padding: 8px 16px;
			border-radius: 20px;
			font-size: 14px;
			display: inline-flex;
			align-items: center;
			gap: 8px;
			transition: all 0.3s ease;
		}
		
		.ps-section-2.light-version .btn-problem-details:hover {
			background: rgba(59, 130, 246, 0.1);
			border-color: #3b82f6;
			color: #3b82f6;
			transform: translateY(-2px);
		}
		/* Stats - Light Theme */
		
		.ps-section-2.light-version .solution-stats {
			display: flex;
			gap: 10px;
			margin-top: 15px;
			flex-wrap: wrap;
		}
		
		.ps-section-2.light-version .stat-badge {
			background: rgba(59, 130, 246, 0.1);
			color: #3b82f6;
			padding: 6px 12px;
			border-radius: 20px;
			font-size: 12px;
			font-weight: 600;
			border: 1px solid rgba(59, 130, 246, 0.2);
		}
		/* Details Panel - Light Theme */
		
		.ps-section-2.light-version .flow-details {
			margin-left: 80px;
			margin-top: 20px;
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.5s ease;
			background: white;
			border-radius: 0 0 20px 20px;
			border: 1px solid #e2e8f0;
			border-top: none;
		}
		
		.ps-section-2.light-version .flow-details.active {
			max-height: 300px;
		}
		
		.ps-section-2.light-version .details-content {
			padding: 30px;
		}
		
		.ps-section-2.light-version .details-content h5 {
			color: #1e293b;
			font-size: 18px;
			margin-bottom: 20px;
		}
		
		.ps-section-2.light-version .details-content h6 {
			color: #1e293b;
			font-size: 16px;
			margin-bottom: 15px;
			display: flex;
			align-items: center;
		}
		
		.ps-section-2.light-version .details-content ul {
			list-style: none;
			padding: 0;
		}
		
		.ps-section-2.light-version .details-content li {
			color: #475569;
			margin-bottom: 8px;
			padding-left: 20px;
			position: relative;
		}
		
		.ps-section-2.light-version .details-content li::before {
			content: '•';
			position: absolute;
			left: 0;
			color: #3b82f6;
		}
		/* Responsive Styles */
		
		@media (max-width: 992px) {
			.ps-section-2.light-version .flow-content {
				flex-direction: column;
				gap: 30px;
			}
			.ps-section-2.light-version .flow-transition {
				width: 100%;
				height: 80px;
			}
			.ps-section-2.light-version .transition-line {
				width: 2px;
				height: 100%;
				background: linear-gradient(to bottom, #ef4444, #3b82f6);
			}
			.ps-section-2.light-version .transition-arrow {
				transform: rotate(90deg);
			}
			@keyframes slideArrow {
				0%,
				100% {
					transform: rotate(90deg) translateY(0);
				}
				50% {
					transform: rotate(90deg) translateY(10px);
				}
			}
			.ps-section-2.light-version .flow-problem,
			.ps-section-2.light-version .flow-solution {
				width: 100%;
			}
			.ps-section-2.light-version .flow-details {
				margin-left: 0;
			}
		}
		
		@media (max-width: 768px) {
			.ps-section-2.light-version {
				padding: 60px 0;
			}
			.ps-section-2.light-version .display-6 {
				font-size: 32px;
			}
			.ps-section-2.light-version .flow-step {
				display: none;
			}
			.ps-section-2.light-version .flow-content {
				margin-left: 0;
				padding: 20px;
			}
			.ps-section-2.light-version .flow-problem,
			.ps-section-2.light-version .flow-solution {
				flex-direction: column;
				text-align: center;
				gap: 15px;
			}
			.ps-section-2.light-version .flow-icon {
				width: 60px;
				height: 60px;
				font-size: 1.2rem;
			}
			.ps-section-2.light-version .flow-text h4 {
				font-size: 16px;
			}
			.ps-section-2.light-version .flow-text p {
				font-size: 14px;
			}
		}
		
		@media (max-width: 576px) {
			.ps-section-2.light-version {
				padding: 40px 0;
			}
			.ps-section-2.light-version .display-6 {
				font-size: 28px;
			}
			.ps-section-2.light-version .flow-content {
				padding: 15px;
			}
			.ps-section-2.light-version .transition-arrow {
				width: 30px;
				height: 30px;
				font-size: 0.8rem;
			}
		}
		

		/* ===== GEOMETRIC APPROACH ===== */
		
		.geometric-approach {
			position: relative;
			padding: 100px 0;
			color: white;
			overflow: hidden;
		}
		/* Fix for content visibility */
		
		.container {
			position: relative;
			z-index: 2;
		}
		/* Shapes */
		
		.geo-shapes {
			position: absolute;
			width: 100%;
			height: 100%;
			pointer-events: none;
			z-index: 1;
			/* Keep shapes behind content */
		}
		
		.shape {
			position: absolute;
			border: 1px solid rgba(255, 255, 255, 0.1);
		}
		
		.circle {
			top: 10%;
			right: 5%;
			width: 200px;
			height: 200px;
			border-radius: 50%;
			animation: floatCircle 20s infinite linear;
		}
		
		.triangle {
			bottom: 15%;
			left: 5%;
			width: 150px;
			height: 150px;
			clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
			animation: floatTriangle 25s infinite linear reverse;
		}
		
		.square {
			top: 40%;
			left: 10%;
			width: 100px;
			height: 100px;
			transform: rotate(15deg);
			animation: rotateSquare 30s infinite linear;
		}
		
		.line {
			bottom: 30%;
			right: 15%;
			width: 300px;
			height: 1px;
			background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
		}
		
		@keyframes floatCircle {
			0% {
				transform: translate(0, 0) rotate(0deg);
			}
			100% {
				transform: translate(100px, 100px) rotate(360deg);
			}
		}
		
		@keyframes floatTriangle {
			0% {
				transform: translate(0, 0) rotate(0deg);
			}
			100% {
				transform: translate(-100px, -100px) rotate(-360deg);
			}
		}
		
		@keyframes rotateSquare {
			0% {
				transform: rotate(0deg);
			}
			100% {
				transform: rotate(360deg);
			}
		}
		/* Header */
		
		.geo-header {
			text-align: center;
			margin-bottom: 20px;
			position: relative;
			z-index: 3;
			/* Ensure header is above everything */
		}
		
		.geo-label {
			display: inline-flex;
			align-items: center;
			gap: 12px;
			margin-bottom: 30px;
		}
		
		.label-dot {
			width: 8px;
			height: 8px;
			background: #e11b22;
			border-radius: 50%;
		}
		
		.label-text {
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 3px;
			text-transform: uppercase;
			color: #60a5fa;
		}
		
		.geo-title {
			font-size: 40px;
			font-weight: 800;
			line-height: 1.1;
		}
		
		.geo-word {
			display: block;
		}
		
		.geo-word.accent {
			color: #60a5fa;
			padding-left: 40px;
			position: relative;
		}
		
		.geo-word.accent::before {
			content: '';
			position: absolute;
			left: 0;
			top: 50%;
			width: 30px;
			height: 2px;
			background: #e11b22;
			transform: translateY(-50%);
		}
		/* Cards */
		
		.geo-cards {
			display: flex;
			flex-direction: column;
			gap: 40px;
			margin-bottom: 80px;
			position: relative;
			z-index: 2;
		}
		
		.geo-card {
			display: grid;
			grid-template-columns: 300px 1fr;
			gap: 0;
			background: rgba(255, 255, 255, 0.05);
			border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 20px;
			overflow: hidden;
			transition: all 0.3s ease;
			position: relative;
			z-index: 2;
		}
		
		.geo-card:hover {
			border-color: rgba(96, 165, 250, 0.3);
			box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
			transform: translateY(-5px);
		}
		
		.geo-card.reverse {
			grid-template-columns: 1fr 300px;
		}
		
		.geo-card.reverse .card-side {
			order: 2;
		}
		
		.geo-card.reverse .card-main {
			order: 1;
		}
		
		.geo-card.large {
			grid-template-columns: 300px 1fr;
		}
		/* Card Side */
		
		.card-side {
			background: linear-gradient(135deg, rgba(23, 71, 158, 0.3), rgba(96, 165, 250, 0.1));
			padding: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			overflow: hidden;
		}
		
		.card-side::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: linear-gradient(45deg, transparent 60%, rgba(255, 255, 255, 0.1));
		}
		
		.side-content {
			position: relative;
			z-index: 1;
			text-align: center;
		}
		
		.card-number {
			font-size: 64px;
			font-weight: 800;
			color: rgba(255, 255, 255, 0.1);
			line-height: 1;
			margin-bottom: 20px;
		}
		
		.card-title {
			font-size: 24px;
			font-weight: 700;
			margin-bottom: 10px;
		}
		
		.card-tag {
			display: inline-block;
			background: rgba(255, 255, 255, 0.1);
			padding: 6px 15px;
			border-radius: 20px;
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 1px;
		}
		/* Card Main */
		
		.card-main {
			padding: 40px;
			display: flex;
			align-items: center;
		}
		
		.card-content {
			width: 100%;
		}
		
		.main-title {
			font-size: 28px;
			font-weight: 700;
			margin-bottom: 15px;
			color: white;
		}
		
		.main-desc {
			font-size: 16px;
			line-height: 1.6;
			color: rgba(255, 255, 255, 0.8);
			margin-bottom: 25px;
			max-width: 500px;
		}
		/* Main List */
		
		.main-list {
			display: flex;
			flex-direction: column;
			gap: 12px;
		}
		
		.list-item {
			display: flex;
			align-items: center;
			gap: 12px;
		}
		
		.item-icon {
			color: #60a5fa;
			font-size: 16px;
		}
		
		.item-text {
			font-size: 15px;
			color: rgba(255, 255, 255, 0.9);
		}
		/* Main Stats */
		
		.main-stats {
			display: flex;
			gap: 40px;
			margin-bottom: 25px;
		}
		
		.stat-item {
			text-align: center;
		}
		
		.stat-value {
			font-size: 42px;
			font-weight: 800;
			color: #60a5fa;
			line-height: 1;
			margin-bottom: 8px;
		}
		
		.stat-label {
			font-size: 13px;
			color: rgba(255, 255, 255, 0.7);
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		
		.main-note {
			background: rgba(225, 27, 34, 0.1);
			border-left: 3px solid #e11b22;
			padding: 15px;
			border-radius: 8px;
		}
		
		.note-text {
			font-size: 14px;
			color: rgba(255, 255, 255, 0.9);
			font-weight: 500;
		}
		/* Main Grid */
		
		.main-grid {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
		}
		
		.grid-item {
			display: flex;
			align-items: center;
			gap: 15px;
			padding: 15px;
			background: rgba(255, 255, 255, 0.05);
			border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 10px;
		}
		
		.grid-icon {
			font-size: 20px;
		}
		
		.grid-text {
			font-size: 14px;
			color: rgba(255, 255, 255, 0.9);
		}
		/* Main Features */
		
		.main-features {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
		}
		
		.feature {
			padding: 20px;
			background: rgba(255, 255, 255, 0.05);
			border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 10px;
		}
		
		.feature-title {
			font-size: 16px;
			font-weight: 600;
			margin-bottom: 8px;
			color: white;
		}
		
		.feature-desc {
			font-size: 13px;
			color: rgba(255, 255, 255, 0.7);
		}
		/* Main Columns */
		
		.main-columns {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 30px;
		}
		
		.column {
			display: flex;
			flex-direction: column;
			gap: 12px;
		}
		
		.column-title {
			font-size: 14px;
			font-weight: 600;
			color: #60a5fa;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		}
		
		.column-item {
			font-size: 14px;
			color: rgba(255, 255, 255, 0.8);
			padding-left: 15px;
			position: relative;
		}
		
		.column-item::before {
			content: '•';
			position: absolute;
			left: 0;
			color: #60a5fa;
		}
		/* Process Flow */
		
		.geo-process {
			position: relative;
			padding: 40px 0;
			z-index: 2;
		}
		
		.process-line {
			position: absolute;
			top: 50%;
			left: 10%;
			right: 10%;
			height: 2px;
			background: linear-gradient(90deg, transparent, rgba(96, 165, 250, 0.3), transparent);
			transform: translateY(-50%);
		}
		
		.process-steps {
			display: flex;
			justify-content: space-between;
			position: relative;
			z-index: 1;
		}
		
		.process-step {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 15px;
			cursor: pointer;
			transition: all 0.3s ease;
		}
		
		.process-step:hover {
			transform: translateY(-10px);
		}
		
		.process-step.active .step-dot {
			background: #e11b22;
			box-shadow: 0 0 20px rgba(225, 27, 34, 0.5);
		}
		
		.step-dot {
			width: 20px;
			height: 20px;
			background: rgba(255, 255, 255, 0.2);
			border: 3px solid rgba(255, 255, 255, 0.3);
			border-radius: 50%;
			transition: all 0.3s ease;
		}
		
		.step-label {
			font-size: 12px;
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: rgba(255, 255, 255, 0.7);
			transition: all 0.3s ease;
		}
		
		.process-step.active .step-label {
			color: white;
		}
		/* ===== RESPONSIVE ===== */
		
		@media (max-width: 1200px) {
			.geo-card,
			.geo-card.reverse,
			.geo-card.large {
				grid-template-columns: 250px 1fr;
			}
			.main-columns {
				grid-template-columns: 1fr 1fr;
			}
		}
		
		@media (max-width: 992px) {
			.geometric-approach {
				padding: 60px 0;
			}
			.geo-title {
				font-size: 42px;
			}
			.geo-card,
			.geo-card.reverse,
			.geo-card.large {
				grid-template-columns: 1fr;
			}
			.card-side {
				padding: 30px;
			}
			.card-main {
				padding: 30px;
			}
			.main-grid,
			.main-features {
				grid-template-columns: 1fr;
			}
			.main-columns {
				grid-template-columns: 1fr;
				gap: 20px;
			}
			.process-line {
				display: none;
			}
			.process-steps {
				flex-direction: column;
				gap: 30px;
				align-items: center;
			}
			.process-step {
				flex-direction: row;
				gap: 15px;
				width: 100%;
				max-width: 300px;
			}
			.step-label {
				font-size: 14px;
			}
		}
		
		@media (max-width: 768px) {
			.geo-title {
				font-size: 36px;
			}
			.card-number {
				font-size: 48px;
			}
			.card-title {
				font-size: 20px;
			}
			.main-title {
				font-size: 24px;
			}
			.main-stats {
				flex-direction: column;
				gap: 20px;
			}
			.stat-value {
				font-size: 36px;
			}
		}
		
		@media (max-width: 576px) {
			.geo-title {
				font-size: 30px;
			}
			.card-side,
			.card-main {
				padding: 25px;
			}
			.main-title {
				font-size: 22px;
			}
			.main-desc {
				font-size: 15px;
			}
			.shape {
				display: none;
			}
		}
		</style>
		<style>
		.cta-section {
			position: relative;
			padding: 60px 0;
			color: white;
			text-align: center;
			overflow: hidden;
			background: #0a1931;
		}
		/* Animated gradient background */
		
		.cta-section::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: linear-gradient(45deg, rgba(26, 35, 126, 0.8) 0%, rgba(13, 71, 161, 0.8) 25%, rgba(21, 101, 192, 0.8) 50%, rgba(13, 71, 161, 0.8) 75%, rgba(26, 35, 126, 0.8) 100%);
			background-size: 400% 400%;
			animation: gradientFlow 15s ease infinite;
			z-index: 1;
		}
		/* Animated particles */
		
		.cta-particles {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			pointer-events: none;
			z-index: 2;
		}
		
		.particle {
			position: absolute;
			width: 2px;
			height: 2px;
			background: rgba(255, 255, 255, 0.3);
			border-radius: 50%;
			animation: particleFloat 20s infinite linear;
		}
		
		.particle:nth-child(odd) {
			animation-duration: 25s;
			animation-delay: -10s;
		}
		/* Moving gradient orbs */
		
		.gradient-orb {
			position: absolute;
			border-radius: 50%;
			filter: blur(40px);
			opacity: 0.3;
			animation: orbFloat 20s infinite ease-in-out;
		}
		
		.orb-1 {
			width: 300px;
			height: 300px;
			background: radial-gradient(circle, #2196f3, transparent);
			top: -150px;
			right: -100px;
			animation-delay: 0s;
		}
		
		.orb-2 {
			width: 200px;
			height: 200px;
			background: radial-gradient(circle, #7c4dff, transparent);
			bottom: -100px;
			left: -50px;
			animation-delay: -5s;
		}
		
		.cta-content {
			position: relative;
			z-index: 3;
			max-width: 800px;
			margin: 0 auto;
			padding: 40px;
			background: rgba(255, 255, 255, 0.1);
			backdrop-filter: blur(10px);
			border-radius: 16px;
			border: 1px solid rgba(255, 255, 255, 0.2);
		}
		
		.cta-title {
			font-size: 2.2rem;
			font-weight: 700;
			margin-bottom: 15px;
			color: white;
			position: relative;
			display: inline-block;
		}
		
		.cta-title::after {
			content: '';
			position: absolute;
			bottom: -5px;
			left: 25%;
			width: 50%;
			height: 3px;
			background: linear-gradient(90deg, transparent, #2196f3, transparent);
			border-radius: 2px;
		}
		
		.cta-subtitle {
			font-size: 1.1rem;
			margin-bottom: 30px;
			color: rgba(255, 255, 255, 0.9);
		}
		
		.cta-buttons {
			display: flex;
			gap: 15px;
			justify-content: center;
			flex-wrap: wrap;
		}
		
		.btn {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			padding: 14px 28px;
			font-size: 1rem;
			font-weight: 600;
			text-decoration: none;
			border-radius: 10px;
			transition: all 0.3s ease;
			border: 2px solid transparent;
			position: relative;
			overflow: hidden;
		}
		
		.btn::before {
			content: '';
			position: absolute;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
			transition: left 0.6s;
		}
		
		.btn:hover::before {
			left: 100%;
		}
		
		.btn-primary {
			background: #2196f3;
			color: white;
		}
		
		.btn-primary:hover {
			background: #1976d2;
			transform: translateY(-2px);
			box-shadow: 0 10px 20px rgba(33, 150, 243, 0.4);
		}
		
		.btn-secondary {
			background: transparent;
			color: white;
			border-color: rgba(255, 255, 255, 0.3);
		}
		
		.btn-secondary:hover {
			background: rgba(255, 255, 255, 0.1);
			transform: translateY(-2px);
		}
		/* Animations */
		
		@keyframes gradientFlow {
			0% {
				background-position: 0% 50%;
			}
			50% {
				background-position: 100% 50%;
			}
			100% {
				background-position: 0% 50%;
			}
		}
		
		@keyframes particleFloat {
			0% {
				transform: translateY(100vh) translateX(0) rotate(0deg);
				opacity: 0;
			}
			10% {
				opacity: 1;
			}
			90% {
				opacity: 1;
			}
			100% {
				transform: translateY(-100px) translateX(100px) rotate(360deg);
				opacity: 0;
			}
		}
		
		@keyframes orbFloat {
			0%,
			100% {
				transform: translate(0, 0) scale(1);
			}
			33% {
				transform: translate(50px, -30px) scale(1.1);
			}
			66% {
				transform: translate(-30px, 40px) scale(0.9);
			}
		}
		
		@media (max-width: 768px) {
			.cta-section {
				padding: 40px 20px;
			}
			.cta-content {
				padding: 30px 20px;
			}
			.cta-title {
				font-size: 1.8rem;
			}
			.cta-buttons {
				flex-direction: column;
				align-items: center;
			}
			.btn {
				width: 100%;
				max-width: 300px;
				justify-content: center;
			}
		}
		/* Add this at the end of the existing style tag in ps-section-2 section */
		
		.ps-section-2 {
			display: block !important;
			visibility: visible !important;
			opacity: 1 !important;
			position: relative !important;
			z-index: 10 !important;
		}
		
		.flow-item {
			display: block !important;
			visibility: visible !important;
		}
		
		.process-card4:not(:last-child) {
			margin-bottom: 10px!important;
		}
		
		.process-card4 {
			padding: 20px!important;
		}
		
		.box-title {
			font-size: 20px!important;
		}
		/* Base Styles */
		
		.tech-gradient-section {
			position: relative;
			padding: 40px 0;
			background: linear-gradient(135deg, #f4f7fb 0%, #e9eef6 100%);
			overflow: hidden;
		}
		/* Light Version Specific */
		
		.tech-gradient-section.light-version {
			background: linear-gradient(135deg, #f4f7fb 0%, #e9eef6 100%);
		}
		
		.tech-grid-pattern {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: linear-gradient(rgba(23, 71, 158, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 71, 158, 0.03) 1px, transparent 1px);
			background-size: 40px 40px;
			opacity: 0.3;
		}
		
		.glow-orb {
			position: absolute;
			width: 400px;
			height: 400px;
			border-radius: 50%;
			filter: blur(80px);
			opacity: 0.15;
			animation: floatOrb 20s infinite alternate ease-in-out;
		}
		
		.glow-orb:nth-child(2) {
			background: radial-gradient(circle, rgba(96, 165, 250, 0.15) 0%, transparent 70%);
			top: -200px;
			right: -200px;
			animation-delay: 0s;
		}
		
		.glow-orb.red {
			background: radial-gradient(circle, rgba(225, 27, 34, 0.12) 0%, transparent 70%);
			bottom: -200px;
			left: -200px;
			animation-delay: 2s;
		}
		
		@keyframes floatOrb {
			0% {
				transform: translate(0, 0) scale(1);
			}
			50% {
				transform: translate(-50px, 50px) scale(1.05);
			}
			100% {
				transform: translate(50px, -50px) scale(0.95);
			}
		}
		/* Section Header */
		
		.section-header {
			position: relative;
			z-index: 2;
		}
		
		.section-title {
			color: #17479e;
			font-size: 30px;
			font-weight: 700;
			margin-bottom: 20px;
			line-height: 1.2;
		}
		
		.title-gradient {
			background: linear-gradient(90deg, #3b82f6, #ef4444);
			-webkit-background-clip: text;
			background-clip: text;
			-webkit-text-fill-color: transparent;
			display: inline-block;
		}
		/* Tech Cards */
		
		.tech-card {
			background: rgba(255, 255, 255, 0.85);
			border-radius: 16px;
			padding: 40px 30px;
			height: 100%;
			border: 1px solid rgba(226, 232, 240, 0.8);
			transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			position: relative;
			overflow: hidden;
			backdrop-filter: blur(8px);
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
		}
		
		.tech-card::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(135deg, rgba(96, 165, 250, 0.08) 0%, rgba(239, 68, 68, 0.04) 100%);
			opacity: 0;
			transition: opacity 0.4s ease;
		}
		
		.tech-card:hover {
			background: rgba(255, 255, 255, 0.95);
			transform: translateY(-8px);
			border-color: rgba(148, 163, 184, 0.4);
			box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08), 0 0 40px rgba(96, 165, 250, 0.15);
		}
		
		.tech-card:hover::before {
			opacity: 1;
		}
		
		.tech-icon {
			width: 70px;
			height: 70px;
			border-radius: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 25px;
			color: #ffffff;
			font-size: 28px;
			position: relative;
			overflow: hidden;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		}
		/* Card-specific icon backgrounds */
		
		.tech-card:nth-child(1) .tech-icon {
			background: linear-gradient(135deg, #17479e, #17479e);
		}
		
		.tech-card:nth-child(2) .tech-icon {
			background: linear-gradient(135deg, #ef4444, #f87171);
		}
		
		.tech-card:nth-child(3) .tech-icon {
			background: linear-gradient(135deg, #10b981, #34d399);
		}
		
		.tech-icon::after {
			content: '';
			position: absolute;
			top: -50%;
			left: -50%;
			width: 200%;
			height: 200%;
			background: linear-gradient( to bottom right, transparent 30%, rgba(255, 255, 255, 0.2) 50%, transparent 70%);
			transform: rotate(45deg);
			animation: shine 3s infinite;
		}
		
		@keyframes shine {
			0% {
				transform: translateX(-100%) translateY(-100%) rotate(45deg);
			}
			100% {
				transform: translateX(100%) translateY(100%) rotate(45deg);
			}
		}
		
		.tech-card h3 {
			color: #1e293b;
			font-size: 22px;
			font-weight: 700;
			margin-bottom: 15px;
			line-height: 1.3;
		}
		
		.tech-card p {
			color: #475569;
			line-height: 1.6;
			font-size: 16px;
			margin-bottom: 0;
		}
		/* Responsive Design */
		
		@media (max-width: 991px) {
			.tech-gradient-section {
				padding: 60px 0;
			}
			.section-title {
				font-size: 36px;
			}
			.tech-card {
				padding: 35px 25px;
			}
			.tech-icon {
				width: 60px;
				height: 60px;
				font-size: 24px;
			}
			.tech-card h3 {
				font-size: 20px;
			}
			.tech-card p {
				font-size: 15px;
			}
			.glow-orb {
				width: 300px;
				height: 300px;
			}
		}
		
		@media (max-width: 767px) {
			.tech-gradient-section {
				padding: 50px 0;
			}
			.section-title {
				font-size: 32px;
			}
			.row.g-4 {
				gap: 20px !important;
			}
			.tech-card {
				padding: 30px 20px;
				margin-bottom: 0;
			}
			.tech-icon {
				width: 55px;
				height: 55px;
				font-size: 22px;
				margin-bottom: 20px;
			}
			.tech-card h3 {
				font-size: 19px;
			}
			.tech-card p {
				font-size: 15px;
			}
			.glow-orb {
				width: 250px;
				height: 250px;
				filter: blur(60px);
			}
		}
		
		@media (max-width: 575px) {
			.tech-gradient-section {
				padding: 40px 0;
			}
			.section-title {
				font-size: 28px;
			}
			.tech-card {
				padding: 25px 20px;
			}
			.tech-icon {
				width: 50px;
				height: 50px;
				font-size: 20px;
				margin-bottom: 15px;
				border-radius: 12px;
			}
			.tech-card h3 {
				font-size: 18px;
				margin-bottom: 12px;
			}
			.tech-card p {
				font-size: 14px;
				line-height: 1.5;
			}
			.glow-orb {
				width: 200px;
				height: 200px;
				filter: blur(50px);
			}
		}
		
		@media (max-width: 375px) {
			.section-title {
				font-size: 24px;
			}
			.tech-card {
				padding: 20px 15px;
			}
			.tech-card h3 {
				font-size: 17px;
			}
			.tech-card p {
				font-size: 13px;
			}
		}
		/* Touch Device Optimizations */
		
		@media (hover: none) and (pointer: coarse) {
			.tech-card:hover {
				transform: none;
			}
			.tech-card:hover {
				transform: none;
				box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
			}
		}


		/* ================================
   SECTION BASE
================================ */
		
		.geometric-services {
			position: relative;
			padding: 50px 0;
			overflow: hidden;
			font-family: "Inter", system-ui, sans-serif;
		}
		/* ================================
   BACKGROUND EFFECT
================================ */
		
		.geometric-background {
			position: absolute;
			inset: 0;
			z-index: 0;
			pointer-events: none;
		}
		
		.geo-shape {
			position: absolute;
			border-radius: 50%;
			filter: blur(60px);
			opacity: 0.45;
			animation: float 14s infinite alternate ease-in-out;
		}
		
		.geo-1 {
			width: 360px;
			height: 360px;
			background: #3b82f6;
			top: -100px;
			left: -120px;
		}
		
		.geo-2 {
			width: 420px;
			height: 420px;
			background: #ff4757;
			bottom: -120px;
			right: -140px;
			animation-delay: 2s;
		}
		
		.geo-3 {
			width: 260px;
			height: 260px;
			background: #6366f1;
			top: 40%;
			left: 55%;
			animation-delay: 4s;
		}
		
		@keyframes float {
			from {
				transform: translateY(0px);
			}
			to {
				transform: translateY(-40px);
			}
		}
		/* ================================
   CONTAINER LAYERING
================================ */
		
		.geometric-services .container {
			position: relative;
			z-index: 2;
		}
		/* ================================
   HEADER
================================ */
		
		.geo-header {
			text-align: center;
			margin-bottom: 70px;
		}
		
		.geo-title {
			font-size: 46px;
			font-weight: 800;
			color: #0f172a;
			letter-spacing: -0.02em;
		}
		/* ================================
   GRID LAYOUT
================================ */
		
		.geo-content-grid {
			display: grid;
			grid-template-columns: 360px 1fr;
			gap: 40px;
		}
		/* ================================
   LEFT NAV PANEL
================================ */
		
		.service-nav {
			background: rgba(255, 255, 255, 0.7);
			backdrop-filter: blur(14px);
			border-radius: 20px;
			padding: 30px;
			border: 1px solid rgba(255, 255, 255, 0.6);
			box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
		}
		
		.nav-title {
			font-size: 18px;
			font-weight: 700;
			color: #1e293b;
			margin-bottom: 25px;
		}
		
		.nav-items {
			display: flex;
			flex-direction: column;
			gap: 12px;
		}
		
		.nav-item {
			background: transparent;
			border: 1px solid #e5e7eb;
			border-radius: 14px;
			padding: 16px 18px;
			display: flex;
			align-items: center;
			gap: 14px;
			cursor: pointer;
			font-size: 14px;
			color: #334155;
			transition: all 0.35s ease;
		}
		
		.nav-number {
			font-weight: 700;
			color: #64748b;
		}
		
		.nav-arrow {
			margin-left: auto;
			opacity: 0.4;
			transition: transform 0.3s ease;
		}
		
		.nav-item:hover {
			background: #f8fafc;
			transform: translateX(6px);
		}
		
		.nav-item.active {
			background: linear-gradient(135deg, #17479e, #ff4757);
			color: white;
			border-color: transparent;
			box-shadow: 0 15px 30px rgba(37, 99, 235, 0.35);
		}
		
		.nav-item.active .nav-number,
		.nav-item.active .nav-arrow {
			color: white;
			opacity: 1;
		}
		
		.nav-item.active .nav-arrow {
			transform: translateX(4px);
		}
		/* ================================
   DETAILS PANEL
================================ */
		
		.service-details {
			position: relative;
		}
		
		.detail-card {
			display: none;
			background: rgba(255, 255, 255, 0.85);
			backdrop-filter: blur(16px);
			border-radius: 26px;
			padding: 20px;
			border: 1px solid rgba(255, 255, 255, 0.6);
			box-shadow: 0 30px 70px rgba(0, 0, 0, 0.1);
			animation: fadeUp 0.45s ease;
		}
		
		.detail-card.active {
			display: block;
			border: 1px solid #e2e8f0;
		}
		
		@keyframes fadeUp {
			from {
				opacity: 0;
				transform: translateY(15px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}
		
		.detail-title {
			font-size: 32px;
			font-weight: 800;
			color: #0f172a;
			margin-bottom: 20px;
		}
		/* ================================
   HIGHLIGHT
================================ */
		
		.detail-highlight {
			background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(34, 197, 94, 0.08));
			border-left: 4px solid #ff4757;
			padding: 20px 24px;
			border-radius: 14px;
			color: #065f46;
			font-size: 14px;
			margin-bottom: 35px;
		}
		/* ================================
   CONTENT
================================ */
		
		.detail-content {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 30px;
		}
		
		.content-title {
			font-size: 16px;
			font-weight: 700;
			color: #17479e;
			margin-bottom: 0px;
		}
		
		.content-list li {
			margin-bottom: 10px;
			color: #475569;
		}
		
		.value-statement {
			background: #f1f5f9;
			padding: 18px;
			border-radius: 14px;
			color: #0f172a;
			font-weight: 600;
		}
		
		.utility-link i {
			transform: scaleX(-1);
		}
		/* ================================
   RESPONSIVE
================================ */
		
		@media (max-width: 992px) {
			.geo-content-grid {
				grid-template-columns: 1fr;
			}
		}
		
		.hero-style2 {
			max-width: 1200px!important;
		}
		
		.detail-card h3 {
			font-weight: 700;
			color: #17479e;
			font-size: 24px;
			text-decoration: underline;
		}

		body {
			user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
		}

		.utility-link i {
			transform: scaleX(-1)!important;
		}


		/* Enhanced styling for delivery section */
.tech-gradient-section.light-version {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.tech-grid-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(23,71,158,0.03) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(23,71,158,0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
}

.glow-orb {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(23,71,158,0.1) 0%, transparent 70%);
    top: -100px;
    right: -100px;
    pointer-events: none;
}

.glow-orb.red {
    background: radial-gradient(circle, rgba(225,27,34,0.05) 0%, transparent 70%);
    bottom: -100px;
    left: -100px;
    top: auto;
    right: auto;
}

.section-header {
    position: relative;
    z-index: 2;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #0b1a33;
    margin-bottom: 1rem;
}

.title-gradient {
    background: linear-gradient(90deg, #17479e, #2d76e6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.delivery-card {
    background: white;
    border-radius: 20px;
    padding: 30px 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    border: 1px solid #eaeef5;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.delivery-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(23,71,158,0.1);
    border-color: #17479e;
}

.delivery-card .tech-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #17479e 0%, #2d76e6 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.delivery-card .tech-icon i {
    font-size: 28px;
    color: white;
}

.delivery-card h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #0b1a33;
    margin-bottom: 15px;
    line-height: 1.4;
}

.delivery-card p {
    color: #4a5b6e;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
    flex-grow: 1;
}

.simulation-card .simulation-highlight {
    font-size: 1rem;
    font-weight: 500;
    color: #e11b22;
    background: rgba(225,27,34,0.05);
    padding: 15px;
    border-radius: 12px;
    border-left: 4px solid #e11b22;
    margin-top: 10px;
}

.documentation-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 15px;
}

.doc-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 12px;
    background: #f8fafc;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.doc-item:hover {
    background: linear-gradient(135deg, #17479e 0%, #2d76e6 100%);
    transform: translateX(5px);
}

.doc-item:hover i,
.doc-item:hover span {
    color: white;
}

.doc-item i {
    color: #17479e;
    font-size: 1.1rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.doc-item span {
    color: #0b1a33;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.4;
}

.h-100 {
    height: 100%;
}

@media (max-width: 768px) {
    .section-title {
        font-size: 2rem;
    }
    
    .delivery-card {
        padding: 25px 20px;
    }
    
    .delivery-card h3 {
        font-size: 1.2rem;
    }
    
    .doc-item span {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .col-md-6 {
        margin-bottom: 20px;
    }
}


 .threerow-inner .capabilities-grid {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
             gap: 2rem;
             margin-top: 3rem;
         }