* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	padding: 0;
	margin: 0;
	font-family: var(--body_font);
	color: var(--body_text_color);
}


:root {
	--theme_color: #031771;
	--logo_color: ;
	--heading_font: "Montserrat", sans-serif;
	--body_font: "Montserrat", sans-serif;
	--heading-color: #333;
	--body_text_color: #000000;
	--black_color: #212123;
	--white_color: #ffffff;
	--theme_blue: #031771;
	--theme_green: #027A3B;
}

.section-padding-y-breadcrumb {
	padding: 40px 0px;
}

.breadcrumb {
	padding: 15px 20px;
	background: #e3f0e9;
	color: var(--body_text_color);
	font-size: 16px;
	border-radius: 12px;
	margin-bottom: 0px;
	line-height: normal;
}

.breadcrumb a {
	color: var(--body_text_color);
	text-decoration: none;
	transition: all ease 0.3s;
}

.breadcrumb a:hover {
	color: var(--theme_green);
}

.breadcrumb i.ri-arrow-right-s-line {
	font-size: 18px;
}

.inner-banner {
	position: relative;
	width: 100%;
	height: 350px;
	/* adjust height if needed */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}

.inner-banner .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 70%);
	/* dark overlay */
	z-index: 1;
}

.inner-banner .container {
	position: relative;
	z-index: 2;
	text-align: center;
	color: #fff;
}

.inner-banner .banner-content h1 {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 10px;
}

.inner-banner .banner-content h1 img {
	width: 50px;
	filter: invert();
}

.inner-banner .banner-content p {
	font-size: 16px;
	color: #f1f1f1;
}

.inner-banner .banner-content p a {
	font-size: 16px;
	color: #f1f1f1;
}



.header.has_header {

	text-align: center;

	margin-bottom: 50px;

	opacity: 0;

	transform: translateY(-30px);

	animation: fadeInUp 1s ease forwards;

}



.header.has_header p {

	font-size: 1.1rem;

	color: var(--body_text_color);

	max-width: 800px;

	margin: 0 auto;

}


/* Top Header Bar */

.top-header {

	background-color: var(--white_color);

	border-bottom: 1px solid #e8ecef;

	padding: 8px 0;

	font-size: 13px;

	color: #6c757d;

}


.top-header .container {

	max-width: 1200px;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	align-items: center;

}


.top-header-left {

	display: flex;

	align-items: center;

	gap: 25px;

}


.help-text {

	display: flex;

	align-items: center;

	gap: 8px;

	color: var(--body_text_color);

	text-decoration: none;

	font-size: 13px;

}


.help-icon {

	width: 18px;

	height: 18px;

	background-color: var(--theme_color);

	color: var(--white_color);

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 11px;

	font-weight: bold;

}


.phone-link {

	display: flex;

	align-items: center;

	gap: 8px;

	color: var(--body_text_color);

	text-decoration: none;

	font-size: 13px;

}


.phone-link:hover {

	color: var(--theme_color);

}


.top-header-right {
	display: flex;
	align-items: center;
	gap: 15px;
}

.top-header-right a {
	font-size: 16px;
	color: var(--theme_green);
}

.top-header-right a i.fa-facebook {
	color: #0866ff;
}

.top-header-right a i.fa-linkedin {
	color: #0a66c2;
}

.top-header-right i.ri-twitter-x-line {
	color: #0f1419;
}

.top-header-right a i.fa-instagram {
	background: linear-gradient(45deg,
			#feda75,
			#fa7e1e,
			#d62976,
			#962fbf,
			#4f5bd5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.top-header-right a i.fa-youtube {
	color: #FF0000;
}


.top-icon {
	color: #6c757d;
	font-size: 14px;
	cursor: pointer;
	transition: color 0.3s ease;
}


.top-icon:hover {

	color: var(--theme_color);

}


.cart-icon {

	position: relative;

}


.cart-badge {

	position: absolute;

	top: -8px;

	right: -8px;

	background-color: #333;

	color: var(--white_color);

	font-size: 10px;

	font-weight: bold;

	border-radius: 50%;

	width: 16px;

	height: 16px;

	display: flex;

	align-items: center;

	justify-content: center;

}


/* Main Header */

.main-header {
	background-color: var(--white_color);
	border-bottom: 1px solid #e8ecef;
	position: relative;
	z-index: 1000;
}


.main-header .container {

	max-width: 1200px;

	margin: 0 auto;

	display: flex;

	align-items: center;

	justify-content: space-between;

}


.header-left {

	display: flex;

	align-items: center;

	gap: 25px;

}


.menu-toggle {

	display: none;

	flex-direction: column;

	gap: 4px;

	background: none;

	border: none;

	cursor: pointer;

	padding: 8px;

	margin-top: 4px;

}


.menu-bar {

	width: 20px;

	height: 2px;

	background-color: #333;

	transition: all 0.3s ease;

}

.navbar_brand {
	position: relative;
	display: block;
}

.navbar_brand img {
	width: 155px;
}


/* Navigation */

.main-nav {

	display: flex;

	align-items: center;

	gap: 25px;

}


.nav-item {

	position: relative;

}


.nav-link {

	display: flex;

	align-items: center;

	gap: 5px;

	color: var(--body_text_color);

	text-decoration: none;

	font-weight: 500;

	font-size: 15px;

	padding: 20px 0;

	position: relative;

	transition: color 0.3s ease;

}


.nav-link:hover {

	color: var(--theme_color);

}


.nav-link.has_dropdown::after {

	content: '\f107';

	font-family: 'Font Awesome 6 Free';

	font-weight: 900;

	margin-left: 8px;

	font-size: 12px;

	transition: transform 0.3s ease;

}


.nav-item:hover .nav-link.has_dropdown::after {

	transform: rotate(180deg);

}

.nav-item ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}


/* Dropdown Menu */

.dropdown__menu {

	position: absolute;

	top: 100%;

	left: 0;

	background-color: var(--white_color);

	border: 1px solid #e8ecef;

	border-radius: 8px;

	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);

	min-width: 200px;

	opacity: 0;

	visibility: hidden;

	transform: translateY(-10px);

	transition: all 0.3s ease;

	z-index: 1001;

	padding: 10px 0;

}


.nav-item:hover .dropdown__menu {

	opacity: 1;

	visibility: visible;

	transform: translateY(0);

}


.dropdown_item {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 12px 20px;

	color: #333;

	text-decoration: none;

	font-size: 14px;

	transition: all 0.3s ease;

	border-bottom: 1px solid #f8f9fa;

}


.dropdown_item:last-child {

	border-bottom: none;

}


.dropdown_item:hover {

	background-color: #f8f9fa;

	color: var(--theme_color);

	padding-left: 25px;

}


.dropdown-arrow {

	font-size: 12px;

	color: #ccc;

}


.dropdown_item:hover .dropdown-arrow {

	color: var(--theme_color);

}


/* Header Right */

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

.search-container {
	position: relative;
}

.search-form {
	display: flex;
	align-items: center;
	border-radius: 0px;
	padding: 0;
	overflow: hidden;
	transition: all 0.3s ease;
}

.search-input {
	width: 220px;
	padding: 12px 20px;
	padding-left: 5px;
	border: none;
	outline: none;
	background: #e3e3e3;
	font-size: 13.6px;
	color: var(--body_text_color);
}

.search-input::placeholder {
	color: var(--body_text_color);
	opacity: 1;
}

.search-btn {
	background: #e3e3e3;
	border: none;
	padding: 10px 16px;
	cursor: pointer;
	color: var(--body_text_color);
	transition: color 0.3s ease;
}


/* Mobile Menu */

.mobile-menu {

	display: none;

	position: fixed;

	top: 0;

	left: -100%;

	width: 280px;

	height: 100vh;

	background-color: var(--white_color);

	z-index: 2000;

	transition: left 0.3s ease;

	box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);

	overflow-y: auto;

}


.mobile-menu.active {

	left: 0;

}


.mobile-menu-header {
	padding: 20px 14px;
	border-bottom: 1px solid #e8ecef;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobile-menu-close {
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: var(--body_text_color);
}

.mobile-menu-nav {
	padding: 20px 14px;
}

.mobile-nav-item {
	margin-bottom: 15px;
}

.mobile-nav-link {
	display: block;
	padding-bottom: 10px;
	color: var(--body_text_color);
	text-decoration: none;
	font-weight: 500;
	border-bottom: 1px solid #d7d7d7;
	transition: color 0.3s ease;
	font-size: 16px;
}

.mobile-nav-link:hover {
	color: #ff6b35;
}

.mobile-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1500;
}

.mobile-overlay.active {
	display: block;
}

button#mobileMenuClose {
	border: 1px solid #d7d7d7;
	cursor: pointer;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 15px;
}

/* Mobile search icon - hidden on desktop */

.mobile-search-icon {

	display: none;

	background: #f6f5f3;

	border: none;

	padding: 10px 16px;

	cursor: pointer;

	color: #6c757d;

	transition: color 0.3s ease;

}


/* Slide-down search bar hidden by default */

.mobile-search-bar {

	display: none;

	background: var(--white_color);

	padding: 10px 15px;

	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);

	transition: all 0.3s ease;

}


/* ================================================================== */

.hero-slider {

	width: 100%;

	height: 700px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	position: relative;

	z-index: 0;

}


@media (max-width: 991px) {

	.hero-slider {

		height: 600px;

	}

}


@media (max-width: 767px) {

	.hero-slider {

		height: 500px;

	}

}


.hero-slider .swiper-slide {

	overflow: hidden;

	color: var(--white_color);

}


.hero-slider .swiper-container {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}


.hero-slider .slide-inner {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1;

	background-size: cover;

	background-position: center;

	display: flex;

	justify-content: center;

	align-items: center;

	text-align: left;

}


.hero-slider .swiper-button-prev,

.hero-slider .swiper-button-next {

	background: transparent;

	width: 55px;

	height: 55px;

	line-height: 53px;

	margin-top: -30px;

	text-align: center;

	border: 2px solid var(--theme_color);

	border-radius: 55px;

	opacity: 0;

	visibility: hidden;

	transition: all .3s ease;

}


.hero-slider:hover .swiper-button-prev,

.hero-slider:hover .swiper-button-next {

	transform: translateX(0);

	opacity: 1;

	visibility: visible;

}


@media (max-width: 767px) {


	.hero-slider .swiper-button-prev,

	.hero-slider .swiper-button-next {

		display: none;

	}

}


.hero-slider .swiper-button-prev {

	left: 25px;

	transform: translateX(50px);

}


.hero-slider .swiper-button-prev:before {

	font-family: "Font Awesome 5 Free";

	content: "\f060";

	font-size: 15px;

	color: var(--theme_color);

	font-style: normal;

	display: inline-block vertical-align middle;

	font-weight: 900;

}


.hero-slider .swiper-button-next {

	right: 25px;

	transform: translateX(-50px);

}


.hero-slider .swiper-button-next:before {

	font-family: "Font Awesome 5 Free";

	content: "\f061";

	font-size: 15px;

	color: var(--theme_color);

	font-style: normal;

	display: inline-block vertical-align middle;

	font-weight: 900;

}


.hero-slider .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	text-align: left;

	line-height: 12px;

	font-size: 12px;

	color: #000;

	opacity: 0.3;

	background: var(--theme_color);

	transition: all .2s ease;

}


.hero-slider .swiper-pagination-bullet-active {

	opacity: 1;

	width: 40px;

	border-radius: 12px !important;

}


.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,

.hero-slider .swiper-pagination-custom,

.hero-slider .swiper-pagination-fraction {

	bottom: 30px !important;

}


.swiper-pagination {

	text-align: center;

}


.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {

	bottom: 50px;

	max-width: 1200px;

	padding: 0 15px;

	margin: 0 auto;

	left: 50%;

	transform: translateX(-50%);

}


@media (min-width: 767px) {

	.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {

		bottom: 30px;


	}

}


.hero-style .swiper-pagination {

	position: absolute;

	text-align: center;

	-webkit-transition: .3s opacity;

	-o-transition: .3s opacity;

	transition: .3s opacity;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	z-index: 10;

	bottom: 30px;

	left: 50%;

	display: flex;

	align-items: center;

	gap: 10px;

}


/*--------------------------------------------------------------
#hero-style
--------------------------------------------------------------*/
.hero-style {
	height: 550px;
	transition: all .4s ease;
}

@media (max-width: 991px) {
	.hero-style {
		height: 600px;
	}
}

@media (max-width: 768px) {
	.hero-style {
		height: 400px;
	}
}

@media screen and (min-width: 992px) {
	.hero-style .container {
		padding-top: 0px;
	}
}


.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
	max-width: 500px;
}


.hero-style .slide-title h2 {
	font-size: 48px;
	font-weight: 600;
	line-height: 55px;
	color: var(--black_color);
	margin: 0 0 40px;
	text-transform: capitalize;
	transition: all .4s ease;
}

.hero-style .slide-title h2 small {
	font-size: 48px;
	font-weight: 200;
}

.hero-style .slide-title h2 span {
	color: var(--theme_blue);
}

.hero-style .slide-title h2 span.green {
	color: var(--theme_green);
}

@media (max-width: 1199px) {
	.hero-style .slide-title h2 {
		font-size: 75px;
	}
}

@media (max-width: 991px) {
	.hero-style .slide-title h2 {
		font-size: 40px;
		margin: 0 0 25px;
	}
}

@media (max-width: 767px) {
	.hero-style .slide-title h2 {
		font-size: 35px;
		margin: 0 0 30px;
	}
}


.hero-style .slide-text p {

	opacity: 0.8;

	font-size: 20px;

	font-weight: 500;

	line-height: 1.25;

	color: var(--body_text_color);

	margin: 0 0 40px;

	transition: all .4s ease;

}


@media (max-width: 768px) {

	.hero-style .slide-text p {
		font-size: 16px;
		font-size: 1rem;
		font-weight: normal;
		margin: 0 0 30px;
	}
}


.hero-style .slide-btns>a:first-child {

	margin-right: 10px;

}


/*--------------------------------------------------------------

	#button-style

--------------------------------------------------------------*/

.theme-btn,

.theme-btn-s2 {

	display: inline-block;

	font-weight: 400;

	color: #161619;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	user-select: none;

	background-color: transparent;

	border: 1px solid transparent;

	font-size: 1rem;

	line-height: 1.5;

	padding: 0.75rem 3rem;

	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}


a {

	text-decoration: none;

	transition: all 0.2s ease;

}


.theme-btn-s2 {
	color: #fff;
	background-color: var(--theme_blue);
}


.theme-btn-s3 {

	background-color: var(--theme_green);

}


.theme-btn:hover,
.theme-btn-s2:hover,
.theme-btn:focus,
.theme-btn-s2:focus,
.theme-btn:active,
.theme-btn-s2:active {
	background-color: var(--theme_green);
	color: var(--white_color);
}

.theme-btn-s3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--white_color);
	text-transform: uppercase;
}

i.fa-chevron-circle-right {
	height: 22px;
	width: 22px;
}

a:hover {
	text-decoration: none;
}

@media (max-width: 991px) {

	.theme-btn,
	.theme-btn-s2,
	.theme-btn-s3 {
		font-size: 14px;
		padding: 15px 25px;
		line-height: normal;
	}
}

@media (max-width: 768px) {

	.theme-btn,
	.theme-btn-s2 {
		padding: 13px 20px;
		font-size: 14px;
		line-height: normal;
	}

	i.fa-chevron-circle-right {
		height: auto;
	}
}

/* =================================== */

.section-padding-y {

	padding: 70px 0px;

}


.containerWidthWrapper {

	max-width: 1200px;

}


section.aboutUs-area {

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}


.about_image img {

	width: 100%;

	border-radius: 20px;

}


.section_title span {
	font-weight: 300;
}

.section_title strong {
	color: var(--theme_green);
}

.section_title {
	font-size: 35px;
	color: var(--theme_blue);
	margin-bottom: 15px;
	font-weight: 700;
}

h4.sub_title {
	font-size: 14px;
	display: inline-block;
	padding: 6px 12px;
	background: #e3f0e9;
	border-radius: 30px;
	color: #027a3b;
}

h2.section_title.careers_title {
	font-size: 22px;
}

.about_content-main p {
	margin: 0;
	font-size: 14px;
	color: #000;
	line-height: 24px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

/* =========================================== */

.heading-wrapper h3.heading-title {

	text-align: left;

	margin: 0 0 1.5rem;

	font-weight: 700;

	color: #313131;

	font-size: 26.6px;

}


.product_wrapper {

	margin: auto;

	text-align: center;

}


.prod-tab_area {

	margin: 10px 0 30px 0;

	padding: 0;

}


.prod-tabLink {

	display: inline-block;

	cursor: pointer;

	color: #161619;

	font-weight: 600;

	font-size: 13px;

	padding: 7.6px 12px;

	border-radius: 30px;

	line-height: 13px;

	background: #f6f5f3;

}


.prod-tabLink.active {

	background: var(--theme_color);

	color: var(--white_color);

}


.tab-content {

	display: none;

	opacity: 0;

	transform: translateY(15px);

	animation: fadeIn 0.5s ease 1 forwards;

}


.tab-content.active {

	display: block;

}


@keyframes fadeIn {

	100% {

		opacity: 1;

		transform: none;

	}

}

.categories-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
	margin-top: 40px;
}

.categories-grid>*:last-child:nth-child(odd) {
	grid-column: 1 / span 2;
	justify-self: center;
	width: 100%;
	max-width: 575px;
}

.category-card .product_image {
	width: 200px;
	height: 144px;
	border-radius: 8px;
	overflow: hidden;
}

.category-card .product_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.category-card .product_content {
	width: calc(100% - 200px);
	padding-left: 20px;
}

.category-card {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	display: flex;
	padding: 20px;
}


.category-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}


.category-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 0.4s ease;
}

.category-card:hover .category-bg {
	transform: scale(1.05);
}

.category-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgb(0 0 0 / 71%), rgba(0, 0, 0, 0.3));
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 30px;
	color: white;
}

.category-title {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 6px;
}

.category-title a {
	color: var(--theme_blue);
}

.category-description {
	font-size: 15px;
	line-height: 1.6;
	opacity: 0.95;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.category-arrow {
	align-self: flex-start;
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	font-size: 0.9rem;
	opacity: 0.9;
	transition: all 0.3s ease;
	color: var(--body_text_color);
}

.category-card:hover .category-arrow {
	transform: translateX(5px);
	opacity: 1;
}

.arrow-icon {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

/* ============= .careers_area-modal ===========*/
.careers_area-modal .modal-dialog {
	max-width: 600px;
}

h2.section_title.careers_title-modal {
	font-size: 18px;
	margin-bottom: 0px;
	font-weight: 500;
}

.MuiDialogContent-careers ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
}

.MuiDialogContent-careers ul li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 20px;
	padding: 8px;
	background: rgba(74, 144, 226, 0.05);
	border-radius: 12px;
	border-left: 4px solid var(--theme_color);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	color: var(--body_text_color);
	font-size: 14px;
}

.MuiDialogContent-careers ul li .check-icon {
	width: 22px;
	height: 22px;
	background: #c3e7ff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--theme_color);
	font-size: 13px;
	flex-shrink: 0;
}

.MuiDialogContent-careers ul li span {
	font-size: 14px;
	color: var(--body_text_color);
}

.MuiDialogContent-careers_para p {
	font-size: 14px;
	color: var(--body_text_color);
}

.job-table {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}

.job-table th {
	padding: 15px;
	font-weight: 600;
	color: #004d80;
	font-size: 15px;
	border: none;
	background: #c3e7ff;
}

.job-table td {
	padding: 18px;
	border: 1px solid #e2f1ff;
	font-size: 15px;
}

.view-btn {
	background: var(--theme_color);
	color: #fff;
	padding: 8px 18px;
	border-radius: 6px;
	font-size: 14px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: 0.3s;
	border: none;
}

.view-btn:hover {
	background: var(--theme_green);
	color: #fff;
}

h2.section_title.offcanvas_title {
	font-size: 28px;
}

.offcanvas-start_modal p {
	font-size: 15px;
	color: var(--body_text_color);
	margin-bottom: 8px;
}

.offcanvas-start_modal .form_section .form-control,
.offcanvas-start_modal .form_section .form-select,
.offcanvas-start_modal .form_section textarea {
	border: 2px solid #ccc;
	font-size: 14px;
	padding: 14px 15px;
}

.upload-wrapper {
	width: 100%;
	margin-top: 20px;
}

.custom-file-upload {
	display: flex;
	align-items: center;
	border: 2px solid #ccc;
	min-height: 40px;
	border-radius: 8px;
	cursor: pointer;
	overflow: hidden;
}

.custom-file-upload .icon {
	background: var(--theme_color);
	padding: 13px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white_color);
	font-size: 18px;
}

.custom-file-upload .text {
	padding: 10px 15px;
	background: #fff;
	color: #333;
	font-weight: 600;
	flex-grow: 1;
	text-align: left;
}

.custom-file-upload input[type="file"] {
	display: none;
}

.captcha-box {
	display: flex;
	align-items: center;
	border: 2px solid #ccc;
	width: 100%;
	min-height: 40px;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}

.captcha-text {
	padding: 14px 15px;
	color: var(--theme_color);
	font-size: 16px;
	white-space: nowrap;
	font-weight: 600;
}

.captcha-refresh {
	background: var(--theme_color);
	padding: 17px 15px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #ccc;
}

.captcha-refresh i {
	font-size: 18px;
	color: var(--white_color);
}

.captcha-input {
	padding: 14px 15px;
	border: none;
	outline: none;
	font-size: 15px;
	width: 100%;
}

.offcanvas-start_modal .offcanvas-header {
	background: var(--theme_color);
	padding: 20px 16px;
}

.offcanvas-start_modal .offcanvas-header h2.section_title.careers_title-modal {
	color: var(--white_color) !important;
}

.offcanvas-start_modal .offcanvas-header .section_title strong {
	color: var(--white_color) !important;
}

.offcanvas-start_modal button.btn-close.text-reset {
	opacity: 1;
	filter: invert(1);
}

.offcanvas-start_modal button.btn-close.text-reset {
	border: 3px solid #000000;
	cursor: pointer;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	opacity: 1;
	font-size: 13px;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* ======================== radio btn */
.radio_main {
	margin-top: 20px;
}

.radio_main label.label_g {
	padding-left: 10px;
	margin-bottom: 12px;
}

.radio-buttons {
	display: flex;
	align-items: center;
	color: var(--theme_color);
	justify-content: space-around;
}

.radio-buttons input[type="radio"] {
	display: none;
}

.radio-buttons label {
	cursor: pointer;
	position: relative;
	font-size: 16px;
}

.radio-buttons label::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background-color: transparent;
	border: 2px solid var(--theme_green);
	border-radius: 50%;
	top: 49%;
	left: -26px;
	transform: translateY(-50%);
	transition: border-color 400ms ease;
}

.radio-buttons label::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background-color: var(--theme_color);
	border: 2px solid var(--theme_color);
	border-radius: 50%;
	top: 49%;
	left: -26px;
	transform: translateY(-50%) scale(0);
	transition: transform 400ms ease;
}

.radio-buttons input[type="radio"]:checked+label::before {
	border-color: var(--primary-color);
}

.radio-buttons input[type="radio"]:checked+label::after {
	transform: translateY(-50%) scale(0.55);
}


@media (max-width: 1200px) {
	.categories-grid {
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	}
}


/* ========================================= */

.industries-section {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.industries-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
	margin-top: 40px;
}

.industry-card {
	background: white;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	position: relative;
	cursor: pointer;
}

.industry-card:hover {
	transform: translateY(-15px) scale(1.02);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.card-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.industry-card:hover .card-image {
	transform: scale(1.1);
}

.card-content {
	padding: 25px;
	text-align: center;
	position: relative;
}

.card-title {
	font-size: 1.5rem;
	font-weight: 600;
	color: #2c3e50;
	transition: color 0.3s ease;
}

.industry-card:hover .card-title {
	color: #3498db;
}

.card-description {
	color: #7f8c8d;
	font-size: 0.95rem;
	line-height: 1.5;
}

.card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, rgba(52, 152, 219, 0.9), rgba(41, 128, 185, 0.9));
	opacity: 0;
	transition: opacity 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: 500;
	font-size: 1.1rem;
}

.industry-card:hover .card-overlay {
	opacity: 1;
}

/* Specific color themes for each industry */
.dairy {
	--accent-color: #e74c3c;
}

.bakery {
	--accent-color: #f39c12;
}

.beverages {
	--accent-color: #27ae60;
}

.nutrition {
	--accent-color: #9b59b6;
}

.ready-eat {
	--accent-color: #e67e22;
}

.industry-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: var(--accent-color);
	transform: scaleX(0);
	transition: transform 0.3s ease;
}

.industry-card:hover::before {
	transform: scaleX(1);
}


/* Animation for cards appearing */

.industry-card {

	opacity: 0;

	transform: translateY(30px);

	animation: fadeInUp 0.6s forwards;

}


.industry-card:nth-child(1) {

	animation-delay: 0.1s;

}


.industry-card:nth-child(2) {

	animation-delay: 0.2s;

}


.industry-card:nth-child(3) {

	animation-delay: 0.3s;

}


.industry-card:nth-child(4) {

	animation-delay: 0.4s;

}


.industry-card:nth-child(5) {

	animation-delay: 0.5s;

}


@keyframes fadeInUp {

	to {

		opacity: 1;

		transform: translateY(0);

	}

}


/* ================================================ */

.industries_we-saver {

	position: relative;

	z-index: 1;

	background-size: cover;

	background-position: center;

}


/* .industries_we-saver::before {

    content: '';

    position: absolute;

    inset: 0;

    background: #000;

    background-size: cover;

    background-position: center;

    opacity: 0.6;

    z-index: -1;

} */


.industriesWe-saver {

	position: relative;

	z-index: 2;

}


.industries__grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	margin-top: 40px;
}

.industries__grid .industry-card {
	background: white;
	border-radius: 12px;
	padding: 0;
	text-align: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transform: translateY(30px);
	opacity: 0;
	transition: all 0.3s ease;
	overflow: hidden;
	cursor: pointer;
}

.industries__grid .industry-card:nth-child(1) {
	animation-delay: 0.1s;
}

.industries__grid .industry-card:nth-child(2) {

	animation-delay: 0.2s;

}


.industries__grid .industry-card:nth-child(3) {

	animation-delay: 0.3s;

}


.industries__grid .industry-card:nth-child(4) {

	animation-delay: 0.4s;

}


.industries__grid .industry-card:hover {

	transform: translateY(-8px);

	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);

}


.industries__grid .card-image {

	width: 100%;

	background-position: center;

	background-repeat: no-repeat;

	position: relative;

	overflow: hidden;

}


.industries__grid .card-image::before {

	content: '';

	position: absolute;

	top: 0;

	left: -100%;

	width: 100%;

	height: 100%;

	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);

	transition: left 0.6s ease;

}


.industries__grid .industry-card:hover .card-image::before {

	left: 100%;

}


.industries__grid .card-title {

	padding: 25px 10px;

	background: white;

}


.industries__grid .card-title h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}


@keyframes fadeInUp {

	to {

		opacity: 1;

		transform: translateY(0);

	}

}


@keyframes slideInUp {

	to {

		opacity: 1;

		transform: translateY(0);

	}

}


.ripple-effect {

	position: relative;

	overflow: hidden;

}


.ripple-effect::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	width: 0;

	height: 0;

	border-radius: 50%;

	background: rgba(255, 255, 255, 0.3);

	transform: translate(-50%, -50%);

	transition: width 0.6s ease, height 0.6s ease;

}


.industry-card:active::after {

	width: 300px;

	height: 300px;

}


/* ================= our pantner ================= */

.associated-partners {

	overflow: hidden
}


.associated-partners .logo-parent {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: flex-start;

	margin-top: 30px;

}


.associated-partners .logo-parent .logo-item {

	flex: 0 0 20%;

	text-align: center;

	padding: calc(var(--lg-pd)/ 3) 0;

	padding: 20px
}


.associated-partners .logo-parent .logo-item img {

	width: auto;

	max-height: 60px
}


.associated-partners .logo-parent .logo-item:nth-child(5n+1) {

	text-align: center
}


.associated-partners .logo-parent .logo-item:nth-child(5n+5) {

	text-align: center
}


/* ========================================== */

.growth-essentials {

	position: relative;

	background-size: cover;

	background-position: center;

	padding: 140px 20px;

	color: #fff;

	text-align: center;

	overflow: hidden;

}


.growth-essentials .overlay {

	position: absolute;

	inset: 0;

	background: #000000;

	z-index: 0;

	opacity: 0.7;

}


.growth-essentials .container {

	position: relative;

	z-index: 1;

	max-width: 1200px;

	margin: 0 auto;

}


.growth-essentials .heading h2 {

	font-size: 2.5rem;

	margin-bottom: 10px;

	font-weight: bold;

}


.growth-essentials .heading h2 span {
	color: var(--theme_green);
	font-weight: 900;
}


.growth-essentials .heading p {

	font-size: 1.1rem;

	margin-bottom: 40px;

}


.counter-grid {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	gap: 20px;

}


.counter-item {

	flex: 1 1 15%;

	min-width: 150px;

	border-right: 1px solid var(--white_color);

	padding: 10px;

}


.counter-item:last-child {

	border-right: none;

}


.counter-item h3 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 5px;
}


.counter-item p {

	font-size: 0.95rem;

	margin: 0;

}


/* ====================================== */

/* ================================== */

.form_section .form-box {

	background: #d6d7d6d6;

	color: var(--white_color);

	border-radius: 16px;

	padding: 30px;

}


.form_section .form-box h2 {

	font-size: 22px;

	font-weight: 600;

	margin-bottom: 0;

	text-transform: capitalize;

	color: #2D3748;

	background: #f6f5f3;

	padding: 15px 12px;

	border-left: 4px solid var(--theme_color);

	border-radius: 16px;

}


.form_section .form-control,

.form_section .form-select,

.form_section textarea {

	border-radius: 8px;

	border: none;

	padding: 10px 15px;

	margin-top: 20px;

	border-style: solid;

	border-width: 2px 2px 2px 2px;

	border-color: transparent;

	min-height: 40px;

	border-radius: 8px;

}

.form_section .form-box span.text-danger {
	font-size: 13px;
}

.form_section .form-control:focus,

.form_section .form-select:focus,

.form_section textarea:focus {

	box-shadow: 0 0 0 0.rem var(--theme_color);

	border-color: var(--theme_color);

}


.form_section .form-control::placeholder,

.form_section textarea::placeholder {

	color: #000;

}


.form_section .btn-primary {

	color: var(--white_color);

	background: #161619;

	border: 1px solid transparent;

	font-size: 1rem;

	line-height: 1.5;

	padding: 0.75rem 3rem;

	text-transform: uppercase;

	font-size: 15px;

	padding: 10px 30px;

	margin-top: 20px;

	width: 100%;

}


.form_section .btn-primary:hover {

	background: var(--theme_color);

}


.form_section .info-card {

	background-color: var(--white_color);

	border-radius: 8px;

	padding: 23px 30px;

	display: flex;

	align-items: center;

	justify-content: space-between;

}


.power_widget-image img {

	border-radius: 22px;

	height: 497px;

	width: 100%;

	object-fit: cover;

}


/* ----------------- //footer// --------------- */

footer.footer {

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	padding: 60px 0 30px;

	background: #f6f5f3;

}


.footer .containerWidthWrapper {

	max-width: 1200px;

	position: relative;

	overflow: hidden;

}


.logo.footer_logo {

	margin-bottom: 32px;

	font-size: 35px;

}

.logo.footer_logo img {
	width: 180px;
	margin-bottom: 20px;
}


.logo.footer_logo .logo-book {

	width: 40px;

	position: relative;

}


.logo.footer_logo .book-icon {

	font-size: 35px;

}


.footer-section.brand-section {

	margin-right: 60px;

}


.footer-content {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
	margin-bottom: 30px;
}


.footer-section h3 {

	font-size: 20px;

	margin-bottom: 25px;

	color: var(--body_text_color);

	font-weight: 600;

	position: relative;

}


.footer-section h3::after {

	content: '';

	position: absolute;

	bottom: -8px;

	left: 0;

	width: 30px;

	height: 2px;

	background: var(--theme_color);

	border-radius: 1px;

}


.footer-section ul {

	list-style: none;

	padding: 0;

}


.footer-section ul li {

	margin-bottom: 8px;

	transition: all 0.3s ease;

}

.footer-section ul li a {
	color: var(--body_text_color);
	text-decoration: none;
	font-size: 14px;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
	position: relative;
	gap: 10px;
}

.footer-section ul li a i.fa-angles-right {
	font-weight: bold;
	font-size: 15px;
	transition: transform 0.3s ease;
	color: var(--body_text_color);
}

.footer-section ul li a:hover {
	color: var(--theme_blue);
}

.footer-section ul li a:hover i.fa-angles-right {
	color: var(--theme_blue);
}

.footer-section ul li a:hover::before {
	opacity: 1;
	transform: translateX(0);
}


.footer-bottom {

	border-top: 1px solid var(--theme_color);

	padding-top: 30px;

	text-align: center;

	color: #333;

	font-size: 14px;

}


.footer-bottom p {

	margin-bottom: 0px;

}


.footer-bottom a {

	color: var(--theme_color);

	text-decoration: none;

	transition: color 0.3s ease;

}


.contact-item {

	display: flex;

	gap: 10px;

	padding: 10px 0;

	border-bottom: 1px solid #e9ecef;

	transition: all 0.3s ease;

	cursor: pointer;

}


.contact-item:last-child {

	border-bottom: none;

}


.icon-container {

	width: 30px;

	height: 30px;

	background: var(--theme_green);

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-shrink: 0;
	transition: transform 0.3s ease;
	margin-top: 2px;
}

.icon-container i {
	color: var(--white_color);
	font-size: 13px;
}

.contact-content {
	flex: 1;
}

.contact-label {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0px;
}


.contact-value {

	font-size: 14px;

	color: var(--body_text_color);

	text-decoration: none;

	transition: color 0.3s ease;

}


.contact-item:hover .contact-value {

	color: #495057;

}


a.contact-value:hover {

	color: #667eea;

}

/* Special dropdown for Shop */

.shop-dropdown {
	min-width: 250px;
}


.shop-dropdown .dropdown-item {
	padding: 15px 20px;
	font-weight: 500;
}

/* ============= product category ============ */
.productCategory_card {
	min-width: 440px;
	height: 633px;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 440px;
}

.productCategory_card.first_card {
	flex: 0 0 650px;
}

.productCategory_wrapper {
	display: flex;
}

.productCategory_card.first_card {
	flex: 0 0 650px;
	padding: 0 110px;
}

section.category_section {
	height: 100vh;
	overflow: hidden;
	background: #92C6AC;
}

section.category_section .desc {
	color: var(--body_text_color);
}

.productCategory_card a {
	margin: 0;
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%;
}

.productCategory_card a img {
	width: 100%;
	height: 633px;
	object-fit: cover;
	transition: 0.5s;
}

.productCategory_card a:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.5;
}

.productCategory_card a:hover:after {
	display: none;
}

.productCategory_card a .productcategory_content {
	position: absolute;
	bottom: 90px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	width: 80%;
	text-align: center;
	transition: 0.5s;
}

.productCategory_card a:hover .productcategory_content {
	bottom: 20px;
	visibility: hidden;
	opacity: 0;
}

.productCategory_card a .productcategory_content h4 {
	font-size: 48px;
	color: #fff;
	font-weight: 300;
}

.productCategory_card a:hover img {
	transform: scale(1.02)
}

.vew_button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	color: #fff;
	background: var(--theme_green);
	z-index: 2;
	transform: translate(-50%, -50%) scale(0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.5s;
	visibility: hidden;
	opacity: 0;
}

.productCategory_card a:hover .vew_button {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
	opacity: 1;
}

.vew_button span {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	transition: 0.5s;
	margin-top: 20px;
	display: block;
	visibility: hidden;
	opacity: 0;
}

.productCategory_card a:hover .vew_button span {
	transition-delay: 0.2s;
	margin-top: 0px;
	visibility: visible;
	opacity: 1;
}


/* ============= product category ============ */
/* ---------- Layout ---------- */
.hero {
	background: linear-gradient(180deg, #0f172a 0%, #0b1220 60%);
	color: #fff;
}

.hero .container {
	display: flex;
	gap: 32px;
	align-items: center;
}

.hero .left {
	flex: 1;
}

.hero .left h2 {
	font-size: 32px;
	margin-bottom: 12px;
	letter-spacing: -0.4px;
}

.hero .left p {
	opacity: 0.9;
	margin-bottom: 18px;
}

.hero .left .badge {
	display: inline-block;
	background: rgba(255, 255, 255, 0.06);
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 13px;
	margin-bottom: 14px;
}

.hero .right {
	width: 500px;
	padding-left: 50px;
}

.hero .right .hero-card {
	background: #e3f0e9;
	padding: 30px;
	border-radius: 10px;
}

.hero .right .hero-card .section_title {
	margin-bottom: 30px;
}

/* custom list for facts */
.facts-list {
	display: flex;
	gap: 10px;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.facts-list li {
	flex: 1;
	text-align: center;
}

.facts-list strong {
	display: block;
	font-size: 28px;
	font-weight: 700;
	color: var(--body_text_color);
}

.facts-list span {
	display: block;
	font-size: 14px;
	color: var(--body_text_color);
	margin-top: 4px;
}

/* ---------- Two column intro ---------- */
.OurMission .grid-2 {
	display: grid;
	gap: 28px;
	align-items: start;
}

.OurMission .profile h2 {
	margin-bottom: 8px;
}

.OurMission .profile .stats {
	display: flex;
	gap: 30px;
	margin-top: 30px;
}

.OurMission .profile .stats .stat {
	background: #e3f0e9;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	flex: 1;
}

.OurMission .profile .stats .stat strong {
	display: block;
	font-size: 20px;
}

.OurMission .profile .stats .stat span {
	font-size: 15px;
	color: var(--theme_color);
}

/* ---------- Vision & Mission cards ---------- */
.OurMission .profile .cards {
	display: flex;
	gap: 30px;
	margin-top: 30px;
}

.OurMission .profile .cards .card {
	flex: 1;
	background: #fff;
	padding: 40px;
	border-radius: 15px;
	box-shadow: 0 6px 18px rgba(11, 12, 17, 0.04);
	text-align: center;
	border-color: #d2e4c7;
	transition: all 0.5s;
}

.OurMission .profile .cards .card:hover {
	transform: translateY(-8px);
	box-shadow: 0 10px 25px rgba(11, 12, 17, 0.1);
}

.OurMission .profile .cards .card h3 {
	margin-bottom: 8px;
	font-weight: 600;
	color: var(--theme_green);
}

.OurMission .profile .cards .card p {
	color: var(--body_text_color);
	margin-bottom: 0px;
	font-size: 15px;
}

.section_leadership {
	position: relative;
	z-index: 1;
	background-size: cover;
	background-position: center;
}

/* ---------- Team ---------- */
.section_leadership-team {
	margin-top: 28px;
}

.section_leadership-team .team-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 30px;
}

.section_leadership-team .team-grid .member {
	background: #fff;
	padding: 30px;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0 6px 18px rgba(11, 12, 17, 0.04);
	transition: all 0.5s;
}

.section_leadership-team .team-grid .member:hover {
	transform: translateY(-8px);
	box-shadow: 0 10px 25px rgba(11, 12, 17, 0.1);
}

.section_leadership-team .team-grid .member .avatar {
	width: 96px;
	height: 96px;
	border-radius: 999px;
	margin: 0 auto 12px;
	overflow: hidden;
	background: #eef2ff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: #334155;
}

.section_leadership-team .team-grid .member .avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section_leadership-team .team-grid .member h4 {
	font-size: 18px;
	margin-bottom: 6px;
	color: var(--theme_color);
}

.section_leadership-team .team-grid .member small {
	display: block;
	color: var(--theme_green);
	margin-bottom: 8px;
}

.section_leadership-team .team-grid .member p {
	font-size: 14px;
	color: var(--body_text_color);
}


/* ======================= products-categories ======================== */
.hlo_products {
	width: 100%;
	display: flex;
	margin-top: 30px;
}

.hlo_left {
	max-height: 83vh;
	width: 350px;
	max-width: 26%;
	overflow-y: auto;
	overflow-x: hidden;
	position: sticky;
	top: 55px;
	padding: 25px;
	margin-left: -30px;
	scrollbar-color: #595757 #dddddd;
	scrollbar-width: thin;
	background: #e3f0e9;
	border-radius: 15px;
}

.hlo_right {
	width: 76%;
	padding-left: 40px;
}

.hlo_left .hlo_left-a {
	margin: 10px 0px;
}

.hlo_left-a h6 {
	transition: all ease 0.3s;
	background: var(--white_color);
	margin-bottom: 0px;
	cursor: pointer;
	border-radius: 15px;
	border: 2px dotted var(--theme_green);
}

.hlo_left-a h6 a {
	display: block;
	line-height: 45px;
	text-decoration: none;
	padding: 0 30px 0 20px;
	color: var(--body_text_color);
	width: 100%;
}

.hlo_products .category-card {
	flex-direction: column;
}

.hlo_products .categories-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	margin-top: 0px;
}

.hlo_products .category-card .product_content {
	width: 100%;
	padding-left: 0px;
}

.hlo_products .category-card .product_image {
	width: 100%;
	margin-bottom: 15px;
}

.hlo_products .category-description {
	font-size: 15px;
	line-height: 1.6;
	opacity: 0.95;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.hlo_products .category-card .product_content .category-title {
	font-size: 1.1rem;
}

/* ================== contact-us ==================== */
.contact_contai {
	margin-bottom: 30px;
}

.contact_contai .contact-item {
	display: flex;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #e9ecef;
	transition: all 0.3s ease;
	cursor: pointer;
}

.contact_contai .contact-item:first-child {
	border-top: 1px solid #e9ecef;
}

.followUs_info ul.socile_icon {
	padding: 0px;
	margin: 0px;
}

.followUs_info .socile_icon li {
	display: flex;
	align-items: center;
	gap: 20px;
}

.followUs_info .socile_icon li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border: 1px solid var(--theme_color);
	border-radius: 50%;
	color: var(--theme_color);
	font-size: 18px;
	transition: 0.5s;
}

.followUs_info .socile_icon li a.facebook_icon {
	border-color: #0866ff;
	color: #0866ff;
}

.followUs_info .socile_icon li a.facebook_icon:hover {
	background: #0866ff;
	color: var(--white_color);
}

.followUs_info .socile_icon li a.linkedin_icon {
	border-color: #0a66c2;
	color: #0a66c2;
}

.followUs_info .socile_icon li a.linkedin_icon:hover {
	background: #0a66c2;
	color: var(--white_color);
}

.followUs_info .socile_icon li a.twitter_icon {
	border-color: #0f1419;
}

.followUs_info .socile_icon li a.twitter_icon:hover {
	background: #0f1419;
	color: var(--white_color);
}

.followUs_info .socile_icon li a.instagram_icon {
	background: #ffffff;
	border-color: #d62976;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(45deg,
			#feda75,
			#fa7e1e,
			#d62976,
			#962fbf,
			#4f5bd5);
	transition: 0.5s;
}

.followUs_info .socile_icon li a.instagram_icon:hover {
	background: linear-gradient(45deg,
			#feda75,
			#fa7e1e,
			#d62976,
			#962fbf,
			#4f5bd5);
	-webkit-background-clip: none !important;
	-webkit-text-fill-color: #ffffff !important;
	color: #ffffff !important;
	border-color: #d62976;
	transition: 0.5s;
}

.followUs_info .socile_icon li a.youtube_icon {
	color: #FF0000;
	border-color: #FF0000;
}

.followUs_info .socile_icon li a.youtube_icon:hover {
	background: #FF0000;
	color: var(--white_color);
}


/* ======================== products-details ================= */
.table-wrapper {
	overflow-x: auto;
	padding: 0;
	margin-top: 20px;
}

.products_table table {
	white-space: nowrap !important;
}

.products_table table thead th {
	color: var(--theme_color);
	padding: 16px 0px;
	text-align: left;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: 0.8px;
	border-bottom: 1px solid #e0e0e0;
}

.products_table table td {
	padding: 16px 0px;
	border-bottom: 1px solid #e0e0e0;
	line-height: 1.7;
}

.products_table table tbody tr {
	transition: background-color 0.3s ease;
}

.industry-cell {
	font-weight: 600;
	font-size: 1.05em;
	min-width: 150px;
	color: var(--black_color);
}

.application-cell {
	font-size: 0.95em;
	color: var(--body_text_color);
}

.products_image.sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 40px;
	z-index: 1020;
}

.products_image img {
	width: 100%;
	border-radius: 20px;
}

.specs.table .industry {
	width: 50%;
}

.details_bttn {
	display: flex;
	align-items: center;
	gap: 10px;
}

.details_bttn a.theme-btn-s2 {
	padding: 12px 20px;
}

table.specs.table.table-bordered {
	margin: 20px 0px;
}

/* ============= Global Styles for GSVA Privacy =============== */
.gsva-privacy a {
	color: #0073e6;
	text-decoration: none;
}

.gsva-privacy a:hover {
	text-decoration: underline;
}

/* Header */
.gsva-privacy h2.policy-header {
	border-bottom: 1px solid #e0e0e0;
}

.gsva-privacy .policy-header p {
	margin-bottom: 0px;
	color: var(--body_text_color);
	font-size: 1rem;
}

/* Sections */
.gsva-privacy section {
	padding: 20px 0px;
	border-bottom: 1px solid #e0e0e0;
}

.gsva-privacy section:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.gsva-privacy section h2 {
	font-size: 26px;
	margin-bottom: 12px;
	letter-spacing: -0.4px;
	color: #031771;
}

.gsva-privacy section h3 {
	font-size: 22px;
	margin-bottom: 12px;
	color: #031771;
}

.gsva-privacy section p {
	margin-bottom: 0px;
}

.gsva-privacy section p a {
	color: #027a3b;
}

.gsva-privacy section ul {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
}

.gsva-privacy section ul li {
	position: relative;
	padding-left: 20px;
	margin-top: 8px;
	font-size: 15px;
}

.gsva-privacy section ul li::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0px;
	width: 7px;
	height: 7px;
	background: #031771;
	border-radius: 50%;
}

.gsva-privacy section ul li strong {
	color: var(--black_color);
}

.gsva-privacy .contact p {
	margin: 8px 0;
}

.gsva-privacy .contact a {
	color: #027a3b;
}

/* ======================================== */
.faq-wrapper {
	max-width: 800px;
	margin: 0 auto;
	margin-top: 30px;
}

.faq-box {
	background: #e3e3e3;
	border-radius: 8px;
	margin-bottom: 15px;
	padding: 0;
	overflow: hidden;
	transition: box-shadow 0.3s ease;
}

.faq-box.open {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.faq-question {
	cursor: pointer;
	padding: 16px 23px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	font-size: 17px;
}

.faq-icon {
	font-size: 18px;
	transition: transform 0.2s ease;
	color: var(--theme_color);
	text-align: center;
	background: #f6f5f3;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}

.faq-text {
	flex: 1;
	color: var(--theme_color);
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease;
	padding: 0 23px;
	font-size: 15px;
	color: var(--body_text_color);
	line-height: 1.5;
}

/* ======================= careers_area */
.careers_area .careers_image img {
	width: 100%;
	border-radius: 20px;
	height: 305px;
	object-fit: cover;
}

.after-banner-img img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: right;
	border-radius: 20px;
	margin-top: 10px;
}

.after-benefits-sec {
	position: relative;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.after-benefits-sec .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 70%);
	z-index: 1;
}

.after-benefits-sec .container {
	position: relative;
	z-index: 2;
}

.after-benefits-sec h2 {
	font-size: 32px;
	margin-bottom: 12px;
	letter-spacing: -0.4px;
	color: var(--white_color);
	text-align: center;
}

.after-benefits-sec .benefits_para {
	max-width: 600px;
	margin: 0 auto;
	color: var(--white_color);
}

.benefits-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 40px;
}

.benefit-item {
	flex: 1 1 245px;
	max-width: 245px;
	background: rgba(255, 255, 255, 0.1);
	padding: 20px;
	border-radius: 10px;
	backdrop-filter: blur(5px);
	transition: transform 0.3s;
	text-align: center;
}

.benefit-item:hover {
	transform: translateY(-10px);
}

.benefit-item img {
	width: 50px;
	margin-bottom: 15px;
}

.benefit-item h3 {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 1.25;
	color: var(--white_color);
}


.enquire-sec {
	background-color: #1e4731;
	border-radius: 20px;
	color: white;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 48px;
}

/* =================== blog_areaBox =============== */
.blog_areaBox {
	border: 1px solid #e1e1e1;
	transition: 0.5s;
	padding: 16px;
	border-radius: 20px;
	margin-top: 30px;
}

.blog_areaBox .blog_card_image {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.blog_areaBox .blog_card_image img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	object-position: center;
	transition: all 0.5s linear;
	cursor: pointer;
}

.blog_areaBox .blog_card_content .post-content h3 {
	margin-bottom: 12px;
	line-height: 1.5;
	font-size: 20px;
	font-weight: 600;
}

.blog_areaBox .blog_card_content .post-content h3 a {
	color: var(--theme_color);
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 18px;
	text-transform: capitalize;
}

.blog_areaBox .blog_card_content .post-content ul li {
	font-size: 16px;
	margin-top: 15px;
}

.blog_areaBox .blog_card_content .post-content ul li i.ri-calendar-2-line {
	color: var(--theme_green);
	font-size: 18px;
}

.blog_areaBox .blog_card_content .post-content p {
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 16px;
}

.blog_areaBox .blog_card_content .post-content .read-more-btn {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	width: 120px;
	text-align: center;
	color: var(--white_color);
	padding: 8px 10px;
	background: var(--theme_green);
	border-radius: 8px;
}

/* ==================================== */

section.thank-you-gsva {
	padding: 60px 0px;
}

section.thank-you-gsva .thank-you-wrapper {
	padding: 40px 50px;
	background: var(--white_color);
	border-radius: 15px;
	border: 3px dotted var(--theme_green);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.thank-you-wrapper h2 {
	background: -webkit-linear-gradient(#b6189b 10%, #380696 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 40px;
}

.thank-you-wrapper p {
	font-size: 16px;
}

.thank-you-wrapper img {
	margin-bottom: 20px;
}

.thank-you-wrapper p a {
	color: #370695;
	text-decoration: none;
}

.enquiryModalLabel_modal-dialog {
	width: 417px;
}

.enquiryModalLabel_modal-dialog .modal-content {
	border-radius: 16px;
}

.modal-body.enquiryModalLabel_body {
	padding: 24px;
	padding-top: 28px;
}

.modal-body.enquiryModalLabel_body h5#enquiryModalLabel {
	color: var(--body_text_color);
}

.enquiryModalLabel_body button.btn-close {
	position: absolute;
	top: 13px;
	right: 15px;
	cursor: pointer;
	opacity: .7;
	width: 14px;
	height: 14px;
	padding: 0px;
	color: var(--theme_color);
}

.enquiryModalLabel_body form input,
.enquiryModalLabel_body form textarea {
	border-radius: 8px !important;
	border: none;
	padding: 9px 15px;
	margin: 11px 0px;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #d6d7d6d6;
	min-height: 40px;
	border-radius: 8px;
	font-size: 14px;
}

.enquiryModalLabel_body form input:focus,
.enquiryModalLabel_body form textarea:focus {
	box-shadow: 0 0 0 0.rem var(--theme_color);
	border-color: var(--theme_color);
}

.enquiryModalLabel_body form input::placeholder,
.enquiryModalLabel_body form textarea::placeholder {
	color: #000;
}

.enquiryModalLabel_body .btn-primary {
	color: var(--white_color);
	background: #161619;
	border: 1px solid transparent;
	font-size: 1rem;
	line-height: 1.5;
	padding: 0.75rem 3rem;
	text-transform: uppercase;
	font-size: 15px;
	padding: 10px 30px;
	width: 100%;
}

/* ====================== blog-details */

.blog_details-inner {
	min-height: calc(100vh - 130px);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white_color);
	position: relative;
}

.blog_details-inner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 65%);
}

.blog_details-inner img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: -1;
}

.blog_details-inner .container {
	z-index: 1;
}

.topHeaderSection {
	background: #e3f0e9;
	padding: 10px 60px;
}

.storeBreadCrumb a {
	color: var(--black_color);
	font-size: 16px;
	font-weight: 600;
	position: relative;
	padding-right: 16px;
}

.storeBreadCrumb a:after {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
	position: absolute;
	top: 50%;
	right: 4px;
	transform: translateY(-50%) rotate(130deg);
}

.blog-content {
	padding: 70px 0px;
}

.content_body p {
	margin: 0;
	font-size: 15px;
	color: var(--body_text_color);
	line-height: 25px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.blog-content h2,
.blog-content h3 {
	font-size: 30px;
	letter-spacing: 0.6px;
	margin-bottom: 15px;
	margin-top: 30px;
	font-weight: 600;
	color: #000;
}

.blog-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-content ul li {
	margin-bottom: 10px;
	color: var(--black_color);
	position: relative;
	padding-left: 45px;
}

.blog-content ul li::before {
	content: '';
	position: absolute;
	left: 25px;
	top: 6px;
	width: 10px;
	height: 10px;
	background: var(--theme_color);
}

/* ========================== */
.popup-box {
	max-width: 720px;
}

.popup-box .modal-body {
	padding: 0px;
}

.popup_modal-sec {
	display: flex;
}

.popup-box .modal-content {
	border: none;
	overflow: hidden;
}


.popup-box .popup_image {
	width: 50%;
	height: 440px;
}

.popup_modal-sec .popup_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.popup-box .popup_content {
	width: 50%;
	padding: 25px;
	padding-top: 40px;
}

.popup_content h5.modal-title {
	font-size: 24px;
	color: var(--theme_blue);
	margin-bottom: 0px;
	font-weight: 700;
}

.popup_content-des {
	max-height: 300px;
	overflow-y: auto;
	margin-top: 15px;
}

.popup-box .popup_content-des::-webkit-scrollbar {
	width: 6px;
}

.popup-box .popup_content-des::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
}

.popup-box .popup_content p {
	font-size: 14px;
	color: var(--body_text_color);
}

.popup-box button.btn-close {
	border: 1px solid #d7d7d7;
	cursor: pointer;
	position: absolute;
	top: 12px;
	right: 12px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	z-index: 9;
	opacity: 1;
	font-size: 12px;
}


.text-center.view_allbtn {
	margin-top: 30px;
}
















/* ========================= Mobile Optimization ============================ */
@media (max-width: 1024px) {
	.industries__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}

}

@media (max-width: 992px) {
	.main-nav {
		display: none;
	}

	.search-input {
		width: 200px;
	}
}

@media (max-width: 768px) {

	.section-padding-y {
		padding: 40px 0px;
	}

	.application-cell {
		padding: 15px;
		font-size: 0.9em;
		line-height: 1.6;
		color: #444;
	}

	.gsva-privacy {
		margin: 0px;
	}

	.gsva-privacy .policy-header h1 {
		font-size: 1.6rem;
	}

	.header-left {
		gap: 15px;
	}

	.search-input {
		width: 180px;
	}

	.main-header .container {
		gap: 15px;
	}

	.mobile-menu {
		display: block;
	}

	.menu-toggle {
		display: flex;
		margin-top: 0px;
	}

	.desktop-search {
		display: none !important;
	}

	.mobile-search-icon {
		display: inline-block;
		padding: 7px 14px;
	}

	.mobile-search-icon i {
		font-size: 14px;
	}

	.mobile-search-bar.show {
		display: block;
	}

	.mobile-search-bar .search-form {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.mobile-search-bar .search-input {
		flex: 1;
	}

	.search-input {
		padding-left: 20px;
	}

	.mobile-search-bar {
		padding: 10px;
	}

	.footer-content {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
		margin-bottom: 20px;
	}

	.form_section .form-box {
		padding: 20px;
		margin-top: 15px;
	}

	form#contactFormm .col-md-6 {
		width: 100%;
	}

	.form_section .form-box h2 {
		margin-bottom: 0px !important;
	}

	.power_widget-image img {
		height: 530px;
	}

	.footer-section.brand-section {
		margin-right: 0px;
	}

	.hero {
		flex-direction: column;
	}

	.form_section .info-card {
		flex-direction: column;
		align-items: flex-start;
	}

	.industries__grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		row-gap: 30px;
	}

	.industries_we-saver .header h1 {
		font-size: 2rem;
	}

	.industries_we-saver .card-image {
		height: 180px;
	}

	.main-title {
		font-size: 2.2rem;
	}

	.categories-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.category-card .product_image {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}

	.category-card .product_content {
		width: 100%;
		padding-left: 0px;
	}

	.category-card {
		flex-direction: column;
	}

	.category-overlay {
		padding: 25px;
	}

	.category-title {
		font-size: 1.5rem;
	}

	.section-title {
		font-size: 2.2rem;
	}

	.industries-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}

	.industry-card {
		margin: 0 10px;
	}

	.mobile-menu-header .navbar_brand img {
		width: 110px;
	}

	.section_title {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.aboutUs-area .col-md-6.ps-md-5 {
		padding-left: 15px !important;
	}

	.productCategory_card.first_card {
		flex: 0 0 400px;
		padding: 0 28px;
		padding-left: 40px;
	}

	.productCategory_card {
		height: 100vh;
	}

	.productCategory_card a img {
		height: 100vh;
	}

	.productCategory_card a .productcategory_content h4 {
		font-size: 34px;
	}

	.growth-essentials {
		padding: 70px 20px;
	}

	.counter-grid {
		gap: 0px;
		row-gap: 20px;
	}

	.counter-item h3 {
		font-size: 26px;
	}

	.form_section .col-md-6.ps-md-5 {
		padding-left: 15px !important;
	}

	.associated-partners .logo-parent .logo-item {
		padding: 10px;
	}

	.inner-banner {
		height: 250px;
	}

	.inner-banner .banner-content p {
		font-size: 14px;
		margin-bottom: 0px;
	}

	.inner-banner .banner-content h1 {
		font-size: 32px;
	}

	.hero .container {
		gap: 25px;
	}

	.hero .right {
		width: 350px;
		padding-left: 0px;
	}

	.hero .right .hero-card .section_title {
		margin-bottom: 10px;
	}

	.hero .right .hero-card {
		padding: 20px;
	}

	.facts-list strong {
		font-size: 18px;
	}

	.hero .left p {
		font-size: 14px;
	}

	.hero .left h2 {
		font-size: 22px;
	}

	.OurMission .profile p {
		font-size: 14px;
	}

	.OurMission .profile .cards .card {
		padding: 20px;
	}

	.OurMission .profile .cards .card p {
		font-size: 14px;
	}

	.section_leadership p {
		font-size: 14px;
	}

	.OurMission .profile .stats {
		gap: 15px;
		margin-top: 20px;
	}

	.OurMission .profile .cards {
		gap: 15px;
		margin-top: 20px;
	}

	.section_leadership-team .team-grid {
		gap: 10px;
		margin-bottom: 0px;
	}

	.section_leadership-team .team-grid .member {
		padding: 15px;
	}

	.hlo_products .categories-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		margin-top: 0px;
	}

	.hlo_right {
		width: 76%;
		padding-left: 20px;
	}

	div#categoryDescription {
		font-size: 14px;
	}

	img#categoryImage {
		height: 300px !important;
		width: 100%;
		object-fit: cover;
	}

	.hlo_left {
		width: 300px;
		max-width: 36%;
		padding: 18px;
		margin-left: 0px;
	}

	.header.has_header p {
		font-size: 16px;
	}

	.form_section {
		display: flex;
		flex-direction: column;
		/* important */
	}

	.form_section .col-md-6:nth-child(2) {
		order: -1;
		/* second item ko top pe le aao */
	}

	.contact-container {
		margin-top: 30px;
	}

	.blog_areaBox .blog_card_image img {
		height: 190px;
	}

	.blog_areaBox {
		padding: 10px;
		margin-top: 20px;
	}

	.blog_areaBox .blog_card_content .post-content ul li {
		font-size: 14px;
		margin-top: 8px;
	}

	.blog_areaBox .blog_card_content .post-content ul li i.ri-calendar-2-line {
		font-size: 15px;
	}

	.blog_areaBox .blog_card_content .post-content h3 {
		margin-bottom: 0px;
		font-size: 18px;
	}

	.blog_areaBox .blog_card_content .post-content h3 a {
		font-size: 16px;
	}

	.blog_details-inner {
		min-height: calc(70vh - 132px);
	}

	.banner-content h1 {
		font-size: 32px;
	}

	.topHeaderSection {
		padding: 10px 0px;
	}

	.blog-content {
		padding: 40px 0px;
	}

	.storeBreadCrumb a {
		font-size: 14px;
	}

	.blog-content h2,
	.blog-content h3 {
		font-size: 26px;
		margin-bottom: 10px;
		margin-top: 15px;
	}

	.product-details-sec .col-md-7.ps-md-5 {
		padding-left: 15px !important;
	}

	.products-content p {
		font-size: 15px;
	}
}

@media (max-width: 576px) {
	.search-input {
		width: 140px;
	}

	.logo {
		font-size: 24px;
	}

	.logo-book {
		width: 28px;
	}

	.book-icon {
		font-size: 22px;
	}

	.hero-style .swiper-pagination {
		left: 50%;
		transform: translateX(-50%);
		gap: 6px;
	}

	.hero-style .slide-btns>a:first-child {
		margin-right: 4px;
	}

	.main-header {
		padding: 12px 0;
	}

	.top-header-right {
		display: none;
	}

	.top-header-left {
		justify-content: space-between;
		width: 100%;
	}

	.section-padding-y {
		padding: 30px 0px;
	}

	.about_content-main {
		margin-top: 20px;
	}

	.section_title {
		margin-bottom: 10px;
	}

	.header.has_header p {
		font-size: 14px;
	}

	.growth-essentials .heading h2 {
		font-size: 26px;
	}

	.header.has_header {
		margin-bottom: 0px;
	}

	.industries__grid {
		margin-top: 20px;
	}

	.growth-essentials .heading p {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.growth-essentials {
		padding: 30px 0px;
	}

	.counter-item h3 {
		font-size: 20px;
	}

	.counter-item p {
		font-size: 13px;
		margin: 0;
	}

	p.brand-description {
		font-size: 14px;
	}

	footer.footer {
		padding: 30px 0 30px;
	}

	.logo.footer_logo img {
		width: 140px;
		margin-bottom: 10px;
	}

	.footer-content {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.footer-section ul {
		list-style: none;
		padding: 0;
		margin: 0px;
	}

	.power_widget-image img {
		height: auto;
		margin-top: 20px;
	}

	.categories-grid {
		margin-top: 20px;
	}

	.footer-bottom {
		padding-top: 20px;
	}

	.counter-grid .counter-item:nth-child(2),
	.counter-grid .counter-item:nth-child(4) {
		border-right: none !important;
	}

	.hero .container {
		flex-direction: column;
	}

	.OurMission .profile .stats {
		flex-direction: column;
	}

	.OurMission .profile .cards {
		flex-direction: column;
	}

	.section_leadership-team .team-grid {
		grid-template-columns: 1fr;
	}

	.inner-banner .banner-content h1 {
		font-size: 26px;
	}

	.inner-banner .banner-content p {
		font-size: 12px;
		margin-bottom: 0px;
	}

	.inner-banner {
		height: 180px;
	}

	.section_leadership-team .team-grid {
		gap: 20px;
	}

	.hlo_products {
		flex-direction: column;
	}

	.hlo_left {
		width: 100%;
		max-width: 100%;
		padding: 18px;
		margin-left: 0px;
		position: static;
		margin-bottom: 20px;
	}

	.hlo_right {
		width: 100%;
		padding-left: 0px;
	}

	.hlo_products .categories-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		margin-top: 0px;
	}

	img#categoryImage {
		height: 300px !important;
		width: 100%;
		object-fit: cover;
	}

	.faq-question {
		padding: 14px 16px;
		font-size: 14px;
	}

	.faq-answer {
		padding: 0px 16px;
		font-size: 14px;
	}

	.blog_details-inner {
		min-height: calc(60vh - 127px);
	}

	.banner-content h1 {
		font-size: 26px;
	}

	.storeBreadCrumb span {
		font-size: 14px;
	}

	.blog-content {
		padding: 30px 0px;
	}

	.section-padding-y-breadcrumb {
		padding: 10px 0px 30px 0px;
	}

	.products_table table td {
		padding: 12px 0px;
	}

	.products_table table thead th {
		padding: 12px 0px;
		font-size: 18px;
	}

	.products-content {
		margin-top: 20px;
	}
}

/* Small Mobile Devices */
@media (max-width: 480px) {
	.industry-cell {
		font-size: 14px;
		padding: 12px;
	}

	.application-cell {
		font-size: 0.85em;
		padding: 12px;
	}

	.industries__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		row-gap: 30px;
	}

	.top-header .container {
		flex-direction: column;
	}

	.hero-style .slide-title h2 {
		font-size: 24px;
		margin: 0 0 17px;
		line-height: 34px;
	}

	.hero-style {
		height: 350px;
	}

	.hero-style .slide-title h2 small {
		font-size: 24px;
		font-weight: 200;
	}

	.navbar_brand img {
		width: 120px;
	}

	.theme-btn,
	.theme-btn-s2 {
		padding: 10px 16px;
		font-size: 12px;
		line-height: normal;
	}

	.hero-style .slide-text p {
		font-size: 14px;
		margin: 0 0 20px;
	}

	.categories-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.category-title {
		font-size: 18px;
	}

	.category-description {
		font-size: 14px;
		line-height: 1.5;
	}

	.industries__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 0px;
		row-gap: 20px;
	}

	.industries_we-saver .card-image {
		height: 130px;
	}

	.industries__grid .card-title h3 {
		font-size: 13px;
	}

	.industries__grid .industry-card {
		height: 100%;
	}

	.industries__grid .card-title {
		padding: 18px 10px;
	}

	.associated-partners .logo-parent {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		margin-top: 20px;
	}

	.gsva-privacy .policy-header p {
		font-size: 14px;
	}

	.gsva-privacy section p {
		font-size: 14px;
	}

	.gsva-privacy section ul li {
		position: relative;
		padding-left: 20px;
		margin-top: 8px;
		font-size: 14px;
	}

	.gsva-privacy section h3 {
		font-size: 20px;
	}


	.gsva-privacy section h2 {
		font-size: 20px;
	}

	.blog-content h2,
	.blog-content h3 {
		font-size: 22px;
		margin-bottom: 6px;
		margin-top: 15px;
	}

	.content_body p {
		font-size: 14px;
		line-height: 24px;
	}

	.blog-content ul li {
		font-size: 14px;
	}

	.form_section .form-box h2 {
		font-size: 18px;
		padding: 12px 10px;
	}

	.form_section .form-control,
	.form_section .form-select,
	.form_section textarea {
		margin-top: 15px;
	}

	.header-right {
		gap: 10px;
	}

	section.category_section .desc {
		font-size: 14px;
	}

	.products-content p {
		font-size: 14px;
	}

	.specs.table thead.table-light th {
		font-size: 14px;
	}

	.specs.table tbody td {
		font-size: 14px;
	}

	.footer-content {
		margin-bottom: 10px;
	}

	.footer-bottom {
		padding-top: 10px;
		font-size: 13px;
	}
}

@media (max-width: 320px) {
	.section_title {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.hero-style {
		height: 300px;
	}

	.industry-card.industry__card.ripple-effect {
		margin: 0px;
	}

	.industries__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
		row-gap: 15px;
	}

	.counter-item {
		flex: 1 1 15%;
		min-width: 130px;
		border-right: 1px solid var(--white_color);
		padding: 10px;
	}

	.details_bttn a.theme-btn-s2 {
		padding: 12px;
		font-size: 11px;
	}
}