.header{
    background: black;
    padding: 20px 0;
}



 .nav-link {
    color: white!important;
    padding: 6px 12px;
    
   
    
   
}
.activet{
     background: #5381bf;
    
    border-radius: 5px;
}

.nav-item{
    margin: 10px 5px;
}


.header .nav-link:hover{
      background: #5381bf;
    border-radius: 5px;
}


.header button{
    outline: none;
    border: none;
    border-radius: 10px;
    padding: 8px 16px;
    background: #38bca5;
    color: white;
}

.about{
    padding: 60px 0;
    
}

.slidersecton{
    padding: 60px 0;
}


.aboutbtn{
    padding: 8px 16px;
    outline: none;
    border:none;
    background: black;
    color:white;
    margin-bottom: 20px;
}

.prev{
    left:-10px;
}
.next{
    right: -10px;
}

.prev, .next{
    background:  #37bba4;
}

.slidersection{
   
     background: url(../images/slider/home-page-product-back.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: white;
}

.foot{
    padding: 60px 0;
}


.abtsctn{
    background: #37bba4;
    color: white;
}


.foott{
     background:black;
    
    color: white;
}

footer{
   padding: 10px 0;
    background: #37bba4;
    color:white;
}

footer a{
    text-decoration: none;
    color:white;
}

footer p{
    margin-top: 10px;
}

.foott img{
    width:30px;
    margin-left: 20px;
    margin-right: 10px;
}

.foott p{
    margin:20px 0 10px;
}

.foott h4{
    margin-bottom: 20px;
}

#colorn{
   color:#37bba4;
}


.aboutboxsection{
    padding: 60px 0;
    text-align: center;
    background: #eaeaea;
}

.aboutboxsection h2{
    color: red;
}

.aboutboxsection p{
    color: gray;
}

.aboutbox img{
    width: 70px;
    margin:20px 0;
}


.productbox img{
    width:100%;
    height: auto;
}

.productbox p{
    text-align: center;
}

.productpagesection {
    padding: 60px 0;
}

.headings {
    text-align: center;
    margin-bottom:30px ;
    color: red;
}


.infra{
    margin:10px;
}

.factory img{
    width:50%;
    margin: 20px auto;
    display: block;
}

.clientsection{
    padding: 60px 0;
    text-align: center;
}


.slider {
    padding: 30px 0;
}

.colm img{
    width: 100%;
    height: auto;
    margin:3px;
}

.colm{
    width:150px;
}

.flexw{
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
}

.bannersectionabout img{
    width:100%;
}

.mainform{
    display: flex;
    flex-direction: column;
    width:100%;
    margin: 0 auto;
   
    
}

.mainform input{
    padding: 15px;
    margin-bottom: 7px;
    outline: none;
    border:1px solid lightgray;
    border-radius: 20px;
}

.mainform textarea{
    padding: 20px;
    margin-bottom: 20px;
     outline: none;
    border:1px solid lightgray;
    border-radius: 25px;
}

.contactcontainer{
    padding: 60px 0;
}

.contacttext{
    padding: 20px 0;
    text-align: center;
    
}

.contacttext p{
    color: gray;
}

#smtbtn{
    outline: none;
    border: none;
    padding: 20px;
    margin-top: 30px;
    background: #37bba4;
    color: white;
    transition: all 0.2s;
}
#smtbtn:hover{
    background: red;    
}


.modal-header{
    background: #37bba4;
    color:white;
}


.modal-body input, .modal-body textarea{
    padding: 10px;
    margin-bottom: 10px;
    width:100%;
    outline: none;
    border: none;
    border:1px solid lightgray;
    border-radius: 10px;
    
}

.modal-footer{
    background: #37bba4;
    margin-bottom: -19px;
    
}

.modal-footer input{
    background: red;
    outline: none;
    border: none;
    padding: 8px 16px;
    color: white;
    border-radius: 10px;
    
}


.productbox a{
    text-decoration: none;
    color: black;;
    
}

.productbox a:hover{
    text-decoration: none;
}


























































@media screen and (max-width:1200px){
    #headno{
        display: none;
    }
}



@media screen and (max-width:600px){
     .nav-link{
        text-align: center;
    }
    
     #headno{
        display: block!important;
        margin: 0 auto;
    }
}





@media screen and (max-width:400px){
    .logo{
        width:183px;
    }
    
     #headno{
        display: block!important;
        margin: 0 auto;
    }
    
    .clientsection {
    padding: 60px 0 0px 0;
    text-align: center;
}
    
    .colm img {
    width: 100%;
    height: auto;
    margin: 3px;
    border: 2px solid #80808087;
}
    
    .nav-link{
        text-align: center!important;
    }
    
    .activet{
        margin-top: 20px;
    }
}