a , .headerOuter, .headerLogo img, input {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

:root {
    --black: #0000;
    --white: #ffffff;
    --gray: #919191;
    --blue: #0b5395; 
    --green: #6a983d; 
    
    --bs-font-jost: 'Jost', sans-serif;;
}

body {
    font-family: var(--bs-font-jost);
    font-size: 20px;
    color: var(--gray);
    letter-spacing: 0.5px;
}

.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48
  }

  


  /* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
  }
  


  .material-icons {
    text-rendering: optimizeLegibility;
}

.miniTop a::before
{
    font-family: "Material Icons";
    content: "\f1e1";
    display: inline-block;

}



input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


.vc_row { margin: 0 auto; max-width: 1280px;}
  .vc_row[data-vc-full-width] {
    position: relative;
    width: 100vw !important;
    /* max-width: fit-content !important; */
  right: 50% !important;
  left: auto !important;
  transform: translateX(50%) !important;
  padding-left: calc( (100vw - 1280px) / 2 ) !important;
  padding-right: calc( (100vw - 1280px) / 2 ) !important;
  }
  .vc_row[data-vc-stretch-content]

  {
  position: relative;
  width: 100vw !important;
  right: 0 !important;
  left: auto !important;
  transform: translateX(0%) !important;
  padding-left:0px !important;
  padding-right: 0px !important;
  -webkit-transform: translateX(0%) !important;
  -moz-transform: translateX(0%) !important;
  -ms-transform: translateX(0%) !important;
  -o-transform: translateX(0%) !important;
}
  
  @media(max-width:767px){
    .vc_row[data-vc-full-width] {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    }
  }

  ::-webkit-scrollbar {
    width: 15px;
    height: 10px;
}

.evoluationsOuter ::-webkit-scrollbar {
    width: 15px;
    height: 10px;
}

.evoluationsOuter::-webkit-scrollbar-thumb {
    border-radius: 10px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #1c427d;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #1c427d;
}

.overbtn  {  background:none !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; border-radius: none; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none;  border: none !important;}
.overbtn  a {background:none !important; width: 100%; height: 100%; text-indent: -2000000px;  border: none !important;} 

.headerIn { display: grid; grid-template-columns: 150px 1fr ; justify-content: flex-end; align-items: center; }
button.navbar-toggler, .navbar-brand { display: none;}



.headerRight { display: flex; justify-content: flex-end; align-items: center;}
.phone, .topContact { display: flex; gap: 20px; }
.phone a {color: var(--gray); text-decoration: none; text-transform: uppercase;}
.nav-item a { color:var(--blue) !important; text-transform: uppercase; }
.topBtn a, .enquerybtn a  { background: var(--blue); color: var(--white); border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
  padding: 10px 30px; text-decoration: none; text-transform: uppercase;
  font-size: 16px;


}
.headerOuter { padding: 22px  0; font-size: 16px; position: fixed; left: 0;right: 0; top: 0; background: var(--white); z-index:500; }

.bannerOuter { padding-top: 120px;}

.headerOuter.sticky {padding: 5px  0;  }



.topBtn a:hover, .enquerybtn a:hover, .footerform input.submit:hover { background: var(--green) ;}
.modal-body input, .modal-body select, textarea { border: solid 1px #c8c8c8; width: 100%; padding: 7px 15px;}
.modal-body .col-lg-6 { margin-bottom: 15px;}
input.submit { background: var(--blue); border: none; color: var(--white);}
h5.modal-title { color: var(--blue);}
.bannerOuter { background: url(../images/banner.jpg) no-repeat; height: 600px; display: flex; align-items: center;}
.bannerText h1 { font-size: 60px; color: #fff; text-transform: uppercase; font-weight:600; }
.bannerText h1 span { font-size: 20px; display: flex; }
.bannerBtn { margin:30px 0 ;}
.bannerBtn a:nth-child(2) { background: none; border: solid 1px var(--white);}
.bannerBtn a{ font-size: 16px; text-transform: uppercase;  border: solid 1px var(--blue); text-decoration: none; padding: 10px 30px;  background: var(--blue); color: var(--white); border-radius: 50px; -webkit-border-radius: 50px; 
  
  -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; letter-spacing: 1.2px; }
.AboutSection { padding: 50px 0;} 
.bannerBtn a:hover{ background: var(--green); border: solid 1px var(--green);}
h2 span { color: var(--gray); font-size: 20px; display: block;}   
h2 { color: var(--blue); font-size: 25px; text-transform: uppercase;}
.AboutSection ul { margin: 0; padding: 0;}
.AboutSection ul li { list-style: none; background: url(../images/arrow.jpg)  no-repeat  left 17px;  padding: 10px 0 10px 25px ;}
.AboutSection .row { align-items: center;}
.producstsection { background: #f4f4f4; padding: 70px 0;}
.producstsection h2 { text-align: center; padding: 30px 0  60px 0 ;}
.productList { display: grid; grid-template-columns: 1fr  1fr 1fr; gap: 30px;}
.pname { text-align: center;  color: var(--blue); padding-top: 7px;}

.productList { padding: 0 0 0 0;}
.producstsection { position: relative;}
.producstsection::before { position: absolute; content: ""; background: url(../images/pettern01.png) no-repeat; display: block; left: 0; top: 0; width: 583px; height: 636px;}
.producstsection .container { z-index: 100; position: relative;}
.productList img { width: 100%; height: auto;}
.productApplicatin { background: url(../images/applicationbg.jpg) no-repeat center center ; background-size: cover; display: flex; align-items: center; padding: 100px 0;}
.applicatinListing { padding: 50px; width: 1020px; margin: auto; background: rgba(255, 255, 255, 0.9);}
.applicatinListing ul { margin: 0; padding: 0; font-weight: 400;}
.applicatinListing li { display: grid; grid-template-columns: 1fr 1fr; list-style: none; background: #fff url(../images/arrow.jpg) no-repeat 15px 18px; margin-bottom: 5px; padding: 12px 40px;}
.applicatinListing li span, .applicatinListing li b { font-size: 18px; font-weight: normal;}
.applicatinListing li b { color: var(--blue);}
.applicatinListing h2 { text-align: center; padding-bottom: 30px;}
.whychoose { text-align: center;}
.whychoose { padding: 100px 0;}
.requestcall { background: #f4f4f4;}
.requestcall { display: grid; grid-template-columns: 1fr 1fr;}
.formTitle { font-size: 25px; color: var(--blue); padding-bottom: 30px; font-weight: bold;}
.footerform { text-align: left; padding: 40px;}
.footerform input, .footerform select { width: 100%; background: #fff; padding: 15px 15px; border: none; margin-bottom: 10px; font-size: 16px;}
.footerform input.submit { background: var(--blue); width: auto; padding: 15px 30px}
.footerOuter { background: url(../images/footerbg.jpg) repeat-x left bottom;}
.footerContact { color: #fff; display: grid; grid-template-columns: 1fr 1fr 43%; font-size: 16px; text-align: left; padding: 80px 0 ;}
.footerContact span { display: block; text-transform: uppercase;}
.footerContact a { color: #fff; text-decoration: none; }
.footerIn { display: grid; grid-template-columns: 1fr 1fr; justify-content: space-evenly; align-items: center; padding: 15px 0;}
.copyright { background: #044581;}
.footerMenu ul { margin: 0; padding: 0; display: flex;}
.footerMenu ul li { list-style: none; padding: 10px 0 ;}
.footerMenu ul li a { text-decoration: none; padding: 0 10px;}
.copyright, .footerMenu a { color: #fff; font-size: 16px;}
.copytext {text-align: right;}
.footerContact p { margin: 0;}

button.btn-close { color: red !important;} 
.modal-content select, .modal-content input, .modal-content label {  font-size: 16px;}

.innerHeader { background: #044581 !important; padding: 150px 0 30px 0;}
.innerHeader h1 { color: var(--white); font-size: 24px;}
/* .producstsection { margin-bottom: 100px;} */

.enquerybtn   { margin: 55px 0 0 0; display: flex; justify-content: center;}

.contactUspage { padding: 40px  0;}
.contactUspage .container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}

.conBox { border: solid 1px #c8c8c8; padding: 50px 20px; text-align: center; font-size: 16px;}
.conBox a { color: var(--gray);}
.conBox span { font-size: 35px; color: var(--blue);}
.conatctTitle { font-weight: bold; font-size: 18px; color: var(--blue);}
.headerLogo img  { width: 139px;}
.headerOuter.sticky .headerLogo img { width: 80px;}
.tac { text-align: center;}
.MANUFACTURINGSection { padding: 70px 0 ; background: #f8fcff; margin-bottom: 100px;}
.MANUFACTURINGSection ul { margin: 20px 0 0 0; padding: 0;}
.MANUFACTURINGSection ul.none { margin: 0px 0 0 0; padding: 0;}
.MANUFACTURINGSection li { display: block; grid-template-columns:  1fr; list-style: none; background:  url(../images/arrow.jpg) no-repeat 15px 18px; margin-bottom: 5px; padding: 12px 40px;}
.MANUFACTURINGSection img { width: 100%;}
.mobileTop, .phone { display: none;}