body{
	margin: 0;
	padding: 0;
	font-family: 'BenchNine', sans-serif;
}
li{
	list-style: none;
}
a:hover, a:visited, a{
	text-decoration: none;
}
h1, h2{
	text-transform: uppercase;
	font-weight: bold;
}


/*header area*/
.top-header{
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: white;
	position: fixed;
	width: 100%;
	z-index: 99999;
	box-shadow: 0 2px 20px rgba(0,0,0,0.1);
	border-bottom: 3px solid #FFC107;
}

.header-backup{
	width: 20px;
	height: 90px;
	background: transparent;
	margin:auto;
}

/* Logo container styling */
.logo-container {
	display: flex;
	align-items: center;
	padding: 10px 0;
}

.logo-container a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: white;
}

.top-header img.logo{
	height: 50px;
	width: auto;
	margin-right: 15px;
	transition: all 0.3s ease;
	filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

/* SVG logo specific styling */
.top-header img.logo[src*=".svg"] {
	filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) brightness(1.1);
}

.top-header img.logo:hover {
	transform: scale(1.05);
}

.logo-text {
	display: flex;
	flex-direction: column;
}

.company-name {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: white;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
	line-height: 1.2;
}

.product-name {
	color: #FFC107;
	font-weight: 800;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.company-tagline {
	margin: 0;
	font-size: 12px;
	color: #E3F2FD;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.navbar-default {
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 0;
	margin-top: 0;
	transition: all 0.3s ease;
}

.nav-bar{
	margin-top: 0;
}

.navbar-toggle {
	border: 2px solid #FFC107;
	border-radius: 6px;
	background: transparent;
	transition: all 0.3s ease;
}

.navbar-toggle:hover {
	background: #FFC107;
	border-color: #FFC107;
}

.navbar-toggle .icon-bar {
	background-color: #FFC107;
	height: 3px;
	border-radius: 2px;
	transition: all 0.3s ease;
}

.navbar-toggle:hover .icon-bar {
	background-color: #1e3c72;
}

ul.nav{
	margin: 0;
	padding: 0;
}

.navbar-default .navbar-nav>li>a {
	font-size: 16px;
	color: white;
	text-transform: uppercase;
	transition: all 0.3s ease;
	padding: 20px 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
	position: relative;
}

.navbar-default .navbar-nav>li>a:hover{
	color: #FFC107;
	background: rgba(255,255,255,0.1);
	border-radius: 6px;
}

.navbar-default .navbar-nav>li>a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	background: #FFC107;
	transition: all 0.3s ease;
	transform: translateX(-50%);
}

.navbar-default .navbar-nav>li>a:hover:before {
	width: 80%;
}

li a.active{
	color: #FFC107 !important;
	background: rgba(255,255,255,0.1);
	border-radius: 6px;
}

li a.active:before {
	width: 80%;
	background: #FFC107;
}

/* Responsive design improvements */
@media (max-width: 768px) {
	.top-header {
		padding: 5px 0;
	}
	
	.logo-container {
		padding: 5px 0;
	}
	
	.top-header img.logo {
		height: 40px;
		margin-right: 10px;
	}
	
	.company-name {
		font-size: 18px;
	}
	
	.company-tagline {
		font-size: 10px;
	}
	
	.navbar-default .navbar-nav>li>a {
		padding: 15px 12px;
		font-size: 14px;
		text-align: center;
	}
	
	.navbar-collapse {
		background: rgba(30, 60, 114, 0.95);
		border-radius: 8px;
		margin-top: 10px;
		box-shadow: 0 4px 20px rgba(0,0,0,0.2);
	}
	
	.navbar-nav {
		margin: 0;
	}
	
	.navbar-nav > li > a {
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	
	.navbar-nav > li:last-child > a {
		border-bottom: none;
	}
}

@media (max-width: 480px) {
	.header-logo {
		text-align: center;
	}
	
	.logo-container {
		justify-content: center;
	}
	
	.company-name {
		font-size: 16px;
	}
	
	.company-tagline {
		font-size: 9px;
	}
}

/* Smooth scroll behavior */
html {
	scroll-behavior: smooth;
}

/* Header styling - no animation */
.top-header {
	/* Animation removed for instant display */
}

/* Logo hover effects */
.logo-container:hover .company-name {
	color: #FFC107;
	transition: color 0.3s ease;
}

.logo-container:hover .product-name {
	color: white;
	transition: color 0.3s ease;
}

/* Additional header refinements */
.top-header .container {
	padding: 0 15px;
}

.top-header .row {
	margin: 0;
	align-items: center;
}

/* Ensure proper spacing for navigation items */
.navbar-nav > li {
	margin: 0 2px;
}

/* Smooth transitions for interactive elements only */
.top-header .logo-container:hover,
.top-header .navbar-nav > li > a:hover {
	transition: all 0.3s ease;
}

/* Enhanced mobile menu styling */
@media (max-width: 768px) {
	.navbar-collapse.in {
		animation: fadeInDown 0.3s ease-out;
	}
	
	@keyframes fadeInDown {
		from {
			opacity: 0;
			transform: translateY(-10px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
}



/*slider area*/
.slider-row{
	margin: 0;
	padding: 0;
}
.slider-wrapper{
	margin: 0;
	padding: 0 !important;
	background: #000 !important;
}

/* Hero Slider Styling */
.carousel-caption {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
}

.hero-content {
	max-width: 800px;
	margin: 0 auto;
	padding: 40px;
	background: rgba(30, 60, 114, 0.9);
	border-radius: 15px;
	border: 2px solid #FFC107;
}

.hero-title {
	font-size: 48px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 700;
	text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.hero-subtitle {
	font-size: 20px;
	color: #E3F2FD;
	margin-bottom: 30px;
	font-weight: 300;
}

.hero-features {
	margin-bottom: 30px;
}

.feature-badge {
	display: inline-block;
	background: rgba(255, 193, 7, 0.9);
	color: #1e3c72;
	padding: 8px 16px;
	margin: 5px;
	border-radius: 25px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.hero-buttons {
	display: flex;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}

.hero-btn {
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 30px;
	transition: all 0.3s ease;
	text-decoration: none;
}

.btn-primary {
	background: linear-gradient(135deg, #FFC107, #FF9800);
	color: #1e3c72;
	border: none;
}

.btn-primary:hover {
	background: linear-gradient(135deg, #FF9800, #F57C00);
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(255,193,7,0.4);
}

.btn-outline {
	background: transparent;
	color: #FFC107;
	border: 2px solid #FFC107;
}

.btn-outline:hover {
	background: #FFC107;
	color: #1e3c72;
	transform: translateY(-2px);
}

.carousel-control {
	width: 5%;
}

.carousel-inner {
	background: #000;
}

.item {
	position: relative;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	font-size: 18px;
	padding: 5px;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin-left: 0;
	margin-top: 50px;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	font-size: 18px;
	padding: 5px;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin-right: 0;
	margin-top: 50px;
}

/* Home Page Sections Styling */
.section-header {
	margin-top: 50px;
	margin-bottom: 25px;
}

.section-title {
	font-size: 36px;
	color: #1e3c72;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
}

.section-title::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: linear-gradient(90deg, #FFC107, #FF9800);
	border-radius: 2px;
}

.section-subtitle {
	font-size: 18px;
	color: #666;
	font-weight: 300;
	line-height: 1.6;
}

/* Hero Features Section */
.hero-features-section {
	padding: 80px 0;
	background: #f8f9fa;
}

.feature-card {
	text-align: center;
	padding: 40px 20px;
	background: white;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	transition: all 0.3s ease;
	border: 1px solid rgba(30, 60, 114, 0.1);
}

.feature-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	border-color: #FFC107;
}

.feature-icon {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, #1e3c72, #2a5298);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 25px;
}

.feature-icon i {
	font-size: 32px;
	color: #FFC107;
}

.feature-card h3 {
	font-size: 20px;
	color: #1e3c72;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.feature-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0;
}

/* Product Showcase Section */
.product-showcase {
	padding: 80px 0;
	background: white;
}

.product-showcase-card {
	background: white;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	overflow: hidden;
	margin-bottom: 30px;
	transition: all 0.3s ease;
	border: 1px solid rgba(30, 60, 114, 0.1);
}

.product-showcase-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	border-color: #FFC107;
}

.product-image {
	position: relative;
	height: 250px;
	overflow: hidden;
}

.product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}

.product-showcase-card:hover .product-image img {
	transform: scale(1.05);
}

.product-overlay {
	position: absolute;
	top: 15px;
	right: 15px;
}

.quality-badge {
	background: linear-gradient(135deg, #FFC107, #FF9800);
	color: #1e3c72;
	padding: 8px 16px;
	border-radius: 25px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	box-shadow: 0 3px 10px rgba(255,193,7,0.3);
}

.product-content {
	padding: 25px;
}

.product-content h3 {
	font-size: 20px;
	color: #1e3c72;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.product-content p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 20px;
}

.product-specs {
	margin-bottom: 20px;
}

.spec-item {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
	font-size: 13px;
	color: #2a5298;
	font-weight: 600;
}

.spec-item i {
	color: #FFC107;
	font-size: 16px;
}

/* Company Highlights Section */
.company-highlights {
	padding: 80px 0;
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: white;
}

.highlights-content h2 {
	font-size: 32px;
	color: #FFC107;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.highlights-content .lead {
	font-size: 18px;
	color: #E3F2FD;
	line-height: 1.6;
	margin-bottom: 30px;
}

.highlight-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 25px;
}

.highlight-icon {
	width: 50px;
	height: 50px;
	background: #FFC107;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.highlight-icon i {
	font-size: 20px;
	color: #1e3c72;
}

.highlight-text h4 {
	font-size: 18px;
	color: #FFC107;
	margin-bottom: 8px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.highlight-text p {
	font-size: 14px;
	color: #E3F2FD;
	line-height: 1.6;
	margin: 0;
}

.highlights-image {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

.highlights-image img {
	width: 100%;
	height: auto;
}

.image-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(transparent, rgba(30, 60, 114, 0.9));
	padding: 40px 20px 20px;
	text-align: center;
}

.overlay-content h3 {
	font-size: 36px;
	color: #FFC107;
	margin: 0;
	font-weight: 800;
}

.overlay-content p {
	font-size: 16px;
	color: #E3F2FD;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Quality Assurance Section */
.quality-assurance-section {
	padding: 80px 0;
	background: #f8f9fa;
}

.quality-card {
	text-align: center;
	padding: 30px 20px;
	background: white;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	transition: all 0.3s ease;
	border: 1px solid rgba(30, 60, 114, 0.1);
}

.quality-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0,0,0,0.15);
	border-color: #FFC107;
}

.quality-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #FFC107, #FF9800);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
}

.quality-icon i {
	font-size: 28px;
	color: #1e3c72;
}

.quality-card h4 {
	font-size: 18px;
	color: #1e3c72;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.quality-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0;
}

/* Call to Action Section */
.cta-section {
	padding: 80px 0;
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: white;
	text-align: center;
}

.cta-content h2 {
	font-size: 36px;
	color: #FFC107;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.cta-content p {
	font-size: 18px;
	color: #E3F2FD;
	margin-bottom: 40px;
	line-height: 1.6;
}

.cta-buttons {
	display: flex;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}

.cta-buttons .btn {
	padding: 18px 36px;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 35px;
	transition: all 0.3s ease;
	text-decoration: none;
}

.cta-buttons .btn-primary {
	background: linear-gradient(135deg, #FFC107, #FF9800);
	color: #1e3c72;
	border: none;
}

.cta-buttons .btn-primary:hover {
	background: linear-gradient(135deg, #FF9800, #F57C00);
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(255,193,7,0.4);
}

.cta-buttons .btn-outline {
	background: transparent;
	color: #FFC107;
	border: 2px solid #FFC107;
}

.cta-buttons .btn-outline:hover {
	background: #FFC107;
	color: #1e3c72;
	transform: translateY(-3px);
}

/* Responsive Design for Home Page */
@media (max-width: 768px) {
	.hero-title {
		font-size: 32px;
	}
	
	.hero-subtitle {
		font-size: 16px;
	}
	
	.hero-content {
		padding: 20px;
	}
	
	.hero-buttons {
		flex-direction: column;
		align-items: center;
	}
	
	.section-title {
		font-size: 28px;
	}
	
	.section-subtitle {
		font-size: 16px;
	}
	
	.feature-card,
	.quality-card {
		padding: 25px 15px;
	}
	
	.highlights-content h2 {
		font-size: 26px;
	}
	
	.cta-content h2 {
		font-size: 28px;
	}
	
	.cta-buttons {
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width: 480px) {
	.hero-title {
		font-size: 24px;
	}
	
	.hero-subtitle {
		font-size: 14px;
	}
	
	.feature-badge {
		font-size: 12px;
		padding: 6px 12px;
	}
	
	.section-title {
		font-size: 24px;
	}
	
	.highlights-content h2 {
		font-size: 22px;
	}
	
	.cta-content h2 {
		font-size: 24px;
	}
}

/* About Section Styling */
.about-section {
	padding: 80px 0;
	background: #f8f9fa;
}

.about-section .section-header {
	margin-top: 50px;
	margin-bottom: 25px;
}

.about-section .section-title {
	font-size: 36px;
	color: #1e3c72;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
}

.about-section .section-title::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: linear-gradient(90deg, #FFC107, #FF9800);
	border-radius: 2px;
}

.about-section .section-subtitle {
	font-size: 18px;
	color: #666;
	font-weight: 300;
	line-height: 1.6;
}

/* About Cards */
.about-card {
	background: white;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	overflow: hidden;
	border: 1px solid rgba(30, 60, 114, 0.1);
	transition: all 0.3s ease;
}

.about-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	border-color: #FFC107;
}

.about-card-header {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: white;
	padding: 25px 20px;
	text-align: center;
	border-bottom: 3px solid #FFC107;
}

.about-icon {
	width: 60px;
	height: 60px;
	background: rgba(255, 193, 7, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
}

.about-icon i {
	font-size: 24px;
	color: #FFC107;
}

.about-card-header h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.about-card-content {
	padding: 30px 25px;
}

.paragraph {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: justify;
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 15px;
}

.paragraph:last-child {
	margin-bottom: 0;
}

/* Company Highlights Row */
.company-highlights-row {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin: 40px 0;
	flex-wrap: wrap;
}

.highlight-item {
	flex: 1;
	min-width: 200px;
	background: white;
	border-radius: 12px;
	padding: 25px 20px;
	text-align: center;
	box-shadow: 0 8px 25px rgba(0,0,0,0.1);
	border: 1px solid rgba(30, 60, 114, 0.1);
	transition: all 0.3s ease;
}

.highlight-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0,0,0,0.15);
	border-color: #FFC107;
}

.highlight-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #FFC107, #FF9800);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
}

.highlight-icon i {
	font-size: 28px;
	color: #1e3c72;
}

.highlight-content h4 {
	font-size: 18px;
	color: #1e3c72;
	margin: 0 0 8px 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.highlight-content p {
	font-size: 14px;
	color: #666;
	margin: 0;
	font-weight: 500;
}

/* Vision & Mission Cards */
.vision-mission-card {
	background: white;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	overflow: hidden;
	border: 1px solid rgba(30, 60, 114, 0.1);
	transition: all 0.3s ease;
}

.vision-mission-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.vision-card .card-header {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: white;
	padding: 25px 20px;
	text-align: center;
	border-bottom: 3px solid #FFC107;
}

.mission-card .card-header {
	background: linear-gradient(135deg, #FFC107 0%, #FF9800 100%);
	color: #1e3c72;
	padding: 25px 20px;
	text-align: center;
	border-bottom: 3px solid #1e3c72;
}

.vision-mission-card .card-header i {
	font-size: 32px;
	margin-bottom: 15px;
	display: block;
}

.vision-mission-card .card-header h3 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.vision-mission-card .card-content {
	padding: 30px 25px;
}

.vision-mission-card .card-content p {
	font-size: 15px;
	color: #666;
	line-height: 1.6;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

/* Responsive Design for About Page */
@media (max-width: 768px) {
	.about-section {
		padding: 60px 0;
	}
	
	.about-section .section-title {
		font-size: 28px;
	}
	
	.about-section .section-subtitle {
		font-size: 16px;
	}
	
	.about-card-content {
		padding: 25px 20px;
	}
	
	.company-highlights-row {
		flex-direction: column;
		gap: 15px;
	}
	
	.highlight-item {
		min-width: auto;
	}
	
	.vision-mission-card .card-header h3 {
		font-size: 20px;
	}
	
	.vision-mission-card .card-content {
		padding: 25px 20px;
	}
}

@media (max-width: 480px) {
	.about-section {
		padding: 40px 0;
	}
	
	.about-section .section-title {
		font-size: 24px;
	}
	
	.about-section .section-subtitle {
		font-size: 14px;
	}
	
	.about-card-header {
		padding: 20px 15px;
	}
	
	.about-card-content {
		padding: 20px 15px;
	}
	
	.highlight-item {
		padding: 20px 15px;
	}
	
	.highlight-icon {
		width: 60px;
		height: 60px;
	}
	
	.highlight-icon i {
		font-size: 24px;
	}
	
	.vision-mission-card .card-header {
		padding: 20px 15px;
	}
	
	.vision-mission-card .card-content {
		padding: 20px 15px;
	}
}


/*service area*/
.service{
	background: url(../img/pattern.jpg);
	/* background-repeat: repeat-y; */
	margin-top: 40px;
}
.service h2{
	font-size: 64px;
	color: #fff;
	margin-top: 70px;
	margin-bottom: 0;
}
.service h4{
	font-size: 24px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 70px;
	display: block;
}
.single-service{
	text-align:center;
}
.single-service-img {
  width: 205px;
  height: 125px;
  padding-left:30px;
  position: relative;
}
.service-img {
  width: 205px;
  height: 125px;
  background: #3a9ecb;
  position: relative;
}
.single-service h3{
	margin-top: 10px;
	color: #fff;
	padding-bottom: 50px;
	position:relative;
}
.service-img img{
	position: absolute;
}


/*team section*/
.team{
	padding-bottom: 60px;
}
.team h2{
	font-size: 64px;
	color: #42b3e5;
	margin-top: 50px;
	margin-bottom: 0;
}
.team h4{
	font-size: 24px;
	color: #737373;
	margin-top: 0;
	margin-bottom: 45px;
}
.single-member{
	margin: 0;
	padding: 0;
}
.person img{
	width: 100%;
}
.person-detail{
	padding:10px;
	background: #3a9cc8;
	position: relative;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.arrow-top{
	position: absolute;
	width: 20px;
	height: 20px;
	background: #3ba0cc;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	bottom: -10px;
  	left: 46%;
  	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.arrow-bottom{
	position: absolute;
	width: 20px;
	height: 20px;
	background: #3ba0cc;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	top: -9px;
  	left: 46%;
  	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.person-detail h3{
	font-size: 30px;
	color: #fff;
}
.person-detail p{
	font-size: 13px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}
.single-member:hover .person-detail{
	background: #2a2a2a;
}
.single-member:hover .arrow-top{
	background: #2a2a2a;
}
.single-member:hover .arrow-bottom{
	background: #2a2a2a;
}


/*contact section*/
.contact-caption{
	background: #3a9dca;
}
.contact-heading h2{
	color: #fff;
	font-size: 64px;
}
.contact-info{
	padding-left: 40px;
}
.contact-info h3{
	padding-left: 0;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #13849c;
	padding-bottom: 12px;
	margin-bottom: 0;
}
.contact-form h3{
	padding-left: 0;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #13849c;
	padding-bottom: 12px;
	margin-bottom: 0;
}
.contact-info ul{
	margin: 0;
	padding: 0;
}
.contact-info ul li{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #fff;
}
.contact-info i.fa{
	font-size: 16px;
  	padding-right: 12px;
  	width: 25px;
  	height: 38px;
}
.contact-info ul li span{
	font-weight: bold;
}
.contact-form input{
	width: 100%;
	height: 40px;
	background: #fff;
	font-size: 13px;
	color: #084a5c;
	font-family: 'Open Sans', sans-serif;
	padding: 12px;
	border:0;
	margin-bottom: 12px;
}
.contact-form textarea{
	font-family: 'Open Sans', sans-serif;
	padding:12px;
	width: 100%;
	height: 140px;
	border:0;
	margin-bottom: 12px;
}
.info-detail{
	border-top: 1px solid #53cde5;
	padding-top: 15px;
}
.form{
	border-top: 1px solid #53cde5;
	padding-top: 15px;
	text-align: right;
}
.contact-form input.submit-btn{
	width: 180px;
	height: 50px;
	float: right;
	font-size: 24px;
	color: #fff;
	background: url(../img/btn-bg.jpg);
	background-repeat: no-repeat;
	padding: 0;
	font-family: 'BenchNine', sans-serif;
	font-weight: bold;
	
}
.contact-form{
	padding-right: 40px;
}

/*gmap*/
#map{
	height: 830px;
}
.map{
	position: relative;
	overflow: hidden;
}
.contact{
	position: absolute;
	width: 100%;
	height: 830px;
	margin-top: 0px;
	left: 0;
	margin-top: -830px;
	background: rgba(0, 0, 0, 0.51);
}
.contact-caption{
	margin-top: 50px;
}

/*footer*/
.footer {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: white;
	position: relative;
	margin-top: 60px;
}

.footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #FFC107, #FF9800, #FFC107);
}

.footer-top {
	padding: 60px 0 40px;
}

.footer-widget {
	margin-bottom: 30px;
}

.footer-company-info {
	text-align: center;
}

.footer-logo {
	height: 60px;
	width: auto;
	margin-bottom: 20px;
	filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* SVG footer logo specific styling */
.footer-logo[src*=".svg"] {
	filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)) brightness(1.05);
}

.company-name {
	font-size: 24px;
	font-weight: 700;
	color: #FFC107;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.company-description {
	font-size: 14px;
	line-height: 1.6;
	color: #E3F2FD;
	margin-bottom: 25px;
	font-family: 'Open Sans', sans-serif;
}

.company-stats {
	display: flex;
	justify-content: space-around;
	margin-top: 20px;
}

.stat-item {
	text-align: center;
}

.stat-number {
	display: block;
	font-size: 28px;
	font-weight: 800;
	color: #FFC107;
	line-height: 1;
}

.stat-label {
	display: block;
	font-size: 12px;
	color: #BBDEFB;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-top: 5px;
}

.footer-title {
	font-size: 18px;
	font-weight: 700;
	color: #FFC107;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	padding-bottom: 10px;
}

.footer-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 3px;
	background: #FFC107;
	border-radius: 2px;
}

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links li {
	margin-bottom: 12px;
}

.footer-links a {
	color: #E3F2FD;
	text-decoration: none;
	font-size: 14px;
	transition: all 0.3s ease;
	display: inline-block;
	position: relative;
}

.footer-links a:hover {
	color: #FFC107;
	transform: translateX(5px);
}

.footer-links a::before {
	content: '→';
	position: absolute;
	left: -20px;
	opacity: 0;
	transition: all 0.3s ease;
	color: #FFC107;
}

.footer-links a:hover::before {
	opacity: 1;
	left: -25px;
}

.contact-info {
	margin-top: 10px;
}

.contact-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.contact-item i {
	font-size: 18px;
	color: #FFC107;
	margin-right: 15px;
	margin-top: 3px;
	min-width: 20px;
}

.contact-details h5 {
	font-size: 14px;
	font-weight: 600;
	color: #FFC107;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.contact-details p {
	font-size: 13px;
	color: #f5c957;
	margin: 0;
	line-height: 1.4;
	font-family: 'Open Sans', sans-serif;
}

.footer-bottom {
	background: rgba(0,0,0,0.2);
	padding: 25px 0;
	border-top: 1px solid rgba(255,255,255,0.1);
}

.footer-copyright p {
	font-size: 13px;
	color: #BBDEFB;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

.footer-social h5 {
	font-size: 14px;
	font-weight: 600;
	color: #FFC107;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.social-links {
	display: flex;
	gap: 15px;
}

.social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,0.1);
	color: white;
	border-radius: 50%;
	text-decoration: none;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.social-link:hover {
	background: #FFC107;
	color: #1e3c72;
	transform: translateY(-3px);
	border-color: #FFC107;
	box-shadow: 0 5px 15px rgba(255,193,7,0.3);
}

.social-link i {
	font-size: 16px;
}

/* Social media specific colors on hover */
.social-link.facebook:hover {
	background: #1877f2;
	border-color: #1877f2;
}

.social-link.twitter:hover {
	background: #1da1f2;
	border-color: #1da1f2;
}

.social-link.linkedin:hover {
	background: #0077b5;
	border-color: #0077b5;
}

.social-link.instagram:hover {
	background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
	border-color: #dc2743;
}

.social-link.youtube:hover {
	background: #ff0000;
	border-color: #ff0000;
}

/* Footer responsive design */
@media (max-width: 768px) {
	.footer-top {
		padding: 40px 0 30px;
	}
	
	.footer-widget {
		text-align: center;
		margin-bottom: 40px;
	}
	
	.footer-company-info {
		margin-bottom: 30px;
	}
	
	.company-stats {
		justify-content: center;
		gap: 40px;
	}
	
	.footer-title::after {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.contact-item {
		justify-content: center;
		text-align: center;
	}
	
	.contact-item i {
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.contact-details {
		width: 100%;
	}
	
	.footer-bottom {
		text-align: center;
	}
	
	.footer-copyright {
		margin-bottom: 20px;
	}
	
	.social-links {
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.footer-top {
		padding: 30px 0 20px;
	}
	
	.company-name {
		font-size: 20px;
	}
	
	.company-description {
		font-size: 13px;
	}
	
	.stat-number {
		font-size: 24px;
	}
	
	.stat-label {
		font-size: 11px;
	}
	
	.footer-title {
		font-size: 16px;
	}
	
	.footer-links a {
		font-size: 13px;
	}
	
	.contact-details h5 {
		font-size: 13px;
	}
	
	.contact-details p {
		font-size: 12px;
	}
	
	.social-link {
		width: 35px;
		height: 35px;
	}
	
	.social-link i {
		font-size: 14px;
	}
}

/* Footer animations */
.footer {
	animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.footer-widget {
	animation: fadeInUp 1s ease-out;
	animation-fill-mode: both;
}

.footer-widget:nth-child(1) { animation-delay: 0.1s; }
.footer-widget:nth-child(2) { animation-delay: 0.2s; }
.footer-widget:nth-child(3) { animation-delay: 0.3s; }
.footer-widget:nth-child(4) { animation-delay: 0.4s; }

/* Hover effects for company stats */
.stat-item:hover .stat-number {
	color: #FF9800;
	transform: scale(1.1);
	transition: all 0.3s ease;
}

.stat-item:hover .stat-label {
	color: #FFC107;
	transition: color 0.3s ease;
}

/* Enhanced link hover effects */
.footer-links a:hover {
	text-shadow: 0 0 8px rgba(255,193,7,0.5);
}

/* Smooth transitions for all footer elements */
.footer * {
	transition: all 0.3s ease;
}

.carousel-inner{
	position: relative;
}



/*======================css for carousel=========================*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  	z-index: 2;
    opacity: 1;
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* just for demo purpose */
    html,
    body,
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 100%;
    }


/******************************
responsive area
********************************/

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav>li>a {
	  font-size: 20px;
	  padding: 14px 12px;
	}
	.carousel-caption h1 {
  		font-size: 120px;
  	}
  	.carousel-caption p {
  		font-size: 32px;
  	}
  	.carousel-caption button {
	  width: 215px;
	  height: 55px;
	  font-size: 26px;
	}
	h2 {
  		font-size: 75px !important;
  	}
  	h4 {
  		font-size: 22px !important;
  	}
  	.person-detail h3 {
  		font-size: 26px;
  	}
  	.person-detail p {
  		font-size: 12px;
  	}

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-default .navbar-nav>li>a {
	  font-size: 16px;
	  padding: 10px 8px;
	}
	.carousel-caption h1 {
  		font-size: 64px;
  	}
  	.carousel-caption p {
  		font-size: 30px;
  	}
  	.carousel-caption button {
		 width: 180px;
		 height: 50px;
		 background: #3a9ecb;
		 color: #fff;
		 font-size: 22px;
	}
	h2 {
  		font-size: 70px !important;
  	}
  	h4 {
  		font-size: 18px !important;
  	}
  	#map{
		height: 1050px;
	}
	.contact{
		margin-top:-1050px;
		height: 1050px;
	}
	.contact-caption {
	 margin-top: 110px;
	}
}

/* xs */
@media (min-width: 480px) and (max-width: 767px) {
	.header-logo img{
	  margin-top: 0;
	}
	.navbar-default .navbar-nav>li>a {
	  font-size: 16px;
	}
	.carousel-caption {
	    margin-top: -110px;
	}
	.carousel-caption h1 {
  		font-size: 75px;
  	}
  	.carousel-caption p {
  		font-size: 25px;
  	}
  	.carousel-caption button {
	  width: 160px;
	  height: 40px;
	  font-size: 20px;
	}
	#map{
		height: 1120px;
	}
	.contact{
		height: 1120px;
		margin-top: -1120px;
	}
	h2 {
	  font-size: 70px !important;
	}
	h4{
  		font-size: 21px !important;
  	}
	.contact-info ul {
	  margin-left: 4px;
	}
	.contact-info i.fa {
	  width: 25px;
	}
	.contact-caption {
	  margin-top: 140px;
	}
}

/* XS Portrait */
@media (max-width: 479px) {
	.top-header img.logo {
	  margin: 10px;
	}
	.header-logo{
		margin-top: 0 !important;
	}
	.navbar-default .navbar-toggle {
		 border-color: #FFC107;
		 margin-top: 0;
		 right: 10%;
	}
	.navbar-default .navbar-nav>li>a {
	  font-size: 14px;
	  text-align: center;
	}
	.header-backup{
		  height: 70px;
	}
	.carousel-caption {
	    margin-top: -60px;
	}
	.carousel-caption h1 {
  		  font-size: 20px;
  	}
  	.carousel-caption p {
  		font-size: 12px;
  	}
	.carousel-caption button {
	  width: 90px;
	  height: 23px;
	  font-size: 16px;
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	  margin-top: 30px;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	  margin-top: 30px;
	}
	.about h2 {
	  font-size: 50px;
	  color: #42b3e5;
	  margin-top: 30px;
	}
	.service h2 {
	  font-size: 50px;
	  margin-top: 40px;
	}
	.team h2 {
	  font-size: 50px;
	  margin-top: 40px;
	}
	h4 {
	  font-size: 18px !important;
	}
	.contact-caption{
		margin-top: 38%;
	}
	#map{
		height: 950px;
	}
	.contact{
		height: 950px;
		margin-top: -950px;
	}
	.contact-heading h2 {
	  font-size: 50px;
	  text-align: left;
	  margin-left: 15px;
	}
	.contact-info h3 {
	  margin-left: 8px;
	  font-size: 25px;
	  padding-bottom: 8px;
	}
	.info-detail {
	  margin-left: 8px;
	}
	.contact-info ul li {
	  font-size: 10px;
	}
	.contact-info i.fa {
	  font-size: 13px;
	  width: 20px;
	  height: 18px;
	}
	.contact-info, .contact-form{
		padding: 10px;
	}
	.contact-form h3 {
	  font-size: 25px;
	  padding-bottom: 8px;
	  margin-bottom: 0;
	  margin-right: 0px;
	}

}

.table{
	font-size: 20px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#about{
	padding-top:50px;
}

#service{
	padding-top:50px;
}

#prices{
	padding-top :50px;
}
#side-bar{
	padding-top: 100px;
}

/* Sidebar Styling */
.sidebar-container {
	background: white;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	overflow: hidden;
	border: 1px solid rgba(30, 60, 114, 0.1);
}

.sidebar-header {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: white;
	padding: 25px 20px;
	text-align: center;
	border-bottom: 3px solid #FFC107;
}

.sidebar-title {
	margin: 0 0 10px 0;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.sidebar-title i {
	color: #FFC107;
	font-size: 18px;
}

.sidebar-subtitle {
	margin: 0;
	font-size: 14px;
	color: #E3F2FD;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.product-card {
	margin: 20px;
	background: white;
	border-radius: 12px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.08);
	border: 1px solid rgba(30, 60, 114, 0.1);
	overflow: hidden;
	transition: all 0.3s ease;
}

.product-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0,0,0,0.15);
	border-color: #FFC107;
}

.product-image {
	position: relative;
	overflow: hidden;
	height: 200px;
}

.product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}

.product-card:hover .product-image img {
	transform: scale(1.05);
}

.product-overlay {
	position: absolute;
	top: 15px;
	right: 15px;
}

.quality-badge {
	background: linear-gradient(135deg, #FFC107, #FF9800);
	color: #1e3c72;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	box-shadow: 0 3px 10px rgba(255,193,7,0.3);
}

.product-info {
	padding: 20px;
}

.product-name {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: 700;
	color: #eef;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.product-description {
	margin: 0 0 15px 0;
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	font-family: 'Open Sans', sans-serif;
}

.product-specs {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.spec-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: #2a5298;
	font-weight: 600;
}

.spec-item i {
	color: #FFC107;
	font-size: 14px;
}

.sidebar-footer {
	background: #f8f9fa;
	padding: 25px 20px;
	text-align: center;
	border-top: 1px solid rgba(30, 60, 114, 0.1);
}

.quality-assurance {
	margin-bottom: 20px;
}

.quality-assurance i {
	font-size: 24px;
	color: #FFC107;
	margin-bottom: 10px;
	display: block;
}

.quality-assurance h5 {
	margin: 0 0 8px 0;
	font-size: 14px;
	font-weight: 700;
	color: #1e3c72;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.quality-assurance p {
	margin: 0;
	font-size: 12px;
	color: #666;
	font-family: 'Open Sans', sans-serif;
}

.contact-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(135deg, #FFC107, #FF9800);
	color: #1e3c72;
	padding: 12px 24px;
	border-radius: 25px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	box-shadow: 0 5px 15px rgba(255,193,7,0.3);
}

.contact-btn:hover {
	background: linear-gradient(135deg, #FF9800, #F57C00);
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(255,193,7,0.4);
	text-decoration: none;
}

.contact-btn i {
	font-size: 12px;
}

/* Sidebar responsive design */
@media (max-width: 768px) {
	.sidebar-container {
		margin: 0 15px;
	}
	
	.product-card {
		margin: 15px;
	}
	
	.sidebar-header {
		padding: 20px 15px;
	}
	
	.sidebar-title {
		font-size: 18px;
	}
	
	.product-image {
		height: 180px;
	}
	
	.product-info {
		padding: 15px;
	}
	
	.sidebar-footer {
		padding: 20px 15px;
	}
}

@media (max-width: 480px) {
	.sidebar-title {
		font-size: 16px;
	}
	
	.sidebar-subtitle {
		font-size: 12px;
	}
	
	.product-name {
		font-size: 14px;
	}
	
	.product-description {
		font-size: 12px;
	}
	
	.contact-btn {
		padding: 10px 20px;
		font-size: 12px;
	}
}

/* Contact Section Styling */
.contact-section {
	padding: 80px 0;
	background: #f8f9fa;
}

.contact-section .section-header {
	margin-top: 50px;
	margin-bottom: 60px;
}

.contact-section .section-title {
	font-size: 36px;
	color: #1e3c72;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
}

.contact-section .section-title::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: linear-gradient(90deg, #FFC107, #FF9800);
	border-radius: 2px;
}

.contact-section .section-subtitle {
	font-size: 18px;
	color: #666;
	font-weight: 300;
	line-height: 1.6;
}

/* Contact Cards */
.contact-info-card,
.contact-form-card {
	background: white;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	overflow: hidden;
	border: 1px solid rgba(30, 60, 114, 0.1);
	transition: all 0.3s ease;
}

.contact-info-card:hover,
.contact-form-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	border-color: #FFC107;
}

.contact-card-header {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: white;
	padding: 25px 20px;
	text-align: center;
	border-bottom: 3px solid #FFC107;
}

.contact-icon {
	width: 60px;
	height: 60px;
	background: rgba(255, 193, 7, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
}

.contact-icon i {
	font-size: 24px;
	color: #FFC107;
}

.contact-card-header h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.contact-card-content {
	padding: 30px 25px;
}

/* Contact Information Items */
.contact-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 25px;
}

.contact-item:last-child {
	margin-bottom: 0;
}

.contact-icon-small {
	width: 40px;
	height: 40px;
	background: linear-gradient(135deg, #FFC107, #FF9800);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.contact-icon-small i {
	font-size: 16px;
	color: #1e3c72;
}

.contact-details h5 {
	font-size: 14px;
	font-weight: 700;
	color: #eef;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.contact-details p {
	font-size: 14px;
	color: #f5c957;
	margin: 0;
	line-height: 1.4;
	font-family: 'Open Sans', sans-serif;
}

/* Contact Form */
.contact-form .form-group {
	margin-bottom: 20px;
}

.contact-form .form-control {
	width: 100%;
	padding: 15px 20px;
	font-size: 14px;
	color: #1e3c72;
	font-family: 'Open Sans', sans-serif;
	border: 2px solid rgba(30, 60, 114, 0.1);
	border-radius: 10px;
	background: #f8f9fa;
	transition: all 0.3s ease;
}

.contact-form .form-control:focus {
	outline: none;
	border-color: #FFC107;
	background: white;
	box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.1);
}

.contact-form .form-control::placeholder {
	color: #999;
}

.contact-form textarea.form-control {
	resize: vertical;
	min-height: 120px;
}

/* Submit Button */
.submit-btn {
	background: linear-gradient(135deg, #FFC107, #FF9800);
	color: #1e3c72;
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: none;
	border-radius: 30px;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 5px 15px rgba(255,193,7,0.3);
}

.submit-btn:hover {
	background: linear-gradient(135deg, #FF9800, #F57C00);
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(255,193,7,0.4);
}

.submit-btn i {
	font-size: 14px;
}

/* Contact Features */
.contact-features {
	margin-top: 60px;
}

.contact-features .feature-item {
	text-align: center;
	padding: 30px 20px;
	background: white;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	transition: all 0.3s ease;
	border: 1px solid rgba(30, 60, 114, 0.1);
}

.contact-features .feature-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	border-color: #FFC107;
}

.contact-features .feature-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #1e3c72, #2a5298);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
}

.contact-features .feature-icon i {
	font-size: 28px;
	color: #FFC107;
}

.contact-features .feature-item h4 {
	font-size: 18px;
	color: #1e3c72;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.contact-features .feature-item p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

/* Responsive Design for Contact Page */
@media (max-width: 768px) {
	.contact-section {
		padding: 60px 0;
	}
	
	.contact-section .section-title {
		font-size: 28px;
	}
	
	.contact-section .section-subtitle {
		font-size: 16px;
	}
	
	.contact-card-content {
		padding: 25px 20px;
	}
	
	.contact-item {
		gap: 15px;
		margin-bottom: 20px;
	}
	
	.contact-icon-small {
		width: 35px;
		height: 35px;
	}
	
	.contact-icon-small i {
		font-size: 14px;
	}
	
	.contact-features .feature-item {
		padding: 25px 15px;
	}
	
	.contact-features .feature-icon {
		width: 60px;
		height: 60px;
	}
	
	.contact-features .feature-icon i {
		font-size: 24px;
	}
}

@media (max-width: 480px) {
	.contact-section {
		padding: 40px 0;
	}
	
	.contact-section .section-title {
		font-size: 24px;
	}
	
	.contact-section .section-subtitle {
		font-size: 14px;
	}
	
	.contact-card-header {
		padding: 20px 15px;
	}
	
	.contact-card-content {
		padding: 20px 15px;
	}
	
	.contact-item {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}
	
	.contact-details h5 {
		font-size: 13px;
	}
	
	.contact-details p {
		font-size: 13px;
	}
	
	.contact-form .form-control {
		padding: 12px 15px;
		font-size: 13px;
	}
	
	.submit-btn {
		padding: 12px 25px;
		font-size: 14px;
	}
	
	.contact-features .feature-item {
		padding: 20px 15px;
	}
	
	.contact-features .feature-item h4 {
		font-size: 16px;
	}
	
	.contact-features .feature-item p {
		font-size: 13px;
	}
}

/* Prices Section Styling */
.prices-section {
	padding: 80px 0;
	background: #f8f9fa;
}

.prices-section .section-header {
	margin-top: 50px;
	margin-bottom: 60px;
}

.prices-section .section-title {
	font-size: 36px;
	color: #1e3c72;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
}

.prices-section .section-title::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: linear-gradient(90deg, #FFC107, #FF9800);
	border-radius: 2px;
}

.prices-section .section-subtitle {
	font-size: 18px;
	color: #666;
	font-weight: 300;
	line-height: 1.6;
}

/* Current Price Card */
.current-price-card {
	background: white;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	margin-bottom: 50px;
	overflow: hidden;
	border: 1px solid rgba(30, 60, 114, 0.1);
	transition: all 0.3s ease;
}

.current-price-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	border-color: #FFC107;
}

.price-card-header {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: white;
	padding: 20px 25px;
	text-align: center;
	border-bottom: 3px solid #FFC107;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.price-header-left {
	display: flex;
	align-items: center;
	gap: 20px;
}

.price-icon {
	width: 50px;
	height: 50px;
	background: rgba(255, 193, 7, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.price-icon i {
	font-size: 20px;
	color: #FFC107;
}

.price-header-text h3 {
	margin: 0 0 5px 0;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.price-date {
	margin: 0;
	font-size: 14px;
	color: #E3F2FD;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.price-header-actions {
	display: flex;
	gap: 15px;
	align-items: center;
}

.price-card-content {
	padding: 30px 25px;
}

/* PDF Viewer Container */
.pdf-viewer-container {
	background: #f8f9fa;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 25px;
	border: 2px solid rgba(30, 60, 114, 0.1);
}

.pdf-viewer-container iframe {
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* PDF Actions */
.pdf-actions {
	display: flex;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}

.download-btn,
.view-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 30px;
	transition: all 0.3s ease;
	text-decoration: none;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.download-btn {
	background: linear-gradient(135deg, #FFC107, #FF9800);
	color: #1e3c72;
}

.download-btn:hover {
	background: linear-gradient(135deg, #FF9800, #F57C00);
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(255,193,7,0.4);
	text-decoration: none;
	color: #1e3c72;
}

.view-btn {
	background: linear-gradient(135deg, #1e3c72, #2a5298);
	color: white;
	border: 2px solid #1e3c72;
}

.view-btn:hover {
	background: linear-gradient(135deg, #2a5298, #1e3c72);
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(30,60,114,0.4);
	text-decoration: none;
	color: white;
}

.download-btn i,
.view-btn i {
	font-size: 14px;
}

/* Price Archive Section */
.price-archive-section {
	margin-bottom: 50px;
}

.archive-title {
	font-size: 28px;
	color: #1e3c72;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

.archive-title i {
	color: #FFC107;
	font-size: 24px;
}

.archive-subtitle {
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-bottom: 40px;
	font-weight: 300;
}

.price-archive-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 25px;
}

.price-archive-item {
	background: white;
	border-radius: 12px;
	box-shadow: 0 8px 25px rgba(0,0,0,0.1);
	border: 1px solid rgba(30, 60, 114, 0.1);
	transition: all 0.3s ease;
	overflow: hidden;
}

.price-archive-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0,0,0,0.15);
	border-color: #FFC107;
}

.archive-item-header {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: white;
	padding: 20px;
	text-align: center;
	border-bottom: 2px solid #FFC107;
}

.archive-item-header i {
	font-size: 24px;
	color: #FFC107;
	margin-bottom: 10px;
	display: block;
}

.archive-item-header h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.archive-item-content {
	padding: 20px;
}

.archive-item-content p {
	font-size: 14px;
	color: #666;
	margin: 0 0 20px 0;
	font-weight: 500;
	text-align: center;
}

.archive-actions {
	display: flex;
	gap: 10px;
	justify-content: center;
	flex-wrap: wrap;
}

.archive-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 25px;
	transition: all 0.3s ease;
	text-decoration: none;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.archive-btn:not(.download) {
	background: linear-gradient(135deg, #1e3c72, #2a5298);
	color: white;
}

.archive-btn:not(.download):hover {
	background: linear-gradient(135deg, #2a5298, #1e3c72);
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(30,60,114,0.3);
	text-decoration: none;
	color: white;
}

.archive-btn.download {
	background: linear-gradient(135deg, #FFC107, #FF9800);
	color: #1e3c72;
}

.archive-btn.download:hover {
	background: linear-gradient(135deg, #FF9800, #F57C00);
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(255,193,7,0.3);
	text-decoration: none;
	color: #1e3c72;
}

.archive-btn i {
	font-size: 12px;
}

/* Price Information Section */
.price-info-section {
	margin-top: 50px;
}

.info-card {
	text-align: center;
	padding: 30px 20px;
	background: white;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	transition: all 0.3s ease;
	border: 1px solid rgba(30, 60, 114, 0.1);
}

.info-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	border-color: #FFC107;
}

.info-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #1e3c72, #2a5298);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
}

.info-icon i {
	font-size: 28px;
	color: #FFC107;
}

.info-card h4 {
	font-size: 18px;
	color: #1e3c72;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.info-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

/* Responsive Design for Prices Page */
@media (max-width: 768px) {
	.prices-section {
		padding: 60px 0;
	}
	
	.prices-section .section-title {
		font-size: 28px;
	}
	
	.prices-section .section-subtitle {
		font-size: 16px;
	}
	
	.section-header {
		margin-top: 80px;
	}
	
	.about-section .section-header,
	.prices-section .section-header,
	.contact-section .section-header {
		margin-top: 100px;
	}
	
	.price-card-header {
		flex-direction: column;
		gap: 20px;
		padding: 25px 20px;
	}
	
	.price-header-left {
		flex-direction: column;
		gap: 15px;
	}
	
	.price-header-actions {
		flex-direction: column;
		gap: 10px;
	}
	
	.price-card-content {
		padding: 25px 20px;
	}
	
	.pdf-viewer-container {
		padding: 15px;
	}
	
	.pdf-viewer-container iframe {
		height: 400px;
	}
	
	.download-btn,
	.view-btn {
		padding: 12px 25px;
		font-size: 14px;
	}
	
	.archive-title {
		font-size: 24px;
	}
	
	.price-archive-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.archive-item-content {
		padding: 15px;
	}
	
	.archive-actions {
		flex-direction: column;
		align-items: center;
	}
	
	.info-card {
		padding: 25px 15px;
	}
}

@media (max-width: 480px) {
	.prices-section {
		padding: 40px 0;
	}
	
	.prices-section .section-title {
		font-size: 24px;
	}
	
	.prices-section .section-subtitle {
		font-size: 14px;
	}
	
	.section-header {
		margin-top: 60px;
	}
	
	.about-section .section-header,
	.prices-section .section-header,
	.contact-section .section-header {
		margin-top: 80px;
	}
	
	.price-card-header {
		padding: 20px 15px;
		gap: 15px;
	}
	
	.price-header-left {
		gap: 10px;
	}
	
	.price-header-text h3 {
		font-size: 18px;
	}
	
	.price-date {
		font-size: 12px;
	}
	
	.price-header-actions {
		gap: 8px;
	}
	
	.price-card-content {
		padding: 20px 15px;
	}
	
	.pdf-viewer-container {
		padding: 10px;
	}
	
	.pdf-viewer-container iframe {
		height: 300px;
	}
	
	.download-btn,
	.view-btn {
		padding: 10px 20px;
		font-size: 13px;
	}
	
	.archive-title {
		font-size: 20px;
	}
	
	.archive-subtitle {
		font-size: 14px;
	}
	
	.archive-item-header {
		padding: 15px;
	}
	
	.archive-item-header h4 {
		font-size: 16px;
	}
	
	.info-card {
		padding: 20px 15px;
	}
	
	.info-icon {
		width: 60px;
		height: 60px;
	}
	
	.info-icon i {
		font-size: 24px;
	}
	
	.info-card h4 {
		font-size: 16px;
	}
	
	.info-card p {
		font-size: 13px;
	}
}