* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-font-smotthing: antialiased;
  }
  
  html {
    scroll-behavior: smooth;
  }
  

  body{
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
  }
  


  .navbar-toggler:focus,
  .navbar-toggler:active,
  .navbar-toggler-icon:focus {
    outline: none !important;
    box-shadow: none !important ;
    border: 0 !important;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  p,
  a,
  ul,
  li {
    padding: 0;
    margin: 0;
  }
  
  a {
    text-decoration: none;
  }
  
/* =================================== navbar ====================================================== */
.hide{
  overflow: hidden;
}



.arrow {
  position: fixed;
  bottom: 80px;
  right: 27px;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 1000;
}
.arrow i {
  font-size: 2.3rem;
  color: #0474ad;
  cursor: pointer;
}

.arrow.arrow-show {
  opacity: 1;
}


.arrow-1 {
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 1;
  transition: all 0.3s ease;
  z-index: 1000;
}





nav .header-search{
  z-index: 1000;
  position: absolute;
  transition: all 0.5s ease;
  text-align: center;
  position: fixed;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  width: 0%;
  height: 0%;
  opacity: 0;
  pointer-events:none;
  transition: opacity 0.15s ease-out, width 0s linear 0.15s, height 0s linear 0.15s;
}

nav .header-search .fa-times{
  position: absolute;
  right: 5rem;
  top: 2rem;
  font-size: 25px;
  color: #0774AB;
  background-color: #e3e7f2;
  cursor: pointer;
  padding: 0.5rem;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

nav .hide-search{
  opacity: 1;
  pointer-events: all;
  width: 100%;
  height: 100%;
  transition: opacity 0.15s ease-out;
}


.wrapper{
  max-width: 600px;
  margin: 150px auto;
}
.wrapper .search-input{
  background: #fff;
  width: 100%;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
}
.search-input input{
  height: 55px;
  width: 100%;
  outline: none;
  border: none;
  border-radius: 0;
  padding: 0 60px 0 20px;
  font-size: 18px;
  box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.search-input .suggestion-box{
  padding-left: 20px;
  padding-top: 10px;
  pointer-events: none;
  max-height: auto;
  overflow-y: auto;
  color: #000 !important;
  text-align: left;
}


.search-input .btn-s{
  position: absolute;
  right: 0px;
  top: 0px;
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 55px;
  font-size: 20px;
  color: #035F8D;
  cursor: pointer;
  border: 0;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  
 }
 
 .search-input .btn-s:hover{
 
   background-color: #0774AB;
 }
 
 .search-input .btn-s:hover i{
 
   color: #fff;
 }
 
nav .box{
  cursor: pointer;
}


nav{
  background-color: white;
  height: max-content;
  font-family: 'Roboto Condensed', sans-serif;
  
}

nav .fa-bars{
  font-size: 2rem;
  color: #153f7c;
}



nav .dropdown-item{
  transition:all 0.3s ease !important;
  -webkit-transition:all 0.3s ease !important;
  -moz-transition:all 0.3s ease !important;
  -ms-transition:all 0.3s ease !important;
  -o-transition:all 0.3s ease !important;
  /* margin-bottom: 0.5rem; */
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 0.5rem 1.5rem;

}

nav .dropdown-item:hover{
    background-color: transparent;

 }


nav .dropdown:hover>.dropdown-menu{
  display: block;
  top: 60px !important;
}

nav .box{

 background-color: #e3e7f2;
 padding: 12px;
 color: #365d9f;
 font-size: 14px;

}



nav .nav-link{
  padding: 1.5rem 0.5rem;
}


nav a{
  font-family: 'Roboto Condensed', sans-serif;
 color: #035f8d !important;
 font-weight: bold !important;
 font-size: 17px;

}

nav .container-fluid{

  padding: 0 4rem;

}

nav img{

  width: 80%;
  object-fit: contain;

}


nav .width{
width: 20% !important;
}

nav .margin{
  margin-left: 2rem;
  position: relative;
}

nav .nav-link{
  margin-left: 1rem;
}

nav li a{
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 17px;
  font-weight: bold;
}

/* =================================== navbar end====================================================== */



/* =================================== banner Section ==================================== */

  section.hero_section .slider-bg{
     width: 100%;
     height: 89vh;
     background-position: center;
     background-repeat: no-repeat !important;
     background-size: cover;
}

/* =================================== banner Section ==================================== */





/* ================================ product section ==================== */

section.products h2{

  color: #035f8d;
  font-weight: 700;

  font-size: 35px;
}



section.products .product-bg{
  height: 310px;
  background-image: url("../img/pro1.png");
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;


}
section.products .product-bg2{
  height: 310px;
  background-image: url("../img/pro8.png");
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;

}
section.products .product-bg3{
  height: 310px;
  background-image: url("../img/pro6.png");
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

section.products .product-bg4{
  height: 290px;
  background-image: url("../img/pro3.png");
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
section.products .product-bg5{
  height: 290px;
  background-image: url("../img/pro7.png");
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
section.products .product-bg6{
  height: 290px;
  background-image: url("../img/pro4.png");
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

section.products .product-bg7{
  height: 310px;
  background-image: url("../img/pro10.png");
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
section.products .product-bg8{
  height: 310px;
  background-image: url("../img/pro2.png");
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}



section.products .product-bg .box ,section.products .product-bg2 .box,section.products .product-bg3 .box , section.products .product-bg4 .box ,section.products .product-bg5 .box ,section.products .product-bg6 .box , section.products .product-bg7 .box  , section.products .product-bg8 .box   {
 display: block;
 background-color: #035f8d;
 color: #fff;
 width: 100%;
 text-align: center;
 height: 60px;
 position: absolute;
 bottom: 0;
 left: 0;
 transition: all 0.5s ease 0s;
 -webkit-transition: all 0.5s ease 0s;
 -moz-transition: all 0.5s ease 0s;
 -ms-transition: all 0.5s ease 0s;
 -o-transition: all 0.5s ease 0s;
 overflow: hidden;
 display: flex;
 justify-content: center;
 align-items: center;

}


section.products a{
  color: #fff;
 
  font-weight: 300 !important  ;
}


section.products .product-bg span  , section.products .product-bg2 span , section.products .product-bg3 span , section.products .product-bg4 span , section.products .product-bg5 span, section.products .product-bg6 span , section.products .product-bg7 span ,section.products .product-bg8 span { 

  cursor: pointer;
  font-size: 20px;
  font-weight: 300 !important  ;
  
}


section.products .product-bg:hover .box ,section.products .product-bg2:hover .box,section.products .product-bg3:hover .box {
  height: 100%;
  opacity: 1;
  background-color: #035f8d;
  opacity: 0.9;
}

section.products .product-bg:hover span ,section.products .product-bg2:hover span,section.products .product-bg3:hover span , section.products .product-bg4:hover span, section.products .product-bg5:hover span,section.products .product-bg6:hover span , section.products .product-bg7:hover span , section.products .product-bg8:hover span{

  opacity: 1;
  font-size: 1.4rem;

}




section.products .product-bg4:hover .box ,section.products .product-bg5:hover .box, section.products .product-bg6:hover .box ,section.products .product-bg7:hover .box ,section.products .product-bg8:hover .box {
  height: 100%;
  opacity: 1;
  background-color: #035f8d;
  opacity: 0.9;

}

/* ================================ product section end ==================== */


/* ================================ video section ==================== */


section.videos iframe{
  width: 100%;
  height: 600px;
}


/* owl styling */


#video .owl-nav {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
}


#video .owl-nav .owl-prev span {
  border-radius: 50%;
  position: absolute;
  top: -50px;
  left: -80px;
  color: #153f7c;
  font-size: 5rem;
}
#video .owl-nav .owl-next span {
  border-radius: 50%;
  position: absolute;
  top: -50px;
  right: -80px;
  color: #153f7c;
  font-size: 5rem;
}


#video .owl-dots {
  position: relative;
  bottom: -28px;
  display: block;
}

 #video .owl-dots span {
  background-color: #035f8d;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #041835 !important ;
} 
/* owl styling  end*/





/* ================================ video section ==================== */



/* ================================ certified section ==================== */

section.certified{
  background-color: #ebebeb;
  padding: 5rem 0;
} 


section.certified .content{
  color: #035f8d;
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  
} 

section.certified .content span{
padding-left: 3rem;
font-size: 50px;
font-weight: 700;
line-height: 55px;
} 


section.certified .certified-img{
width: 100%;


} 


/* ================================ certified  section end ==================== */



/* ================================ clints ==================== */

 
section.clients{
  padding: 3rem;
}

section.clients h2{
color: #035f8d;
font-weight: 700;
}

#client .item{

display: flex;
align-items: center;
height: 200px;

}



#client .owl-nav {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: none;
}


#client .owl-nav .owl-prev span {
  border-radius: 50%;
  position: absolute;
  top: -50px;
  left: -60px;
  color: #153f7c;
  font-size: 5rem;
}
#client .owl-nav .owl-next span {
  border-radius: 50%;
  position: absolute;
  top: -50px;
  right: -60px;
  color: #153f7c;
  font-size: 5rem;
}


#client .owl-dots {
  position: relative;
  bottom: -48px;
  display: block;
}


/* ================================ clients end ==================== */


/* ========================== footer ==================================== */

footer{
  background-color: #153f7c;
  height: max-content;
  margin-top: 5rem;
}


footer ul li{
  margin-left: 1.2rem;
  font-size: 12px !important;
  list-style: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .ul{
  display: flex;
justify-content: center;
align-items: center;
color: #fff;
flex-wrap: wrap;
}


footer .last-heading{
  color: #fff;

}

footer ul{
  text-align: center;
}
footer .container-fluid{
  padding: 1.5rem 0;
}

footer .grid{

display: grid;
grid-template-columns: repeat(3,1fr);
max-width: 95%;
margin: 0 auto;
justify-content: center;
/* align-items: center; */
color: #fff;
height: 189px;
}

footer .img-main-logo{

width: 50%;
  
  }

footer .img2-logo{

width: 80%;
  
  }


footer h2{
font-size: 25px;
/* height: 200px; */
}


footer .btn2{
  width: 270px;
  height: 35px;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  background-color: #035f8d;
  color: #fff;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  position: absolute;
  bottom: 0;
}

footer .btn2:hover{

background-color: #365d9f ;

}

footer .subscribe{
  display: grid;
  grid-template-columns: 0.3fr 1fr 70px;
align-items: center;
position: absolute;
width: 100%;
bottom: 0;
}

footer .subscribe input{
padding-left: 0.5rem;
height: 35px;
border: 0;
outline: none;
}

footer .subscribe input{
padding-left: 0.5rem;
height: 35px;
border: 0;
}

footer .subscribe .btn-1{
   background-color: #9C9C9C !important;
   height: 35px;
   width: 60px;
   border-radius: 0 !important;
   -webkit-border-radius: 0 !important;
   -moz-border-radius: 0 !important;
   -ms-border-radius: 0 !important;
   -o-border-radius: 0 !important;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -ms-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   border: 0;
}


footer .subscribe .btn-1:hover{
  background-color: #028FD6 !important;
  color: #fff;
  border: 0;

}

footer .subscribe .sub{
   font-weight: 500;
}


footer .blue-box{
  width: 100%;
  height: 30px;
  max-height: max-content;
  background-color: #035f8d;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.1rem;
}

footer .blue-box h5{
line-height: 12px;
font-size: 12px;
}


footer .cricle{
  width: 6px;
  border-radius: 50%;
  height: 6px;
  display: block;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 0.5rem;
}


footer .lines{
  opacity: 1;
  background-color: #e3e7f2;
  max-width: 98%;
  height: 0.5px;
  margin: 1.5rem auto;
  
}
footer .icon{
  position: absolute;
  width: 100%;
  bottom: 0;
}




footer .margin{
  margin-top: 29px !important;
}


footer .link-color{
color: #fff;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}

footer .link-color:hover{
color: #028FD6;
}

/* ========================== footer end ==================================== */


/* ==========================  about us  ==================================== */

section.aboutus-page-banner{

  background-image: linear-gradient(rgba(9, 34, 66, 0.6) , rgba(27, 31, 162, 0.6)), url("../img/about\ us\ banner.jpg");
  padding-top: 35%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  }
  
  

section.aboutus-page-banner h1{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  color: #fff;
   
}


  

section.about_us{
  margin-top: 5rem;

}


section.about_us h2 , section.quality h2 , section.quality h2 , section.why_us h2 {
 font-size: 34px;
 font-weight: bold !important;
 font-family: 'Roboto Condensed', sans-serif;
 color: #035F8D;
 
}

section.about_us h6{
 font-size: 19px;
 font-weight: 300;
 color: #153f7c;
}

section.about_us p{
 font-size: 17px;
 font-weight: 400;
 line-height: 32px;
}
/* 
section.why_us{

} */



section.why_us p{
 font-size: 17px;
 font-weight: 400;
 line-height: 32px;
}

section.why_us ul li{
 font-size: 17px;
 font-weight: 400;
}

section.why_us ul {
padding-left: 1rem;
}


section.quality p {
padding-right: 2rem;
font-size: 17px;
font-weight: 400;
line-height: 32px;
}


/* ========================== about us end ==================================== */

/* ========================== products page  ==================================== */

section.products-show h2{
  color: #035f8d;
  font-weight: 700;
  font-size: 30px;
}


section.products-show .lines{
  color: #028FD6;
  height: 3px;
  opacity: 1;
  width: 10%;
}


section.products-show .img-box{
  width:100%;
  text-align: center;
  margin-bottom: 1rem;  
}

section.products-show img{
  width: 100%;
  height: 284px;
  
  object-fit: contain;
}

section.category-show img{
  width: 100%;
  height: 164px;
  
  object-fit: contain;
}

section.category-show h4 {
    color: #000;
    text-align: center;
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: 600;
}

section.category-show .product-box1 {
    background: #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 16%);
    width: 100%;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    height: 200px;
}

section.category-show .product-box1 .overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1%;
    background-color: #035f8d;
    opacity: 0;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

section.category-show .product-box1:hover .overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #035f8d;
    opacity: 0.9;
}

section.category-show .product-box1 .button {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    opacity: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

section.category-show .btn-product {
    width: 200px;
    height: 40px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

section.category-show .product-box1:hover .button {
    opacity: 1;
}

section.category-show h2 {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
}

section.category-show .lines {
    color: #fff;
    height: 3px;
    opacity: 1;
    width: 10%;
}

.category-show{background: #035f8d;
    padding: 0px 0 40px;
}
    
section.products-show h4{
  color: #035f8d;
   text-align: center;
   margin-bottom: 1rem;
   font-size: 18px;
}

section.products-show p{
 text-align: left;
 margin-bottom: 1rem;
}

section.products-show p span{
 color: #747474;
}

section.products-show .product-box{
 border: 1px solid #9C9C9C;
 border-radius: 15px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 -ms-border-radius: 15px;
 -o-border-radius: 15px;
 box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
 width: 100%;
 position: relative;
 max-width: 90%;
 margin: 0 auto;
 transition: all 0.3s ease 0s;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
}

section.products-show .quick_links {
    border: 1px solid #03537b;
 border-radius: 15px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 -ms-border-radius: 15px;
 -o-border-radius: 15px;
 box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
 
 position: relative;
 max-width: 90%;
 margin: 0 auto;
 transition: all 0.3s ease 0s;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
}


section.products-show .product-box1{
  border: 1px solid #9C9C9C;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
  width: 100%;
  position: relative;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
 }
 
 




section.products-show .product-box .overlay{
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 1%;
   background-color:#035f8d;
   opacity: 0;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -ms-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
}


section.products-show .product-box1 .overlay{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1%;
  background-color:#035f8d;
  opacity: 0;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}



section.products-show .product-box .button{
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
   opacity: 0;

   transition: all 0.3s ease 0s; 
   -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s; 
    -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;


}


section.products-show .product-box1 .button{
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
   opacity: 0;

   transition: all 0.3s ease 0s; 
   -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s; 
    -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;


}


section.products-show .btn-product{
 
  width: 200px;
  height: 40px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;

}


section.products-show .product-box:hover .button{
opacity: 1;
}

section.products-show .product-box:hover .overlay{
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background-color:#035f8d;
opacity: 0.9;
} 


section.products-show .product-box1:hover .button{
opacity: 1;
}

section.products-show .product-box1:hover .overlay{
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background-color:#035f8d;
opacity: 0.9;
} 

 






/* ==========================  products page end ==================================== */



/* ==========================  product details section ==================================== */



.nav-lines{
  opacity: 1;
  background-color: #035F8D;
  width: 94%;
  margin: 0 auto;

}

.breadcrumb li a{
 color: #1E7099 !important; 
}


section.product-img-gallery .btn-360{

position: absolute;
z-index: 100;
left: 30px;
top: 0;

}
section.product-img-gallery .btn-360 img{

width: 50%;

}


section.product-img-gallery h2{
  color: #035F8D;
  font-weight: bold;
}
section.product-img-gallery .lines{
opacity: 1;
width: 8%;
height: 3px;
background-color: #028FD6;
}

section.product-img-gallery h5{
  color: #035F8D;
  margin-bottom: 0.5rem;
}

section.product-img-gallery p{

  font-size: 16px;
  font-weight: 400;
}

section.product-img-gallery .part-line{
  opacity: 1;
  width: 12%;
  height: 1px !important;
  background-color: #035F8D;
  margin: 0.8rem 0;  
}




section.product-img-gallery .feature p {
  font-size: 12px;
  margin-top: 0.5rem;
  
}

section.product-img-gallery .feature .resize {
 text-align: center;

}

section.product-img-gallery .submit-btn {

  display: flex;

}

section.product-img-gallery .submit-btn button {
  width: 180px;
  height: 42px;
  background-color: #0774AB;
  color: #fff;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

section.product-img-gallery .submit-btn .btn-color {
  background-color: #66A0BD;
}



section.product-img-gallery .submit-btn button:hover {


background-color: transparent;
border: 1px solid #035F8D;
color: #035F8D;


}




#similarProduct .owl-nav {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: none !important;
}



#similarProduct .owl-dots {
  position: relative;
  bottom: -28px;
  display: block;
}

#similarProduct .owl-dots span {
  background-color: #83d6ff;
}


/* ==========================  products details end ==================================== */



/* ==========================  Contact Us Page ==================================== */




section.contactus-page-banner{

background-image: linear-gradient(rgba(9, 34, 66, 0.4) , rgba(27, 31, 162, 0.4)),url("../img/contact us banner.jpg");
padding-top: 35%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}


section.contactus-page-banner h1{
  position: absolute;
  
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  color: #fff;
  
}




section.contact-us h4{
  color: #fff;
  font-weight: bold;
  font-size: 28px;
}

section.contact-us .lines{
  width: 10%;
  opacity: 1;
  height: 2px;
  background-color: #fff;
  margin: 1rem auto;
}


section.contact-us i{
  color: #035f8d;
  font-size: 24px;
  margin-right: 1rem;
}


section.contact-us span{
    font-size: 18px;
}


section.contact-us p{
    font-size: 18px;
    width: 85%;
}

section.contact-us .flex{
    display: flex;
    align-items: center;
}


section.contact-us .input-box{
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
  margin-bottom: 2rem;

}


section.contact-us input{
  width: 100%;
  height: 44px;
  padding-left: 1rem;
}

section.contact-us textarea{
  width: 100%;
  height: 130px;
  padding-left: 1rem;
  padding-top: 1rem;
}


section.contact-us .btn-contact{
  width: 180px;
  height: 42px;
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}


section.contact-us .btn-contact:hover{

  border: 2px solid transparent;
  color: #035f8d;
  background-color: #fff;
 

}


section.contact-us .box{ 
  background-color: #0774AB; 
  color: #fff;
  max-width: 90%;
  margin: 0 auto;
   padding: 1.5rem; 
  border-radius: 10px; 
  -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
    -ms-border-radius: 10px;
     -o-border-radius: 10px;
     height: max-content;
}




/* ==========================  Contact Us Page end ==================================== */


/* ==========================  download  ==================================== */


section.download .flex{

 display:grid;
padding: 0.3rem;
 width: 65%;
 margin: 0 auto;
 grid-template-columns: repeat(2,1fr);
 grid-gap: 0 50px;
}

section.download .flex .card{
 width:100%;

}

section.download  h2{

color: #035f8d;

font-weight: 600;
}


section.download  h3{
color: #035f8d;
font-weight: 450;
}

section.download  .card{
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
border: 0;
padding: 0.5rem 0.5rem;
}

section.download  .card button{ 
  width: 50%;
  height: 42px;
  background-color: #0774AB;
  color: #fff;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  margin: 0 auto;
}

section.download .card button:hover {
 color: #035f8d;
 background-color: transparent;
 border: 1px solid #0774AB;
}



section.download .card button:hover {
 color: #035f8d;
 background-color: transparent;
 border: 1px solid #0774AB;
}

section.download  .btn-2 , footer .btn-2 , .product-img-gallery .btn-2{ 
  width: 200px;
  height: 42px;
  background-color: #66A0BD;
  color: #fff;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  margin: 0 auto;
}





section.download  .btn-1 , footer .btn-1 , .product-img-gallery .btn-1{ 
  width: 200px;
  height: 42px;
  background-color: #0774AB;
  color: #fff;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  margin: 0 auto;
}




section.download .btn-2:hover , footer .btn-2:hover , .product-img-gallery .btn-2:hover{
  color: #035f8d;
  background-color: transparent;
  border: 1px solid #66A0BD;
 }


 section.download .btn-1:hover , footer .btn-1:hover , .product-img-gallery .btn-1:hover{
  color: #0774AB;
  background-color: transparent;
  border: 1px solid #66A0BD;
 }




section.download  .box , footer .box .product-img-gallery .box{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem;
 }

section.download  .input-box , footer .input-box , .product-img-gallery .input-box{
 width: 100%;
 max-width: 90%;
 margin: 0 auto;
 margin-bottom: 1.5rem;
 }

section.download  .input-box input , .product-img-gallery .input-box input{

  width: 100%;
  padding-left: 1rem;
  height: 45px;
 
 }

 footer .input-box input{
  border: 1px solid #747474;
  width: 100%;
  padding-left: 1rem;
  height: 45px;
 }









/* ==========================  download Page end ==================================== */



/* ==========================  media page ==================================== */


section.media{
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}


section.media .box{
 position: relative;
 transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 overflow: hidden;
}
  

section.media .overlay{
    background-color:   #000;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 100%;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    cursor: pointer;
}

section.media .zoom-box{
   position: absolute;
   color: #fff;
   width: 20%;
   left: 50%;
   top: 50%;
   transform: translate(-50% , -50%);
   -webkit-transform: translate(-50% , -50%);
   -moz-transform: translate(-50% , -50%);
   -ms-transform: translate(-50% , -50%);
   -o-transform: translate(-50% , -50%);
   transition: all 0.4s ease;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   cursor: pointer;
   opacity: 0;
}

section.media .zoom-box{
   position: absolute;
   color: #fff;
   width: 15%;
   left: 50%;
   top: 50%;
   transform: translate(-50% , -50%);
   -webkit-transform: translate(-50% , -50%);
   -moz-transform: translate(-50% , -50%);
   -ms-transform: translate(-50% , -50%);
   -o-transform: translate(-50% , -50%);
   opacity: 0;
}

section.media .box:hover .overlay{

opacity: 0.6;


   }
   
section.media .box:hover .zoom-box{

  opacity: 1;

   }
   
   section.media .box:hover .img{
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}


section.media .box:hover .img{
 transform: scale(1.1);
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -o-transform: scale(1.1);
}
   
 



/* ==========================  media Page end ==================================== */


















/* ================================= Media ============================================= */


@media only screen and (max-width:1730px){
  footer .btn2{
    margin-top: 24px !important;
  }
}

@media only screen and (max-width:1536px){
  footer .btn2{
    margin-top: 16px !important;
  }

  
}


@media only screen and (max-width:1390px){
  footer .icon{
    margin-top: 33px !important;
  }
}

@media only screen and (max-width:1368px) {
 
  nav .container-fluid{

    padding: 0 4rem;
  
  }

  nav{
    height: 100px;
  }
  
  nav img{
  
    width: 80%;
    object-fit: contain;
  
  }
  
  
  nav .width{
  width: 20% !important;
  }
  
  nav .margin{
    margin-left: 2rem;
  }
  

  
section.certified .content span{
  padding-left: 3rem;
  font-size: 50px;
  font-weight: 700;
  line-height: 40px;
  } 


  section.products-show img{
    width: 100%;
    height: 215px;
    object-fit: contain;
  }


  section.products-show h4{
    font-size: 15px;
  }
  

  section.download .flex{


   
    width: 70%;

   }
   

   footer .subscribe{
      grid-template-columns: 0.4fr 1fr 70px;
   }


}


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

  nav .margin{
    margin-left: 2rem;
  }
  


  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #365d9f !important ;
  } 

  


  #client .owl-dots {
    position: relative;
    bottom: -30px;
    display: block;
  }
  
   #client .owl-dots span {
  background-color: #153f7c;
}
  

footer .go{
  width: 50px;
}


#video .owl-dots {
  position: relative;
  bottom: -38px;
  display: block;
}
      
section.product-img-gallery .feature p {
  font-size: 10px !important;
  margin-top: 0.5rem;
  
}  


section.product-img-gallery h5{
 font-size: 15px;
}

section.product-img-gallery p{
  font-size: 14px;
}


section.products-show h2{
  font-size: 22px;
}


section.product-img-gallery h2{
  font-size: 22px;
}


section.about_us p{
  font-size: 15px;
}


section.why_us p{
  font-size: 15px;
}

section.why_us ul li{
  font-size: 15px;
}


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


}


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

  nav img{
  
    width: 100%;
    object-fit: contain;
  
  }
  
  
  nav .width{
  width: 15% !important;
  }
  
  section.certified .content span{

    font-size: 40px !important;
    
    }

    #video .owl-nav {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      display: none;
    }

 
    footer .img2-logo{
      width: 90%;
    }

  
}



@media only screen and (max-width:1206px) {
  
  nav .margin{
    margin-left: 0.5rem;
  }

  nav .nav-link{
    margin-left: 0.5rem;
  }
  

  

  section.hero_section .slider-bg{
    height: 70vh;
    background-size:cover;
    background-repeat: no-repeat !important;

    
}

}



@media only screen and (max-width:1150px) {
  
nav .container-fluid{
  padding: 0 1rem;
}




footer .btn2{
width: 250px;
font-size: 14px;
}




section.certified .content span{

font-size: 40px !important;
line-height: 43px ;
}

section.hero_section .slider-bg{
  height: 66vh;
  background-size:cover;
  background-repeat: no-repeat !important;
  
}


footer .icon{
  margin-top: 33px !important;
}

footer h2{
  font-size: 22px;
}

footer .subscribe{
  grid-template-columns: 0.5fr 1fr 65px;
  justify-content: center;
}

footer .sub{
  font-size: 17px;
  margin-right: 0.5rem;
}

footer .img-main-logo{
  width: 60%;
}

footer .img2-logo{
  width: 100%;
}


}


@media only screen and (max-width:1000px) {
  
nav .container-fluid{
  padding: 0 4rem;
}
  
nav img{
  
  width: 90%;
  object-fit: contain;

}


nav .nav-link{
  padding: 0.5rem 0.5rem;
}



nav .width{
width: 30% !important;
}

nav{
  height: max-content;
}


section.hero_section .slider-bg{
  height: 60vh;
  background-size:cover;
  background-repeat: no-repeat !important;
  
}


section.certified .content span{
  padding-left: 0rem;
  line-height: 37px;
  } 
  

  #client .owl-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: none;
  }
  
  

  
  #client .owl-dots {
    position: relative;
    bottom: -50px;
    display: block;
  }


 #video .owl-dots span {
  background-color: #365d9f;
}


#videos .owl-nav .owl-next span {
  display: none !important;
}





nav .fa-bars{
  font-size: 2rem;
}


section.certified .content span{

  font-size: 30px !important;
  
  }



section.products span{
  font-size: 15px !important;
}



  section.clients{
    padding: 1rem;
  }
  
  section.clients .container{
    padding: 0rem;
  }
  

section.products-show h2{
  font-size: 25px;
  text-align: center;
}

section.products-show .lines{
  margin: 0 auto;
  margin-top: 0.5rem;
}

section.products-show img{
  width: 100%;
  height: 130px;
  object-fit: contain;
}

section.products-show .product-box{
  max-width: 100%;
}

section.products-show h4{
  font-size: 13px;
}




section.products-show .btn-product{
 
  width: 130px ;
  height: 30px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-size: 12px;

}


.breadcrumb li a{
  color: #1E7099 !important; 
  margin-left: 1rem;
 }
 


 section.product-img-gallery .submit-btn {

  display: flex;
  
}

section.download .flex{


   
  width: 100%;

 }



footer .ul{
  display: grid;
  grid-template-columns: repeat(6,1fr);
  max-width: 95%;
  margin: 0 auto;
  grid-gap: 5px 0;
}

footer ul li{
  justify-content: left;
}

footer .grid{
  grid-template-columns: 1fr;
  justify-content: center;
  text-align: center !important;
  grid-gap: 50px 0;
  height: 600px;
  overflow: hidden;
}

footer .img-main-logo{
  width: 30%;
}
footer .img2-logo{
  width: 60%;
  margin-top: 0.2rem !important;
  margin-bottom: 0;
}

footer .subscribe{
  grid-template-columns: 0.4fr 1fr 0.2fr;
  max-width: 80%;
  margin: 0 auto;
  bottom: 30px;
  transform: translateX(-50%);
  left: 45%;
  font-size: 13px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}




footer .sub{
text-align: right;
margin-right: 0.8rem;
margin-bottom: 0 !important;
}

footer .btn2{
  transform: translateX(-50%);
  left: 50%;
  font-size: 13px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

footer .lines{
  margin: 0 auto;
  margin-bottom: 0.9rem;
}

}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}


}




@media only screen and (max-width:850px){
  section.hero_section .slider-bg{
    height: 35vh;
    background-size:cover;
    background-repeat: no-repeat !important;
    
  }

  footer .icon{
    margin-top: 30px !important;
  }

  footer .subscribe input{
    width: 100%;
  }

  nav .header-search .fa-times{
    right: 3rem;
    top: 2rem;
   
  }
}



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


footer .logo_img{
width: 50% !important;
}


footer .sub{

  margin-bottom: 0.5rem;
  }

footer .go{

  margin-top: 0.5rem;
  }

footer input{

width: 70%;
  }



footer .icons{

margin-top: 2rem !important;
  }


  section.products-show h2{
    font-size: 25px;
    text-align: center;
  }
  
  section.products-show .lines{
    margin: 0 auto;
    margin-top: 0.5rem;
  }
  



}


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

  section.download .flex{
   
    grid-gap:0 15px;

   }


footer .subscribe{
  grid-template-columns: 0.4fr 1fr 75px;
}




  section.products-show .product-box{
    max-width: 85%;
  }


  nav .header-search .fa-times{
    right: 2rem;
    top: 2rem;
   
  }

  footer .img-main-logo{
    width: 55%;
    /* object-fit: contain; */
  }

}


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


  
  nav img{

    width: 100%;
    object-fit: contain;
  
  }
  
  
  nav .width{
  width: 60% !important;
  }
  
 
  nav .container-fluid{
   padding: 0 1rem;
  }
  


  section.clients img{
    width: 100%;
    object-fit: contain;
  }
  
  #client .owl-dots {
    position: relative;
    bottom: -17px;
    display: block;
  }
  
   #client .owl-dots span {
  background-color: #153f7c;
}

section.videos iframe{
  width: 100%;
  height: 500px;
}





section.quality p{
  padding-right: 0;
  
}






section.products h2{

  font-size: 30px;
}

section.products span{
  font-size: 20px !important;
}



footer .last-heading{
  display: block !important;
  width: 100%;
  text-align: center;
  margin: 0.5rem 0;
}

footer .img2-logo{
  width: 95%;
  /* object-fit: contain; */
}

section.product-img-gallery .submit-btn button {
  width: 150px;
  height: 42px;
  background-color: #0774AB;
  color: #fff;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}


section.product-img-gallery .submit-btn button:hover {
 color: #035f8d;
 background-color: transparent;
 border: 1px solid #0774AB;
}



section.contact-us .input-box{
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  margin-bottom: 2rem;

}


section.aboutus-page-banner h1{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  color: #fff;
  font-size: 20px;
}


footer .ul{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  max-width: 90%;
  margin: 0 auto;
  grid-gap: 0px 0;
}

nav .header-search .wrapper{
  max-width: 95%;
}

nav .header-search .fa-times{
  right: 1rem;
  top: 2rem;
 
}


}



@media only screen and (max-width:500px) {
  section.download .flex{

    grid-template-columns: repeat(1,1fr);
    max-width: 95%;
    grid-gap: 3rem 0px;
   }


   footer .grid{
     grid-gap: 30px 0;
     height: 514px;
   }
   

   footer .subscribe{
     grid-template-columns: 89px 1fr 69px;
     max-width: 98%;
     left: 50%;
   }

   footer .ul{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    max-width: 95%;
    margin: 0 auto;
    grid-gap: 0px 0;
  }
  
  footer .blue-box h5{
    font-size: 11px;
  }
}


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


  section.videos iframe{
    width: 100%;
    height: 400px;
  }
  


section.products h2{

  font-size: 30px;
  line-height: 40px;
}

section.certified .content span{
  padding-left: 1rem;
  font-size: 30px;
  font-weight: 700;
  } 
  

footer .logo_img{
width: 50% !important;
}



section.hero_section .slider-bg{
  height: 30vh;
  background-size:cover;
  background-repeat: no-repeat !important;
  
}


footer input{
  width: 80%;
}

footer .blue-box h5{
font-size: 9px !important;
}


section.product-img-gallery .submit-btn  {

  display: flex;
  width: 100%;
  
}

section.product-img-gallery .submit-btn button {

  font-size: 14px;
  
}


section.product-img-gallery .feature p {
  font-size: 11px;
  margin-top: 0.5rem;
  
}

section.aboutus-page-banner h1{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  color: #fff;
  font-size: 19px;
}


footer .ul{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  max-width: 95%;
  margin: 0 auto;
  grid-gap: 0 0;
}



}




@media only screen and (max-width:350px) {
  
footer .btn2{
  width: 250px;
  font-size: 13px;
}
  
section.clients img {
  width: 75% !important;
  }

  
  footer .ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    max-width: 95%;
    margin: 0 auto;
    grid-gap: 0 0;
  }
  
  footer ul li{
    text-align: center !important;
  }

    
}



@media only screen and (max-width:300px) {
  
footer .btn2{
  width: 200px;
  font-size: 11px;
}
  


}