:root {
	--blue-color: #0066B3;  /* Blue */
	--white-color: #FFFFFF; /* White */
	--black-color: #000000;      /* Black */
	--black2: #292929;
}
.p-100{
	padding: 100px 0px;
}
a{
	text-decoration: none;
	color:var(--blue-color);
	font-family: "Inter", sans-serif;
}

*{
	margin: 0px;
	padding: 0px;
}
p{
	font-family: "Inter", sans-serif;
	font-weight: 300 !important;
}
ul li{
	font-weight: 300 !important;
}
span{
	font-weight: 300 !important;
}
img {
	width: 100%;
	height: auto;
}
body h1,h2,h3,h4,h5,h6,a,p{
	font-family: "Inter", sans-serif;
}
body ul,li{
	font-family: "Inter", sans-serif;
}
body{
	margin: 0;
	padding: 0;
	font-family: "Inter", sans-serif;
}
h1 {
	font-weight: 800;
	font-size: 64px;
	line-height: 74px;
	text-align: center;
	color: #fff;
	margin-bottom: 24px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInUp 1s ease-out forwards;
}

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

.hero-section {
	position: relative;
	height: 90vh;
	overflow: hidden;
	padding: 0;
}

.video-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.bg-video {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.fallback-image {
	background-image: url('https://nextstep.net.in/sai-prografiq/wp-content/uploads/2025/06/Untitled-design-1-2.webp');
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.hero-content .container {
	padding: 0;
}
.hero-content {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -40%);
	text-align: center;
	width: 100%;
	z-index: 2;
	color: #fff;
}
.hero-content p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	width: 45%;
	margin: 0 auto 48px;
}
span.unique_font {
	font-family: "Outfit", sans-serif;
	font-weight: 700;
}
a.main-btn {
	background: #0066B3;
	padding: 14px 40px;
	color: #fff;
	border-radius: 90px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;

	/* Smooth transition for multiple properties */
	/* 	transition:  */
	/* 		background-color 0.4s ease-in-out, */
	/* 		/transform 0.3s ease-in-out, */
	/* 		box-shadow 0.3s ease-in-out, */
	/* 		filter 0.4s ease-in-out; */
	/* 	position: relative; */
	overflow: hidden;
}

/* a.main-btn::before {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%; */
/* 	background: radial-gradient(circle, rgba(255, 255, 255, 0.15), transparent 70%); */
/* 	transform: rotate(45deg) translate(-150%, -150%); */
/* 	transition: transform 0.5s ease-in-out; */
}

a.main-btn:hover {
	/* 	background: #0078D4; */
	/* 	transform: scale(1.05); */
	/* 	box-shadow: 0 8px 20px rgba(0, 120, 212, 0.4); */
	/* 	filter: brightness(1.05); */
}

a.main-btn:hover::before {
	/* 	transform: rotate(45deg) translate(100%, 100%); */
}

section {
	position: relative;
	padding: 80px 0;
}

/* Main Products Section */
.main_products {
	overflow: hidden;
	position: relative;
	width: 100%;
}

section.p-100.main_products .container {
	padding: 0;
}
section.p-100.main_products .container-fluid {
	margin: 0 0 0 auto;
	max-width: 1420px!important;
	padding: 0;
}
.main_products .main_title {
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	color: #000;
	margin-bottom: 32px;
}
section.solutions .solutions-heading h2 {
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	color: #000;
	margin-bottom: 12px;
	position: relative;
}
section.about_box .row.align-items-center:not(:last-child) {
	margin-bottom: 56px;
}

section.about_box .row.align-items-center:last-child {
	margin-bottom: 0;
}
.tech-th-cont h3 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
}
section.drive-possibility-sec {
	background: #fff;
	/* 	background-size: cover; */
	overflow: hidden;
}

.main_products .slider {
	width: 100% !important;
	margin: 0 !important;
	max-width: 100%;
}

.main_products .slider.slick-initialized.slick-slider {
	margin-top: 0;
	width: 150vw !important;
	max-width: 150vw;
}

.main_products .slider .slick-slide {
	margin-right: 30px;
	height: auto !important;
}

.main_products .slider .slick-list {
	overflow: hidden;
	padding: 0 20px;
	margin: 0 -20px;
}

.main_products .slider .slick-track {
	display: flex;
	align-items: stretch;
	margin-left: 0;
}

.main_products .product-card {
	background-color: #fff;
	border-radius: 15px;
	box-shadow:0 3px 17px rgba(0,0,0,.14);
	overflow: hidden;
	width: 100%;
	max-width: 645px;
	height: 355px;
	position: relative;
	margin: 0px 15px 15px 0px;
}
.main_products .product-card:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(https://nextstep.net.in/sai-prografiq/wp-content/themes/sai-products/assets/images/slider-bg.png);
	width: 100%;
	z-index: 20;
	height: 70px;
	background-size: contain;
	background-position: right top;
	background-repeat: no-repeat;
	text-align: right;
}

.main_products .product-header {
	background-color: #004A89;
	padding: 30px;
	color: #fff;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.main_products .product-header h3 {
	font-size: 25px;
	line-height: 30px;
	font-weight: 600;
	margin: 0;
	flex-wrap: wrap;
	width: 58%;
}

.main_products .product-body {
	padding: 20px;
	text-align: left;
	display: flex;
	flex-direction: row;
	height: calc(100% - 120px);
}

.main_products .product_content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.main_products .product-body p {
	color: #6E6E6E;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	padding-left: 10px;
	padding-right: 20px;
	margin: 0;
}
section.solutions .solutions-heading p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}
.main_products .product-body .read-more {
	display: inline-flex;
	background-color: transparent;
	color: var(--blue-color);
	padding: 10px 0px;
	border-radius: 90px;
	text-decoration: underline;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	/* 	border: 1px solid var(--blue-color); */
	margin-top: 20px;
	margin-left: 10px;
	align-items: center;
	gap: 10px;
	width: max-content;
	position:absolute;
	bottom:5%;
}

.main_products .product_img
{
	position: relative;
	top: -110px;
	background: white;
	padding: 20px;
	border-radius: 0;
	height: 250px;
	width: 250px;
	flex-shrink: 0;
}

.main_products .product_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
}

.main_products .product-body .read-more img {
	height: 15px;
	width: 20px;
}
section.solutions .container,
section.industries-section .container,
section.main_our_customers .container,
section.insights_main-sec .container,
section.solutions .row .col-md-6,
section.main_our_customers .row .col-md-5,
section.main_our_customers .row .col-md-7,
section.insights_main-sec .container .insight_main_head .col-12, section.p-100.main_life_at_sai .life-at-sai .row .col-md-6, section.p-100.main_life_at_sai .container {
	padding: 0;
}

.main_products .progress-container {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 32px;
	width: 100%;
}

/* Progress Bar */
.main_products .progress {
	position: relative;
	display: block;
	height: 7px;
	border-radius: 10px;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.3);
	background-image: linear-gradient(to right,#0066B3 , #0066B3);
	background-repeat: no-repeat;
	background-size: 0 100%;
	opacity: 1;
	z-index: 1;
	transition: background-size 0.4s ease-in-out;
	flex: 1;
	margin: 0;
}

.main_products .progress::after {
	content: "";
	width: 100%;
	height: 7px;
	background: #0000005c;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.5;
}

/* Arrow Styles */
.main_products .slider-arrows {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-shrink: 0;
}

/* Hide default Slick arrows */
.main_products .slider .slick-arrow {
	display: none !important;
}



/* Style manual arrows */
.main_products .slider-arrows .slick-arrow {
	position: relative !important;
	bottom: auto !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	width: 55px !important;
	height: 55px !important;
	background-size: 20px 20px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: transparent !important;
	border: 1px solid #000 !important;
	border-radius: 50%;
	outline: none !important;
	cursor: pointer !important;
	z-index: 10;
	transform: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: transparent;
	font-size: 0;
} 

.main_products .slider-arrows .slick-arrow:before {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 42px;
	width: 100%;
	margin-bottom: 12px;
}

.main_products .slider-arrows .slick-prev {
	/* 	background-image: url(https://nextstep.net.in/sai-prografiq/wp-content/themes/sai-products/assets/images/prev.svg) !important; */
}

.main_products .slider-arrows .slick-next {
	/* 	background-image: url(https://nextstep.net.in/sai-prografiq/wp-content/themes/sai-products/assets/images/next.svg) !important;/ */
}

/* Fallback arrow styles */
.main_products .slider-arrows .slick-prev:after {
	/* 	content: "←"; */
	font-size: 30px;
	/* 	color: #000; */
	/* 	font-weight: bold; */
}

.main_products .slider-arrows .slick-next:after {
	/* 	content: "→"; */
	font-size: 30px;
	/* 	color: #000; */
	/* 	font-weight: bold; */
}

/* Hover Effects */
.main_products .slider-arrows .slick-arrow:hover {
	/* 	opacity: 0.7; */
	/* 	border-color: #004A89; */
}

/* Responsive Styles */
/* @media (max-width: 767px) {
.main_products .progress-container {
display: none;
}

.main_products .product-card {
width: 90vw;
height: auto;
}

.main_products .product-body {
flex-direction: column;
}

.main_products .product_img {
position: static;
width: 100%;
height: 150px;
margin-top: 20px;
}
} */

.industries-container {
	display: flex
		;
	align-items: center;
	justify-content: space-between;
	justify-items: center;
	text-align: center;
}
section.industries-section h2.main_title {
	font-weight: 600;
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 48px;
}
.solutions .row {
	justify-content: end;
	position: relative;
}

.solutions .solutions-heading:before {
	position: absolute;
	content: '';
	background-image: url(https://nextstep.net.in/sai-prografiq/wp-content/uploads/2025/10/about-sai.webp);
	width: 60%;
	height: 532px;
	left: 0;
	z-index: -1;
	top: -79px;
	border-radius: 12px;
}
.solutions-heading {
	background-color: #fff;
	border-radius: 10px;
	padding: 56px 62px;
	box-shadow: -7px 4px 25.3px 0px #00000026;
}
.main_our_customers {
	padding: 100px 0px;
	background-image: url(https://nextstep.net.in/sai-prografiq/wp-content/themes/sai-products/assets/images/Client-bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed; /* This is the key */
	position: relative;
	z-index: 1;
}


.our_customers_content h3 {
	font-size: 48px;
	font-weight: 700;
	line-height: 58px;
	color: var(--black-color);
	margin-bottom: 12px;
}

.our_customers_content p {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	color: var(--black-color);
	margin-bottom: 48px;
}
.our_customers_content a{
	gap: 10px;
}
.our_customers_content a svg{
	height: 20px;
	width: 20px;
	margin-top: 2px;
}
.main_our_customers .col-12 {
	text-align: end;
}
.customer_margin {
	margin-top: 20px;
	display: flex;
	flex-direction: row-reverse;
	gap: 20px;
}
.life_at_sai_desc h3 {
	font-size: 48px;
	line-height: 58px;
	font-weight: 700;
	color: var(--black-color);
	margin-bottom: 12px;
}
.life_at_sai_desc p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: var(--black-color);
	margin-bottom: 24px;
}
section.insights_main-sec .insight_box .insight_content p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
.life_at_sai_desc a{
	gap: 10px;
}
.life_at_sai_desc a svg{
	height: 20px;
	width: 20px;
	margin-top: 2px;
}

.life_at_sai_desc {
	width: 80%;
}
.life-at-sai-img{
	width: 100%;
}
.life-at-sai-img img {
	width: 100%;
	border-radius: 10px;
	height: 450px;
	object-fit: cover;
}
.life-at-sai .row {
	align-items: center;
}

/**** contact page style  ****/
.contact_adress_box h4 {
	font-weight: 600;
	margin-bottom: 20px;
	border-bottom: 2px solid var(--orange); /* brand color highlight */
	display: inline-block;
	padding-bottom: 5px;
}

.contact_adress_box p {
	position: relative;
	padding-left: 28px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 1.6;
	color: #fff;
	border-bottom: 1px dashed #ccc; /* softer line */
}

.contact_adress_box p:last-child {
	border-bottom: none;
}

/* Location icon before text */
.contact_adress_box p::before {
	content: "\f3c5";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: -10px;
	color: var(--orange);
	font-size: 24px;
	line-height: 1.6;
}

.contact_adress_box p:nth-of-type(1)::before {
	top: 0px;
}

.main_banner {
	width: 100%;
	height: 290px;
	background-size: cover;
	background-position: center;
}
.pages_banner{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	height: 100%;
}
.inner_banner {
	text-align: center;
}

.banner_content h1 {
	text-transform: capitalize;
	font-size: 42px;
	font-weight: 600;
	line-height: 52px;
	color: var(--white-color);
	margin: 0;
}
.main_banner:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #00000080;
}
.banner_sec {
	position: relative;
	z-index: 3;
}
.breadcumbh-sec {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
}
.bread_content {
	/* display: flex; */
	position: relative;
}

.bread_content ul {
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin-bottom: 0px;
	padding: 0;
}

.bread_content ul li {
	list-style: none;
	color: white;
}

.bread_content ul li a {
	text-decoration: none;
	color: white;
	font-size: 18px;
}

.bread_content ul li svg {
	font-size: 16px;
	padding-left: 5px;
}
.contact_adress {
	background-color: #444444;
	padding: 55px;
	top: 110px;
	position: sticky;
}


.contact_adress_box h4 {
	font-size: 34px;
	font-weight: 600;
	line-height: 40px;
	margin-bottom: 20px;
	color: var(--white-color);
}
.contact_form {
	background-color: #fff;
	padding: 40px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	margin-top: 0px;
}
.contact_adress_box p {
	position: relative;
	padding-left: 36px;
	padding-bottom: 24px;
	margin-bottom: 25px;
	font-size: 15px;
	line-height: 1.6;
	color: #fff;
	border-bottom: 1px solid #ccc;
}
.contact_adress_box p svg:hover{
	color: var(--blue-color);
	transition: 0.5s all ease;
}
.contact_adress_box a {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: var(--white-color);
	margin-bottom: 64px;
	text-decoration: none;
	transition: 0.5s all 
		ease;
}
.contact_adress_box a:hover{
	color: var(--blue-color);
	transition: 0.5s all ease;
}
.contact_adress_box a:hover svg{
	color: var(--blue-color);
	transition: 0.5s all ease;
}
.contact_adress_box p svg {
	font-size: 25px;
	padding-right: 10px;
	color: var(--white-color);
	cursor: pointer;
}
.contact_adress_box a svg {
	font-size: 25px;
	padding-right: 10px;
	color: var(--white-color);
	transition: 0.5s all ease;
}
.contact_adress_box {
	display: flex;
	flex-direction: column;
	margin-bottom: 0px;
}
.company_address_content {
	width: 95%;
	margin-top: 20px;
	padding-left: 15px;
	display: flex;
	flex-direction: column;
}
.company_address_content h4 {
	font-size: 30px;
	font-weight: 500;
	line-height: 40px;
	margin-bottom: 20px;
}
.company_address_content p{
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: var(--black2);
}
.company_address_content a{
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: var(--black2);
	margin-bottom: 20px;
	text-decoration: none;
	transition: 0.5s all ease;
}
.company_address_content a:hover{
	color: var(--blue-color);
	transition: 0.5s all ease;
}
.company_address_content a:hover svg{
	color: var(--blue-color);
	transition: 0.5s all ease;
}
.company_address_content a svg{
	font-size: 25px;
	padding-right: 10px;
	color: var(--black2);
	transition: 0.5s all ease;
}
.company_address {
	margin-left: 30px;
	display: flex;
	flex-direction: column;
	gap: 25px;
	flex-wrap: wrap;
}
.company_address_box {
	width: 100%;
}

.company_img {
	width: 100%;
}

.company_img img {
	width: 100%;
	height: auto;
}
.form-group {
	margin-bottom: 20px;
}

.form-group label {
	display: block;
	font-size: 16px;
	color: var(--black-color);
	margin-bottom: 5px;
}

.form-group input,
.form-group textarea {
	width: 100%;
	padding: 10px 20px;
	font-weight: 500;
	line-height: 28px;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	background-color: #f9f9f9;
	font-size: 18px;
	color: var(--black-color);
}

.form-group textarea {
	resize: none;
	height: 100px;
}

.submit-btn {
	background-color: var(--blue-color);
	color: var(--white-color);
	padding: 10px 20px;
	border: none;
	border-radius: 3px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s;
}

.submit-btn:hover {
	opacity: 0.7;
}

.main_contact_form_page {
	background: #ededed;
}
.main_blog_page{
	background: #ededed;
}
section.loc_map {
	overflow: hidden;
}
.contact_form h3 {
	font-size: 34px;
	line-height: 44px;
	margin-bottom: 40px;
}

.blog_page .container {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 35px;
}

.blog_page .post {
	background-color: var(--white-color);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	width: calc(33% - 20px);
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease;
}
.blog_page .post:hover{
	transform: translateY(-5px);
}

.blog_page .post-image {
	position: relative;
	overflow: hidden;
}
.blog_page .post-image:hover img {
	transform: scale(1.1);
	cursor: pointer;
}

.blog_page .post-image img {
	width: 100%;
	height: 230px;
	display: block;
	transition: transform 0.3s ease;
	object-fit: cover;
	object-position: center;
}

.blog_page .post-date {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 0.9rem;
	font-weight: bold;
	cursor: pointer;
	color: var(--blue-color);
}

.blog_page .post-category {
	color: var(--black-color);
	cursor: pointer;
}

.blog_page .post-content {
	padding: 20px;
}

.blog_page .post-title {
	font-size: 1.5rem;
	margin: 0 0 10px;
	color: var(--black-color);
	cursor: pointer;
}

.blog_page .post-excerpt {
	font-size: 1rem;
	color: var(--black2);
	margin-bottom: 20px;
	cursor: pointer;
}

.blog_page .read-more {
	color: var(--blue-color);
	text-decoration: none;
	font-weight: bold;
	font-size: 1rem;
	cursor: pointer;
}

.blog_page .read-more:hover {
	opacity: 0.7;
}
.main_blogs .container {
	display: flex;
	/* max-width: 1200px; */
	/* margin: 20px auto; */
	padding: 20px;
	/* background-color: #fff; */
	/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
	flex-direction: row;
	gap: 40px;
}

.main_blogs .main-article {
	flex: 3;
	/* margin-right: 20px; */
	padding: 20px;
	background-color: var(--white-color);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.main_blogs .article-image {
	position: relative;
}

.main_blogs .article-image img {
	width: 100% !important;
	border-radius: 8px;
	object-fit: cover;
	max-width: 100% !important;
	height: 600px;
}

.main_blogs .article-tag {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-color: var(--blue-color);
	color: var(--white-color);
	padding: 5px 10px;
	border-radius: 4px;
	font-weight: bold;
	text-transform: uppercase;
}

.main_blogs .article-content {
	margin-top: 20px;
}

.main_blogs .article-date {
	color: var(--black2);
	margin-bottom: 10px;
}

.main_blogs .article-title {
	font-size: 28px;
	color: var(--black-color);
	margin-bottom: 20px;
}

.main_blogs .article-text {
	color: var(--black2);
	line-height: 1.6;
}

.main_blogs .sidebar {
	flex: 1;
	background-color: #f9f9f9;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	height: max-content;
	position: sticky;
	top: 120px;
}

.main_blogs .sidebar-title {
	font-size: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #333;
	padding-bottom: 5px;
	color: var(--black-color);
}

.main_blogs .article-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.main_blogs .article-item {
	display: flex;
	margin-bottom: 15px;
}

.main_blogs .article-item img {
	width: 95px !important;
	height: 90px !important;
	object-fit: cover;
	border-radius: 4px;
	margin-right: 10px;
}

.main_blogs .article-item a {
	color: var(--black2);
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	transition: color 0.3s;
}

.main_blogs .article-item a:hover {
	color: var(--blue-color);
}
.main_products .slick-list {
	overflow: visible;
}
.mica-logo .logo {
	width: 230px;
}
.customer_img img {
	width: 200px;
	border-radius: 12px;
}
.border_rad-4::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90%;
	background-color: #0000005c;
	border-bottom-right-radius: 20px;
}
.border_rad-4 {
	border-bottom-right-radius: 20px;
}


/*BREADCRUM*/

section.breadcrum_main {
	position: relative;
}
.bead_cont_outer {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding-bottom: 48px;
	left: 0;
}
.breadcrum_cont h1 {
	font-size: 48px;
	line-height: 58px;
	margin: 0;
	color: #fff;
	font-weight: 900;
	width: fit-content;
	letter-spacing: -0.5px;
}
section.breadcrum_main {
	position: relative;
}
section.breadcrum_main {
	padding: 0;
}
section.breadcrum_main img {
	width: 100%;
	height: 290px;
	object-fit: cover;
}
.insight_box {
	box-shadow: 0px 0px 27.72px 0px #00000026;
	border-radius: 10px;
}
.insight_box img {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
	height: 278px;
	object-fit: cover;
}
.insight_main_head {
	margin-bottom: 48px;
}
.insight_main_head >.row h2.mb-0 {
	font-weight: 600;
	font-size: 48px;
	line-height: 58px;
}
.insight_box .insight_content {
	padding: 20px 30px;
	font-weight: 700;
}
.footer h4 {
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 28px;
}
.social-icons svg {
	margin-right: 18px;
	width: 32px;
}
.footer ul {
	padding: 0;
	margin: 0;
}

/* .footer ul li {
margin-bottom: 10px;
} */

.footer ul li a {
	color: var(--black2);
	text-decoration: none;
	font-size: 17px;
	font-weight: 400;
	line-height: 40px;
	transition: 0.5s all ease;
}
.footer-bottom{
	color: #fff;
	text-align: left;
	margin-top: 70px;
}




.footer .social-icons img {
	width: 24px;
	height: 24px;
}

.footer h2 {
	font-size: 70px;
	color: var(--black-color);
	margin-bottom: 20px;
	line-height: 72px;
	font-weight: 600;
	margin-top: -15px;
}

.address p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: #fff;
}
.footer-bottom p {
	font-size: 18px;
	line-height: 28px;
	padding: 0;
	margin: 0;
}
.contact-info p {
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	color: #fff;
}

.contact-info span {
	font-size: 17px;
	/* 	line-height: 10px; */
	font-weight: 400;
	color: var(--black2);
}

.footer .contact-info a {
	color: var(--black-color);
	text-decoration: none;
}
.fot_company {
	width: 20%;
}

.fot_product {
	width: 40%;
	/* margin-left: -30px; */
}

.fot_social {
	width: 22%;
	/* padding-left: 30px; */
	display: none;
}

.fot_contact {
	width: 40%;
	padding-left: 70px;
	border-left: 3px solid #898989;
}

.social-icons svg path {
	fill: #fff;
}
.footer ul li {
	padding-bottom: 18px;
}
.footer ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	transition: 0.5s all ease;
}

.footer-bottom a {
	color: var(--blue-color);
	text-decoration: none;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
}

.fot_contact_det h4 {
	margin-bottom: 24px;
}
.fot_contact_det {
	display: flex;
	margin-top: 35px;
	gap: 30px;
}
.fot_contact img {
	width: 65%;
}
.footer {
	padding: 100px 0px 48px 0px !important;
	background: #000;
}

/* Main expandable section with parent class */
.infosys-expandable-section {
	margin-top: 0px;
	opacity: 0;
	transform: translateY(30px);
	animation: fadeInUp 0.8s ease forwards;
	animation-delay: 0.9s;
	will-change: transform, opacity;
}

.infosys-expandable-section .row
{
	display: grid
		;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	border-radius: 8px;
	overflow: hidden;
}
@keyframes fadeInUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.infosys-expandable-section .service-item
{
	padding: 0;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	position: relative;
	min-height: 120px;
	display: flex
		;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	will-change: transform, background-color;
}

.infosys-expandable-section .service-item:last-child {
	border-right: none;
}

.infosys-expandable-section .service-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, #004a83 0%, #004a83 100%);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}


.infosys-expandable-section .service-item.active::before {
	opacity: 0;
}

.infosys-expandable-section .service-item h5 {
	font-weight: 900;
	font-size: 24px;
	line-height: 34px;
	text-align: center;
	margin-bottom: 24px;
	color: #333;
	transition: color 0.3s ease;
	position: relative;
	z-index: 2;
}
.infosys-expandable-section .service-item.active h5 {
	color: white;
}

.infosys-expandable-section .expand-icon {
	width: 30px;
	height: 30px;
	position: relative;
	display: flex
		;
	align-items: center;
	justify-content: center;
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	z-index: 2;
	background: #000;
	border-radius: 50%;
}
.infosys-expandable-section .expand-icon::before, .infosys-expandable-section .expand-icon::after {
	content: '';
	position: absolute;
	background: #fff;
	border-radius: 1px;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.infosys-expandable-section .expand-icon::before {
	width: 20px;
	height: 2px;
}

.infosys-expandable-section .expand-icon::after {
	width: 2px;
	height: 20px;
}

.infosys-expandable-section .service-item.active .expand-icon::before,
.infosys-expandable-section .service-item.active .expand-icon::after {
	background: white;
}

.infosys-expandable-section .service-item.active .expand-icon {
	transform: rotate(45deg);
}

.infosys-expandable-section .expandable-overlay {
	position: absolute;
	top: -102px;
	left: 0%;
	width: 100%;
	margin: 0px auto 0px;
	background: rgba(0, 0, 0, 0.95);
	backdrop-filter: blur(10px);
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}
.infosys-expandable-section .expandable-overlay.active {
	opacity: 1;
	visibility: visible;
	z-index: 1000; 
}
.infosys-expandable-section .expand-wrapper
{
	position: relative;
	width: 100%;
	padding: 0;
}
.infosys-expandable-section .expand-content
{
	background: white;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.3);
	transform: translateY(60px) scale(0.9);
	opacity: 0;
	transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.infosys-expandable-section .expandable-overlay.active .expand-content {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.infosys-expandable-section .close-overlay {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	color: white;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}
.infosys-expandable-section .close-overlay:hover {
	background: rgba(255, 255, 255, 0.25);
	transform: rotate(90deg) scale(1.1);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Image section with parent class */
.infosys-expandable-section .img-section {
	position: relative;
	height: 400px;
	background: linear-gradient(135deg, var(--blue-color) 0%, var(--blue-color) 100%);
	display: flex;
	align-items: center;
	color: white;
	overflow: hidden;
}

.infosys-expandable-section .img-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
	opacity: 0.5;
}

.infosys-expandable-section .img-content {
	padding: 0px 80px;
	flex: 1;
	z-index: 2;
	position: relative;
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.infosys-expandable-section .img-content h2 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 25px;
	line-height: 1.2;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.infosys-expandable-section .img-content p {
	font-size: 18px;
	line-height: 1.7;
	margin-bottom: 30px;
	opacity: 0.95;
	max-width: 600px;
}

.infosys-expandable-section .btn-learn-more {
	display: inline-block;
	padding: 15px 35px;
	background: transparent;
	color: white;
	text-decoration: none;
	border: 2px solid rgba(255, 255, 255, 0.8);
	border-radius: 6px;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	position: relative;
	overflow: hidden;
}

.infosys-expandable-section .btn-learn-more::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	transition: left 0.3s ease;
}

.infosys-expandable-section .btn-learn-more:hover::before {
	left: 100%;
}

.infosys-expandable-section .btn-learn-more:hover {
	background: white;
	color: #007bff;
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	border-color: white;
}

/* Links section with parent class */
.infosys-expandable-section .links-section {
	padding: 50px;
	background: #fafbfc;
}

.service-item h4 {
	font-size: 30px;
	color: #0066b3;
	margin-bottom: 20px;
}

.infosys-expandable-section .links-content {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
}

.infosys-expandable-section .links-main h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 35px;
	color: #333;
	position: relative;
}

.infosys-expandable-section .links-main h2::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 60px;
	height: 3px;
	background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
	border-radius: 2px;
}

.infosys-expandable-section .links-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin-bottom: 40px;
}

.infosys-expandable-section .link-item {
	display: block;
	padding: 20px 25px;
	color: #007bff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	background: white;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	position: relative;
	overflow: hidden;
}

.infosys-expandable-section .link-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
	transform: scaleY(0);
	transition: transform 0.3s ease;
}

.infosys-expandable-section .link-item:hover::before {
	transform: scaleY(1);
}

.infosys-expandable-section .link-item:hover {
	color: #0056b3;
	transform: translateX(8px);
	box-shadow: 0 5px 20px rgba(0, 123, 255, 0.1);
	border-color: #007bff;
}

.infosys-expandable-section .btn-view-all {
	display: inline-block;
	padding: 15px 35px;
	background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
	color: white;
	text-decoration: none;
	border-radius: 6px;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);
}

.infosys-expandable-section .btn-view-all:hover {
	background: linear-gradient(135deg, #0056b3 0%, #004494 100%);
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0, 123, 255, 0.3);
}

/* Responsive design with parent class */
@media (max-width: 992px) {
	.infosys-expandable-section .row {
		grid-template-columns: repeat(2, 1fr);
	}

	.infosys-expandable-section .links-content {
		grid-template-columns: 1fr;
		gap: 30px;
	}
}

@media (max-width: 576px) {
	.infosys-expandable-section .row {
		grid-template-columns: repeat(2, 1fr);
	}

	.infosys-expandable-section .service-item {
		padding: 20px 15px;
		min-height: 100px;
	}

	.infosys-expandable-section .service-item h5 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.infosys-expandable-section .expand-icon {
		width: 24px;
		height: 24px;
	}

	.infosys-expandable-section .expand-icon::before {
		width: 16px;
	}

	.infosys-expandable-section .expand-icon::after {
		height: 16px;
	}

	.infosys-expandable-section .img-content {
		padding: 20px;
	}

	.infosys-expandable-section .img-content h2 {
		font-size: 24px;
	}

	.infosys-expandable-section .links-section {
		padding: 20px;
	}
}
.infosys-expandable-section {
	position: relative;
	z-index: 10;
}
.insights-page {
	background-color: #fff;
	padding: 0;
	overflow: hidden;
	padding-bottom: 100px;
}
.insights-container .tabs-filters-section .container-fluid {
	padding: 0;
}
.insight_tb {
	border-bottom: 1px solid #0000001F;
	margin-bottom: 62px;
}
.insights-page .nav-tabs {
	max-width: 1320px;
	margin: 0 auto;
	border: none;
}
.insights-page .nav-tabs .nav-link.active {
	color: #0066B3;
	background: none;
	border-bottom: 4px solid #0066B3;
}
.insights-page .nav-tabs .nav-link {
	border: none;
	color: var(--text-light);
	font-weight: 500;
	padding: 22px 30px;
	margin-right: 1rem;
	border-radius: 0;
	position: relative;
}
.about_box_content p {
	font-size: 18px;
	line-height: 28px;
}
.about_box_content {
	margin-right: 45px;
}
img.img-fluid-about
{
	border-radius: 12px;
}
.leadership-team {
	padding: 60px 0;
	background: #fff;
}

p.team-intro{
	font-size: 16px;
	margin-bottom: 40px;
	width: 100%;
}
.patent-note {
	box-shadow: 1px 6px 8.9px 1px #0000001A;
	padding: 56px;
	background: linear-gradient(135deg, #f8fafc, #f1f5f9);
	border-left: 6px solid #0066B3;
	border-radius: 12px;
}
.member-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 60px;
}
.member-card.reverse {
	flex-direction: row-reverse;
}

.image-box {
	width: 350px;
	height: auto;
	background: #ccc;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
	margin-right: -40px;
	z-index: 2;
}
.text-box {
	background: #f2f2f2;
	padding: 98px 90px;
}
.member-card.reverse .image-box {
	margin-right: 0;
	margin-left: -40px;
	width: 350px;
	height: auto;
	background: #ccc;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
	z-index: 2;
}

.image-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.text-box {
	flex: 1;
}

.text-box h3 {
	color: #0056b3;
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	margin-bottom: 8px;
}
.text-box .role {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 24px;
}

.text-box .desc {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
}

/* Responsive */
@media (max-width: 768px) {
	.member-card,
	.member-card.reverse {
		flex-direction: column !important;
		text-align: center;
	}

	.image-box {
		margin: 0 auto 20px;
	}

	.member-card.reverse .image-box {
		margin: 0 auto 20px;
	}
}
section.values-section.pt-0 p.mb-5 {
	width: 100%;
	font-size: 18px;
	line-height: 28px;
}
.card {
	padding: 32px;
}
.card-title {
	font-size: 30px;
	line-height: 50px;
	font-weight: 600;
}
.card-text:last-child {
	font-size: 16px;
	line-height: 28px;
}
.tech-three-left img {
	height: 450px;
	width: 100%;
	object-fit: cover;
}
.tech-th-cont {
	width: 85%;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	top: -120px;
	padding: 25px 30px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.tech-th-rt {
	width: 95%;
	margin-left: auto;
	margin-top: 30px;
}
.tech-th-rt p {
	font-size: 18px;
	line-height: 26px;
}

section.technology-three.pt-0 h2 {
	margin-bottom: 48px;
	width: 80%;
	font-weight: 600;
	font-size: 40px;
	line-height: 58px;
	color: #000;
}
.award-main-head {
	width: 100%;
}
section.award-recognitions.pt-0 h3 {
	font-family: "Inter", sans-serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 58px;
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #0000003D;
}
.year-heading {
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 42px;
	color: #0066B3;
	margin-bottom: 24px;
}
.award-card {
	border: 1px solid #0000003D;
	border-radius: 24px;
	padding: 24px 20px;
}

section.award-recognitions.pt-0 .row.g-4 {
	padding-bottom: 64px;
	border-bottom: 1px solid #0000003D;
	margin-bottom: 64px;
}
.award-card {
	border: 1px solid #00000017;
	border-radius: 12px;
	padding: 24px 20px;
	display: flex
		;
	gap: 28px;
}
.award-card img {
	padding: 0;
	border-radius: 12px;
	width: 182px;
	background: #eee;
}
.award-card-desc h5 {
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
}
.award-card-desc {
	display: flex
		;
	flex-direction: column;
	justify-content: space-between;
}
.award-short-desc {
	text-align: right;
	padding-left: 40px;
	margin-left:70px;
}
section.career-main-sec h2 {
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	color: #000;
	margin-bottom: 12px;
}
.career_iner_sec p.career_Desc_para {
	margin-bottom: 48px;
}
section.career-main-sec .icon-box {
	display: flex;
	gap: 24px;
	align-items: center;
	margin-bottom: 24px;
}
section.career-main-sec .icon-box img
{
	background: #0066B3;
	padding: 12px 24px;
	border-radius: 12px;
	width: 100px;
}
section.career-main-sec .icon-box .icon-text h6 {
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 0;
}

section.drive-possibility-sec {
	overflow: hidden;
}

section.drive-possibility-sec .drive-content h2 {
	font-weight: 600;
	font-size: 48px;
	line-height: 58px;
	color: #000;
}
section.drive-possibility-sec .drive-content p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: #000;
}
section.inclusion-section .container
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
}

section.inclusion-section .left-content {
	flex: 1;
	min-width: 300px;
}

section.inclusion-section .left-content h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 30px;
}

section.inclusion-section .boxes {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

section.inclusion-section .info-box {
	flex: 1 1 150px;
	text-align: center;
}

section.inclusion-section .img-placeholder {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
}
section.inclusion-section .img-placeholder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
section.inclusion-section .img-placeholder p {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 14px;
	font-weight: 500;
	background: #fff;
	padding: 8px 12px;
	margin: 0;
	z-index: 2;
	border-radius: 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
section.inclusion-section .right-content p {
	font-size: 20px;
	line-height: 30px;
}
section.inclusion-section .right-content {
	flex: 1;
	min-width: 300px;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}
section.career-form .container {
	padding: 0;
}
section.career-form .container .col-6 {
	padding: 0;
}
.application-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.application-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.application-form
{
	background-color: #f9f9f9;
	padding: 32px 40px;
}
.application-form form {
	display: flex;
	flex-direction: column;
}

.application-form input, .application-form textarea {
	margin-bottom: 15px;
	padding: 12px;
	border: 0.4px solid #BBBBBB;
	border-radius: 4px;
	background: transparent;
}
.application-form button {
	background-color: #0066B3;
	color: white;
	padding: 12px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: fit-content;
}
.application-form button:hover {
	background-color: #0056b3;
}
.empower-section {
	padding: 0;
	position: relative;
	height: 600px;
	background: url(https://nextstep.net.in/sai-prografiq/wp-content/uploads/2025/08/Empowerign-women.webp) no-repeat center center / cover;
}

.empower-section .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(0 0 0 / 68%);
}
.empower-section .content-box {
	position: absolute;
	bottom: 0;
	left: 7%;
	background-color: white;
	padding: 45px 40px;
	max-width: 700px;
	border-radius: 0;
}
.empower-section .content-box h2 {
	font-weight: 600;
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 10px;
	color: #000;
}
.empower-section .content-box p {
	font-size: 18px;
	line-height:28px;
	/* 	color: #444; */
}

.location_main_sec .row {
	display: flex;
	flex-wrap: wrap;
	margin: -15px;
}

.location_main_sec .col-12 {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 15px;
}

.location_main_sec .col-md-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.location_main_sec .location_box {
	background: white;
	border-radius: 12px;
	padding: 48px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	height: 100%;
	border: 1px solid #0000001A;
	display: flex;
	flex-direction: column;
}
.location_main_sec .location_box:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.location_main_sec .city_name h2
{
	font-size: 32px;
	font-weight: 600;
	color: #000;
	margin-bottom: 24px;
	line-height: 42px;
}

.location_main_sec .contact-info
{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 48px;
	flex-grow: 1;
}

.location_main_sec .info-item
{
	display: flex;
	align-items: flex-start;
	gap: 28px;
}
.location_main_sec .icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

.location_main_sec .location-icon {
	fill: #0066B3;
}

.location_main_sec .phone-icon {
	fill: #0066B3;
}

.location_main_sec .email-icon {
	fill: #0066B3;
}

.location_main_sec .info-text
{
	color: #000;
	font-size: 18px;
	line-height: 28px;
}

.location_main_sec .google-map-btn {
	display: flex;
	gap: 8px;
	padding: 10px 16px;
	color: #000;
	text-decoration: none;
	border-radius: 6px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	transition: background-color 0.2s ease;
	align-items: center;
	justify-content: end;
	width: fit-content;
	justify-items: end;
	text-align: right;
	margin-left: auto;
	margin-top: auto;
}

.location_main_sec .google-map-btn:hover {
	background-color: #3367d6;
	color: #fff;
}

.location_main_sec .map-icon
{
	width: 24px;
	height: 24px;
	fill: #0066B3;
}

/* Responsive Design */
@media (max-width: 767px) {
	.location_main_sec .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.location_main_sec .location_box {
		padding: 20px;
	}

	.location_main_sec .city_name h2 {
		font-size: 24px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.location_main_sec .col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: 992px) {
	.location_main_sec .col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
section.strategy-loc-sec {
	background: #F9FAFB;
}
section.strategy-loc-sec .strategy_left_box h2 {
	font-weight: 600;
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 12px;
	color: #000;
}
section.strategy-loc-sec .strategy_left_box p
{
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 48px;
}
section.strategy-loc-sec .strategy_right_box p
{
	font-size: 18px;
	line-height: 28px;
}
.strategy_right_box
{
	width: 65%;
	margin-left: auto;
}
.strategy_box_img img
{
	border-radius: 12px;
}
section.values-section .card .icon-box img
{
	width: 15%;
}
.partner-logo {


	background: #fff;
	border: 1px solid #00000017;
	border-radius: 10px;
	padding: 20px 33px;
	display: flex
		;
	align-items: center;
	justify-content: center;
	height: unset;
	transition: box-shadow 0.3s 
		ease;
}

.partner-logo:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.form-row {
	display: flex;
	gap: 15px; /* space between email and phone fields */
	flex-wrap: wrap;
}

.form-row input {
	flex: 1; /* equal width */
	min-width: 150px; /* so it doesn't get too small on smaller screens */
}




/* Product Page */
.product-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
	row-gap: 48px;
}

.product-card img {
	width: 100%;
}

.product-title {
	color: #000;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 0;
	padding: 24px 0;
}

/* Apply black bottom border by default */
.product-grid a.product-card {
	height: 100%;
	position: relative; /* required for ::after */
	border-bottom: 2px solid #efefef;
	overflow: hidden;
}

/* Add blue animated underline */
.product-card::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 2px;
	background-color: #0066B3;
	transition: width 0.4s ease;
}

/* Animate on hover */
.product-card:hover::after {
	width: 100%;
}

/* Single Products */

.single_pro .container {
	animation: fadeIn 1s ease-out forwards;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.content-area {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 52px;
}
.image-wrapper {
	overflow: hidden;
	display: inline-block;
}

.image-wrapper img {
	transition: transform 0.3s ease;
	display: block;
}

.image-wrapper:hover img {
	transform: scale(1.1);
}


.applications {
	margin-top: 24px;
}
.table-container p {
	font-size: 18px;
	line-height: 28px;
}
.table-container ul li {
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 28px;
}

section.single_pro .content-area .text-content .applications ul li {
	padding: 0px 0px 24px 0px;
	color: #021541;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
}
section.single_pro .content-area .text-content .applications ul li img {
	width: 56px;
	height: auto;
	padding: 8px;
	filter: brightness(0) saturate(100%) invert(29%) sepia(59%) saturate(1065%) hue-rotate(173deg) brightness(93%) contrast(90%);
}

section.single_pro .text-content h3 {
	margin-bottom: 24px;
	font-family: Inter;
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	color: #000;
	margin-bottom: 18px;
}

.image-wrapper img {
	width: 100%;
}
.single_pro h1 {
	font-weight: 600;
	font-size: 36px;
	line-height: 46px;
	color: #0066B3;
	text-align: left;
	margin-bottom: 24px;
	text-shadow: none;
}
.text-content p {
	font-size: 18px;
	color: #000;
	line-height: 28px;
	margin-bottom: 48px;
}
.product_Desc p {
	font-size: 18px;
	line-height: 28px;
	text-align:center;
}

.product_main_cat_heading {
	text-align: center;
	margin-bottom: 52px;
}
.product_main_cat_heading h2 {
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	color: var(--black-color);
	margin-bottom: 0px;
}
.product_main_cat_heading p {
	font-size: 18px;
	line-height: 28px;
	padding: 0;
	margin: 0;
}
section.main_desc {
	background: linear-gradient(180deg, #F3F3F3 79.5%, #ECECEC 100%);
}
/* .text-content ul li {
padding: 16px 20px 16px 0px;
color: #000;
font-size: 16px;
width: 100%;
list-style: disc;
font-weight: 400;
border-bottom: 1px solid #939393;
} */
section.single_pro .content-area .text-content .applications ul li span {
	color: #000;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.text-content h4 {
	font-size: 32px;
	color: #000;
	line-height: 42px;
	font-weight: 500;
	margin-bottom: 12px;
}
.single_pro_tab .tabs-container {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	border-bottom: 1px solid #BEBEBE;
	background: #00000008;
}

.single_pro_tab .tab {
	padding: 24px 48px;
	background: none;
	border: none;
	font-size: 18px;
	font-weight: 600;
	color: #000;
	cursor: pointer;
	transition: all 0.3s ease;
	border-bottom: 3px solid transparent;
}


.single_pro_tab .tab:hover {
	color: #0066B3;
}
.single_pro_tab .tab.active {
	color: #0066B3;
	border-bottom-color: #0066B3;
}

.single_pro_tab .tab-content {
	display: none;
	animation: fadeIn 0.3s ease-in;
}

.single_pro_tab .tab-content.active {
	display: block;
}

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

.single_pro_tab .table-image {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.single_pro_tab {
	padding: 100px 0px;
}
.why-choose-section h2 {
	font-size: 48px;
	font-weight: 700;
	line-height: 58px;
	color: var(--black-color);
	margin-bottom: 48px;
}
.features-grid {
	display: grid
		;
	grid-template-columns: repeat(5, 1fr);
	text-align: center;
	align-items: flex-start;
	gap: 32px;
}

.feature-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.feature-icon span {
	font-size: 32px;
}
.feature-icon {
	width: max-content;
	margin: auto;
	width: 108px;
	height: 108px;
	display: flex
		;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	margin-bottom: 18px;
	border: 1px solid #156aaa;
}

.feature-card h3 {
	font-size: 15px;
	font-weight: 600;
	line-height: 23px;
	text-align: center;
	color: #000;
	transition: color 0.3s ease;
	width: 90%;
	margin: 0 auto;
}

/* Main Section with parent class */


/* Partners Section with parent class */
.industries_page .partners-section {
	margin-top: 0px;
	padding:58px 48px;
	background: linear-gradient(135deg, #f8fafc, #f1f5f9);
	border-radius: 32px;
	text-align: center;
	border: 1px solid #e2e8f0;
}

.industries_page .partners-title {
	font-size: 2.5rem;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 52px;
	letter-spacing: -0.02em;
}

.industries_page .partners-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 2rem;
	margin-top: 0;
}

.industries_page .partner-card {
	background: white;
	padding: 1.5rem 1.5rem;
	border-radius: 20px;
	border: 1px solid #e2e8f0;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
}


.industries_page .partner-card:hover {
	transform: translateY(-3px);
	border-color: #cbd5e1;
	/*     background: #fafafa; */
}

.industries_page .partner-name {
	font-size: 1.25rem;
	font-weight: 600;
	color: #334155;
}

/* Banner section with parent class */
.industries_page .main_banner {
	position: relative;
}

.industries_page .pages_banner {
	position: relative;
}

.industries_page .banner_sec {
	position: relative;
}

.industries_page .inner_banner {
	position: relative;
}

.industries_page .banner_content h1 {
	color: #0f172a;
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

/* Responsive Design with parent class */
@media (max-width: 1024px) {
	.industries_page .container {
		padding: 4rem 1.5rem;
	}

	.industries_page .industry-item {
		gap: 4rem;
	}

	.industries_page .industry-content h2 {
		font-size: 2.2rem;
	}

	.industries_page .industry-visual {
		height: 400px;
	}
}

@media (max-width: 768px) {
	.industries_page .banner_content h1 {
		font-size: 2.5rem;
	}

	.industries_page .industry-grid {
		gap: 0;
	}

	.industries_page .industry-item {
		grid-template-columns: 1fr;
		gap: 3rem;
		text-align: center;
		border-bottom: 1px solid #e2e8f0;
		padding: 80px 0;
		margin: 0;
	}

	.industries_page .industry-item:nth-child(even) {
		direction: ltr;
	}

	.industries_page .industry-item:nth-child(even) .industry-content {
		direction: ltr;
		text-align: center;
	}

	.industries_page .industry-content h2 {
		font-size: 2rem;
	}

	.industries_page .industry-content p {
		text-align: left;
	}

	.industries_page .industry-visual {
		height: 300px;
		order: -1;
	}

	.industries_page .visual-icon {
		font-size: 4rem;
	}

	.industries_page .partners-section {
		padding: 80px 32px;
		margin-top: 80px;
	}

	.industries_page .partners-title {
		margin-bottom: 80px;
	}

	.industries_page .partners-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}
}

@media (max-width: 480px) {
	.industries_page .container {
		padding: 3rem 1rem;
	}

	.industries_page .banner_content h1 {
		font-size: 2rem;
	}

	.industries_page .industry-grid {
		gap: 0;
	}

	.industries_page .industry-content h2 {
		font-size: 1.8rem;
	}

	.industries_page .industry-content p {
		font-size: 1rem;
	}

	.industries_page .partners-section {
		padding: 80px 16px;
		margin-top: 80px;
	}

	.industries_page .partners-title {
		margin-bottom: 80px;
	}

	.industries_page .partners-grid {
		grid-template-columns: 1fr;
	}

	.industries_page .partner-card {
		padding: 2rem 1rem;
	}
}

/* Smooth scroll behavior - scoped to page */
.industries_page {
	scroll-behavior: smooth;
}

/* Loading animation with parent class */
.industries_page .industry-item {
	opacity: 0;
	transform: translateY(30px);
	animation: fadeInUp 0.8s ease forwards;
}

.industries_page .industry-item:nth-child(1) { animation-delay: 0.1s; }
.industries_page .industry-item:nth-child(2) { animation-delay: 0.2s; }
.industries_page .industry-item:nth-child(3) { animation-delay: 0.3s; }
.industries_page .industry-item:nth-child(4) { animation-delay: 0.4s; }
.industries_page .industry-item:nth-child(5) { animation-delay: 0.5s; }

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

.breadcrumb {
	position: relative;
	background: linear-gradient(135deg, #0066B3 0%, #004d8a 100%);
	padding: 1rem 1.25rem;
	margin: 0;
	height: 18vh;
	min-height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 102, 179, 0.15);
	overflow: hidden;
}
.breadcrumb::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: 
		radial-gradient(circle at 25% 25%, rgba(255,255,255,0.1) 0%, transparent 50%),
		radial-gradient(circle at 75% 75%, rgba(255,255,255,0.05) 0%, transparent 50%);
	pointer-events: none;
}

.breadcrumb ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.4;
	position: relative;
	z-index: 2;
}
.breadcrumb li {
	display: flex;
	align-items: center;
	color: rgba(255, 255, 255, 0.95);
	font-weight: 400;
	margin: 0;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.breadcrumb li:last-child {
	color: #ffffff;
	font-weight: 500;
	opacity: 1;
}
.breadcrumb li:not(:last-child)::after {
	content: "›";
	font-size: 1.1em;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.6);
	margin: 0 0.75rem;
	transition: all 0.2s ease;
	transform: translateX(0);
}
.breadcrumb a {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	font-weight: inherit;
	position: relative;
	padding: 0.25rem 0;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.breadcrumb a:hover,
.breadcrumb a:focus {
	color: #ffffff;
	transform: translateY(-1px);
}
.breadcrumb a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: rgba(255, 255, 255, 0.8);
	transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.breadcrumb a:hover::after,
.breadcrumb a:focus::after {
	width: 100%;
}
.breadcrumb a:focus {
	outline: 2px solid rgba(255, 255, 255, 0.5);
	outline-offset: 2px;
	border-radius: 2px;
}
@media screen and (max-width: 1024px) {
	.breadcrumb {
		height: 15vh;
		min-height: 70px;
		padding: 0.875rem 1rem;
	}
	.breadcrumb ul {
		font-size: 0.9rem;
		gap: 0.375rem;
	}

	.breadcrumb li:not(:last-child)::after {
		margin: 0 0.625rem;
	}
}
@media screen and (max-width: 768px) {
	.breadcrumb {
		height: 12vh;
		min-height: 60px;
		padding: 0.75rem 1rem;
		justify-content: flex-start;
	}

	.breadcrumb ul {
		font-size: 0.85rem;
		gap: 0.25rem;
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
		padding-bottom: 2px;
	}

	.breadcrumb ul::-webkit-scrollbar {
		display: none;
	}

	.breadcrumb li {
		white-space: nowrap;
		flex-shrink: 0;
	}

	.breadcrumb li:not(:last-child)::after {
		margin: 0 0.5rem;
		font-size: 1em;
	}
}

@media screen and (max-width: 480px) {
	.breadcrumb {
		height: 10vh;
		min-height: 50px;
		padding: 0.625rem 0.75rem;
	}

	.breadcrumb ul {
		font-size: 0.8rem;
	}

	.breadcrumb li:not(:last-child)::after {
		margin: 0 0.375rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.breadcrumb,
	.breadcrumb *,
	.breadcrumb *::before,
	.breadcrumb *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}
@media (prefers-contrast: high) {
	.breadcrumb {
		background: #000066;
	}

	.breadcrumb li,
	.breadcrumb a {
		color: #ffffff;
	}

	.breadcrumb a::after {
		background: #ffffff;
	}
}

@media print {
	.breadcrumb {
		background: none !important;
		box-shadow: none !important;
		border-bottom: 1px solid #000;
		height: auto !important;
		padding: 0.5rem 0 !important;
	}

	.breadcrumb ul {
		color: #000 !important;
	}

	.breadcrumb li,
	.breadcrumb a {
		color: #000 !important;
	}
}
.applications ul {
	padding: 0;
	margin: 0;
}




.main_our_customers .container {
	position: relative;
	z-index: 1;
}

.our_customers_content h2 {
	font-size: 2.5rem;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 1.5rem;
	line-height: 1.2;
}

.our_customers_content p {
	font-size: 1.1rem;
	line-height: 1.6;
	color: #6c757d;
	margin-bottom: 2rem;
	/* width: 90%; */
	padding-right: 5px;
}
.main-btn {
	background: linear-gradient(45deg, #007bff, #0056b3);
	color: white;
	padding: 12px 30px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: all 0.3s ease;
	/*     box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3); */
}

.main-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
	text-decoration: none;
	color: white;
}

.main-btn i {
	transition: transform 0.3s ease;
}

.main-btn:hover i {
	transform: translateX(5px);
}

.customer_slider
{
	padding: 0;
	position: relative;
}
.customer_slider .slick-track {
	display: flex;
	align-items: center;
}

.customer_slider .slick-slide {
	margin: 0 10px;
	transition: all 0.3s ease;
}


.customer_slider .slick-list {
	margin: 0 -10px;
	overflow: hidden;
}

.customer_img {
	background: white;
	padding: 25px 20px;
	border-radius: 12px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	min-height: 100px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	border: 1px solid #f0f0f0;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}



.customer_img img {
	max-height: 90px;
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: all 0.3s ease;
}


/* Responsive Design */
@media (max-width: 1199px) {
	.customer_img {
		padding: 20px 15px;
		min-height: 90px;
	}
}

@media (max-width: 991px) {
	.main_our_customers {
		padding: 60px 0;
	}

	.our_customers_content {
		text-align: center;
		margin-bottom: 40px;
	}

	.our_customers_content h2 {
		font-size: 2rem;
	}
}

@media (max-width: 768px) {
	.customer_img {
		padding: 15px 10px;
		min-height: 80px;
	}

	.customer_slider .slick-slide {
		margin: 0 5px;
	}

	.customer_slider .slick-list {
		margin: 0 -5px;
	}
}

@media (max-width: 576px) {
	.main_our_customers {
		padding: 40px 0;
	}

	.our_customers_content h2 {
		font-size: 1.75rem;
	}

	.our_customers_content p {
		font-size: 1rem;
	}

	.customer_img {
		padding: 12px 8px;
		min-height: 70px;
	}

}

/* Animation for the slider */
@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.customer_slider {
	animation: slideIn 0.8s ease-out;
}

/* Custom solution section compatibility */
.custom-solution-section .btn {
	background: #fff;
	color: #000;
	border-radius: 25px;
	padding: 10px 25px;
	transition: all 0.3s ease;
}

.custom-solution-section .btn:hover {
	background: #f8f9fa;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.custom-solution-section {
	background: var(--blue-color);
	border-bottom: 6px solid #0d0d0d;
	position: relative;
}

.feature-icon img {
	width: 60px;
	height: auto;
	transition: transform 0.3s ease;
}

.feature-icon:hover img {
	transform: scale(1.1);
}

.custom-solution-section h2 {
	font-size: 48px;
	font-weight: 700;
	line-height: 58px;
	margin-bottom: 12px;
	text-align: center;
}

.custom-solution-section p.mb-4 {
	font-size: 18px;
	line-height: 28px;
}

/* Loading animation for logos */
.customer_img img {
	animation: fadeInUp 0.6s ease-out forwards;
	animation-delay: calc(var(--slide-index, 0) * 0.1s);
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.location_main_sec .google-map-btn:hover svg.map-icon path {
	fill: #fff;
}
.social-icons i {
	font-size: 20px;
	color: #fff;
}
.social-icons ul {
	list-style: none;
	padding: 0;
	display: flex;
}
.social-icons ul li {
	display: inline-block;
	margin: 0px;
	width: 50px;
	height: 50px;
}
section.career-main-sec img.career_main_img {
	height: 580px;
	object-fit: cover;
	object-position: top;
}
.career_iner_sec {
	width: 95%;
	margin-left: auto;
}

/* Single Product */

.single_product_grid .single_product_grid_box:first-child {
	margin: 0px;
}
.single_product_grid_box {
	box-shadow: 0 -3px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
	padding: 32px;
	border-radius: 12px;
	margin-top: 48px;
}
.single_product_grid_box h2 {
	font-size: 30px;
	font-weight: 600;
	color: #000;
	margin-bottom: 24px;
}
.single_product_grid_box p {
	font-size: 20px;
	padding-left: 24px;
	margin-bottom: 36px;
}

.single_product_grid_box_inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}
.single_product_components h4:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 8px;
	background: var(--blue-color);
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.single_product_components h4 {
	font-size: 24px;
	color: #000;
	position: relative;
	padding-left: 24px;
}
.single_product_components {
	background: #fafafa;
	padding: 24px;
	border-radius: 12px;
}

footer.footer .fot_contact .fot_contact_det .contact-info span a {
	color: #fff;
}
section.single_pro .content-area .text-content .applications ul.application_list li {
	list-style: none;
	margin: 0;
}

/* section.single_pro .content-area .text-content .key-featured ul.key-featured-list li {
background: #1a70b2;
color: #fff;
padding: 8px 24px;
border-radius: 32px;
width: fit-content;
} */

section.single_pro .content-area .text-content .key-featured ul.key-featured-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
	list-style: disc;
	padding-left: 16px;
}


/* section.single_pro .content-area .text-content ul li {
padding: 0;
margin: 0;
list-style: none;
border: none;
} */

section.single_pro .content-area .text-content ul {
	list-style: none;
	margin: 0;
	border: none;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}


section.single_pro .content-area .text-content .key-featured {
	padding-bottom: 24px;
	border-bottom: 1px solid #ccc;
}

.single_product_grid ul.nav.nav-tabs {
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 2px solid #E6E6E6;
}


.single_product_grid ul.nav.nav-tabs li a.nav-link {
	color: #666;
	padding: 12px 48px;
	border-radius: 0;
	border: none;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	background: transparent;
	text-decoration: none;
}


.single_product_grid ul.nav.nav-tabs li a.nav-link.active {
	color: #1a70b2 !important;
	padding: 12px 48px;
	border-radius: 0;
	border-right: none;
	border-left: none;
	font-size: 18px;
	border-top: none;
	line-height: 28px;
	font-weight: 700;
	border-bottom: 3px solid #1a70b2;
	background: transparent;
}


.single_product_grid ul.nav.nav-tabs li a.nav-link:focus,
.single_product_grid ul.nav.nav-tabs li a.nav-link:hover {
	border: none !important;
	background: transparent !important;
	color: #666 !important;
	outline: none !important;
	box-shadow: none !important;
}


.single_product_grid ul.nav.nav-tabs li a.nav-link.active:focus,
.single_product_grid ul.nav.nav-tabs li a.nav-link.active:hover {
	color: #1a70b2 !important;
	border-bottom: 3px solid #1a70b2 !important;
	background: transparent !important;
	outline: none !important;
	box-shadow: none !important;
}


.single_product_grid ul.nav.nav-tabs li a.nav-link {
	cursor: pointer;
}
.company-achievement-section {
	background-color: #fff;
	text-align: center;
	padding: 100px 0px;
	position: relative;
}
.company-achievement-section .section-heading {
	margin-bottom: 60px;
}

.company-achievement-section .badge {
	display: inline-block;
	background-color: #fdeaea;
	color: #e94d4d;
	font-weight: 500;
	padding: 6px 14px;
	border-radius: 4px;
	font-size: 14px;
}

.company-achievement-section h2 {
	font-size: 40px;
	font-weight: 700;
	color: #0a1e3a;
	margin-top: 15px;
}
.company-achievement-section .achievement-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
}

.company-achievement-section .achievement-box {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 20px;
}

.company-achievement-section .achievement-box h3 {
	font-size: 64px;
	color: #333;
	/* -webkit-text-stroke: #333; */
	font-weight: 700;
	margin-bottom: 12px;
}
.company-achievement-section .achievement-box p {
	margin: 0;
}

@media (max-width: 768px) {
	.company-achievement-section .achievement-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}

	.company-achievement-section .achievement-box h3 {
		font-size: 60px;
	}
}

@media (max-width: 480px) {
	.company-achievement-section .achievement-grid {
		grid-template-columns: 1fr;
	}

	.company-achievement-section .achievement-box h3 {
		font-size: 50px;
	}
}

.certificate_para p {
	width: 100%;
	margin-bottom: 48px;
}



/* Single Product Tab Section css */
.speciality_pro_tabs.pt-0 ul#myTab {
	position: sticky;
	top: 120px;
	z-index: 12;
}

.speciality_pro_tabs ul#myTab {
	border-left: 5px solid #0066B3;
	width: 50%;
	position: sticky;
	top: 15%;
}

.speciality_pro_tabs ul#myTab li.nav-item a.nav-link.active {
	background: #0066B3;
	text-decoration: underline;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	border: 0;
	border-radius: 0;
	width: 100%;
	font-weight: 600;
	padding: 15px 28px;
	box-shadow: 5px 4px 4px 0px #00000066;
}

.speciality_pro_tabs ul#myTab li.nav-item a.nav-link.active {
	position: relative;
	padding-left: 25px;
}

.speciality_pro_tabs ul#myTab li.nav-item a.nav-link {
	margin-bottom: 20px;
	background: #eee;
	margin-left: 15px;
	padding: 15px 28px;
	border-radius: 0;
	width: 100%;
	color: #000;
}

.speciality_pro_tabs ul#myTab li.nav-item a.nav-link.active::before {
	content: "\f04b";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: -18px;
	top: 50%;
	color: #0071bc;
	transform: translateY(-50%);
	font-size: 18px;
}

.speciality_pro_tabs .tab-content {
	width: 88%;
	margin-left: auto;
}
.special_pro_content_sec p {
	font-size: 20px;
	color: #000;
	line-height: 28px;
}
.special_pro_content_sec ul {
	padding-left: 16px;
	list-style: circle;
}
.special_pro_content_sec ul li {
	padding-bottom: 20px;
	font-size: 18px;
	color: #000;
	list-style: disc;
}
.text-content {
	width: 90%;
	margin-left: auto;
}

.partner_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 48px;
}
.partner-logo img {
	width: 70%;
}
.partner_para p {
	font-size: 18px;
	width: 100%;
	margin-bottom: 48px;
}
.speciality_pro_tabs ul#myTab li.nav-item:last-child a.nav-link {
	margin-bottom: 0px;
}
.special_pro_content_sec ul li strong {
	font-size: 20px;
}
.insight_tb li a {
	border: none;
	color: var(--text-light);
	font-weight: 500;
	padding: 22px 30px;
	margin-right: 1rem;
	border-radius: 0;
	position: relative;
	display: flex;
	align-items: center;
}
section.main_our_customers .col-md-7 {
	width: 50%;
	margin-left: auto;
}

section.inclusion-section {
	display: none;
}
.award-main-head h2 {
	font-weight: 600;
	font-size: 40px;
	line-height: 58px;
}
.main_desc .product_Desc .row .col-lg-10 p {
	text-align: left;
}
.main_desc .product_Desc .row .col-lg-10 {
	text-align: left !important;
}
.main_desc .product_Desc .row .col-lg-10 ul li strong {
	font-weight: 600;
	display: block;
}
.main_desc .product_Desc .row .col-lg-10 ul li {
	margin-bottom: 12px;
}
.main_desc .product_Desc .row .col-lg-10 ul{
	margin: 0;
	padding-left: 16px;
}

#associate-partners h2 {
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 24px;
    color: #000;
    font-weight: 600;
}