/* Core Styles - Oilsion India - Modern Design */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');

:root{
	--blue:#0b3d91;
	--blue-dark:#072b66;
	--blue-light:#1e56c0;
	--orange:#ff7a00;
	--orange-light:#ff9533;
	--orange-dark:#e66900;
	--text:#1a1f2e;
	--text-light:#344563;
	--muted:#5b6675;
	--bg:#ffffff;
	--bg-alt:#f5f8fc;
	--bg-light:#fafbfd;
	--border:#e8eef7;
	--border-light:#f0f4f9;
	--shadow-xs:0 1px 3px rgba(11,61,145,0.05);
	--shadow-sm:0 2px 8px rgba(11,61,145,0.08);
	--shadow-md:0 4px 16px rgba(11,61,145,0.12);
	--shadow-lg:0 8px 24px rgba(11,61,145,0.16);
	--shadow-xl:0 12px 32px rgba(11,61,145,0.2);
	--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--transition-fast:all 0.15s ease;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
	margin:0;
	font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
	color:var(--text);
	background:#fff;
	line-height:1.7;
	font-size:16px;
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

a{color:var(--blue);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--blue-light)}
img{max-width:100%;display:block;height:auto}
.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}

/* Typography */
h1,h2,h3,h4,h5,h6{
	font-family:'Poppins',sans-serif;
	font-weight:700;
	line-height:1.3;
	margin:0;
	color:var(--text);
	letter-spacing:-0.02em;
}
h1{font-size:clamp(32px,5vw,48px);font-weight:800}
h2{font-size:clamp(24px,4vw,36px);font-weight:700}
h3{font-size:clamp(20px,3vw,28px);font-weight:600}
h4{font-size:18px;font-weight:600}
p{margin:0 0 1em;color:var(--text-light);font-size:16px}
strong{font-weight:600;color:var(--text)}

/* Buttons */
.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:14px 28px;
	border-radius:8px;
	border:2px solid transparent;
	cursor:pointer;
	transition:var(--transition);
	font-weight:600;
	font-size:15px;
	text-align:center;
	white-space:nowrap;
	font-family:inherit;
}
.btn-primary{
	background:var(--orange);
	color:#fff;
	border-color:var(--orange);
	box-shadow:var(--shadow-sm);
}
.btn-primary:hover{
	background:var(--orange-dark);
	border-color:var(--orange-dark);
	transform:translateY(-2px);
	box-shadow:var(--shadow-md);
}
.btn-outline{
	background:transparent;
	border-color:var(--blue);
	color:var(--blue);
}
.btn-outline:hover{
	background:var(--blue);
	color:#fff;
	transform:translateY(-2px);
	box-shadow:var(--shadow-sm);
}
.btn-outline-white{
	background:transparent;
	border-color:#fff;
	color:#fff;
}
.btn-outline-white:hover{
	background:rgba(255,255,255,0.15);
	border-color:#fff;
	transform:translateY(-2px);
	backdrop-filter:blur(10px);
}
.btn-lg{padding:16px 32px;font-size:18px;font-weight:700}

/* Navbar */
.navbar{
	position:sticky;
	top:0;
	background:rgba(255,255,255,0.98);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	border-bottom:1px solid var(--border);
	z-index:1000;
	box-shadow:var(--shadow-xs);
	transition:var(--transition);
}
.navbar:hover{box-shadow:var(--shadow-sm)}
.nav-wrapper{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:72px;
	max-width:1400px;
	margin:0 auto;
	padding:0 20px;
}
.logo a{
	font-weight:800;
	color:var(--blue);
	letter-spacing:-0.5px;
	font-size:20px;
	display:flex;
	align-items:center;
	gap:8px;
}
.logo a img{
	height:42px;
	width:auto;
	object-fit:contain;
	transition:var(--transition);
}
.logo a:hover img{transform:scale(1.05)}
.nav-menu{
	list-style:none;
	display:flex;
	gap:4px;
	margin:0;
	padding:0;
	align-items:center;
}
.nav-menu a{
	color:var(--text);
	padding:10px 14px;
	border-radius:8px;
	font-weight:500;
	font-size:15px;
	position:relative;
	transition:var(--transition);
}
.nav-menu a::after{
	content:'';
	position:absolute;
	bottom:6px;
	left:14px;
	right:14px;
	height:2px;
	background:var(--orange);
	transform:scaleX(0);
	transition:var(--transition);
	border-radius:2px;
}
.nav-menu a.active,.nav-menu a:hover{color:var(--blue)}
.nav-menu a.active::after,.nav-menu a:hover::after{transform:scaleX(1)}
.dropdown{position:relative}
.dropdown-menu{
	position:absolute;
	top:100%;
	left:0;
	margin-top:8px;
	display:none;
	background:#fff;
	border:1px solid var(--border);
	box-shadow:var(--shadow-lg);
	padding:8px;
	border-radius:12px;
	min-width:220px;
	animation:fadeInDown 0.3s ease;
}
.dropdown:hover .dropdown-menu{display:block}
.dropdown-menu a{
	display:block;
	padding:12px 16px;
	border-radius:8px;
	font-size:14px;
}
.dropdown-menu a:hover{background:var(--bg-alt)}
.dropdown-menu a::after{display:none}
.nav-cta .btn{margin-left:12px}
.hamburger{
	display:none;
	flex-direction:column;
	gap:5px;
	cursor:pointer;
	padding:8px;
}
.hamburger span{
	display:block;
	width:24px;
	height:2px;
	background:#333;
	transition:var(--transition);
	border-radius:2px;
}

/* Hero */
.hero{
	position:relative;
	background:linear-gradient(135deg, rgba(7,43,102,0.92), rgba(11,61,145,0.85)), url('../assets/IMG-20251028-WA0011.jpg') center/cover no-repeat;
	color:#fff;
	padding:160px 0 120px;
	min-height:600px;
	display:flex;
	align-items:center;
	overflow:hidden;
}
.hero::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:radial-gradient(circle at 30% 50%,rgba(255,122,0,0.15),transparent 60%);
}
.hero-overlay{position:absolute;inset:0;z-index:1}
.hero-content{
	position:relative;
	z-index:2;
	max-width:800px;
}
.hero-title{
	font-size:clamp(36px,6vw,56px);
	margin:0 0 20px;
	font-weight:800;
	line-height:1.2;
	text-shadow:0 2px 20px rgba(0,0,0,0.3);
	letter-spacing:-0.03em;
	color:#fff !important;
}
.hero-subtitle{
	font-size:clamp(18px,2.5vw,22px);
	margin:0 0 36px;
	color:#e8efff;
	font-weight:400;
	line-height:1.6;
	text-shadow:0 1px 10px rgba(0,0,0,0.2);
}
.hero-cta{
	display:flex;
	gap:12px;
	flex-wrap:wrap;
}
.hero-cta .btn{margin-right:0;margin-bottom:8px}
.scroll-indicator{
	position:absolute;
	left:50%;
	bottom:30px;
	transform:translateX(-50%);
	opacity:0.7;
	animation:bounce 2s infinite;
	z-index:2;
	font-size:20px;
}
@keyframes bounce{
	0%,100%{transform:translateX(-50%) translateY(0)}
	50%{transform:translateX(-50%) translateY(-10px)}
}
@keyframes fadeInDown{
	from{opacity:0;transform:translateY(-10px)}
	to{opacity:1;transform:translateY(0)}
}

/* Sections */
.section-header{
	text-align:center;
	margin:60px 0 40px;
}
.section-header h2{
	margin:0 0 12px;
	position:relative;
	padding-bottom:16px;
}
.section-header h2::after{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:60px;
	height:4px;
	background:linear-gradient(90deg,var(--orange),var(--blue));
	border-radius:2px;
}
.section-subtitle{
	color:var(--muted);
	font-size:18px;
	max-width:700px;
	margin:0 auto;
	line-height:1.6;
}
.page-header{
	background:linear-gradient(135deg,var(--bg-alt),var(--bg-light));
	padding:60px 0;
	border-bottom:1px solid var(--border);
	position:relative;
}
.page-header::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:4px;
	background:linear-gradient(90deg,var(--blue),var(--orange));
}
.page-header h1{margin:0;color:var(--blue)}
.page-header p{
	font-size:18px;
	color:var(--muted);
	margin-top:8px;
}

/* Impact */
.impact-section{
	padding:80px 0;
	background:linear-gradient(180deg,#fff,var(--bg-light));
}
.impact-steps{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
	margin-top:40px;
}
.impact-step{
	background:#fff;
	border:1px solid var(--border);
	border-radius:16px;
	padding:32px 24px;
	text-align:center;
	transition:var(--transition);
	position:relative;
	overflow:hidden;
	box-shadow:var(--shadow-xs);
}
.impact-step::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:4px;
	background:linear-gradient(90deg,var(--blue),var(--orange));
	transform:scaleX(0);
	transition:var(--transition);
}
.impact-step:hover{
	transform:translateY(-8px);
	box-shadow:var(--shadow-lg);
	border-color:transparent;
}
.impact-step:hover::before{transform:scaleX(1)}
.step-number{
	width:40px;
	height:40px;
	border-radius:50%;
	background:var(--orange);
	color:#fff;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
	font-size:18px;
	margin-bottom:12px;
	box-shadow:var(--shadow-sm);
}
.step-icon{
	font-size:36px;
	color:var(--blue);
	margin:16px 0;
	transition:var(--transition);
}
.impact-step:hover .step-icon{
	transform:scale(1.15);
	color:var(--orange);
}
.impact-step h3{
	font-size:20px;
	margin:12px 0 8px;
	color:var(--blue);
}
.impact-focus{
	margin-top:50px;
	text-align:center;
}
.impact-focus h3{
	font-size:24px;
	margin-bottom:24px;
	color:var(--blue);
}
.focus-items{
	display:flex;
	gap:16px;
	justify-content:center;
	flex-wrap:wrap;
}
.focus-item{
	display:flex;
	gap:10px;
	align-items:center;
	background:linear-gradient(135deg,var(--bg-alt),#fff);
	padding:14px 24px;
	border-radius:30px;
	border:2px solid var(--border);
	transition:var(--transition);
	font-weight:600;
}
.focus-item:hover{
	transform:translateY(-4px);
	box-shadow:var(--shadow-md);
	border-color:var(--orange);
	background:#fff;
}
.focus-item i{
	color:var(--orange);
	font-size:20px;
}

/* Product sections */
.products-overview,.product-section{
	padding:80px 0;
}
.products-grid,.product-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
	margin-top:40px;
}
.product-card,.product-item{
	background:#fff;
	border:1px solid var(--border);
	border-radius:16px;
	padding:28px;
	text-align:center;
	transition:var(--transition);
	position:relative;
	box-shadow:var(--shadow-xs);
}
.product-card:hover,.product-item:hover{
	transform:translateY(-8px);
	box-shadow:var(--shadow-lg);
	border-color:transparent;
}
.product-icon,.product-icon-large{
	font-size:48px;
	color:var(--blue);
	margin-bottom:20px;
	transition:var(--transition);
}
.product-card:hover .product-icon,.product-item:hover .product-icon{
	transform:scale(1.15) rotate(5deg);
	color:var(--orange);
}
.product-card h3,.product-item h3{
	font-size:20px;
	margin:12px 0 8px;
	color:var(--blue);
}
.product-section.alt{
	background:linear-gradient(180deg,var(--bg-alt),#fff);
}
.product-categories{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:24px;
}
.product-category{
	background:#fff;
	border:1px solid var(--border);
	border-radius:16px;
	padding:24px;
	box-shadow:var(--shadow-xs);
}
.product-category h3{
	font-size:20px;
	color:var(--blue);
	margin-bottom:20px;
	display:flex;
	align-items:center;
	gap:10px;
}
.product-category h3 i{color:var(--orange)}
.product-list{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:12px;
}
.product-item-small{
	display:flex;
	gap:10px;
	align-items:center;
	background:#fff;
	border:1px dashed var(--border);
	border-radius:8px;
	padding:12px;
	transition:var(--transition);
}
.product-item-small:hover{
	background:var(--bg-alt);
	border-color:var(--orange);
	border-style:solid;
	transform:translateX(4px);
}
.product-item-small i{
	color:var(--orange);
	font-size:14px;
}
.product-cta{
	margin-top:24px;
	text-align:center;
}

/* Features/Why */
.why-choose-us{
	background:linear-gradient(180deg,var(--bg-alt),#fff);
	padding:80px 0;
}
.features-grid{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:20px;
}
.feature-item{
	background:#fff;
	border:1px solid var(--border);
	border-radius:16px;
	padding:28px 20px;
	text-align:center;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.feature-item:hover{
	transform:translateY(-6px);
	box-shadow:var(--shadow-md);
	border-color:var(--orange);
}
.feature-item i{
	font-size:40px;
	color:var(--blue);
	margin-bottom:16px;
	transition:var(--transition);
}
.feature-item:hover i{
	color:var(--orange);
	transform:scale(1.15);
}
.feature-item h4{
	font-size:16px;
	margin:12px 0 8px;
	color:var(--blue);
}

/* Partners */
.partners-section{
	padding:80px 0;
	background:var(--bg-light);
}
.partners-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}
.partner-item{
	border:1px solid var(--border);
	border-radius:16px;
	padding:32px 20px;
	text-align:center;
	background:#fff;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.partner-item:hover{
	transform:translateY(-6px);
	box-shadow:var(--shadow-md);
	border-color:var(--orange);
}
.partner-item i{
	font-size:48px;
	color:var(--blue);
	margin-bottom:12px;
}
.partner-item h4{
	font-size:18px;
	margin:12px 0 4px;
	color:var(--blue);
}

/* CTA */
.cta-section{
	background:linear-gradient(135deg,var(--blue-dark),var(--blue-light));
	color:#fff;
	padding:80px 0;
	position:relative;
	overflow:hidden;
}
.cta-section::before{
	content:'';
	position:absolute;
	top:-50%;
	right:-10%;
	width:500px;
	height:500px;
	background:radial-gradient(circle,var(--orange),transparent);
	opacity:0.15;
	border-radius:50%;
}
.cta-content{
	text-align:center;
	position:relative;
	z-index:2;
}
.cta-content h2{
	color:#fff;
	margin-bottom:16px;
}
.cta-content p{
	color:#e8efff;
	font-size:18px;
	margin-bottom:32px;
}
.cta-buttons{
	display:flex;
	gap:12px;
	justify-content:center;
	flex-wrap:wrap;
}
.cta-buttons .btn{margin:0}

/* About */
.about-content{
	padding:80px 0;
}
.about-intro{
	margin-bottom:40px;
}
.about-intro h2{
	font-size:32px;
	margin-bottom:20px;
	color:var(--blue);
}
.mission-vision{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
	margin-top:40px;
}
.mission-box{
	border:1px solid var(--border);
	border-radius:16px;
	padding:32px 24px;
	text-align:center;
	background:#fff;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.mission-box:hover{
	transform:translateY(-6px);
	box-shadow:var(--shadow-md);
	border-color:var(--orange);
}
.mission-box i{
	font-size:48px;
	color:var(--blue);
	margin-bottom:16px;
}
.mission-box h3{
	font-size:20px;
	margin:12px 0 8px;
	color:var(--blue);
}
.what-we-do{
	background:var(--bg-alt);
	padding:80px 0;
}
.services-overview{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}
.service-card{
	background:#fff;
	border:1px solid var(--border);
	border-radius:16px;
	padding:24px;
	overflow:hidden;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.service-card:hover{
	transform:translateY(-6px);
	box-shadow:var(--shadow-md);
}
.service-card img{
	border-radius:12px;
	margin-bottom:16px;
	width:100%;
	height:200px;
	object-fit:cover;
	transition:var(--transition);
}
.service-card:hover img{transform:scale(1.05)}

/* Services detailed */
.impact-section-detailed{
	padding:80px 0;
}
.impact-steps-detailed{
	display:grid;
	grid-template-columns:1fr;
	gap:32px;
	margin-top:40px;
}
.impact-step-detailed{
	background:#fff;
	border:1px solid var(--border);
	border-radius:16px;
	padding:32px;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.impact-step-detailed:hover{
	box-shadow:var(--shadow-md);
	border-color:var(--orange);
}
.step-header{
	display:flex;
	align-items:center;
	gap:16px;
	margin-bottom:20px;
}
.step-number-large{
	width:56px;
	height:56px;
	border-radius:50%;
	background:var(--orange);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
	font-size:24px;
	flex-shrink:0;
	box-shadow:var(--shadow-sm);
}
.step-icon-large{
	font-size:36px;
	color:var(--blue);
}
.step-content ul{
	list-style:none;
	padding-left:0;
	margin-top:12px;
}
.step-content li{
	padding:8px 0;
	padding-left:28px;
	position:relative;
	color:var(--text-light);
}
.step-content li::before{
	content:'✓';
	position:absolute;
	left:0;
	color:var(--orange);
	font-weight:700;
	font-size:18px;
}
.benefits-grid{
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:20px;
	margin-top:30px;
}
.benefit-card{
	background:#fff;
	border:1px solid var(--border);
	border-radius:16px;
	padding:24px 16px;
	text-align:center;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.benefit-card:hover{
	transform:translateY(-6px);
	box-shadow:var(--shadow-md);
	border-color:var(--orange);
}
.benefit-card i{
	font-size:36px;
	color:var(--blue);
	margin-bottom:12px;
}
.benefit-card h4{
	font-size:16px;
	margin:8px 0 4px;
	color:var(--blue);
}

/* Industries */
.industries-section{
	padding:80px 0;
}
.industries-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}
.industry-card{
	border:1px solid var(--border);
	border-radius:16px;
	padding:32px 24px;
	background:#fff;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.industry-card:hover{
	transform:translateY(-8px);
	box-shadow:var(--shadow-lg);
	border-color:var(--orange);
}
.industry-icon{
	font-size:52px;
	color:var(--blue);
	margin-bottom:20px;
	transition:var(--transition);
}
.industry-card:hover .industry-icon{
	transform:scale(1.15) rotate(-5deg);
	color:var(--orange);
}
.industry-card h3{
	font-size:22px;
	margin:12px 0 16px;
	color:var(--blue);
}
.industry-benefits{
	padding-left:0;
	list-style:none;
}
.industry-benefits li{
	padding:8px 0;
	padding-left:24px;
	position:relative;
	color:var(--text-light);
}
.industry-benefits li::before{
	content:'→';
	position:absolute;
	left:0;
	color:var(--orange);
	font-weight:700;
}

/* Case studies */
.case-studies-section{
	padding:80px 0;
}
.case-studies-grid{
	display:grid;
	grid-template-columns:1fr;
	gap:32px;
}
.case-study-card{
	display:grid;
	grid-template-columns:320px 1fr;
	gap:24px;
	border:1px solid var(--border);
	border-radius:16px;
	padding:24px;
	background:#fff;
	transition:var(--transition);
	overflow:hidden;
	box-shadow:var(--shadow-xs);
}
.case-study-card:hover{
	transform:translateY(-4px);
	box-shadow:var(--shadow-lg);
	border-color:var(--orange);
}
.case-image img{
	border-radius:12px;
	height:100%;
	min-height:240px;
	object-fit:cover;
	transition:var(--transition);
}
.case-study-card:hover .case-image img{transform:scale(1.05)}
.case-industry{
	font-size:12px;
	color:var(--muted);
	text-transform:uppercase;
	letter-spacing:.3px;
	font-weight:600;
	margin-bottom:8px;
}
.case-results{
	margin-top:16px;
}
.result-item{
	margin-bottom:16px;
}
.result-item strong{
	color:var(--blue);
	display:block;
	margin-bottom:8px;
	font-size:16px;
}
.result-item ul{
	list-style:none;
	padding-left:0;
	margin-top:8px;
}
.result-item li{
	padding:6px 0;
	padding-left:24px;
	position:relative;
	color:var(--text-light);
}
.result-item li::before{
	content:'•';
	position:absolute;
	left:0;
	color:var(--orange);
	font-weight:700;
	font-size:20px;
}

/* Resources */
.resources-section{
	padding:80px 0;
}
.resources-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}
.resource-card{
	border:1px solid var(--border);
	border-radius:16px;
	padding:32px 24px;
	background:#fff;
	text-align:center;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.resource-card:hover{
	transform:translateY(-8px);
	box-shadow:var(--shadow-lg);
	border-color:var(--orange);
}
.resource-icon{
	font-size:52px;
	color:#e63946;
	margin-bottom:16px;
}
.resource-card h3{
	font-size:18px;
	margin:12px 0 8px;
	color:var(--blue);
}
.newsletter-section{
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:linear-gradient(135deg,#fff,var(--bg-alt));
	border:1px solid var(--border);
	border-radius:16px;
	padding:32px;
	margin-top:40px;
	box-shadow:var(--shadow-sm);
}
.newsletter-content h3{
	color:var(--blue);
	margin-bottom:8px;
	font-size:22px;
}
.newsletter-form{
	display:flex;
	gap:12px;
	flex-wrap:wrap;
}
.newsletter-form input{
	padding:14px 18px;
	border:1px solid var(--border);
	border-radius:8px;
	min-width:280px;
	font-size:15px;
	transition:var(--transition);
	flex:1;
	font-family:inherit;
}
.newsletter-form input:focus{
	outline:none;
	border-color:var(--blue);
	box-shadow:0 0 0 3px rgba(11,61,145,0.1);
}

/* Gallery */
.gallery-section{
	padding:80px 0;
}
.gallery-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}
.gallery-item{
	border:1px solid var(--border);
	border-radius:16px;
	overflow:hidden;
	background:#fff;
	transition:var(--transition);
	position:relative;
	box-shadow:var(--shadow-xs);
}
.gallery-item:hover{
	transform:translateY(-8px);
	box-shadow:var(--shadow-lg);
}
.gallery-item img{
	width:100%;
	height:300px;
	object-fit:cover;
	transition:var(--transition);
}
.gallery-item:hover img{transform:scale(1.1)}
.gallery-item figcaption{
	padding:16px;
	color:var(--text-light);
	font-weight:600;
	font-size:16px;
}

/* Contact */
.contact-section{
	padding:80px 0;
}
.contact-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:32px;
}
.contact-card{
	border:1px solid var(--border);
	border-radius:16px;
	padding:32px;
	background:#fff;
	box-shadow:var(--shadow-sm);
}
.contact-card h2{
	color:var(--blue);
	margin-bottom:24px;
	font-size:28px;
}
.contact-form{
	display:grid;
	gap:12px;
}
.form-row{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
}
.contact-form input,.contact-form select,.contact-form textarea{
	padding:14px 18px;
	border:1px solid var(--border);
	border-radius:8px;
	font-size:15px;
	transition:var(--transition);
	font-family:inherit;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
	outline:none;
	border-color:var(--blue);
	box-shadow:0 0 0 3px rgba(11,61,145,0.1);
}
.map-embed iframe{
	width:100%;
	height:320px;
	border:0;
	border-radius:12px;
	box-shadow:var(--shadow-md);
}
.contact-details{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:32px;
	margin-top:40px;
}
.detail-card{
	border:1px solid var(--border);
	border-radius:16px;
	padding:32px;
	background:#fff;
	box-shadow:var(--shadow-sm);
}
.detail-card h3{
	color:var(--blue);
	margin-bottom:20px;
	font-size:22px;
}
.contact-info{
	list-style:none;
	padding:0;
	margin:0;
}
.contact-info li{
	margin-bottom:16px;
	display:flex;
	align-items:center;
	gap:12px;
	color:var(--text-light);
	font-size:15px;
}
.contact-info i{
	color:var(--orange);
	font-size:18px;
	width:24px;
}

/* Footer */
.footer{
	background:linear-gradient(180deg,#0a1224,#050a17);
	color:#fff;
	padding:60px 0 24px;
	margin-top:80px;
}
.footer a{
	color:#fff;
	transition:var(--transition);
	opacity:0.9;
}
.footer a:hover{color:#fff;opacity:1}
.footer p{color:#fff}
.footer-mission{color:#fff !important}
.footer .contact-info li{color:#fff !important}
.footer .contact-info{color:#fff}
.footer-grid{
	display:grid;
	grid-template-columns:2fr 1fr 1fr 2fr;
	gap:32px;
}
.footer-col h4{
	margin-top:0;
	color:#fff;
	margin-bottom:20px;
	font-size:18px;
}
.footer-col ul{
	list-style:none;
	padding:0;
	margin:0;
}
.footer-col ul li{
	margin-bottom:12px;
	color:#fff;
}
.footer-bottom{
	text-align:center;
	border-top:1px solid #22304a;
	margin-top:32px;
	padding-top:24px;
	color:#fff;
}

/* Floating buttons */
.floating-button{
	position:fixed;
	right:24px;
	bottom:24px;
	display:flex;
	flex-direction:column;
	gap:12px;
	z-index:200;
}
.whatsapp-btn{
	background:#25D366;
	color:#fff;
	border-radius:32px;
	padding:14px 20px;
	display:flex;
	align-items:center;
	gap:10px;
	box-shadow:var(--shadow-xl);
	transition:var(--transition);
	font-weight:600;
}
.whatsapp-btn:hover{
	transform:translateY(-4px) scale(1.05);
	box-shadow:0 12px 40px rgba(37,211,102,0.4);
}
.whatsapp-btn .tooltip{display:none}
.whatsapp-btn:hover .tooltip{display:inline}
.lead-btn{
	background:var(--orange);
	color:#fff;
	border:none;
	border-radius:50%;
	width:56px;
	height:56px;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:var(--shadow-xl);
	cursor:pointer;
	transition:var(--transition);
	font-size:20px;
}
.lead-btn:hover{
	transform:translateY(-4px) scale(1.1);
	box-shadow:0 12px 40px rgba(255,122,0,0.4);
	background:var(--orange-dark);
}

/* Lead modal */
.lead-modal-backdrop{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,0.6);
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter:blur(4px);
	display:none;
	align-items:center;
	justify-content:center;
	z-index:3000;
	animation:fadeIn 0.3s ease;
}
.lead-modal{
	background:#fff;
	border-radius:16px;
	max-width:560px;
	width:92%;
	padding:32px;
	border:1px solid var(--border);
	box-shadow:var(--shadow-xl);
	animation:slideUp 0.3s ease;
}
.lead-modal header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:24px;
	padding-bottom:16px;
	border-bottom:1px solid var(--border);
}
.lead-modal h3{
	margin:0;
	color:var(--blue);
	font-size:24px;
}
.lead-modal .close{
	background:none;
	border:none;
	font-size:28px;
	cursor:pointer;
	color:var(--muted);
	transition:var(--transition);
	width:32px;
	height:32px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
}
.lead-modal .close:hover{
	background:var(--bg-alt);
	color:var(--text);
}
.lead-form{
	display:grid;
	gap:12px;
	margin-top:10px;
}
.lead-form .row{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
}
.lead-form input,.lead-form select,.lead-form textarea{
	padding:14px 18px;
	border:1px solid var(--border);
	border-radius:8px;
	font-size:15px;
	transition:var(--transition);
	font-family:inherit;
}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{
	outline:none;
	border-color:var(--blue);
	box-shadow:0 0 0 3px rgba(11,61,145,0.1);
}

/* Blog Modal */
.blog-modal-backdrop{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,0.7);
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter:blur(4px);
	display:none;
	align-items:center;
	justify-content:center;
	z-index:3000;
	animation:fadeIn 0.3s ease;
	padding:20px;
	overflow-y:auto;
}
.blog-modal{
	background:#fff;
	border-radius:16px;
	max-width:900px;
	width:100%;
	max-height:90vh;
	display:flex;
	flex-direction:column;
	border:1px solid var(--border);
	box-shadow:var(--shadow-xl);
	animation:slideUp 0.3s ease;
	overflow:hidden;
}
.blog-modal-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:24px 32px;
	border-bottom:1px solid var(--border);
	background:linear-gradient(135deg,var(--bg-alt),#fff);
	flex-shrink:0;
}
.blog-modal-header h3{
	margin:0;
	color:var(--blue);
	font-size:24px;
	font-weight:700;
}
.blog-modal-close{
	background:none;
	border:none;
	font-size:32px;
	cursor:pointer;
	color:var(--muted);
	transition:var(--transition);
	width:36px;
	height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	line-height:1;
}
.blog-modal-close:hover{
	background:var(--bg-alt);
	color:var(--text);
	transform:rotate(90deg);
}
.blog-modal-content{
	padding:32px;
	overflow-y:auto;
	flex:1;
}
.blog-pdf-viewer{
	width:100%;
	border-radius:8px;
	overflow:hidden;
	background:var(--bg-alt);
	padding:8px;
}
.blog-pdf-viewer iframe{
	width:100%;
	height:600px;
	border:none;
	border-radius:8px;
	background:#fff;
}
.blog-docx-message{
	text-align:center;
	padding:20px;
}
.blog-content-display{
	line-height:1.8;
	color:var(--text);
	text-align:left;
	padding:0;
}
.blog-content-display h1,.blog-content-display h2,.blog-content-display h3,.blog-content-display h4{
	color:var(--blue);
	margin-top:24px;
	margin-bottom:12px;
	font-weight:700;
}
.blog-content-display h1{font-size:28px}
.blog-content-display h2{font-size:24px}
.blog-content-display h3{font-size:20px}
.blog-content-display h4{font-size:18px}
.blog-content-display p{
	margin-bottom:16px;
	color:var(--text-light);
	font-size:16px;
}
.blog-content-display ul,.blog-content-display ol{
	margin:16px 0;
	padding-left:30px;
}
.blog-content-display li{
	margin-bottom:8px;
	color:var(--text-light);
}
.blog-content-display strong{
	color:var(--text);
	font-weight:600;
}
.blog-content-display img{
	max-width:100%;
	height:auto;
	border-radius:8px;
	margin:20px 0;
}
.blog-content-display table{
	width:100%;
	border-collapse:collapse;
	margin:20px 0;
}
.blog-content-display table td,.blog-content-display table th{
	padding:12px;
	border:1px solid var(--border);
	text-align:left;
}
.blog-content-display table th{
	background:var(--bg-alt);
	color:var(--blue);
	font-weight:600;
}
.blog-error-message{
	text-align:center;
	padding:40px 20px;
}
.docx-icon{
	margin-bottom:24px;
	animation:float 3s ease-in-out infinite;
}
@keyframes float{
	0%,100%{transform:translateY(0)}
	50%{transform:translateY(-10px)}
}
.blog-docx-message h4{
	font-size:24px;
	color:var(--blue);
	margin-bottom:16px;
}
.blog-docx-message p{
	font-size:16px;
	color:var(--text-light);
	line-height:1.6;
	max-width:600px;
	margin:0 auto;
}
.blog-docx-message ul{
	text-align:left;
	max-width:500px;
	margin:16px auto 0;
}
.blog-docx-message li{
	margin-bottom:8px;
	color:var(--text-light);
}
.blog-modal-footer{
	padding:20px 32px;
	border-top:1px solid var(--border);
	background:var(--bg-alt);
	display:flex;
	gap:12px;
	justify-content:flex-end;
	flex-shrink:0;
}
@keyframes fadeIn{
	from{opacity:0}
	to{opacity:1}
}
@keyframes slideUp{
	from{opacity:0;transform:translateY(20px)}
	to{opacity:1;transform:translateY(0)}
}

/* IIoT Grid */
.iiot-grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:24px;
}
.iiot-category{
	background:#fff;
	border:1px solid var(--border);
	border-radius:16px;
	padding:24px;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.iiot-category:hover{
	transform:translateY(-4px);
	box-shadow:var(--shadow-md);
	border-color:var(--orange);
}
.iiot-category h3{
	font-size:18px;
	color:var(--blue);
	margin-bottom:12px;
	display:flex;
	align-items:center;
	gap:10px;
}
.iiot-category h3 i{color:var(--orange)}
.iiot-category ul{
	list-style:none;
	padding-left:0;
}
.iiot-category li{
	padding:6px 0;
	padding-left:24px;
	position:relative;
	color:var(--text-light);
}
.iiot-category li::before{
	content:'→';
	position:absolute;
	left:0;
	color:var(--orange);
}

.product-header{
	display:flex;
	align-items:center;
	gap:20px;
	margin-bottom:30px;
}
.product-header .product-icon-large{
	font-size:56px;
	flex-shrink:0;
}
.product-header h2{
	font-size:32px;
	margin:0;
	color:var(--blue);
}
.product-header p{
	font-size:18px;
	color:var(--muted);
	margin-top:8px;
}

/* Testimonials */
.testimonials-section{
	padding:80px 0;
	background:var(--bg-alt);
}
.testimonials-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}
.testimonial-card{
	background:#fff;
	border:1px solid var(--border);
	border-radius:16px;
	padding:28px;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.testimonial-card:hover{
	transform:translateY(-4px);
	box-shadow:var(--shadow-md);
	border-color:var(--orange);
}
.testimonial-content{
	margin-bottom:20px;
}
.testimonial-content i{
	font-size:32px;
	color:var(--orange);
	opacity:0.3;
	margin-bottom:12px;
}
.testimonial-content p{
	font-style:italic;
	color:var(--text-light);
	font-size:16px;
	line-height:1.6;
}
.testimonial-author strong{
	color:var(--blue);
	display:block;
	margin-bottom:4px;
}
.testimonial-author span{
	color:var(--muted);
	font-size:14px;
}

/* Additional Services */
.additional-services{
	padding:80px 0;
}
.services-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}
.service-card-detailed{
	background:#fff;
	border:1px solid var(--border);
	border-radius:16px;
	padding:32px 24px;
	text-align:center;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.service-card-detailed:hover{
	transform:translateY(-6px);
	box-shadow:var(--shadow-md);
	border-color:var(--orange);
}
.service-card-detailed i{
	font-size:48px;
	color:var(--blue);
	margin-bottom:20px;
	transition:var(--transition);
}
.service-card-detailed:hover i{
	color:var(--orange);
	transform:scale(1.15);
}
.service-card-detailed h3{
	font-size:20px;
	margin:12px 0 8px;
	color:var(--blue);
}

/* Industry Solutions */
.industry-solutions{
	padding:80px 0;
	background:var(--bg-alt);
}
.solutions-list{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:20px;
	margin-top:30px;
}
.solution-item{
	display:flex;
	gap:16px;
	align-items:flex-start;
	background:#fff;
	border:1px solid var(--border);
	border-radius:16px;
	padding:24px;
	transition:var(--transition);
	box-shadow:var(--shadow-xs);
}
.solution-item:hover{
	transform:translateX(8px);
	box-shadow:var(--shadow-md);
	border-color:var(--orange);
}
.solution-item i{
	font-size:28px;
	color:var(--orange);
	flex-shrink:0;
	margin-top:4px;
}
.solution-item h4{
	font-size:18px;
	margin-bottom:8px;
	color:var(--blue);
}
.cta-center{
	text-align:center;
	margin-top:40px;
}

/* Responsive */
@media(max-width:1024px){
	.nav-wrapper{padding:0 16px}
	.container{padding:0 16px}
	.features-grid{grid-template-columns:repeat(3,1fr)}
	.products-grid,.product-grid{grid-template-columns:repeat(2,1fr)}
	.product-categories{grid-template-columns:1fr}
	.partners-grid{grid-template-columns:repeat(2,1fr)}
	.industries-grid{grid-template-columns:repeat(2,1fr)}
	.footer-grid{grid-template-columns:1fr 1fr}
	.gallery-grid{grid-template-columns:repeat(2,1fr)}
	.benefits-grid{grid-template-columns:repeat(3,1fr)}
	.impact-steps{grid-template-columns:repeat(2,1fr)}
	.resources-grid{grid-template-columns:repeat(2,1fr)}
	.testimonials-grid{grid-template-columns:repeat(2,1fr)}
	.services-grid{grid-template-columns:repeat(2,1fr)}
	.solutions-list{grid-template-columns:1fr}
	.iiot-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
	.nav-menu{
		position:fixed;
		top:72px;
		left:0;
		right:0;
		background:#fff;
		flex-direction:column;
		padding:20px;
		box-shadow:var(--shadow-lg);
		display:none;
	}
	.nav-menu.active{
		display:flex;
	}
	.hamburger{display:flex}
	.hero{
		padding:120px 0 80px;
		min-height:500px;
	}
	.contact-grid{grid-template-columns:1fr}
	.contact-details{grid-template-columns:1fr}
	.newsletter-section{
		flex-direction:column;
		gap:16px;
		text-align:center;
	}
	.newsletter-form{
		flex-direction:column;
		width:100%;
	}
	.newsletter-form input{
		min-width:auto;
		width:100%;
	}
}
@media(max-width:640px){
	.impact-steps{grid-template-columns:1fr}
	.features-grid{grid-template-columns:1fr 1fr}
	.case-study-card{grid-template-columns:1fr}
	.resources-grid{grid-template-columns:1fr 1fr}
	.services-overview{grid-template-columns:1fr}
	.mission-vision{grid-template-columns:1fr}
	.gallery-grid{grid-template-columns:1fr}
	.benefits-grid{grid-template-columns:repeat(2,1fr)}
	.footer-grid{grid-template-columns:1fr}
	.testimonials-grid{grid-template-columns:1fr}
	.services-grid{grid-template-columns:1fr}
	.products-grid,.product-grid{grid-template-columns:1fr}
	.industries-grid{grid-template-columns:1fr}
	.partners-grid{grid-template-columns:1fr}
	.blog-modal{padding:0;max-height:95vh;border-radius:16px 16px 0 0}
	.blog-modal-header{padding:20px;flex-wrap:wrap}
	.blog-modal-header h3{font-size:20px;flex:1;min-width:200px}
	.blog-modal-content{padding:20px}
	.blog-pdf-viewer iframe{height:500px}
	.blog-modal-footer{
		flex-direction:column;
		padding:16px 20px;
	}
	.blog-modal-footer .btn{width:100%;justify-content:center}
}