.navbar{
    background:url('../img/header/headerback.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    color:#000;
    font-weight:bold;
    /*0.3, 0.3, 0.3, 0.3*/
}
.navbar-light{
    color:#000;
    font-weight:bold;
}
*,body{
    padding: 0;
    margin:0;
    scroll-behavior: smooth;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-family: 'Roboto', sans-serif;
}
.navbar .navbar-nav .nav-item .active{
  /*color: #245F6E;*/
  color:#ffff00;
}
.carousel .carousel-inner img{
    height: 500px;
    width: 100%;
    margin-top:10px;
    background-repeat: no-repeat;
    background-position: center;
}

.navbar .navbar-brand .logo{
    width:70px;
    height:60px;
}
.navbar .navbar-nav .nav-item a{
    /*color: #000;*/
    color:#ffff00;
    text-shadow: 2px 2px 4px #000000;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'Nanum Myeongjo', serif;
    font-style: italic;
}
.navbar .navbar-nav .nav-item a:hover{
    color: #245F6E;
}
/**
.navbar{
    border-bottom:1px solid #000;
}
.navbar-dark{
  color: #fff;
  background: #fff;
}
********intro*************/
.intro{
    margin: 30px;
}
.intro h2{
    /*color: #11083b;*/
    color:#7d701e;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    font-size: 50px;
}
.intro p,.intro ul{
    align-items:justify;
    margin-top: 10px;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 1px;
    color:#867979;
}
/****product*****/
.Product h2{
    color: #11083b;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 30px;
}
.Product img{
    height: 200px;
    width: auto;
}

.Product p{
    text-align:  center;
}
@media only screen and (max-width: 768px) {
  .Product img{
      height: 200px;
    width: auto;
      margin-top:30px;
  }

.intro{
    margin: 1px;
}
.intro h2{
    font-size: 30px;
}
.navbar .navbar-brand .logo{
    width:50px;
    height:50px;
}

}
/***--our Product--**/
.our-Products h2{
  color: #11083b;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 50px;
}
.our-Products p{
  font-size: 17px;
  line-height: 30px;
    letter-spacing: 1px;
    color:#867979;
}
.our-Products ul li{
     font-size: 17px;
  line-height: 30px;
    letter-spacing: 1px;
    color:#867979;
}
.our-Products h5{
  font-size: 20px;
  color: rgb(68, 64, 64);
}

.our-Products img{
  height: 220px;
  width: auto;
}

/*****our-Capabilities***/
.our-Capabilities{
  justify-content: center;
  margin-top: 20px;
}
.our-Capabilities h2{
  color: #11083b;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 50px;
}
.our-Capabilities p{
  line-height: 30px;
    letter-spacing: 1px;
    color:#867979;
  font-size: 17px;
  margin-top: 10px;
}
.our-Capabilities h5{
  font-size: 20px;
  color: #11083b;
  margin-top: 10px;
}

.our-Capabilities img{
  height: 400px;
  width: auto;
}
.our-Capabilities .carousel-inner .carousel-item img{
  height: 400px;
  width: auto;
}

@media only screen and (max-width: 768px) {
  .our-Capabilities .carousel-inner .carousel-item img{
    height: 200px;
    width: auto;
    margin-top: 10px;
  }
  .our-Capabilities img{
    height: 200px;
    width: auto;
  }

}
/***career***/
.Careers{
  margin-left: 100px;
  margin-right: 100px;
  justify-content: center;
  align-items: center;
}
.Careers h2{
  color: #11083b;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 50px;
}
.Careers p{
  font-size: 17px;
  margin-top: 10px;
  line-height: 30px;
    letter-spacing: 1px;
    color:#867979;
}
@media(max-width:776px){
  .Careers{
    margin-left: 10px;
    margin-right: 10px;
  }

}
/***contact***/
.contact{
margin-bottom: 10px;
margin-top: 10px;
}
.contact h2{
  color: #11083b;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 50px;
}
.contact p{
  line-height:30px;
  font-size: 17px;
  color: rgb(106, 100, 100);
  margin-top: 10px;
}
.contact .map iframe{
    width: 400px;
    height: 400px;
}
@media(max-width:776px){
  .contact .map iframe{
    width: auto;
    height: 300px;
margin-left: 20px;
}
.contact form{
  margin-top: 30px;
}
.contact p,.contact h5{
text-align: center;
}
}
/**footer*
.page-footer{
  padding-top:30px;
  background-color: #0e0101!important;
  color: rgba(121, 110, 110, 0.966);
}
.page-footer a{
  color: rgba(121, 110, 110, 0.966);
}
.page-footer a:hover{
  color: rgb(245, 16, 16);
  text-decoration: none!important;
}
.page-footer .footer-copyright h6{
  color: rgba(116, 104, 104, 0.912);
}
.page-footer .footer-copyright i{
    color:#fff!important;
}
.page-footer .footer-copyright i:hover{
  color: rgba(252, 248, 248, 0.912);
}
.page-footer p{
  text-align: justify;
}
.page-footer p span{
  text-align: justify;
}
.page-footer .fa-arrow-right{
  font-size: small;
  color: rgba(225, 196, 37, 0.842);
  padding-right: 5px;
}
/**footer*/
.page-footer{
    padding-top:30px;
   /* background-color: #ebeaea!important;*/
    background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../img/header/4.jpg');
      background-size:cover;
    color: #fff;
  }
  .page-footer a{
    color: #fff;
  }
  .page-footer a:hover{
    color: #245F6E;
    text-decoration: none;
  }
  .page-footer .footer-copyright h6,
  .page-footer .footer-copyright i{
      /*color: rgba(116, 110, 110, 0.912);*/
      color:#fff;
  }
  .page-footer p{
    text-align: justify;
    padding-top:1px!important;
  }
  .page-footer p span{
    text-align: justify;
  }
  .page-footer .fa-arrow-right{
    font-size: small;
    color: #fff;
    padding-right: 5px;
  }

  /*********about*********/
  .backimg h2{
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    padding-top: 50px;
  }
  .about-page p{
    line-height: 30px;
    letter-spacing: 1px;
    color:#867979;
  }

  .backimg-about{
      height:460px;
      margin-top:70px;
      background-image: url('../img/pages/Aboutus.png');
    width: 100%;
    background-size: 100% 100%;
      background-position: center center; 
      background-repeat: no-repeat; 
  }
  
   .backimg-contact{
      height:460px;
      margin-top:70px;
      background: url('../img/pages/Contact Us.png');
      background-position: center center; 
      background-repeat: no-repeat;
       width: 100%;
    background-size: 100% 100%;
  }
   .backimg-capebilities{
      background: url('../img/pages/OurCap.png');
        height:460px;
        margin-top:70px;
       width: 100%;
    background-size: 100% 100%;
          background-position: center center; 
      background-repeat: no-repeat; 
  }
     .backimg-product{
      height:460px;
      margin-top:70px;
      background: url('../img/pages/Products.png');
             width: 100%;
    background-size: 100% 100%;
       background-position: center center; 
      background-repeat: no-repeat; 
  }
  @media(max-width:768px){
       .backimg-about{
      height:600px;
      margin-top:-160px;
      background-image: url('../img/pages/Aboutus.png');
      background-size:100%!important;
      background-position: center center!important; 
      background-repeat: no-repeat; 
  }
   .backimg-contact{
      height:600px;
      margin-top:-160px;
      background-size:100%!important;
      background-position: center center!important; 
      background-image: url('../img/pages/Contact Us.png');
      background-repeat: no-repeat;
  }
  .contact-logo{
      height:200px;
      width:100%;
  }
   .backimg-capebilities{
     height:600px;
      margin-top:-160px;
      background-size:100%!important;
      background-position: center center!important; 
      background-image: url('../img/pages/OurCap.png');
      background-repeat: no-repeat;
  }
     .backimg-product{
     height:600px;
      margin-top:-160px;
      background-size:100%!important;
      background-position: center center!important; 
      background: url('../img/slider/Products.png');
      background-repeat: no-repeat;
  }

       
  }