@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*/
:root {
	/* --primaryColor: #11a554; */
	--primaryColor: #0C4DA1;
	--secondaryColor: #212121;
	--thirdColor: #7c8098;
	--textColor: #212121;
	--lightColor: #f6f5f7;
}

/* ********|| INITIALIZATION STARTS ||******** */
body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important;font-family: "Poppins", sans-serif; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px;  color: var(--textMedColor); background: #fff;position: relative; z-index: 0;}
h1, h2, h3, h4, h5, h5{font-family: "Poppins", sans-serif;}

*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
a {text-decoration: none ;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
/* ********|| INITIALIZATION ENDS ||******** */

section{overflow-x: hidden;}
/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection{ background-color:var(--primaryColor); color:#fff}
::-moz-selection{ background-color:var(--primaryColor); color:#fff}
::-webkit-selection{ background-color:var(--primaryColor); color:#fff}

:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }

select:-webkit-focusring { color: var(--primaryColor) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:-moz-focusring {color: var(--primaryColor) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:focusring {color: var(--primaryColor) !important; text-shadow: 0 0 0 var(--textMedColor);}

::input-placeholder{ color:var(--textColor) !important;}
::-moz-input-placeholder{ color:var(--textColor) !important;}
::-webkit-input-placeholder{ color:var(--textColor) !important;}

/*::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: var(--textMedColor);}
::-webkit-scrollbar{width: 5px;height: 5px;background-color: var(--textMedColor);}
::-webkit-scrollbar-thumb{background-color: var(--secondaryColorAltLight);}*/
/* ********|| PSEUDO ELEMENTS ENDS ||******** */


/* ********|| ADJUSTMENT CLASSES STARTS ||******** */
*,::after,::before{box-sizing: border-box;}
a{color:var(--primaryColor); transition: all 0.3s ease;}
a:hover, a:focus{color:var(--secondaryColor);}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid var(--c4dee4);}

.required:after{content:"*";color:#f44336; font-size:16px; font-weight:600; position: absolute;margin: 0 0 0 3px;}
.separator_dashed{ border-bottom:var(--textMedColor) 1px dashed;}
.separator_dotted{ border-bottom:var(--textMedColor) 1px dotted;}
.separator_solid{ border-bottom:var(--textMedColor) 1px solid;}
/* ********|| ADJUSTMENT CLASSES ENDS ||******** */


section{position:relative;}
.form-content{position: relative;background: #f5f5f5;padding: 20px; border-radius: 6px;}
.form-group{position:relative; margin: 0 0 20px;}
.control-label{font-size: 14px;font-weight: 600;margin: 0 0 2px;color: #212121;display: block;}
.btn-submit{display: block; cursor: pointer;margin: 0;background-color: var(--primaryColor);color: #fff;padding: 10px 15px;height: 44px;line-height: 24px;border-radius: 4px;font-size:16px;font-weight: 600; position: relative;z-index: 0;overflow: hidden; text-align: center;border: 0;}
.btn-submit:after{content: ''; position: absolute;background-color: var(--secondaryColor);top: 0;left: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;transform: scale(0,1);transform-origin: center;transition: all 0.3s ease;}
.btn-submit:hover:after{transform: scale(1,1);opacity: 1;}

.form-control{ border-radius: 4px;box-shadow: none;border: 1px solid #ddd;color: var(--textColor);background: #fff;min-width: 50px;min-height: 38px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;}
.form-control:focus{ border-color:var(--primaryColor);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--textColor) !important;}
.form-control:-moz-placeholder{color:var(--textColor) !important;opacity:  1 !important;}
.form-control::-moz-placeholder{color:var(--textColor) !important; opacity:1 !important;}
.form-control:-ms-input-placeholder{color:var(--textColor) !important;}
.form-control::-ms-input-placeholder{color:var(--textColor) !important;}
textarea.form-control{ resize:none; min-height: 100px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: #fff; opacity: 0.7; cursor: not-allowed;}

.custom-checkbox{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-checkbox .custom-checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-checkbox .custom-checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-checkbox .custom-checkbox-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 2px;}
.custom-checkbox .custom-checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 500;font-size: 10px;display: none;color: #fff;text-align: center;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after{display:block;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}

.custom-radio{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-radio .custom-radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-radio .custom-radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-radio .custom-radio-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 50%;}
.custom-radio .custom-radio-label:after{content: "\f111";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 600;font-size: 8px;display: none;color: #fff;text-align: center;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:after{display:block;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}


.custom-tab{}
.custom-tab .custom-tab-navigation{padding-left: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto 10px;}
.custom-tab .custom-tab-navigation > li{width: auto;margin:5px;position: relative;}
.custom-tab .custom-tab-navigation > li > a{background-color: rgba(255,255,255,0.1);color: #fff;padding: 10px 20px;display: block;font-size: 16px;font-weight: 400;text-transform: capitalize;position: relative;border-radius: 4px;max-width: 300px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.custom-tab .custom-tab-navigation > li.active > a,.custom-tab .custom-tab-navigation > li > a:hover{background-color: var(--primaryColor);}
.custom-tab .custom-tab-content{}
.custom-tab .custom-tab-content .custom-tab-wrap{display: none;background: transparent;padding: 20px 0;}
.custom-tab .custom-tab-content .custom-tab-wrap.active{display: block;}
.custom-tab .custom-tab-content .custom-tab-navigation > li > a{padding: 5px 10px;font-size: 14px;font-weight: 600;}
.custom-tab .custom-tab{margin-top: -20px;}
.custom-tab .custom-tab .custom-tab-navigation{margin-bottom: 0;}
@media (min-width: 576px){.custom-tab .custom-tab-navigation{max-width:620px}}
@media (min-width: 768px){.custom-tab .custom-tab-navigation{max-width:740px}}
@media (min-width: 992px){.custom-tab .custom-tab-navigation{max-width:1140px}}
@media (min-width: 1200px){.custom-tab .custom-tab-navigation{max-width:1200px}}


/* /////////////////////////////////////////////////////////////// */
/*             			   	 	BOOTSTRAP FIX            			   				 */
/* /////////////////////////////////////////////////////////////// */
@media (min-width: 576px){
	.container {max-width: none;}
	.modal-dialog {max-width: 700px;}
	.modal-sm {max-width: 400px;}
}
@media (min-width: 768px){
	.container {max-width: 740px;}
}
@media (min-width: 992px){
	.container {max-width: 960px;}
}
@media (min-width: 1200px){
	.container {max-width: 1170px;}
}
@media (min-width: 1440px){
	.container {max-width: 1340px;}
}
@media (min-width: 1600px){
	.container {max-width: 1400px;}
}
@media (min-width: 1900px){
	.container {max-width: 1540px;}
}

.modal-open {overflow: auto;}
.modal{ overflow-x: hidden; overflow-y: auto;}
.overflow-hidden{overflow:hidden !important;}
.dropdown .dropdown-toggle{padding-right: 16px !important;position: relative;}
.dropdown .dropdown-toggle::after{content: "\f078";font-family: "Font Awesome 5 Pro";font-size: 14px;font-weight: 500;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 0;transform: translateY(-50%);border: 0; color: var(--primaryColor); opacity: 1; margin-top: 2px; transition: all 0.3s ease;}
.dropdown.show .dropdown-toggle::after{transform: translateY(-50%) rotate(-180deg);}
.dropdown .dropdown-menu{display:block;top: 100% !important;left: 50% !important;transform: translate(-50%,50px) !important;visibility: hidden;opacity:0;transition:.5s ease all;}
.dropdown .dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}
.dropdown-menu .dropdown-item{display: flex;padding: 5px 15px;color: var(--secondaryColor);}
.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;}
.mega-dropdown{position:static !important;}
.mega-dropdown .mega-dropdown-menu{display:block;width: 100%;top: auto !important;left: 50% !important;transform: translate(-50%,50px) !important;padding: 20px 40px;visibility: hidden;opacity:0;transition:.5s ease all;}
.mega-dropdown .mega-dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}

/*////////////////////////////////////////////////////////////////*/
/*             		          	 HOME PAGE      	      				  	*/
/*////////////////////////////////////////////////////////////////*/

/*
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

/* ********|| HEADER STARTS ||******** */
/* ********|| HEADER STARTS ||******** */

/* ********|| HEADER STARTS ||******** */
header{position:sticky;top:0;z-index:999;background:#fff;box-shadow: rgb(0 0 0 / 10%) 0 2px 10px;}
header .top-header{position:relative;padding:15px 0;z-index:10;background-color:var(--primaryColor)}
header .top-header::after{position:absolute;content:'';width:28%;height:100%;top:0;z-index:-1;right:0;clip-path:polygon(8% 0,100% 0%,100% 100%,0% 100%);background-color:rgb(255 255 255 / 23%);}
header .top-header > .container{display:flex;align-items:center;justify-content:space-between;flex-wrap: wrap;}
header .social{display:flex;align-items:center}
header .social .social-label{font-size:16px;margin-right:10px;color:#fff}
header .social .social-list{display:flex;align-items:center}
header .social .social-list .social-link{display:flex;align-items:center;font-size:16px;color:#fff}
header .social .social-list .social-link+.social-link{margin-left:10px}
header .contact-inner{display:flex;align-items:center;flex-wrap: wrap;}
header .contact+.contact{margin-left:20px}
header .contact{display:flex;align-items:center}
header .contact .contact-link{display:flex;align-items:center}
header .contact .contact-link .icon{font-size:15px;color:#fff;margin-right:5px}
header .contact .contact-link .title{font-size:16px;letter-spacing:0.3px;color:#fff}
header .bottom-header{position:relative;padding:5px 0}
header .bottom-header > .container{display:flex;align-items:center;justify-content:space-between}
header .brand{padding:0;max-width:350px}
header .navigation{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0}
header .responsive-action{display:none}
header .responsive-action .btn-menu{width:60px;height:40px;display:flex;align-items:center;font-size:24px;line-height:1;color:var(--primaryColor);padding-top:2px}
header .navigation-wrap{margin-left:auto;display:flex;align-items:center}
header .navigation-menu{padding-left:0;list-style:none;margin:0;display:flex}
header .navigation-menu li+ li{margin-right: 15px;}
header .navigation-menu li:last-child{margin-right: 0;}
header .navigation-menu .dropdown .dropdown-toggle::after{color:#14213d;font-size:13px}
header .navigation-menu > li .menu-link{display:flex;line-height:1;font-size:18px;font-weight:600;justify-content:center;align-items:center;height:44px;padding:0 20px;letter-spacing:.5px;color:#14213d}
header .navigation-menu > li.active .menu-link,header .navigation-menu > li.active .menu-link span{color:var(--primaryColor)}
header .navigation-menu > li .menu-link:hover{color:var(--secondaryColor)}
header .menu-overlay.active{opacity:1;visibility:visible}
header .menu-overlay{position:fixed;z-index:10;opacity:0;visibility:hidden;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:all .4s ease;background-color:rgba(0,0,0,0.5)}
header .dropdown-menu .dropdown-item{line-height:1;font-size:14px;font-weight:500;padding:10px 10px;letter-spacing:.5px;color:var(--textColor);text-transform:capitalize;}
header .call-to-action{margin:0 0 0 20px;padding:0 0 0 20px;display:flex;border-left: 1px solid rgb(0 0 0 / 9%);}
header .call-to-action .btn-ctn{display:inline-block;overflow:hidden;background-color:var(--secondaryColor);padding:13px 30px;margin:auto;border-radius:5px;color:#fff;letter-spacing:0;font-weight:700;font-size:16px;white-space:nowrap;position:relative;z-index:0}
header .call-to-action .btn-ctn:hover{background-color:var(--primaryColor)}

h1{font-size: 40px;line-height: 1.4;}

/* ********|| HEADER ENDS ||******** */
.header_area{position: fixed;z-index: 99;width: 100%;top: 0;background: #fff;transition: all ease 0.3s;}
.header_area:hover {background-color: #fff;display: block;}
.header_area:hover .nav-menu > li > a{color: #000;}
.nav-brand{width: 80px;height: auto;overflow: hidden;display: flex;}
.nav-brand img{width: 100%;height: 100%;object-fit: contain;}
/* ********|| HEADER ENDS ||******** */

.banner-section{height: 80vh;background-position: cover;background-repeat: no-repeat;display: flex;align-items: center;overflow: hidden;}
.banner-section .swiper{width:100%;height:80vh;}
.banner-section .banner-img img{width: 100%;height: 100%;object-fit: cover;}
.banner-section .content-part{}
.banner-section .title{color: var(--lightColor);font-size: 55px;text-decoration: underline;margin-bottom: 25px;}
.banner-section .content-part .item-part{display: flex;align-items: center;}
.banner-section .content-part .item-part+ .item-part{margin-top: 25px;}
.banner-section .content-part .item-part .icon{width: 50px;height: 50px;}
.banner-section .content-part .item-part .icon img{width: 100%;height: 100%;}
.banner-section .content-part .item-part .text{margin-left: 15px;color: var(--lightColor);font-size: 20px;letter-spacing: 0.3px;}
.banner-section .swiper-pagination{bottom: 5vh !important;}
.banner-section .swiper-pagination-bullet-active{background-color: #fff;}

.title{text-align: center;color: var(--primaryColor);text-transform: capitalize;}
.des{text-align: center;color: var(--thirdColor);font-size: 16px;line-height: 1.4;}


.default-btn{background: var(--primaryColor);color: var(--lightColor);font-size: 18px;text-transform: capitalize;padding: 10px 20px;border: none;border-radius: 6px;}

.product-section{padding: 60px 0;}
.product-section .title{text-align: center;color: var(--primaryColor);}
.product-section .des{text-align: center;color: var(--thirdColor);font-size: 16px;line-height: 1.4;}
.nav-tabs{
  width: max-content;border-bottom: 0;
  align-items: center;
  justify-content: center;
  margin: 20px auto;}
.nav-link{    font-size: 16px;
  border: 1px solid var(--primaryColor) !important;
  border-radius: 5px;color: var(--primaryColor);
  overflow: hidden;margin:0 10px;
  font-weight: 500;
  letter-spacing: 0.3px;}
.nav-link.active{    background-color: var(--primaryColor) !important;
  color: var(--lightColor) !important;
  }
  .product-section .product-part{margin-top: 55px;}
.product-section .product-part .sub-text{    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 25px;
    font-weight: 600;}
  .product-section .product-part .title{text-align: left;font-size: 25px;}
.product-section .product-part p{    font-size: 15px;
  line-height: 1.5;
  margin-bottom: 25px;}
.product-section .product-lists{    display: flex;
  flex-wrap: wrap;
  margin: 0 -30px;}
.product-section .product-lists .product-item{    width: 50%;
  max-width: calc(50% - 30px);
  margin: 15px;
  border: 1px solid var(--primaryColor);
  border-radius: 6px;
  overflow: hidden;
  display: flex;justify-content: space-between;
  align-items: self-start;}
.product-section .product-lists .product-item .img-part{    width: 200px;
  height: 180px;padding: 25px;
  overflow: hidden;}
.product-section .product-lists .product-item .img-part img{width: 100%;height: 100%;object-fit: contain;}
.product-section .product-lists .product-item .text-part{    height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;}
.product-section .product-lists .product-item .text-part .name{    display: flex;
  flex-direction: column;font-size: 22px;color: var(--secondaryColor);line-height: 1.4;
  align-items: flex-end;font-weight: 500;
  padding-right: 25px;}
.product-section .product-lists .product-item .text-part .name span{}
.product-section .product-lists .product-item .link{padding-right: 25px;color: var(--primaryColor);font-weight: 600;}
.product-section .featureSwiper{}
.product-section .featureSwiper .swiper-wrapper{padding-bottom: 50px;}
.product-section .featureSwiper .swiper-pagination{}
.product-section .featureSwiper .swiper-pagination-bullet-active{background: var(--primaryColor) !important;}

.other-feature-part{}
.other-feature-part .title{margin-bottom: 35px;}
.other-feature-part .part-feature{position: relative;}
/*.other-feature-part .part-feature:before{    content: '';*/
/*  position: absolute;*/
/*  width: 100%;top: 0;*/
/*  height: 100%;*/
/*  background: #00000094;*/
/*  z-index: 8;}*/
.other-feature-part .part-feature .img-wrap{    width: 100%;
  height: 550px;
  overflow: hidden;}
.other-feature-part .part-feature .img-wrap img{width: 100%;height: 100%;object-fit: cover;}
.other-feature-part .part-feature .text-part{    position: absolute;
  z-index: 10;padding: 20px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;}
.other-feature-part .part-feature .text-part .title-part{color: var(--lightColor);font-size: 24px;margin-bottom: 35px;}
.other-feature-part .part-feature .text-part .des{color: var(--lightColor);font-size: 14px;}

.single-product-section{padding: 60px 0;}
.single-product-section .product-details{}
.single-product-section .product-details .product-name{    font-size: 25px;
  line-height: 1.4;font-weight: 600;position: relative;
  margin-bottom: 30px;}
  .single-product-section .product-details .product-name:before{content: '';position: absolute;width: 50px;height: 4px;background-color: var(--primaryColor);bottom: -5px;}
.single-product-section .product-details .product-info{}
.single-product-section .product-details .product-info .sub-text{font-size: 20px;margin-bottom: 20px;}
.single-product-section .product-details .des{font-size: 14px;line-height: 1.6;margin-bottom: 25px;text-align: left;}
.single-product-section .product-details .product-info .img-wrap{    width: 100%;
  height: 450px;
  overflow: hidden;}
.single-product-section .product-details .product-info .img-wrap img{width: 100%;height: 100%;object-fit: contain;}
.single-product-section .product-details .product-details-info{}
.single-product-section .product-details .product-details-info .sub-title{    font-size: 30px;
  line-height: 1.6;
  color: var(--primaryColor);
  font-weight: 600;}
.single-product-section .product-details .product-details-info .details-lists{}
.single-product-section .product-details .product-details-info .details-lists .data-item{    display: flex;margin-top: 20px;
  align-items: center;}
.single-product-section .product-details .product-details-info .details-lists .data-item .text{    font-size: 16px;
  font-weight: 600;
  color: var(--thirdColor);
  width: 250px;}
.single-product-section .product-details .product-details-info .details-lists .data-item .data{    font-size: 16px;
  color: var(--primaryColor);
  font-weight: 500;}


.equipment-section{padding: 60px 0 0;background-image: url(../images/Traffic-img.jpg);background-repeat: no-repeat;background-size: cover;}
.equipment-section .title{text-align: center;color: var(--primaryColor);font-weight: 400;}
.equipment-section .nav-pills{justify-content: center;margin-top: 40px;}
.equipment-section .eqipment-content{text-align: left;margin-top: 40px;}
.equipment-section .eqipment-content .sub-text{font-size: 16px;line-height: 1.4;margin-bottom: 15px;font-weight: 500;}
.equipment-section .eqipment-content .title{text-align: left;margin-bottom: 20px;font-weight: 600;font-size: 25px;}
.equipment-section .eqipment-content .data-lists{}
.equipment-section .eqipment-content .data-lists .data-item{display: flex;align-items: center;}
.equipment-section .eqipment-content .data-lists .data-item+ .data-item{margin-top: 40px;}
.equipment-section .eqipment-content .data-lists .data-item .icon{width: 150px;height: 110px;}
.equipment-section .eqipment-content .data-lists .data-item .icon img{width: 100%;height: 100%;}
.equipment-section .eqipment-content .data-lists .data-item .text-part{margin-left: 10px;max-width: calc(100% - 160px);width: 100%;}
.equipment-section .eqipment-content .data-lists .data-item .text-part .item-title{font-size: 20px;font-weight: 500;color: var(--primaryColor);margin-bottom: 10px;}
.equipment-section .eqipment-content .data-lists .data-item .text-part .des{line-height: 1.5;font-weight: 400;font-size: 14px;text-align: left;}
.equipment-section .eqipment-content .content-part{    background: #F8F8F899;
  padding: 80px 80px 160px;}
.equipment-section .eqipment-content .image-part{overflow: hidden;padding-bottom: 80px;}
.equipment-section .eqipment-content .image-part .img-wrap{width: 100%;height: 450px;}
.equipment-section .eqipment-content .image-part .img-wrap img{width: 100%;height: 100%;object-fit: cover;}
.equipment-section .eqipment-content .image-part .sub-text{font-size: 20px;margin-top: 10px;}
.equipment-section .eqipment-content .image-part .des{line-height: 1.4;margin-bottom: 10px;text-align: left;}


.traffic-section{padding: 60px 0;background-image: url(../images/Fire-img.jpg);margin-top: 80px;background-repeat: no-repeat;background-size: cover;}
.traffic-section .img-part{height: 350px;}
.traffic-section .img-part img{width: 100%;height: 100%;object-fit: cover;}
.traffic-section .content-part{}
.traffic-section .content-part .title-part{font-size: 30px;line-height: 1.4;margin-bottom: 15px;color: var(--primaryColor);font-weight: 500;text-transform: capitalize;}
.traffic-section .content-part p{line-height: 1.4;font-size: 14px;}


.car-section{padding: 60px 0;position: relative;}
.car-section .content-part{padding: 50px 0;}
.car-section .content-part .title-part{font-size: 40px;line-height: 1.4;font-weight: 500;color: var(--primaryColor);text-transform: capitalize;}
.car-section .content-part p{line-height: 1.4;font-size: 14px;}
.car-section .images-group{display: flex;margin: 25px 0;}
.car-section .images-group .img-wrap{width:100px;height:100px;overflow: hidden;border-radius: 6px;}
.car-section .images-group .img-wrap+ .img-wrap{margin-left: 15px;}
.car-section .images-group .img-wrap img{width: 100%;height: 100%;object-fit: cover;}
.car-section .outside-image{position: absolute;right: 0;top: 0;height: 100%;width: 40%;}
.car-section .outside-image::before{     position: absolute;
  right: 0;
  top: 0;
  content: '';
  background: linear-gradient(to top, black, transparent);
  width: 100%;
  height: 100%;
  z-index: 2;}
  .car-section .outside-image .img-wrap{height: 100%;width: 100%;}
  .car-section .outside-image .img-wrap img{width: 100%;height: 100%;object-fit: cover;}
  .car-section .outside-image .text{    position: absolute;
    bottom: 10%;
    z-index: 10;
    color: var(--lightColor);
    left: 6%;
    font-size: 20px;}


    .metal-section{padding: 50px 0;background-color: #E8FCFF;}
    .metal-section .title-part{    font-size: 40px;
      line-height: 1.4;margin-bottom: 20px;
      font-weight: 500;
      color: var(--primaryColor);}
    .metal-section .progress {
      width: 100px;
      height: 100px;
      font-size: 30px;
      color: #fff;
      border-radius: 50%;
      overflow: hidden;
      position: relative;
      background: #E8FCFF;
      text-align: center;
      line-height: 200px;
      margin: 20px
  }
  .metal-section p{line-height: 1.4;}
  .metal-section .outside-image{position: absolute;left: 0;top: 0;height: 100%;width: 40%;}
.metal-section .outside-image::before{     position: absolute;
  left: 0;
  top: 0;
  content: '';
  background: linear-gradient(to top, black, transparent);
  width: 100%;
  height: 100%;
  z-index: 2;}
  .metal-section .outside-image .img-wrap{height: 100%;width: 100%;}
  .metal-section .outside-image .img-wrap img{width: 100%;height: 100%;object-fit: cover;object-position: left;}
  .metal-section .outside-image .text{    position: absolute;
    bottom: 10%;
    z-index: 10;
    color: var(--lightColor);
    right: 6%;
    font-size: 20px;}

  .metal-section .progress-bar-group{display: flex;margin-bottom: 35px;}
  .metal-section .progress-bar-group .progress-item{    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
  .metal-section .progress-bar-group .progress-item .text{text-align: center;font-weight: 500;font-size: 18px; }
  .metal-section .progress-bar-group .progress-item+ .progress-item{margin-left: 35px;}
  /* .metal-section .progress::after {content: "%";} */
  
  .metal-section .progress .title {    position: relative;
    z-index: 100;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100px;
    height: 100%;
    margin: 0 auto;
    font-size: 22px;
    color: var(--bs-body-color);
    font-weight: 600;}
  
  .metal-section .progress .overlay {
      width: 50%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      background-color: #E8FCFF
  }
  
  .metal-section .progress .left, .progress .right {
      width: 50%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border: 5px solid #59A1FF;
      border-radius: 100px 0px 0px 100px;
      border-right: 0;
      transform-origin: right;
  }
  
  .metal-section .progress .left {animation: load1 1s linear forwards;}
  
  .metal-section .progress:nth-of-type(2) .right, .progress:nth-of-type(3) .right {animation: load2 .5s linear forwards 1s;}
  
  .metal-section .progress:last-of-type .right, .progress:first-of-type .right {animation: load3 .8s linear forwards 1s;}
  
  @keyframes load1 {
      0% {transform: rotate(0deg);}
  
      100% {transform: rotate(180deg);}
  }
  
  @keyframes load2 {
      0% {z-index: 100;transform: rotate(180deg);}
  
      100% {z-index: 100;transform: rotate(270deg);}
  }
  
  @keyframes load3 {
      0% {z-index: 100;transform: rotate(180deg);}
  
      100% {
          z-index: 100;transform: rotate(315deg);}
  }


  .product-slider-section{padding: 60px 0;}
  .product-slider-section .title{    text-align: center;
    color: var(--primaryColor);}
  .product-slider-section p{text-align: center;font-size: 15px;line-height: 1.4;}
  .product-slider-section .product-item{padding: 45px;text-align: center;}
  .product-slider-section .product-item .img-wrap{width: 100%;height: 250px;}
  .product-slider-section .product-item .img-wrap img{width: 100%;height: 100%;object-fit: contain;}
  .product-slider-section .product-item .content{margin-top: 15px;}
  .product-slider-section .product-item .content .name{font-size: 20px;font-weight: 500;color: var(--primaryColor);margin-bottom: 10px;line-height: 1.4;}
  .product-slider-section .product-item .content .fas{color: var(--bs-orange);}
  .product-slider-section .product-item .content .fal{}


  .client-section{padding: 60px 0;}
  .client-section .title{    text-align: center;
    color: var(--primaryColor);}
  .client-section p{text-align: center;font-size: 15px;line-height: 1.4;}
  .client-section .client-item{padding:20px 30px;text-align: center;}
  .client-section .client-item .img-wrap{    width: 100%;
    height: 100px;
    border: 1px solid #dadada52;
    padding: 10px 10px;
    border-radius: 5px;
    box-shadow: 5px 5px 0px #f1f1f1;}
  .client-section .client-item .img-wrap img{width: 100%;height: 100%;object-fit: contain;}

section{padding: 30px 0 !important;}
  .cta-section{padding: 40px 0;background-color: var(--primaryColor);}
  .cta-section .inner-content{display: flex;justify-content: space-between;align-items: center;}
  .cta-section .inner-content h1{color: var(--lightColor);margin-bottom: 0;}
  .cta-section .inner-content .btn-start{border: none;background: var(--lightColor);padding: 20px 30px;text-transform: capitalize;line-height: 1.4;font-weight: 600;font-size: 16px;margin-left:20px}

  footer{padding: 40px 0 20px;background-color: var(--lightColor);}
  footer .footer-content{}
  footer .footer-content .footer-links{}
  footer .links-part{display: flex;flex-wrap: wrap;}
  footer .links-part .link-item{width: 100%;font-size: 16px;font-weight: 500;}
  footer .links-part .link-item+ .link-item{margin-top: 20px;}
  footer .images-group{display: flex;flex-wrap: wrap;}
  footer .images-group .img-wrap{width: 20%;max-width: calc(20% - 10px);margin: 5px;overflow: hidden;height: 90px;}
  footer .images-group .img-wrap img{width: 100%;height: 100%;object-fit: cover;}
  footer .footer-title{font-size: 20px;text-transform: capitalize;margin-bottom: 25px;font-weight: 600;}
  footer .footer-links .contact-info{}
  footer .footer-links .follow-social{}
  footer .footer-links .follow-social .follow{font-size: 25px;}
  footer .footer-links .follow-social .follow+ .follow{margin-left: 15px;}
  footer .footer-links .contact-info .contact-item{}
  footer .footer-links .contact-info .contact-item+ .contact-item{}
  footer .footer-links .contact-info .link-item{display: flex;align-items: self-start;}
  footer .footer-links .contact-info .link-item .icon{width: 50px;height: 50px;font-size: 20px;}
  footer .footer-links .contact-info .link-item .text{width: 100%;max-width: calc(100% - 50px);font-size: 14px;font-weight: 500;word-break: break-all;}
  footer .footer-content .logo{width: 100%;height: 120px;padding: 10px;background-color: #fff;}
  footer .footer-content .logo img{width: 100%;height: 100%;object-fit: contain;}
  footer .footer-content .des{line-height: 1.4;font-size: 15px;margin-top: 15px;font-weight: 400;text-align: left;}
  footer .copy-content{margin-top: 25px;border-top: 1px solid #dadada;padding-top: 15px;}


  .common-banner{padding: 80px 0;background-color: var(--primaryColor);background-image: url(../images/banner.jpg);}
  .common-banner .content{    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 150px;}
  .common-banner .content .title{font-size: 35px;font-weight: 600;color: var(--lightColor);}

  .product-lists-section{overflow:visible;padding: 30px 0;position: relative;}
  .product-lists-section .search-action{margin-bottom: 25px;}
  .product-lists-section .product-filter{width: 360px;position: sticky;top: 86px;}
  .product-lists-section .product-filter .filter-text{display: flex;justify-content: space-between;align-items: start;margin-bottom: 25px;}
  .product-lists-section .product-filter .reset-btn{border: none;background-color: var(--lightColor);color: var(--thirdColor);font-weight: 500;font-size: 15px;padding: 5px 10px;border-radius: 4px;}
  .product-lists-section .product-filter .apply-text{border: none;background-color: var(--primaryColor);color: var(--lightColor);font-weight: 500;font-size: 15px;padding: 5px 10px;border-radius: 4px;}
  .product-lists-section .filter-lists{}
  .product-lists-section .filter-lists .filter-part{border: 1px solid #dadada;padding: 15px;border-radius: 6px;position: relative;}
  .product-lists-section .filter-lists .filter-part+ .filter-part{margin-top: 15px;}
  .product-lists-section .filter-lists .filter-part .category-text{font-size: 20px;font-weight: 500;line-height: 1.2;text-transform: capitalize;}
  .product-lists-section .filter-lists .filter-part .sub-cat{margin-top: 20px;margin-left: 20px;position: relative;}
  .product-lists-section .filter-lists .filter-part .sub-cat .sub-cat-item{position: relative;}
  .product-lists-section .filter-lists .filter-part .sub-cat .sub-cat-item:before{    position: absolute;
    content: '\f054';
    font-family: "Font Awesome 5 Pro";
    left: -16px;
    top: 1px;
    font-size: 14px;} 
  .product-lists-section .filter-lists .filter-part .sub-cat .sub-cat-item a{font-weight: 500;color: var(--textColor);font-size: 15px;}
  .product-lists-section .filter-lists .filter-part .sub-cat .sub-cat-item+ .sub-cat-item{margin-top: 10px;}
  .product-lists-section .product-lists-part{width: 100%;max-width: calc(100% - 360px);padding-left: 25px;}
  .product-lists-part .category-name{font-size: 25px;margin-bottom: 15px;margin-left: 10px;font-weight: 600;color: var(--primaryColor);line-height: 1.4;}
  .product-lists-part .product-lists{display: flex;flex-wrap: wrap;}
  .product-lists-part .product-lists .product-item{width: 33.33%;overflow: hidden;max-width: calc(33.33% - 20px);margin: 10px;border:1px solid #dadada;border-radius: 12px;padding: 20px;}
  .product-lists-part .product-lists .product-item .product-img{width: 100%;height: 250px;overflow: hidden;border-radius: 6px;}
  .product-lists-part .product-lists .product-item .product-img img{width: 100%;height: 100%;object-fit: contain;}
  .product-lists-part .product-lists .product-item .product-name{text-align: center;font-weight: 600;font-size: 20px;line-height: 1.4;margin: 15px 10px;color: var(--primaryColor);}
  .product-lists-part .product-lists .product-item .view-details{background-color: var(--primaryColor);color:var(--lightColor);width: 100%;padding:12px 10px;border-radius: 6px;display: flex;align-items: center;justify-content: center;margin: 10px 0 2px;font-size: 16px;font-weight: 500;}
  .product-lists-part .product-lists .product-item .view-details.alt{background-color: var(--bs-body-bg);color: var(--primaryColor);border: 1px solid var(--primaryColor);font-weight: 800;}
  .product-lists-part .product-lists .product-item+ .product-item{}

  .manufacturing{}
  .manufacturing .category-name{text-align: center;margin: 60px 0 50px;}
  .manufacturing .product-lists-part .product-lists .product-item{    width: 25%;
    overflow: hidden;
    max-width: calc(25% - 20px);
    margin: 10px;
    border: 1px solid #dadada;
    border-radius: 12px;
    padding: 20px;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;}
    .manufacturing  .view-details.alt{background-color: var(--bs-body-bg);color: var(--primaryColor);border: 1px solid var(--primaryColor);font-weight: 800;}

  .product-details{position: relative;padding: 10px 0;background: var(--shades03);}
.product-details-content-part{display: flex;}
.product-details  .product-image-content{position: sticky;width: 600px;top: 40px;margin-bottom: auto;}

.product-details .product-details-content-part .product-content .category-name{font-size: 14px;font-weight: 400;color: var(--shades06);margin-bottom: 10px;}
.product-details .product-details-content-part .product-content .rating-text{margin-left: 10px;font-size: 14px;font-weight: 400;color: var(--shades02);}
.product-details .product-details-content-part .product-content{width: 100%;max-width: calc(100% - 650px);margin-left: 50px;position: relative;}
.product-details .product-details-content-part .product-content .product-info{padding-right: 50px;}
.product-details  .product-image-slider{position: relative;align-items: center;margin-top: 15px;overflow: hidden;}
.product-details  .product-image-slider .item {position: relative;overflow: hidden;border: 1px solid rgba(0,0,0,0.05);border-radius: 4px;display: flex;height: 100px;width: 100px;}
.product-details  .product-image-slider .productimagesSwiper .item {position: relative;overflow: hidden;border: 1px solid rgba(0,0,0,0.05);border-radius: 4px;display: flex;height: 500px;width: 100%;}
.product-details .thumbnailSwiper {margin-top: 18px;}
.product-details  .product-image-slider .item+.item {margin-left: 5px;}
.product-details  .product-image-slider .item img {width: 100%;height: 100%;object-fit: contain;}
.product-details  .product-image{position: relative;background-color: #fff;overflow: hidden;border: 1px solid rgba(0,0,0,0.05);border-radius: 10px;height: 600px;}
.product-details  .product-image img {width: 100%;height: 100%;object-fit: contain;}
.product-details  .product-title {font-size: 35px;font-weight: 800;line-height: 1;margin: 0;color: var(--primaryColor);}

.product-details  .product-meta {position: relative;margin: 20px 0 0;border-radius: 6px;}
.product-details  .product-meta .item {display: flex;padding: 8px 0;}
.product-details .product-meta .item .item-label{width:150px;font-size:14px;font-weight:500;line-height:1;color:var(--secondaryColor)}
.product-details .product-meta .item .item-data{display:flex;flex-wrap:wrap;font-size:14px;font-weight:400;line-height:1;color:var(--secondaryColor);width:100%;max-width:calc(100% - 120px);margin-left:20px}
.product-details .product-meta .item .item-data .cata-btn{font-size:14px;font-weight:500;line-height:1;display:flex;margin-right:10px;color:var(--color01)}

.product-details .product-description{padding: 40px 0;border:1px solid var(--shades04);border-width:1px 0;}
.product-details .product-description .title-des{font-size: 20px;font-weight: 500;margin-bottom: 15px;}
.product-details .product-description .text-description{font-size: 16px;line-height: 1.4;font-weight: 400;}
.product-details .product-description .text-description p{margin-bottom: 0;}
.product-details .product-details-content-part .product-content .product-action-wrap{}

.product-details .product-details-content-part .product-content .product-specification{padding: 40px 0;}
.product-details .product-details-content-part .product-content .product-specification .title-des{font-size: 20px;font-weight: 500;margin-bottom: 15px;}
.product-details .product-details-content-part .product-content .product-specification .text-description{font-size: 16px;line-height: 1.4;font-weight: 400;margin-top: 10px;}
.product-details .swiper-button-next:after, .product-details .swiper-button-prev:after{font-family: Font Awesome\ 5 Pro;color: var(--shades01);font-size: 18px;}
.product-details  .swiper-button-next:after, .product-details .swiper-rtl .swiper-button-prev:after{content: '\f105';}
.product-details  .swiper-button-prev:after, .product-details .swiper-rtl .swiper-button-next:after{content: '\f104';}
.product-details  .swiper-button-prev, .product-details .swiper-button-next{    background: var(--primaryColor);
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  right: 12px;
  bottom: 50% !important;}
.product-details .swiper-button-prev{left: 12px;}
.product-details .button-details{width: 100%;margin-top: 25px;}
.product-details .btn-detail{width: 100%;background-color: var(--primaryColor);color: var(--lightColor);border: none;padding:15px 10px ;border-radius: 6px;font-size: 20px;}
.product-details .details-lists .data-item {
  display: flex;
  margin-top: 15px;
  align-items: center;
}
.product-details .details-lists .data-item .text {
  font-size: 16px;
  font-weight: 600;
  color: var(--thirdColor);
  width: 250px;
}
.product-details .details-lists .data-item .data {
  font-size: 16px;
  color: var(--primaryColor);
  font-weight: 500;
}
.modal-enquiry .action-btn{width: max-content;background-color: var(--primaryColor);color: var(--lightColor);border: none;padding:10px 15px ;border-radius: 6px;font-size: 16px;text-transform: capitalize;margin: 10px auto;display: flex;}
.modal-enquiry .modal-content{padding: 20px;}
.breadcrumb-section{padding-top: 30px;}
.breadcrumb-section .breadcrumb{}
.breadcrumb-section .breadcrumb-item{font-weight: 500;font-size: 16px;}
.breadcrumb-section .breadcrumb-item.active{}
.related-product-section .category-name{font-size: 25px;margin-bottom: 15px;margin-left: 10px;font-weight: 600;color: var(--primaryColor);line-height: 1.4;}

.related-product-section{padding: 40px 0;background-color: var(--lightColor);margin-bottom: 25px;}
.related-product-section .text-part{    font-size: 25px;
  font-weight: 500;margin-bottom: 25px;display: flex;
  line-height: 1;
  color: var(--primaryColor);}
.related-product-section .product-lists{display: flex;flex-wrap: wrap;}
.related-product-section .product-lists .product-item{width: 20%;overflow: hidden;max-width: calc(20% - 20px);margin: 10px;border:1px solid #dadada;border-radius: 12px;padding: 20px;}
.related-product-section .product-lists .product-item .product-img{width: 100%;height: 200px;overflow: hidden;border-radius: 6px;}
.related-product-section .product-lists .product-item .product-img img{width: 100%;height: 100%;object-fit: contain;}
.related-product-section .product-lists .product-item .product-name{text-align: center;font-weight: 600;font-size: 16px;line-height: 1.4;margin: 15px 10px;color: var(--primaryColor);}
.related-product-section .product-lists .product-item .view-details{background-color: var(--primaryColor);color:var(--lightColor);width: 100%;padding:8px 10px;border-radius: 6px;display: flex;align-items: center;justify-content: center;margin: 10px 0 2px;font-size: 16px;font-weight: 500;}
.related-product-section .product-lists .product-item .view-details.alt{background-color: var(--bs-body-bg);color: var(--primaryColor);border: 1px solid var(--primaryColor);font-weight: 800;}

.about-us-section{padding: 60px 0;}
.about-us-section .img-part{width: 100%;height: 100%;}
.about-us-section .img-part img{width: 100%;height: 100%;object-fit: contain;}
.about-us-section .content-part{}
.about-us-section .content-part .other-text{margin-top: 15px;}
.about-us-section .content-part strong{font-size: 17px;font-weight: 600;}
.about-us-section .content-part .title{color: var(--primaryColor);font-size: 40px;text-align: left;}
.about-us-section .content-part .des{line-height: 1.5;font-size: 16px;font-weight: 500;color: var(--thirdColor);}
.about-us-section .content-part p{line-height: 1.5;font-size: 16px;font-weight: 500;color: var(--thirdColor);text-align: left;}

.gallery-section{padding: 60px 0;}
.gallery-section .title{text-align: center;font-size: 40px;font-weight: 600;color: var(--primaryColor);margin-bottom: 30px;}
.gallery-section .gallery-lists{display: flex;flex-wrap: wrap;}
.gallery-section .gallery-lists .gallery-item{    width: 25%;
  max-width: calc(25% - 20px);
  margin: 10px;
  overflow: hidden;
  border: 1px solid #dadada;
  border-radius: 10px;
}
.gallery-section .gallery-lists .gallery-item .img-wrap{    height: 320px;
  background: #fff;
  width: 100%;}
.gallery-section .gallery-lists .gallery-item .img-wrap img{width: 100%;height: 100%;object-fit: cover;object-position: bottom;}
.gallery-section .gallery-lists .gallery-item .text{text-align: center;font-size: 15px;font-weight: 500;line-height: 1.4;padding: 10px 20px;}

.contact-info-section{padding: 60px 0;}
.contact-info-section .title{font-size: 25px;font-weight: 600;color: var(--primaryColor);margin-bottom: 25px;}
.contact-info-section .form-content{padding: 35px;}
.contact-info-section .form-content .action-btn{background-color: var(--primaryColor);border: none;padding: 10px 15px;border-radius: 6px;text-transform: capitalize;color: var(--lightColor);font-size: 18px;}

.contact-info-section .contact-item{     border: 1px solid #dadada5c;
    padding: 25px 20px;
    text-align: center;
    border-radius: 12px;
    box-shadow: 10px 10px 10px #dadada42;
    min-height: 290px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
.contact-info-section .contact-item .icon{width: 80px;height: 80px;background-color: var(--primaryColor);color: var(--lightColor);display: flex;align-items: center;justify-content: center;border-radius: 50%;margin: 0 auto;font-size: 30px;}
.contact-info-section .contact-item .title{font-size: 22px;line-height: 1.4;margin-top: 12px;}
.contact-info-section .contact-item p{font-size: 16px;font-weight: 500;line-height: 1.4;}

.grid-wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-rows: 150px;
  grid-auto-flow: dense;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-left: -2px;
}
.grid-wrapper .tall {
  grid-row: span 2;
}
.grid-wrapper>a {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  background: #aaa;
}
.stop-marquee {
  -webkit-animation: mark 20s linear infinite !important;
  animation: mark 20s linear infinite !important;
}
.grid-wrapper a img {
  width: 100%;
  height: 100%;
  object-fit: cover ! important;
  border-radius: 5px;
  transition: transform .9s;
  background: #eee;
}
.product-section .nav-item .nav-link{text-transform:capitalize !important;}
.breadcrumb-section .breadcrumb{margin-bottom: 0;}
/* ********|| RESPONSIVE STARTS ||******** */

@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 1024px) {
  header .contact .contact-link .title, header .social .social-label{
    font-size: 14px;
}
header .responsive-action {
    display: block;
}
header .responsive-action .btn-menu {
    justify-content: flex-end;
}
/* header .navigation-menu > li.active .menu-link {
    background-color: var(--secondaryColor);
} */
header .navigation-menu > li .menu-link span, header .navigation-menu > li .menu-link {
    /* color: var(--secondaryColor); */
    justify-content: flex-start;
}
header .navigation-wrap.active {
    transform: translateX(0%);
}
header .navigation-wrap {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 11;
    background-color: #fff;
    height: 100%;
    width: 300px;
    box-shadow: 2px 0 10px rgb(0 0 0 / 10%);
    padding: 15px 0;
    transform: translateX(110%);
    transition: all 0.4s ease;
}
header .navigation-menu {
    display: block;
}
header .navigation-wrap{
    display: block;
}
 header .navigation-menu > li .menu-link{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
header .navigation{
    justify-content: flex-end;
}
header .call-to-action{
    margin: 20px 0 0 0px;
    padding: 0;
}
header .call-to-action .btn-ctn{
    padding: 13px 55px;
}
header .navigation-menu > li .menu-link{
    font-size: 14px;
}
header .navigation-menu .dropdown .dropdown-toggle::after{
    right: 12px;
}
header .bottom-header{
    padding: 0;
}

header .brand{max-width: 250px;}

.banner-section , .banner-section .swiper{height: auto;padding: 0 !important;}
.product-section .title , .title , .car-section .content-part .title-part, .metal-section .title-part, .cta-section .inner-content h1, .product-details .product-title, .about-us-section .content-part .title, .product-lists-part .category-name{font-size: 22px !important;line-height: 1.4;font-weight: 600;}
.product-section .des , .des, .product-details .product-description .text-description p, .about-us-section .content-part p{font-size: 14px;}

.default-btn{font-size: 14px;}
section{padding: 20px  0 !important;}

.product-section .nav-tabs{width: 100%;margin: 0;}
.product-section .nav-item{margin-bottom: 10px;}
.product-section .nav-link{font-size: 13px;margin: 0 4px;}
.product-section .product-part .sub-text{text-align: center;}
.product-section .product-part .title{font-size: 14px !important;text-align: center;}
.product-section .product-lists{margin: 0;}
.product-section .product-lists .product-item{width: 100%;max-width: calc(100% - 10px);}
.product-section .product-lists .product-item .text-part .name{font-size: 20px;}

.single-product-section .product-details{padding: 20px !important;}
.single-product-section .product-details .product-details-info .details-lists .data-item .text , .product-details .details-lists .data-item .text{font-size: 14px;width: 190px;}
.single-product-section .product-details .product-details-info .details-lists .data-item .data, .product-details .details-lists .data-item .data{font-size: 14px;max-width: calc(100% - 190px);}
.single-product-section .product-details .product-details-info .details-lists .data-item{margin-top: 12px;}
.banner-section .swiper-pagination{bottom: 3px !important;}
.other-feature-part .part-feature .img-wrap{height: 300px;}
.equipment-section .nav-pills{margin-top: 0 !important;}
.equipment-section .nav-item{margin-top: 10px !important;}
.equipment-section .nav-link{font-size: 13px !important;}
.equipment-section .eqipment-content{margin-top: 10px;}
.equipment-section .eqipment-content .content-part{padding: 20px;}
.equipment-section .eqipment-content .data-lists .data-item{flex-wrap:wrap;align-items: self-start;} 
.equipment-section .eqipment-content .data-lists .data-item .icon{width:50px;height:50px;}
.equipment-section .eqipment-content .data-lists .data-item .text-part{max-width: calc(100% - 60px);}
.equipment-section .eqipment-content .data-lists .data-item .text-part .item-title{font-size: 18px;}

.traffic-section{margin-top: 0;}
.traffic-section .content-part .title-part{font-size: 25px;margin-top: 15px;}

.car-section .outside-image, .metal-section .outside-image{width: 100%;position: relative;height: 360px;}
.car-section .content-part{padding: 30px 0;}

.metal-section .outside-image{margin-top: 15px;}
.metal-section .progress-bar-group{flex-wrap: wrap;}
.metal-section .progress{margin: 4px;width: 60px;height: 60px;font-size: 20px;}
.metal-section .progress-bar-group .progress-item+ .progress-item{margin-left: 23px;}
.metal-section .progress-bar-group .progress-item .text{font-size: 12px;}
.metal-section .progress .title{font-size: 13px !important;}
.product-slider-section .product-item{padding: 10px 45px;}

.cta-section .inner-content{flex-wrap: wrap;justify-content: center ;}
.cta-section .inner-content .btn-start{padding: 10px 20px;}


.footer-links{margin-top: 20px;}
footer .footer-title{margin-bottom: 15px;}

.dropdown .dropdown-menu{width: 100%;}
header .dropdown-menu .dropdown-item{
  word-break: break-word;
  width: 280px;
  white-space: break-spaces;
}
.gallery-section .gallery-lists .gallery-item .img-wrap{height: 160px;}
.gallery-section .title{margin-bottom: 10px;}
.gallery-section .gallery-lists .gallery-item {width: 50%;max-width: calc(50% - 20px);}

.manufacturing .product-lists-part .product-lists .product-item, .related-product-section .product-lists .product-item, .product-lists-part .product-lists .product-item{width: 100%;max-width: 100%;}
footer .copy-content{text-align: center;}
footer .footer-links .contact-info .link-item .icon{height: 40px;}

.manufacturing .category-name{margin: 20px 0 25px;font-size: 20px;}

.product-details-content-part{flex-wrap: wrap;}
.product-details .product-details-content-part .product-content{margin-left: 0;max-width:100%;margin-top: 20px;}

.product-details{padding: 0px 0 30px !important;}
.product-details .product-image-content{width: 100%;position: unset;}
.product-details .product-image-slider .productimagesSwiper .item{height: 330px;}

.common-banner .content{height: 50px;justify-content: center;}
.common-banner .content .title{font-size: 30px;text-align: center;}

.product-details .product-description{padding: 20px 0;}

.swiper-button-next:after, .swiper-button-prev:after{font-size: 25px;}

.product-lists-section .product-filter{position: relative;top: unset;}
.product-lists-section .filter-lists .filter-part .category-text{font-size: 15px;}
.product-lists-section .filter-lists .filter-part .sub-cat{margin-top: 10px;}
.product-lists-section .filter-lists .filter-part .sub-cat .sub-cat-item+ .sub-cat-item{margin-top: 5px;}
.product-lists-section .filter-lists .filter-part .sub-cat .sub-cat-item a{font-size: 12px;}

.product-lists-section .product-lists-part{padding-left: unset;margin-top: 20px;max-width: 100%;}
.product-lists-section .product-filter .filter-text{margin-bottom: 10px;}

}


.category-card {
            position: relative;
            color: white;
            text-align: center;
            overflow: hidden;
        }
        .category-card img {
            width: 100%;
            height: 300px;
            object-fit: cover;
        }
        .category-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /*background: rgba(0, 0, 0, 0.5);*/
        }
@media screen and (max-width: 990px) and (orientation: landscape){

}
@media screen and (max-width: 767px) {
	
}
@media screen and (max-width: 767px)  and (orientation: landscape){

}
@media screen and (max-width: 600px) {

}
@media screen and (max-width: 480px) {

	
}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {

}
/* ********|| RESPONSIVE ENDS ||******** */