ul, li, p, h1, h2, h3, h4, h5, h6 {
  margin: 0 !important;
  padding: 0;
  list-style: none;
}

* {
  box-sizing: border-box;
}
:root {
  --ss-primary: #00335F; 
  --ss-secondary: #EF0F12; 
  --ss-staatliches: "Staatliches", sans-serif;
}

img {
  max-width: 100%;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}
body {
    margin: 0px;
    font-size: 16px;
	font-family: var(--ss-inter);
    color: #000;
}

a {
  text-decoration: none !important;
}


/*Header CSS*/
.topbar-area {
	background-color: var(--ss-primary);
	padding: 1.3rem 0rem;
    height: 4rem;
}
.topbar-area .topbar-left ul {
	display: flex;
	gap: 4rem;
}
.topbar-area .topbar-left ul li p {
	font-size: 1.4rem;
    color: #fff;
    font-weight: 600;
	line-height: 1;
}
.topbar-area .topbar-left ul li p span {
	padding-right: 0.6rem;
}
.topbar-area .topbar-right p {
	font-size: 1.15rem;
	color: #fff;
	text-align: right;
}  
.header-area {
	padding: 2.2rem 0rem;
	height: 8.6rem;
	box-shadow: 0px 4px 4px 0px #00000008;
}
.header-area .header-logo {
	margin-right: 3.7rem;
}
.header-area .navbar-nav li .nav-link {
    padding: 0rem !important;
    color: #000;
    font-size: 1.3rem;
    font-weight: 500;
}
.navbar-expand-sm {
	padding: 0rem;
}
.header-area .navbar-nav {
    gap: 2.7rem;
}
.header-area form {
	position: relative;
	max-width: 44.2rem;
	width: 100%
}
.header-area form input {
    width: 100%;
    position: relative;
    background-color: #F1F1F1;
    border: 1px solid #C0C0C0;
    border-radius: 0.6rem;
    padding: 1rem 3.8rem;
	font-size: 1.1rem;
}
.header-area form button {
    border: none;
    background-color: transparent;
    padding: 0;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translate(0px, -50%);
    margin: 0;
    line-height: 12px;
}

.header-area .header-right {
	display: flex;
	align-content: center;
}
.header-area .cart-area {
	display: flex;
    position: relative;
    text-align: center;
/* 	align-items: center; */
    gap: 2.8rem;
}
.header-area .cart-area li a {
	font-size: 1.1rem;
	color: #000;
}
.cart-area .cart-counter {
	background-color: var(--ss-secondary);
    color: #fff;
    padding: 1rem;
    border-radius: 50%;
    height: 2rem;
    width: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -16px;
    top: -13px;
}
.header-area .dropdown-toggle::after {
	border: none;
	content: "\f107";
	font-family: FontAwesome;
	vertical-align: 0;
}
.cart-area .dropdown-toggle::after {
	display: none;
}
.cart-area .dropdown-menu {
	padding: 0rem;
	margin: 0rem;
}
.cart-area .dropdown-menu .dropdown-item {
	padding: 1rem;
}
.navbar-expand-lg {
	padding: 0rem;
}
.header-logo img {
	max-width: 22.4rem;
}
.header-area .dropdown, .dropleft, .dropright, .dropup {
	position: inherit;
}
.header-area {
	position: relative;
	background-color: #fff;
	display: flex;
	align-items: center;
}
.navbar-expand-lg {
	position: inherit;
}
.header-area .navbar-nav .dropdown-menu {
	width: 100%;
	border: none;
    padding: 3rem 7rem 4.5rem;
    margin: 0;
    background-color: #F8F8F8;
}
.desk-mega-menu .content {
	display: none;
}
.desk-mega-menu .mega-menu-content {
	display: flex;
	max-width: 1330px;
    margin: 0 auto;
	padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.mega-menu-content .sidebar ul {
	display: flex;
	flex-direction: column;
}
.mega-menu-content .sidebar-area {
	 width: 100%;
	 max-width: 40rem;
}
.mega-menu-content .sidebar{
    border-right: 1px solid #D6D6D6;
    padding-right: 4.3rem;
}
.mega-menu-content .sidebar ul li a {
	font-size: 1.5rem;
	font-weight: 600;
	color: #003565;
	display: block;
    padding: 1.7rem 1.4rem;
}
.mega-menu-content .sidebar ul li a.active {
	background-color: #E6E6E6;
	border-radius: 0.6rem;
	color: var(--ss-secondary);
	position:relative;
}
.mega-menu-content .sidebar ul li a.active:before {
    content: "";
    position: absolute;
    right: 1.7rem;
    background-image: url(https://staging.tecknowledgey.com/wp-content/uploads/2025/09/right-arrow.png);
    color: #737373;
    top: 50%;
    transform: translate(0%, -50%);
    width: 1.2rem;
    height: 1.6rem;
    background-repeat: no-repeat;
}
.desk-mega-menu .cat-title {
	color:#000;
	font-size: 2.8rem;
	text-transform: uppercase;
	margin-bottom: 2rem !important;
	font-family: var(--ss-staatliches);
}
.content .products {
	display: flex;
    gap: 2rem;
    flex-direction: column;
    width: 27.5rem;
    max-width: 100%;
    border-right: 1px solid #ddd;
    margin-top: 5.4rem;
    padding: 0rem 2rem 0rem 2.3rem;
}
.content .products .product a {
	font-size: 1.4rem;
	font-weight: 500;
	color: #474747;
}
.manufacturer-area {
    padding-left: 3rem;
	width: 100%;
	max-width: 61.5rem;
}
.desk-mega-menu .manufacturers {
	display: flex;
	flex-wrap: wrap;
    gap: 1.3rem;
}
.manufacturer img {
    max-width: 18.6rem;
    height: 6.6rem;
}
/*Header CSS End*/

/*Banner Area*/
.banner-area .banner-slide {
	background-size: cover;
	background-position: bottom;
	padding: 14rem 0rem 13.5rem;
	background-repeat: no-repeat;
}
.banner-area .banner-slide .slider-box h4 {
	font-size: 1.4rem;
    color: #fff;
    font-weight: 600;
    background-color: var(--ss-secondary);
    padding: 1.2rem 2.2rem;
    border-radius: 5rem;
    max-width: 41.4rem;
    height: 4rem;
	margin-top: 2.3rem !important;
}
.banner-area .banner-slide .slider-box h2 {
	font-size: 4rem;
	font-weight: 400;
    color: #fff;
/*     line-height: 8.5rem; */
    text-transform: uppercase;
    font-family: var(--ss-staatliches);
    margin: 7.5rem 0rem 0rem !important;
}
.banner-area .banner-slide .slider-box p {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.6rem;
	color: #fff;
	margin-top: 4.7rem !important;
	max-width: 49rem;
}
.banner-area .banner-slide .slider-box .common-btn {
	font-size: 1.5rem;
    color: #fff;
    border: none;
	text-transform: uppercase;
    background-color: var(--ss-secondary);
    font-weight: 600;
    border-radius: 0.6rem;
    width: 16.9rem;
    height: 5.6rem;
}
.banner-area .banner-slide .slider-box .common-btn:hover {
	background-color: var(--ss-primary);
	border: 1px solid #fff;
}
.banner-area .swiper-pagination-bullet {
	opacity: 1 !important;
}
.banner-area .swiper-pagination-bullet {
	background: #4D789F;
}
.banner-area .swiper-pagination {
	bottom: 3.7rem;
}
.banner-area .swiper-pagination-bullet-active {
	background: #fff !important;
}

.banner-area .down-arrow {
	left: 50%;
    bottom: 3rem;
    transform: translate(-50%);
}
/*Banner CSS*/

/* Image Slider*/
/* .vc_images_carousel .vc_inner {
	margin: 0rem !important;
} */
.gallery-image img {
    max-height: 75px;
    text-align: center;
    width: 100%;
}
#logo-slider {
	outline: none;
}

/* Featured Area*/
.product-box .product-image {
    padding: 1.3rem 6.2rem;
    border: 1px solid #E2E2E2;
    border-radius: 1rem;
    margin-bottom: 1.7rem;
	min-height: 20.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-box .product-content h4 {
	color: #005BAB;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1.1rem !important;
}
.product-box .product-content h3 {
	font-size: 1.6rem;
    font-weight: 600;
/*     line-height: 2.4rem; */
	color: #000;
}
	.product-box .product-price {
		font-family: Inter;
		font-weight: 700;
		font-size: 17px;
		line-height: 24px;
		color: #EF0F12;
	}
	.product-box .product-price span {
		font-family: Inter;
		font-weight: 700;
		font-size: 17px;
		line-height: 24px;
		color: #EF0F12;
	}
.product-box .learn-more a {
    font-family: var(--ss-inter);
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-decoration: underline !important;
    color: #EF0F12;
    text-underline-offset: 5px;
}
.product-box .product-content ul {
	margin-top: 2rem !important;
}
.product-box {
    width: 100%;
    max-width: 29.4rem;
}
.product-area {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.8rem;
	row-gap: 4.2rem;
	max-width: 93.9rem;
    margin-left: auto;
}
.featured-area .title-area ul li h3 {
	color: var(--ss-secondary);
	font-size: 3.5rem;
	font-weight: 400;
	text-transform: uppercase;
	font-family: var(--ss-staatliches);
}
.featured-area .title-area ul li h3 span {
	color: var(--ss-primary);
}
.featured-area {
	max-width: 93.9rem;
    margin-left: auto;
}
.featured-area .title-area ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4.2rem;
	border-bottom: 1px solid #E5E5E5;
    padding-bottom: 1.4rem;
}
.featured-box {
	padding-top: 3.4rem;
	margin-bottom: 5.7rem;
}
.featured-box .swiper-wrapper {
	padding-bottom: 2rem;
}
.featured-box .swiper-pagination-bullet-active {
    background: var(--ss-secondary) !important;
}
.featured-box .swiper-pagination-bullet {
    background: #D0D0D0;
    opacity: 1;
}
.featured-box .swiper-pagination-bullet {
	transform: scale(1);
}
.featured-box .swiper-pagination {
	left: 0rem !important;
	bottom: 0rem;
	text-align: left;
}
.featured-box .title-area ul {
	border: none !important;
    margin-bottom: 0rem !important;
}
.featured-area ul li a {
	color: #005BAB;
	font-size: 1.4rem;
	font-weight: 600;
}
.product-category {
	width: 32rem;
}
.components-area {
    background-color: #E6F3FF;
    padding: 2.5rem 2.4rem 2rem;
    border-radius: 1rem;
    width: 32rem;
	margin-right: auto !important;
    margin-left: auto !important;
}
.components-area .component-heading h3 {
	font-size: 3.2rem;
	font-weight: 400;
    font-family: var(--ss-staatliches);
    line-height: 3.8rem;
	margin-bottom: 1.9rem !important;
}
.components-area .component-img1 {
	text-align: right !important;
}
.components-area .component-img1 img {
	margin-bottom: 2rem;
}
.components-area .wpb_content_element {
	margin-bottom: 0rem !important;
}
.components-area .vc_column_container>.vc_column-inner {
	padding: 0rem;
}
.components-area .component-para p {
	font-size: 1.4rem;
    line-height: 1.8rem;
    color: #545454;
	max-width: 14rem;
	margin-bottom: 4.7rem !important;
}
.components-area  .component-btn a {
    background-color: var(--ss-secondary) !important;
    color: #fff !important;
    width: 169px;
	text-transform: uppercase;
    height: 56px;
	font-size: 1.5rem;
	line-height: 2;
    border-radius: 0.6rem;
	font-weight: 500;
}
.components-area  .component-btn a:hover {
    background-color: var(--ss-primary) !important; 
}
.components-area  .component-btn {
	margin-bottom: 0rem !important;
}
/* Industries Area*/
.industries-area {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 8rem 0rem 7.2rem !important;
	margin-top: 5.7rem;
}
.industries-area .title-area.container h3 span {
    color: #fff;
}
.industries-area .title-area.container p {
    color: #fff;
	font-size: 1.7rem;
	line-height: 2.7rem;
	max-width: 57.2rem;
	margin: 2.2rem 0rem 5.2rem !important;
}
.industries-area .industries-box {
	text-align: center;
    max-width: 23.6rem;
}
.industries-area .industries-box h3  {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2.4rem;
}
.industries-area .industries-box .industries-image img {
	width: 100%;
	margin-bottom: 1.8rem;
	border: 3px solid #fff;
    border-radius: 1.5rem;
}
.industries-area .industries-box .industries-content {
	padding: 0rem 2rem;
}
.industries-area {
	background-image: url(https://staging.tecknowledgey.com/wp-content/uploads/2025/09/industries-bg-1.png);
}
.industries-area .title-area.container h3 {
    color: var(--ss-secondary);
    font-size: 3.5rem;
	font-weight: 400;
    text-transform: uppercase;
    font-family: var(--ss-staatliches);
}
/* Category Area*/
.category-area {
    padding-bottom: 5.3rem;
	padding-top: 4.9rem !important;
}
.category-area .title-area h3 {
	color:#000;
    font-size: 3.5rem;
	font-weight: 400;
    text-transform: uppercase;
    font-family: var(--ss-staatliches);
	margin-top: 1.4rem !important;
}
.category-area .title-area h3 span {
	color: var(--ss-secondary);
}
.category-area .category-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2.7rem;
	justify-content: center;
}
.category-box ul li {
    width: 100%;
    background-color: #F6F6F7;
    max-width: 19.4rem;
    border-radius: 1rem;
    padding: 1.8rem 1.2rem;
    text-align: center;
}
.category-area .category-box ul li h3 {
	font-size: 1.3rem;
	font-weight: 600;
	margin-top: 1.2rem !important;
	text-align: center;
	color: #000;
}
.category-area .category-box ul li img {
    width: 9rem;
    height: 9.45rem;
}
.category-area .category-box ul li:hover img {
  transform:scale(1.1);
  transition: all .2s ease-in-out;
}
/*Category CSS*/

/*Innovation CSS*/
.innovation-area {
	background-image: url(https://staging.tecknowledgey.com/wp-content/uploads/2025/09/Group-2217-1.png);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 6.1rem !important;
	padding-bottom: 5.6rem !important;
}
.innovation-area h3 {
	color: #fff;
    text-transform: uppercase;
    font-size: 7.2rem;
	font-weight: 400;
    font-family: var(--ss-staatliches);
}
.innovation-heading {
    margin-bottom: 1rem !important;
}
.innovation-para {
	margin-bottom: 2.7rem !important;
}
.innovation-area p {
	color: #fff;
    line-height: 2.7rem;
    font-size: 1.7rem;
	max-width: 65.2rem;
}
.innovation-area .shop-btn a {
    background-color: var(--ss-secondary) !important;
    color: #fff !important;
    width: 169px;
	text-transform: uppercase;
	border: none !important;
    height: 56px;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2;
    border-radius: 0.6rem;
}
.innovation-area .shop-btn a:hover {
	background-color: var(--ss-primary) !important;
}

/* Contact-page css*/
.contact-area .title-area h3 {
    font-size: 3.5rem;
    text-transform: uppercase;
    font-family:var(--ss-staatliches);
	font-weight: 400;
	border-bottom: 1px solid #E5E5E5;
    padding-bottom: 1.4rem;
	max-width: 94.7rem;
    margin-left: auto !important;
}
.contact-details .contact-heading {
    margin-bottom: 0.9rem !important;
}
.contact-details .contact-heading h4 {
	font-size: 2.8rem;
	line-height: 3rem;
	font-weight: 400;
    text-transform: uppercase;
    font-family:var(--ss-staatliches);
}
.contact-details .vc_col-sm-3 .vc_column-inner {
    padding-right: 0rem !important;
}
.contact-details .vc_col-sm-9 .vc_column-inner {
    padding-left: 2rem !important;
}
.contact-details .contact-para p {
	font-size: 1.6rem;
	line-height: 2.5rem;
}
.contact-details .contact-icon {
	width: 6.3rem;
}
.contact-details .phone-row {
	max-width: 29.9rem;
    margin-left: auto;
}
.contact-form-area .wpcf7 {
	max-width: 100%;
}
.contact-form-area .wpcf7 input, textarea {
    padding: 1.2rem 1.5rem;
    width: 100%;
	font-size: 1.5rem;
    border: 1px solid #C0C0C0;
    background-color: #FAFAFA !important;
    border-radius: .6rem;
	height:auto;
}
.wpcf7 input[type=checkbox]:checked{

	accent-color: #000000;
}
.contact-form-area .wpcf7 textarea {
	height: 10.8rem;
	font-size:1.5rem;
	border-radius:.6rem;
	padding: 2rem 1.5rem;
}
.contact-form-area .wpcf7 label {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
	color: #474747;
}
.contact-form-area .row {
	row-gap: 3.6rem;
}
.contact-form-area {
    background-color: #FDFDFD;
    padding: 3.4rem;
    border: 1px solid #C0C0C0;
    border-radius: 1rem;
}
.contact-form-area h3 {
	color: #005BAB;
    font-family: 'Staatliches';
    font-size: 2.8rem;
	font-weight: 400;
    margin-bottom: 3.9rem !important;
}
.contact-form {
	border-top: 1px solid #E5E5E5;
    padding-top: 2.9rem;
	max-width: 94.6rem;
    margin-left: auto;

}
.contact-form-area .form-group {
	margin-bottom: 0rem;
}
.contact-para {
    margin-bottom: 2.1rem !important;
}
.contact-form-area ul li p {
	display: flex;
    gap: 1rem;
	align-items: center;
}
.contact-form-area ul li p input {
    width: 2rem;
    height: 2rem;
    vertical-align: sub;	
}
 .checkbox-grid .wpcf7-checkbox{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.7rem 10rem;
  margin-top: 1.4rem;
}
.wpcf7 .checkbox-grid .wpcf7-list-item {
	margin:0rem;
}

.wpcf7 .checkbox-grid input {
	width: 1.5rem;
    height: 1.5rem;
}
.wpcf7 .checkbox-grid label {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0rem;
}
.wpcf7 .checkbox-grid label span {
  margin-left: 1rem;
  font-size: 1.5rem;
  color: #474747;
  font-weight: 400;
}
/* Base checkbox style */
.checkbox-grid .wpcf7 input[type="checkbox"] {
  appearance: none;
  border: 2px solid #000;
  font-size: 1.2rem;
  border-radius: 4px;
  padding: 0.6rem;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  background: #fff;
}
.checkbox-grid .wpcf7 input[type="checkbox"]:checked {
  background: #000;
  border-color: #000;
}
.checkbox-grid .wpcf7 input[type="checkbox"]:checked::after {
  content: "✔";
  color: #fff; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.checkbox-grid1 {
	gap: 2.4rem;
}
.contact-form-area .other-box p {
	display: flex;
    align-items: center;
    gap: 0.8rem;
}
.contact-form-area .other-box p input {
	max-width: 17.9rem;
}
.contact-form-area .other-box .submit-btn {
    background-color: var(--ss-secondary);
    width: 100%;
	max-width: 30.7rem;
    border: none;
    height: 4.9rem;
    border-radius: 0.6rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.5rem;
	margin-top: 3.6rem;
}
.contact-form-area .other-box .submit-btn:hover {
	background-color: var(--ss-primary);
}
.product_info-wrap {
    width: 100%;
    margin-bottom: 2.6rem;
}
.custom-container {
	padding: 0rem 1.5rem !important;
}
.contact-us-form {
	margin-bottom: 0rem !important;
}

/*Footer CSS*/
.footer-area {
	padding: 8.1rem 0rem 3.5rem;
	background-color: var(--ss-primary);
}
.footer-area .footer-left ul {
    align-items: center;
    gap: 2.1rem;
}
.footer-area .footer-left .footer-logo {
	max-width: 30.9rem;
}
.footer-area .footer-left p {
	font-size: 1.7rem;
    line-height: 2.7rem;
	max-width: 50.3rem;
	color: #ffff;
    margin: 3.2rem 0rem 2.3rem !important;
}
.footer-area .footer-right .footer-title {
    font-size: 2.8rem;
	font-weight: 400;
    text-transform: uppercase;
    color: #fff;
	margin-bottom: 3.4rem !important;
    font-family: var(--ss-staatliches);
}
.footer-area .footer-right .footer-nav ul {
    display: flex;
    flex-direction: column;
	gap: 2.3rem;
}
.footer-area .footer-right .footer-nav ul li a {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2.2rem;
}
.footer-area .footer-right .footer-nav ul li a:hover {
	color: var(--ss-secondary);
}
.footer-area .footer-right .footer-nav ul li p {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2.2rem;
}
.footer-area .footer-right .footer-nav {
	justify-content: end;
	gap: 23.1rem;
}
.footer-area .footer-right .footer-contact ul {
	gap: 3.2rem;
}
.footer-area .footer-right .footer-contact {
	max-width: 21rem;
}
.footer-area .footer-right .footer-contact .verified-pic {
	margin-top: 1rem;
	width: 100%;
	max-width: 21rem;
}
.footer-area .copyright-area {
    border-top: 1px solid #005BAB;
    padding-top: 3.6rem;
	margin-top: 4.7rem;
}
.footer-area .copyright-area ul {
	gap: 1rem;
	justify-content: end;
}
.footer-area .copyright-area p {
	color: #fff;
	font-size: 1.5rem;
	font-weight:500;
}
.footer-area .copyright-area ul li a {
	color: #fff;
	font-size: 1.5rem;
	font-weight:500;
}
/*Aditional CSS*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: #000 !important; /* Text color */
  transition: background-color 5000s ease-in-out 0s; /* Prevent color flash */
} 
.contact-form-area .wpcf7 input, textarea {
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: #000 !important; /* Text color */
  transition: background-color 5000s ease-in-out 0s; /* Prevent color flash */
}

.modalform{
  background-color: #fff;
  border-radius: 10px;
	padding: 2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.myform {
	width: 80%;
}
.actionbtns{
  width: 80%;
  background-color: #00335f;
  margin: 1em;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-radius: 50px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 12px;
}
.movebtn{
  position: absolute;
  height: 90%;
  margin: 2px;
  border-radius: 50px;
  background-color: #fff !important;
  color: #000 !important;
  transform: translateX(0%);
  transition: all 0.2s ease-in-out;
  line-height: 21px !important;
  width: 50%;
  border: none;
  font-weight: 600;
}
.actionbtn {
  border: none;
  background: transparent;
  padding: 10px;
  width: 50%;
  outline: none;
  border-radius: 50px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  z-index: 2;
  cursor: pointer;
}
.rightbtn{
  transform: translateX(97%);
  transition: all 0.2s ease-in-out;
}
.inputGroup{
  background-color: rgb(245,245,245);
  margin:10px 0px;
  border-radius: 50px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 2px; 
}
.inputGroup input{
  background-color: transparent;
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 50px;
  font-size: 13px;
  font-family: inherit;
}
.inputGroup input:focus{
  outline: none;
}
.submitbtn{
  padding: 10px;
  border: none;
  outline: none;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 10px; 
  cursor: pointer;
  width: 150px;
  margin: 20px 0px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}
.submitbtn:hover {
  background-color: #ef0f12;
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.custom-form{
  display: none;
}
.loginform{
  display: block;
}
#custom-login-form {
    padding: 0;
    border: none;
    margin: 0;
}
.signupuform{
  display: block;
}
#loginModal .close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    font-size: 2rem;
    box-shadow: 0px 4px 4px 0px #00000008;
    background-color: #fff;
    padding: 0.5rem;
    border: 1px solid;
    border-radius: 5rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 17px;
    opacity: 1;
}
/*Aditional CSS*/

@media (min-width: 1700px) {

}

@media (max-width: 1600px) {
}
@media (min-width: 1400px) {

}
@media (min-width: 1399px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1330px;
    }
}
@media (min-width: 992px) {
    .header-area.shrink {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9;
/* 		transition-delay: 0.05s;
		transition: 0.7s;
		animation: smoothScroll 1s forwards; */
	}
	.new-banner {
		padding-top: 8.6rem;
	}
	.new-breadcrumbs {
		margin-top: 8.6rem;
	}
	@keyframes smoothScroll {
		0% {
			transform: translateY(-40px);
		}

		100% {
			transform: translateY(0px);
		}
	}
	.cart-area .dropdown-menu {
		top: 100%;
		transform: translate(0px, 14%);
	}
}
@media (min-width: 1199px) {
    .cart-area .dropdown-menu {
		transform: translate(0px, 17%);
	}
}

@media screen and (max-width: 1399px) {
	.header-area form {
		max-width: 30rem;
	}
	.desk-mega-menu .mega-menu-content {
        gap: inherit;
        justify-content: space-between;
    }
	.content .products {
        width: 40rem;
    }
	.mega-menu-content .sidebar {
		max-width: 40rem;
		padding-right: 1rem;
	}
	.header-area .manufacturers img {
		max-width: 14rem;
	}
	.manufacturer img {
		height: inherit;
	}
	.product-category {
		width: 100%;
	}
	.product-box {
		width: 100%;
		max-width: 25.4rem;
	}
	.components-area {
		width: 100%;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.components-area .component-heading h3 {
		font-size: 2.5rem;
		line-height: 2.8rem;
	}
	.components-area .component-btn a {
		width: 100%;
		text-transform: uppercase;
		height: 45px;
		line-height: 3;
		padding: 0rem 1rem;
	}
	.product-area {
		grid-template-columns: repeat(3, 1fr);
	}
	.product-box .product-image {
        min-height: 17.2rem;
    }
	.featured-area .title-area ul li h3 {
		font-size: 3rem;
	}
	.industries-area .title-area.container h3 {
		font-size: 3rem;
	}
	.category-area .title-area.container h3 {
		font-size: 3rem;
	}
	.innovation-area h3 {
		font-size: 4.2rem;
	}
	.industries-area {
		padding: 4rem 0rem 4rem;
		margin-top: 5rem;
	}
	.checkbox-grid .wpcf7-checkbox{
		gap: 1.7rem 3rem;
	}
	.product_info-wrap {
		width: 100%;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.contact-details .contact-icon {
		width: 5.3rem; 
	}
	.contact-details .contact-para p br {
		display: none;
	}
	.components-area .component-para p {
		margin-bottom: 1.7rem !important;
	}
}
@media (max-width: 1199px) {
	.topbar-mb {
	  overflow: hidden;
	  white-space: nowrap;
      padding: 1.3rem 0rem;
	  background: var(--ss-primary);
	}
	.scroll-wrapper {
	  display: inline-block;
	  padding-left: 100%;
	  animation: scroll-left 15s linear infinite;
	}

	.topbar-mb ul {
	  display: inline-flex;
	  gap: 2.5rem;
	}
	.topbar-mb li p {
	  font-weight: 600;
	  font-size: 1.15rem;
	  display: flex;
	  line-height: 1;
	  align-items: center;
	  gap: 0.5rem;
	  color: #fff;
	}
	#back-icon {
		margin-right: 1.1rem;
	}
	.main-header .scroll-wrapper ul li p span {
		width: 1.4rem;
		height: 1.4rem;
		vertical-align: middle;
	}
	.topbar-mb img {
	  width: 1.4rem;
	  height: 1.4rem;
	}

	@keyframes scroll-left {
	  0% {
		transform: translateX(0%);
	  }
	  100% {
		transform: translateX(-100%);
	  }
	}
	.header-area .header-logo {
		margin-right: 1.7rem;
	}
	.header-logo img {
		max-width: 17rem;
	}
	.header-area .manufacturers img {
        max-width: 10rem;
    }
	.header-area form {
        max-width: 22rem;
    }
	.header-area .navbar-nav {
		gap: 1.5rem;
	}
	.components-area .component-img1 img {
		max-width: 7rem;
	}
	.components-area .component-img2 img {
		max-width: 10rem;
	}
	.components-area .component-img2 {
		text-align: right !important;
	}
	.footer-area .footer-right .footer-nav {
		gap: 10rem;
	}
	.banner-area .banner-slide {
		padding: 10rem 0rem 12rem;
	}
	.banner-area .banner-slide .slider-box h2 {
		font-size: 5.2rem;
		line-height: 6.5rem;
		margin: 2.6rem 0rem 3.6rem !important;
	}
	.banner-area .banner-slide .slider-box .common-btn {
		width: 15rem;
		height: 5rem;
	}
	.product-box {
        max-width: 15.4rem;
    }
	.product-box .product-image {
        min-height: 12rem;
    }
	.product-box .product-image {
		padding: 1.3rem 3.2rem;
	}
	.product-box ul {
		align-items: center;
	}
	.product-box .product-price {
		font-size: 1.4rem;
	}
	.product-box .learn-more a {
		font-size: 1.2rem;
	}
	.innovation-area p {
		max-width: 50rem;
	}
	.contact-details .contact-icon {
		width: 4.3rem;
	}
	.contact-details .contact-para p {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.contact-details .vc_col-sm-2 {
		max-width: 9%;
	}
	.contact-details .phone-row {
		max-width: 100%;
		margin-left: inherit;
	}
	.checkbox-grid .wpcf7-checkbox{
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem 2rem;
	}
	.contact-form-area {
		padding: 3.4rem 2rem;
	}
	.contact-details .phone-row .vc_column-inner {
		padding: 0rem !important;
	}
	.contact-details .vc_col-sm-9 .vc_column-inner {
		padding-left: 1rem !important;
	}
}
@media screen and (max-width: 1024px) {
	.checkbox-grid1 {
		flex-direction: column;
	}
}

@media screen and (max-width: 991px) {
	.topbar-area .topbar-left ul li p {
		font-size: 1.2rem;
	}
	.topbar-area .topbar-right p {
		font-size: 1.1rem;
	}
	.mobile-navicon {
		border: none;
		background-color: transparent;
		margin-top: 0.3rem;
	}
	.header-logo img {
        max-width: 20rem;
    }
	.header-area {
		padding: 1.8rem 0rem;
	}
	.header-area .cart-area {
		gap: 2.5rem;
	}
	.cart-area .dropdown-menu {
		top: 100%;
		transform: translate(0px, 16%);
	}
	.offcanvas-logo {
		display: flex;
		align-items: center;
		padding-top:2rem;
		justify-content: space-between;
	}
	.header-area form {
        max-width: 100%;
    }
	.offcanvas-area .offcanvas-menu {
		margin-top: 4.5rem;
	}
	.offcanvas-area .offcanvas-menu .title {
		font-size: 2.5rem;
		font-family: var(--ss-staatliches);
		margin-bottom: 1rem !important;
	}
	.offcanvas-area .offcanvas-menu .offcanvas-nav ul li a {
		color: var(--ss-primary);
		font-size: 1.5rem;
		font-weight: 600;
		padding: 1.4rem 0rem;
		display: block;
	}
	.offcanvas-area .offcanvas-menu .offcanvas-nav ul li a.active {
		background-color: #E6E6E6;
		border-radius: 0.6rem;
		padding-left: 1.4rem;
		color: var(--ss-secondary);
		position: relative;
	}
	.offcanvas-area .offcanvas-menu .offcanvas-nav ul li a.active:before {
		font-family: FontAwesome;
        content: "\f105";
        position: absolute;
        right: 2rem;
        color: #737373;
        font-size: 1.8rem;
	}
	.offcanvas-submenu ul {
		display: flex;
		flex-direction: column;
		gap: 2rem;
		margin-top: 2.3rem !important;
	}
	.offcanvas-submenu ul li a {
		color: #474747;
		font-size: 1.4rem;
		font-weight: 500;
	}
	.offcanvas-manufacturer {
		margin: 4.6rem 0rem 2.5rem;
	}
	#mobile-navicon {
		width: 2.6rem;
	}
	.offcanvas-area {
	  position: fixed;
	  left: 0;
	  top: 11rem;
	  height:100vh;
      max-height: calc(100% - 11rem);
      padding: 1rem 1.8rem;
	  width: 100%;
	  background: #fff;
	  overflow-y: auto;
	  transform: translateX(100%); 
	  visibility: hidden;
	  opacity: 0;
	  transition:
		transform 0.4s ease,
		opacity 0.3s ease,
		visibility 0s linear 0.4s;
	}
	.offcanvas-nav .has-children {
		position: relative;
	}
	.offcanvas-nav .has-children:before {
		content: "\f105";
		position: absolute;
		right: 1.3rem;
		font-family: 'Font Awesome 5 Free';
	}
	.offcanvas-area.active {
	  transform: translateX(0);
	  visibility: visible;
	  opacity: 1;
	  transition:
		transform 0.4s ease,
		opacity 0.3s ease;
	}
	.offcanvas-area .offcanvas-content {
	  padding: 2rem 1.8rem;
	}
	#offcanvas-page-1 {
	  z-index: 9999;
	  height: 100vh;
	}
	.offcanvas-page-2 {
	  z-index: 10000;
	  background: #fff; 
	}
	#back-icon {
	  display: inline-block;
	  margin-bottom: 1rem;
	  cursor: pointer;
	}

	#mb-navicon img,
	#cross-icon img {
	  width: 2.8rem;
	  cursor: pointer;
	}
	.main-header {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 9;
	}
	.banner-area {
		margin-top: 12rem;
	}
	.banner-area .banner-slide {
		padding: 8rem 0rem 10rem;
	}
	.banner-area .banner-slide .slider-box ul li img {
		max-width: 12rem;
	}
	.banner-area .banner-slide .slider-box p {
		margin-top: 4.7rem !important;
	}
	.banner-area .banner-slide .slider-box h4 {
		padding: 1.2rem 1.7rem;
		margin-top: 2.6rem !important;
		text-align: center;
	}
	.product-area {
        grid-template-columns: repeat(2, 1fr);
    }
	.product-box {
        max-width: 17.4rem;
    }
	.industries-area .title-area.container p {
		margin: 1.8rem 0rem 0rem !important;
	}
	.industries-list.container ul {
		display: flex;
		flex-direction: column;
		gap: 3.3rem;
	}
	.industries-list.container ul li p {
		color: #fff;
		font-size: 1.7rem;
		font-weight: 600;
		line-height: 2.4rem;
	}
	.industries-list.container ul li p span {
		margin-right: 1rem;
	}
	.industries-area {
        padding: 4rem 0rem 2.6rem !important;
    }
	.contact-details .vc_col-sm-2 {
		max-width: 15%;
	}
	.footer-area .footer-left ul {
		gap: 1.7rem;
	}
 	.footer-area .footer-right .footer-nav {
        gap: 3rem;
    }
	.footer-area .copyright-area p {
		line-height:2.2rem;
	}
	.featured-box {
		margin-bottom: 0.2rem !important;
	}
}


@media screen and (min-width: 576px) { 
	.banner-area .slider-box {
		max-width: 540px;
	}
}
@media screen and (min-width: 768px) { 
	.banner-area .slider-box {
		max-width: 720px;
	}
	.product-area-mb {
		display: none;
	}
}
@media screen and (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		justify-content: space-between;
	}
	.desk-mega-menu .mega-menu-content {
		max-width: 960px;
	}
	.banner-area .slider-box {
		max-width: 960px;
	}
	.header-area .navbar-nav .dropdown-menu {
		padding: 3rem 3rem 4.5rem;
	}
}
@media screen and (min-width: 1200px) {
	.desk-mega-menu .mega-menu-content {
		max-width: 1140px;
	}
	.banner-area .slider-box {
		max-width: 1140px;
	}
}
@media screen and (min-width: 1399px) {
	.desk-mega-menu .mega-menu-content {
		max-width: 1330px;
	}
	.banner-area .slider-box {
		max-width: 1330px;
	}
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .product-box .product-image {
		min-height: 13.2rem;
	}
}

@media screen and (max-width: 767px) {
    .header-logo img {
        max-width: 22.4rem;
    }
	.banner-area {
		margin-top: 10.4rem;
	}
	.banner-area .banner-slide {
        padding: 9.5rem 0rem 12.3rem;
    }

	.banner-area .banner-slide .slider-box h2 {
        font-size: 4rem;
        line-height: normal;
        margin: 2.4rem 0rem 2.4rem !important;
    }
	.banner-area .banner-slide .slider-box img {
		max-width: 18rem;
	}
	.banner-area .banner-slide .slider-box .common-btn {
        width: 16.9rem;
        height: 5.6rem;
    }
	.banner-area .swiper-pagination {
		text-align: center;
		bottom: 2.8rem;
		width: inherit !important;
		padding-left: 0rem;
	}
	.banner-area .banner-slide .slider-box h4 {
		border-radius: 5rem;
	}
	.banner-area .banner-slide .slider-box p {
		margin-top: 1.7rem !important;
        margin-bottom: 2rem !important;
	}
	.banner-area .banner-slide .slider-box ul li img {
        max-width: 15rem;
    }
	.featured-box .swiper-wrapper {
		padding-bottom: 4.8rem;
	}
	.featured-box .swiper-pagination {
		text-align: center;
	}
	.components-area {
		display: none;
	}
	.product-area {
        display: none;
    }
	.product-box {
        max-width: 29.7rem;
    }
	.product-box .product-image {
        min-height: 20.2rem;
		max-height: 20.2rem;
		text-align: center;
    }
	.product-box .product-image img {
		max-width: 17.6rem;
		max-height: 17.6rem;
	}
	.featured-area .title-area ul {
		margin-bottom: 2.6rem !important;
		border-bottom: none;
		padding-bottom: 0rem;
		align-items: center;
	}
	.featured-category .featured-area {
		margin-bottom: 2.6rem !important;
	}
	.featured-area .title-area ul li h3 {
        font-size: 3rem;
    }
	.industries-area {
        margin-top: 1.3rem;
    }
	.product-area-mb .product-swiper {
		padding-bottom: 4.9rem;
	}
	.product-area-mb .swiper-pagination {
		bottom: -4.9rem;
	}
	.product-area-mb .swiper-pagination-bullet {
		background: #D0D0D0;
		opacity: 1;
	}
	.product-area-mb .swiper-pagination-bullet-active {
		background: var(--ss-secondary) !important;
	}
	.category-area .category-box ul {
		gap: 1.6rem;
		row-gap: 1.8rem;
	}
	.category-area {
		padding-bottom: 0.6rem;
		padding-top: 2.4rem !important;
	}
	.category-area .category-box ul {
		justify-content: center;
	}
	.category-box ul li {
		max-width: 48%;
	}
	.wpb_raw_code.wpb_raw_html.wpb_content_element.cat-title-area {
		margin-bottom: 2rem;
	}
	.category-box ul li {
		width: 100%;
		text-align: center;
		padding: 2rem 1.2rem;
	}
	.category-area .category-box ul li img {
		width: 9rem;
		height: 9rem;
	}
	.cat-title-area .title-area {
		padding: 0rem;
	}
	.innovation-area h3 {
        font-size: 3rem;
    }
	.innovation-area {
		padding-top: 3.8rem !important;
    	padding-bottom: 32.5rem !important;
	}
	.innovation-para {
		margin-bottom: 2.1rem !important;
	}
	.contact-details .phone-row {
		margin-left: inherit;
	}
	.contact-details .contact-icon {
		width: 6.3rem;
		margin-bottom: 0rem;
	}
	.contact-form-area {
        padding: 2.4rem 1.2rem;
    }
	.contact-form-area h3 {
		font-size: 2.5rem;
		margin-bottom: 3.3rem !important;
	}
	.contact-form-area label {
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.contact-form-area .row {
		row-gap: 3rem;
	}
	.contact-form-area textarea {
		height: 5rem;
		line-height: 2.5rem;
	}
	.checkbox-grid .wpcf7-checkbox{
        grid-template-columns: repeat(1, 1fr);
        gap: 1.7rem 2rem;
    }
	.contact-form-area label {
		margin-bottom: 1.3rem;
	}
	.checkbox-grid label {
		margin-bottom: 0rem;
	}
	.checkbox-grid .wpcf7-checkbox{
		margin-top: 1.6rem;
	}
	.industries-area {
		background-image: url(https://staging.tecknowledgey.com/wp-content/uploads/2025/09/industries-mb.png);
	}
	.innovation-area {
		background-image: url(https://staging.tecknowledgey.com/wp-content/uploads/2025/09/innovation-mb.png);
	}
	.contact-details .vc_col-sm-2 {
		max-width: inherit;
	}
	.contact-details .vc_col-xs-10 {
		padding-left: 0.5rem;
	}
	.contact-para {
		margin-bottom: 3.5rem !important;
	}
	.contact-details .contact-para p {
		font-weight: 500;
	}
	.checkbox-grid input[type="checkbox"] {
		height: inherit;
	}
	.footer-area {
		padding: 4.6rem 0rem 3.2rem;
	}
	.footer-area .footer-left p {
		margin: 3.4rem 0rem 2.7rem !important;
		font-size: 1.5rem;
		max-width: 40.4rem;
	}
	.footer-area .footer-right .footer-title {
		line-height: 2.8rem;
	}
	.footer-area .footer-left .footer-logo img {
		max-width: 26.7rem;
	}
	.footer-area .footer-left ul {
		margin-bottom: 4.7rem !important;
	}
	.footer-area .footer-right .footer-nav {
        justify-content: space-between;
		gap: inherit;
    }
	.footer-area .copyright-area {
		padding-top: 3.2rem;
		margin-top: 3.8rem;
	}
	.footer-area .copyright-area {
		text-align: center;
	}
	.footer-area .copyright-area ul {
		justify-content: center;
	}
	.footer-area .copyright-area p {
		padding-top: 2.9rem;
		font-size: 1.4rem;
	}
	.footer-area .footer-right .footer-nav ul li a {
		line-height: inherit;
	}
	.footer-area .footer-left ul li img {
		max-width: 27.6rem;
	}
	.footer-area .footer-left ul li .itar-logo {
		max-width: 6.8rem;
	}
	.footer-area .copyright-area ul li a {
		font-size: 1.4rem;
	}
	.footer-area .footer-right .footer-nav ul {
		gap: 2rem;
	}
}

@media (max-width: 575px) {
	.industries-list.container {
		padding: 0rem;
	}
	.industries-area .title-area {
		padding: 0rem;
	}
	.modalform {
		width: 85%;
    margin: 0 auto;
		padding: 2rem 0rem;
	}
	.custom-form a {
		font-size: 1.1rem;
	}
	#loginModal .close {
		right: 2rem;
        top: -1rem;
	}
}

@media (max-width: 480px) {
	 .topbar-mb {
        padding: 0.6rem 0rem;
    }
	.offcanvas-area {
		top: 10.4rem;
	}
	.header-area {
        padding: 1.2em 0rem;
        height: inherit;
    }
	.banner-area .banner-slide {
		padding: 4.5rem 0rem 20.3rem;
	}
	.banner-area .banner-slide .slider-box p {
        margin-top: 2rem !important;
		margin-bottom: 3rem !important;
		line-height: 2.8rem;
		max-width: 40.4rem;
    }
	.banner-area .banner-slide .slider-box h2 {
        margin: 2.4rem 0rem 2rem !important;
    }
	.banner-area .banner-slide .slider-box ul li img {
        max-width: 18rem;
    }
	.banner-area .banner-slide .slider-box h2 {
		font-size: 4rem;
	}
	.footer-area .footer-right .footer-nav {
        gap: 7.6rem;
    }
	.industries-area .container {
		padding: 0rem;
	}
	.category-box ul li {
        max-width: 19.4rem;
		height: 15.8rem;
    }
	.contact-form-area input, textarea {
		height: 5rem;
	}
	.contact-details .contact-heading h4 {
		font-size: 2.2rem;
	}
	.contact-details .contact-heading {
		margin-bottom: 0.5rem !important;
	}
	.contact-details .contact-para p br {
        display: block;
    }
	.contact-area .title-area {
		margin-bottom: 2.2rem;
	}
	.contact-area .title-area h3 {
		padding-bottom: 1.3rem;
		font-size: 3rem;
	}
	.footer-area .footer-right .footer-nav ul li p {
		line-height: 2.2rem;
	}
}
@media (max-width: 430px) {
	.header-logo img {
        max-width: 17rem;
    }
	.cart-area .dropdown-menu {
		transform: translate(0px, 13%);
	}
	.banner-area .banner-slide .slider-box h4 {
        padding: 1.2rem 0.2rem;
        font-size: 1.2rem;
		height: inherit;
    }
	.footer-area .footer-right .footer-nav {
        gap: inherit;
        justify-content: space-between;
    }
	.category-box ul li {
		max-width: 48%;
		padding: 2rem 2.2rem;
	}
	.contact-details .vc_col-xs-10 {
		padding-left: 1.5rem;
	}
	.contact-form-area .other-box .submit-btn {
		width: 100%;
	}
	.footer-area .footer-left ul li img {
        max-width: 100%;
    }
	.category-area .category-box ul {
		gap: 1rem;
		row-gap: 1rem;
        justify-content: space-between;
	}
}

@media (max-width: 380px) {
	.header-area .cart-area {
		gap: 1rem;
	}
	.cart-area .cart-counter {
		right: -1.2rem;
	}
	.industries-list.container ul li p {
        font-size: 1.5rem;
        line-height: 1.4rem;
    }
	.banner-area .banner-slide .slider-box h4 {
        font-size: 1.1rem;
    }
	.footer-area .footer-right .footer-title {
		font-size: 2.4rem;
	}
	.custom-form a {
		font-size: 1.1rem;
	}
}

@media (max-width: 340px) {
}