html, body{
    margin: 0px;
    padding: 0px;
    padding-right: 0px !important;
    overflow-x: hidden;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
@font-face {
  font-family: Helvetica-Condensed-Light;
  src: url(../fonts/Helvetica-Condensed-Light.otf);
}
@font-face {
    font-family: Helvetica-Regular;
    src: url(../fonts/Helvetica.ttf);
}
@font-face {
    font-family: Helvetica-bold;
    src: url(../fonts/Helvetica-Bold-Font.ttf);
}
header{
   
}
.banner{
    position: relative;
    min-height: 10vh;
    background: url(/img/bg-img.jpeg);
    background-position: center;
    background-size: cover;
    padding: 80px 0px 80px;
}
.banner{
    -webkit-animation: zoominout 5s infinite;
    -moz-animation: zoominout 5s infinite;
    animation: zoominout 5s infinite;
}

/*bnr image animation */
@-webkit-keyframes zoominout {
    0% {
        -webkit-transform: scale(1,1);
    }
    50% {
        -webkit-transform: scale(1.03,1.03);
    }
    100% {
        -webkit-transform: scale(1,1);
    }
}
/*end animation */
@media (max-width: 1024px){
    .banner{
        min-height: 0vh;
    }

}
@media (max-width: 768px){
    .banner{
        background-position: right;
    }

}
@media (max-width: 425px){
    .banner{
        background-position: right;
    }

}
@media (max-width: 375px){
    .banner{
        background-position: -1184px;
        background-size: cover;
        padding: 200px 0px 150px;
    }

}
@media (max-width: 325px){
    .banner{
        background-position: -1184px;
    }

}

.banner h2{
    margin: 0;
    padding: 0;
    font-size: 2.5em;
    color: white;
    font-weight: 600;
    border-bottom: 3px solid rgb(255, 174, 0);
}
@media (max-width: 425px){
    .banner h2{
        font-size: 2.5em;
        
    }

}
@media (max-width: 375px){
    .banner h2{
        font-size: 2.2em;
        
    }

}
@media (max-width: 325px){
    .banner h2{
        font-size: 1.9em;
        
    }

}

.banner p{
    margin: 0.2em 0 0;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.5em;
    color: white;
    font-family: Helvetica-Regular;
    
}
.bnr-box{
    background-color: #26374799;
    padding-top: 20px;
    padding-bottom: 20px;
    opacity: 0.9;
    margin-left: -40px;
    
}
@media (min-width: 1024px){
    .bnr-box{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 43.333333%;
        max-width: 43.333333%;
        left: 68px;
    
        
    
        
    }  
}
@media (min-width: 1200px){
    .bnr-box{
        margin-top: 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 34.333333%;
        max-width: 40.333333%;
        left: 1px;
    
        
    
        
    }  
}
@media (min-width: 2560px){
    .bnr-box{
        padding-bottom: 50px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 50.333333%;
        max-width: 50.333333%;
        top: 2px;
        
    
        
    }  
}




@media (min-width: 769px) and (max-width: 990px){
    .bnr-box{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 56.333333%;
        max-width: 56.333333%;
        margin-left: 0px !important;
    
        
    }  
}
@media (min-width: 468px) and (max-width: 768px){
    .bnr-box{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 77.333333%;
        max-width: 77.333333%;
        left: 71px;
    
        
    }  
}
@media (max-width: 425px){
    .bnr-box{
        top: 388px;
        left: 40px;
    
        
    }  
}
@media (min-width: 326px) and (max-width: 381px){
    .bnr-box{
        padding-bottom: 0px !important;
    
        
    }  
}
@media (max-width: 375px){
    .bnr-box{
        top: 441px;
        left: 40px;
    
        
    }  
}
@media (max-width: 325px){
    .bnr-box{
        top: 453px;
        left: 40px;
    
        
    }  
}
/*about page banner  */
.banner-abt{
    position: relative;
    min-height: 10vh;
    background: url(/img/about-page-banner.jpg);
    background-position: center;
    background-size: cover;
    padding: 123px 0px 123px;
    overflow: hidden;
}
@media (max-width: 1024px){
    .banner-abt{
        min-height: 0vh;

    }

}
@media (min-width: 468px) and (max-width: 768px){
    .bnr-box-abt{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 55.333333%;
        max-width: 55.333333%;
    
        
    }  
}
@media (min-width: 769px){
    .bnr-box-abt{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 34.333333%;
        max-width: 34.333333%;
    
        
    }  
}
.banner-heading {

    border-bottom: 2px solid rgb(255, 174, 0);

}
.banner-abt h2{
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    color: #135eac;
    font-weight: 600;
    padding-bottom: 10px;
    font-family: Helvetica-bold;
    
    
}
.banner-abt p{
    margin: 1em 0 0;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #135eac;
    font-family: Helvetica-Regular;
}
.bnr-box{
    background-color: #135eac;
    padding-top: 20px;
    padding-bottom: 20px;
    
}
.card-body .card-text{
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    
}
/*about page end*/
/*industries served page banner section*/
.banner-ind{
    position: relative;
    min-height: 0vh;
    background: url(/img/industrys-served-new.png);
    background-position: center;
    background-size: cover;
    padding: 123px 0px 0px;
}
.ind-bnr-text{
    top: -100px;
}
@media (max-width: 768px){
    .ind-bnr-text{
        top: -45px;
    }

}
.banner-ind h2{
    margin: 0;
    padding: 0;
    font-size: 2.8em;
    color: white;
    font-weight: 700;
    text-transform: unset;
   
}
@media (max-width: 2560px){
    .banner-ind h2{
        margin-top: 400px;
       
    }

}
@media (max-width: 1440px){
    .banner-ind h2{
        margin-top: 170px;
       
    }

}
@media (max-width: 1024px){
    .banner-ind h2{
        margin-top: 70px;
       
    }

}

@media (max-width: 768px){
    .banner-ind h2{
        font-size: 1.8em;
        margin-top: 0px
        ;
       
    }

}
.banner-ind p{
    margin: 1em 0 0;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.5em;
    color: white;
    text-transform: uppercase;
}
.banner-ind a{
    text-decoration: none;
    transition: none;
}
.bnr-box{
    background-color: #26374799;
    padding-top: 20px;
    padding-bottom: 20px;
    
}
.btnD1-ind{
    display: inline-block;
    margin: 1em 0 0;
    background-color: rgb(255, 174, 0);
    border: 1px solid rgb(255, 174, 0);
    color: white;
    text-transform: uppercase;
    padding: 10px 20px;
    border: none;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    border-radius: 10px;
    text-decoration: none;
    transition: none;
}
.btnD1-ind:hover{
    background-color: white;
    color: rgb(255, 174, 0);
    border: 1px solid rgb(255, 174, 0);
    text-decoration: none;
}
.kimb-industries-title{
    font-size: 1.5rem;
}

@media (max-width: 425px){
    .kimb-industries-title{
        font-size: 13px;
        font-weight: 600;
    }

}
@media (max-width: 375px){
    .kimb-industries-title{
        font-size: 13px;
        font-weight: 600;
    }

}
.kimb-industries-content{
    font-size: 1rem;
}
@media (max-width: 425px){
    .kimb-industries-content{
        font-size: 11px;
    }

}
@media (max-width: 375px){
    .kimb-industries-content{
        font-size: 11px;
    }

}
.card-text{
    font-size: 1rem;
    
}
@media (max-width: 375px){
    .card-text{
        font-size: 13px;
        font-weight: 600;
        
    }

}
@media (max-width: 768px){
    .Pulp-and-Paper-btn{
        padding: 20px 5px !important;
    }
    .product-chemicals{
        flex-direction: column !important;
    }
}
@media(min-width: 775px) and (max-width: 1024px){
    .Pulp-and-Paper-btn{
        width: 160px  !important;
        padding: 20px 0px !important;
    }
}
@media(min-width: 1024px) and (max-width: 1055px){
    .Pulp-and-Paper-btn{
        width: 210px  !important;
    }
}
/*industries served page banner section end*/
.navbar{
    padding: 13px 0;
}
@media (max-width: 375px){
    .navbar{
        padding-top: 20px;
        margin-bottom: -40px;
    }

}
.navbar-brand{
    font-weight: 800;
    font-size: 2em;
    color: #135eac;
    text-transform: uppercase;
}
.navbar-brand:hover{
    color: #135eac;
}
.navbar-light .navbar-brand{
    color: #135eac;

}
.navbar-light .navbar-brand:hover{
    color: #135eac;

}
.navbar-brand img{
    width: 280px;
    margin-left: -70px;
}
@media (max-width: 1024px){
    .navbar-brand img{
        margin-left: -40px;
    }

}
@media (max-width: 768px){
    .navbar-brand img{
        margin-left: 0px;
    }

}
@media (max-width: 320px){
    .navbar-brand img{
        width: 240px;
    }

}
.nav-item{
    font-weight: 500;
    text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-item .nav-link:hover,
.navbar-light .navbar-nav .nav-item.active .nav-link{
    color: rgb(255, 174, 0);
}
.navbar-light .navbar-nav .nav-item .nav-link{
    color: #212529;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;

}
@media (max-width: 1024px){
    .navbar-light .navbar-nav .nav-item .nav-link{
        font-size: 9px;
    }
}
.btnD1{
    display: inline-block;
    margin: 1em 0 0;
    background-color: rgb(255, 174, 0);
    color: white;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid rgb(255, 174, 0);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    
}
.btnD1-abt{
    display: inline-block;
    margin: 1em 0 0;
    background-color: rgb(255, 174, 0);
    color: white;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid rgb(255, 174, 0);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    visibility: hidden;
}
.btnD1:hover{
    background-color: white;
    padding: 10px 20px;
    color: rgb(255, 174, 0);
    border: 1px solid rgb(255, 174, 0);
    text-decoration: none;
}
.flex-container {
    position: absolute;
    display: none;
    flex-wrap: wrap;
    left: 15%;
    align-items: center;
    margin-top: -50px;
    width: 72%;
    box-shadow: 0px 8px 10px -5px #333;
    background-color: #ffffff;
    border: 1px solid #f7f7f7;

    
    
  }
  
.buis-logos > div {
    width: 150px;
    margin: 10px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;
}
@media (max-width: 325px){
    .buis-logos > div {
        width: 140px;
        
    }
    
}
.flex-container h2{
    color: rgb(78, 77, 77);
    font-size: 25px;
    padding:0 15px;
}
.buis-logos {
    display: flex;
    flex-wrap: wrap;

}
.buis-logos img{
    height: 61px;
}
@media (max-width: 1024px){
    .flex-container {
        left: 0%;
        align-items: center;
        margin-top: 0px;
        width: 100%;
      }

}
@media (min-width: 1200px){
    .flex-container {
        left: 15%;
        align-items: center;
        margin-top: -50px;
      }

}
@media (min-width: 1367px){
    .flex-container {
        left: 17%;
        align-items: center;
        margin-top: -50px;
      }

}
@media (min-width: 1600px){
    .flex-container {
        left: 20%;
        align-items: center;
        margin-top: -50px;
      }

}
@media (min-width: 1700px){
    .flex-container {
        left: 30%;
        align-items: center;
        margin-top: -50px;
    }

}
@media (max-width: 768px){
    .flex-container {
        top: 570px;
      }

}
@media (max-width: 425px){
    .flex-container {
        top: 881px;
      }

}
@media (max-width: 375px){
    .flex-container {
        top: 1036px;
      }

}
@media (max-width: 325px){
    .flex-container {
        top: 1056px;
      }

}

.abt{
    
    height: 100%;
}
.abt-kim{
    position: relative;
    margin-top: 20px;
}
.abt-kim p{
    text-align: justify;
}
.abt-kim .about-kim-title{
    color: #135eac;
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 10px;
}
.abt-kim-about-page{
    position: relative;
    margin-top: 20px;

}
.abt-kim-about-page .about-kim-title{
    color: #135eac;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 10px;
}
.abt-kim-about-page p{
    font-family: Helvetica-Regular;
    text-align: justify;
}
.abt-kim h2{
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
@media (max-width: 1024px){
    .abt-kim-about-page p{
        font-size: 0.8rem;
    }

}
@media (max-width: 1024px){
    .abt-kim{
        position: relative;
        margin-top: 20px;
    }

}
@media (max-width: 767px){
    .abt-kim{
        position: relative;
        margin-top: 250px;
    }

}
@media (max-width: 768px){
    .abt-kim h2{
        font-size: 1.3rem;
        font-weight: 600;
    }

}
@media (max-width: 768px){
    .abt-kim p{
        font-size: 14px;
        
    }

}
@media (max-width: 425px){
    .abt-kim{
        position: relative;
        margin-top: 338px;
    }

}
@media (max-width: 425px){
    .abt-kim h2{
        font-size: 1.2rem;
        font-weight: 600;
    }

}
@media (max-width: 425px){
    .abt-kim p{
        font-size: 13px;
        
    }

}
@media (max-width: 375px){
    .abt-kim{
        position: relative;
        margin-top: 312px;
    }

}
@media (max-width: 375px){
    .abt-kim h2{
        font-size: 1rem;
        font-weight: 600;
    }

}
@media (max-width: 375px){
    .abt-kim p{
        font-size: 12px;
        
    }

}
@media (max-width: 325px){
    .abt-kim{
        position: relative;
        margin-top: 325px;
    }

}
@media (max-width: 374px){
    .abt-kim-about-page{
        position: relative;
        margin-top: 20px;
    }

}
/*card blog*/
.img-blog{
    margin-top: 50px;
    background: url(/img/orange-background-ptim.png);
    height: 350px;
    
    

}
.img-blog .blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
    padding-bottom: 20px;

}
.mrg-tp-hm{
    padding-top: 64px;
    padding-right: 20px;
    padding-bottom: -10px;
}
.img-blog .blog .mrg-tp-hm .card{
    width: 18rem;
    box-shadow: 0 5px 13px -5px #333;
}

@media only screen and (max-width: 468px){
    .img-blog .blog .mrg-tp-hm .card{
        width: 20rem;
        margin-left: 19px;
    }
    
}
@media (max-width: 1024px){
    .img-blog{
        height: auto;
    }
}
/*card blog end*/
/*card blog about page*/
.img-blog-kim{
    margin-top: 50px;
    background: url(/img/blue-background-ptim.png);
    height: 350px;
    
    

}
.img-blog-kim .blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
    padding-bottom: 20px;

}
.mrg-tp-abt{
    padding-top: 64px;
    padding-right: 20px;
    padding-bottom: -10px;
}
.img-blog-kim .blog .mrg-tp-abt .card{
    width: 18rem;
    box-shadow: 0px 5px 13px -5px #333;
}

@media only screen and (max-width: 468px){
    .img-blog-kim .blog .mrg-tp-abt .card{
        width: 20rem;
        margin-left: 19px;
    }
    
}
@media (max-width: 1024px){
    .img-blog-kim{
        height: auto;
    }
}
/*card blog end*/
/*card blog about page section2*/
.img-blog-kim-sec2{
    margin-top: 90px;
    background: url();
    height: 400px;
    
    

}
.img-blog-kim-sec2 .blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
    padding-bottom: 20px;

}
.mrg-tp{
    padding-top: 50px;
    padding-right: 20px;
    padding-bottom: -10px;
}
.img-blog-kim-sec2 .blog .mrg-tp .card{
    width: 18rem;
    box-shadow: 0px 5px 13px -5px #333;
}

@media only screen and (max-width: 468px){
    .img-blog-kim-sec2 .blog .mrg-tp .card{
        width: 20rem;
        margin-left: 15px;
    }
    
}
@media (max-width: 1024px){
    .img-blog-kim-sec2{
        height: auto;
    }
}
/*card blog end*/

/*card section*/
.card-title{
    text-align: center;
    padding: 5px 0;
    font-family: Helvetica-Condensed-Light;
}
.btn-kimb{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 15px;
    background-color: rgb(255, 174, 0);
    border: 1px solid rgb(255, 174, 0);
    color: white;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 500;
}
.btn-kimb:hover{
    background-color: white;
    color: rgb(255, 174, 0);
    border: 1px solid rgb(255, 174, 0);
    text-decoration: none;
}
@media (max-width:468px){
    .btn-kimb{
        margin-left: 15px;
        padding: 7px 15px;
        background-color: rgb(255, 174, 0);
        color: white;
        margin-bottom: 10px;
        
    }

}
/*card section about page*/
.card-title{
    text-align: center;
    padding: 5px 0;
    font-family: ;
}
.btn-kimb-abt{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 15px;
    background-color: #135eac;
    color: white;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #135eac;
}
.btn-kimb-abt:hover{
    background-color: rgb(255, 174, 0);
    color: white !important;
    border: 1px solid rgb(255, 174, 0);
    text-decoration: none;
}
@media (max-width:468px){
    .btn-kimb-abt{
        margin-left: 15px;
        padding: 7px 15px;
        background-color: #135eac;
        color: white;
        margin-bottom: 10px;
        
    }

}
/* search box*/
.form-control{
    border: 1px solid rgb(255, 174, 0) !important;
}
/*footer section*/
footer {
    margin-top: 150px;
    background: #e3dfdf;
}
.foot-mlogo{
    border-bottom: 1px solid rgb(255, 174, 0);
    justify-content: center;
}
@media (max-width: 768px){
    .foot-mlogo{
        margin-left: -21px;
    }

}
@media (max-width: 468px){
    .foot-mlogo{
        margin-left: 0px;
    }

}
.slogo{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.slogo img{
    height: 43px;
    margin: 10px 4px;
}
.foot-mlogo .ft-kim-logo{
    height: 50px;
}
.ft-section1{
    margin: 0px 30px;
}
.txt-algn{
    text-align: center;
}
@media(min-width: 1448px){
    .ft-section1{
        margin-left: 0px;
    }

}
@media (max-width: 468px){
    .ft-section1{
        margin-left: 0px;
    }

}
.page-footer h5{
    font-size: 1rem;
    font-weight: 600;
    text-transform: capitalize;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    
}
@media (min-width: 768px) and (max-width: 1024px){
    .page-footer h5{
        font-size: 0.9rem;
        font-weight: 600;
    }
}
/*footer sign up button*/
.sign-up a{
    color: white;
    text-decoration: none;

}

.sign-up-bt{
    padding: 7px 20px;
    background-color: rgb(255, 174, 0);
    width: 120px;
    color: white;
    font-size: 17px;
    border: 1px solid rgb(255, 174, 0);
}
.sign-up-bt:hover{
    background-color: white;
    color: rgb(255, 174, 0);
    border: 1px solid rgb(255, 174, 0);

}
.sign-up{
    text-align: center;
}
@media (max-width: 468px){
    .sign-up-bt{
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}
@media (max-width: 1440px){
    .sign-up{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 28.333333%;
        max-width: 28.333333%;
        font-size: 16px;
    }
}
@media (max-width: 1024px){
    .sign-up{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 32.333333%;
        max-width: 32.333333%;
        font-size: 13px;
    }
}
@media (max-width: 768px){
    .sign-up{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 29.333333%;
        max-width: 29.333333%;
        font-size: 13px;
    }
}
@media (max-width: 425px){
    .sign-up{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 59.333333%;
        max-width: 59.333333%;
        font-size: 13px;
    }
}
.Q-links > ul > li > a{
    font-size: 13px;
    font-family: Helvetica-Regular;
}
@media (max-width: 1440px){
    .Q-links > ul > li > a{
        font-size: 16px;
    }
    
}
@media (max-width: 1024px){
    .Q-links > ul > li > a{
        font-size: 13px;
    }
    
}
/*subscribe button*/
input:focus {
    outline: none;
}
.input-subscribe{
    padding: 3px 3px; 
    
}
.input-subscribe input{
    padding: 3px 7px; 
    border-radius: 5px;
    border: 1px solid #135eac;
}
.subscribe-button{
    cursor: pointer;
    background-color: #135eac; 
    color: white; padding: 3px 7px; 
    border-radius: 5px;

}
.subscribe-button:hover{
    background-color: rgb(255, 174, 0);
    color: white;
    
}
.subscribe{
    display: flex; 
    flex-wrap: wrap;
}

/*footer sign up button about page*/
.sign-up-bt-abt{
    padding: 7px 20px;
    background-color: #135eac;
    border: 1px solid #135eac;
    width: 120px;
    color: white;
    font-size: 17px;
    font-family: Helvetica-Regular;
}
.sign-up-bt-abt:hover{
    background-color: rgb(255, 174, 0);
    color: white;
    border: 1px solid rgb(255, 174, 0);
    text-decoration: none;
    transition: none;

}
@media (max-width: 468px){
    .sign-up-bt-abt{
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

.list-unstyled li>a{
    color: #212529;
}
/*about kimberlite*/
.kim-img{
    height: auto;
    width: 100%;

}
.kim-img img{
    width: 100%;
    
}
/*abput kimberlite content*/
.abt-cntent{
    background-color: #f4f4f4;
    width: 100%;
    padding-left: 20px;
    padding-right: 10px;
}
.abt-cntent h2{
    background-color: #f4f4f4;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 25px;
    text-align: center;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif !important;
    
}
@media (max-width: 425px){
    .abt-cntent h2{
        font-size: 18px;
        font-weight: 600;
       
        
    }
    

}
/*back to top*/
#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    outline: none;
    display: none;
    height: 37px;
    width: 36px;
    border: none;
    background: url("../img/up-arrow.svg");
    cursor: pointer;
  }
  #myDiv{
    text-align: center;
    position: fixed;
    bottom: 70px;
    right: 35px;
    color: #000;
    font-weight: 700;
    opacity: .5;
    cursor: pointer;
  }
    
  #mySpan{
    writing-mode: vertical-lr; 
    transform: rotate(180deg);
    font-size: 13px;
  }

/*industries served page*/
.indu-icons{
    display: flex;
    flex-wrap: wrap;
    margin-top: -175px;
}
.card-title{
    padding-top: 10px;
}
.card-title h2{
    font-size: 25px;
    padding-top: 10px;
    font-weight: 500;
    color: #135eac;
}
.industries-served{
    margin-top: 10px;
}  
.industries-served h2{
    color: #135eac;
}
.industries-served .box{
    height: 100px;
    width: 100px;
    margin: 10px 10px;
    background-color: gray;
}
.industries-served .industries-img{
    display: flex;
    flex-wrap: wrap;

}
.industries-served .industries-img2{
    display: flex;
    flex-wrap: wrap;

}
.industries-served-section2{
    margin-top: 50px;}
.industries-served-section2 ul li{
    list-style: none;
    margin-left: -40px;
}
/*horizantal tabs*/ 
    /*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*/
.nav-pills-custom .nav-link {
    color: #135eac;
    background: #f4f4f4;
    position: relative;
}

.nav-pills-custom .nav-link.active {
    color: rgb(255, 174, 0);
    background: #135eac;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}
.btn-industries{
    padding: 10px 10px;
    width: 150px;
    margin-top: 40px;
    background-color: #135eac;
    color: white;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-decoration: none;
}
.btn-industries:hover{
    background-color: rgb(255, 174, 0);
    color: white;
    text-decoration: none;
}
/*industries  served water treatment*/
.card-deck{
    margin-bottom: 40px;
    cursor: pointer;
}
.indusrirs-card{
    border-radius: 10px;
}
.indusrirs-card > a:hover{
    color: white;
    background-color: #135eac;
    text-decoration: none;
    border-radius: 10px;
}
.indusrirs-card img{
    border-radius: 10px;
    height: 150px;
}
.indusrirs-card h5{
    padding: 20px 7px;
    font-size: 17px;
}
.card-kim{
    color: #135eac;


}
.card-kim:hover{
    color: #ffffff;
    

}
/*water treatment-chemicals*/
.water-chemicals{
    display: flex;
    flex-wrap: wrap;
    
    margin-top: 50px;
}
.water-chemicals .chemicals-heading{
    font-weight: 700;
    font-size: 20px;
}
@media (max-width: 768px){
    .water-chemicals{
        margin-left: 0px;
    }
}

.water-chemicals-btn{
    padding: 20px 30px;
    background-color: white;
    border: 2px solid #135eac;
    margin: 10px 10px;
    width: 250px;
    height: 70px;
    
}
@media (max-width: 1024px){
    .water-chemicals-btn{
        padding: 20px 20px;
        
    }

}
@media (max-width: 768px){
    .water-chemicals-btn{
        padding: 20px 80px;
        
    }

}
.water-chemicals-btn h4{
    font-size: 1rem;
    font-weight: 500;
}
@media (max-width: 425px){
    .water-chemicals-btn h4{
        font-size: 11px;
        font-weight: 500;
    }

}
.water-chemicals-btn:hover{
    background-color: #135eac;
    color: white;
    cursor: pointer;
}
/*chem-1274*/
.chem-1274-ft-h4{
    padding: 10px 0;
    margin-top: 50px;
    
}
@media (max-width: 1024px){
    .chem-1274-ft-h4{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 55.666667%;
        max-width: 55.666667%;;
        
    }

}
@media (max-width: 768px){
    .chem-1274-ft-h4{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;;
        
    }

}
.chem-1274-ft-h4 h4{
    font-size: 30px;
    
}
@media (max-width: 768px){
    .chem-1274-ft-h4 h4{
        font-size: 20px;
        font-weight: 600;
        
    }

}
@media (max-width: 425px){
    .chem-1274-ft-h4 h4{
        font-size: 16px;
        font-weight: 600;
        
    }

}
.chem-1274-btn{
    padding: 10px 30px;
    border:2px solid rgb(255, 174, 0);
    font-size: 20px;
    font-weight: 500;
    color: rgb(255, 174, 0);
    width: 200px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
}
.chem-1274-btn:hover{
    background-color: #135eac;
    color: white;
    border: 2px solid #135eac;
    
}
.chem-1274-ft-h4 a{
    text-decoration: none;
}
.hr{
    border-bottom: 2px solid rgb(255, 174, 0);
    width: 350px;
    margin-left: 100px;
}
@media (max-width: 1024px){
    .hr{
        width: 400px;
        margin-left: 30px;
    }

}
@media (max-width: 768px){
    .hr{
        margin-left: 0px;
    }

}
@media (max-width: 425px){
    .hr{
        width: 300px;
        margin-left: 40px;
    }

}
@media (max-width: 375px){
    .hr{
        width: 250px;
        margin-left: 50px;
    }

}
@media (max-width: 320px){
    .hr{
        width: 250px;
        margin-left: 20px;
    }

}
.hr-chem{
    border-bottom: 2px solid #135eac;
    width: 200px;
}
.search-place{
    padding-left: 71px;
}
@media (max-width: 768px){
    .search-place{
        padding-left: 0px;
        left: 7px;
    }

}
/*card details */
.card-title{
    color: #000000;
    font-size: 2rem;
}
/*tacelenchem page start */
.Tace-bnr-text{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    top: -96px;
}
@media (max-width: 768px){
    .Tace-bnr-text{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: none;
        top: 0px;
    }

}  
/* management page */
.carousel-indicators-mg{
    top: 10px !important;

}
.carousel-control-next-icon-man{
    background-image: url(../img/arrow/60X58\ \(2\).png);
    height: 40px;
    width: 40px;
    position: absolute;
    top: 10px;
    
}
.carousel-control-prev-icon-man{
background-image: url(../img/arrow/60X58\ \(1\).png);
height: 40px;
width: 40px;
position: absolute;
top: 10px;
}
.profile-deatils{
padding: 50px 32px;
color: white;

}
.carousel-item .img{
padding: 0px 0px;
padding-right: 0px !important;
margin-right: 0px !important;
}
.designation{
color: rgb(245, 157, 16);
}
.manage-title h2{
    font-size: 2rem;
    font-weight: 700;
    
}
.kimb-slide{
    height: 700px;
    width: 50%;
}

.designation h4{
    font-size: 1.5rem;
    font-weight: 600;
}
@media(max-width: 1024px){
    .kimb-slide{
        height: 642px;
        width: 50%;
    }
    .detail-theory{
        font-size: 13px !important;
    }

}
@media(max-width: 768px){
    .profile-deatils{
        padding: 54px 32px;
        color: white;
    }
    .detail-theory{
        font-size: 11px !important;
    }
    .kimb-slide{
        height: 637px;
        width: 50%;
    }
}
@media (max-width: 425px){
    .manage-title h2{
        font-size: 2rem;
        font-weight: 700;
        text-align: center;
    }
    .profile-deatils{
        padding: 25px 10px;
        color: white;
        }
        .designation h4{
            text-align: center;
        }
    .detail-theory{
        font-size: 11px !important;
    }
    .img img{
        margin-top: 0px;
    }
    .kimb-slide{
        height: 850px;
        width: 100%;
    }
    .kimb-slide-mobile{
        height: 340px !important;
    }

}


/* end management page */
/* QMS page */
.bnr-box-qms{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: -40px;
    
}
@media (min-width: 1024px){
    .bnr-box-qms{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 43.333333%;
        max-width: 43.333333%;
        left: 68px;
    
        
    
        
    }  
}
@media (min-width: 1200px){
    .bnr-box-qms{
        margin-top: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 34.333333%;
        max-width: 40.333333%;
        left: 1px;
    
        
    
        
    }  
}
@media (min-width: 2560px){
    .bnr-box-qms{
        padding-bottom: 50px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 50.333333%;
        max-width: 50.333333%;
        top: 2px;
        
    
        
    }  
}



@media (min-width: 468px) and (max-width: 768px){
    .bnr-box-qms{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 55.333333%;
        max-width: 55.333333%;
        left: 71px;
    
        
    }  
}
@media (max-width: 425px){
    .bnr-box-qms{
        top: 0px;
        left: 40px;
    
        
    }  
}
@media (max-width: 375px){
    .bnr-box-qms{
        top: 0px;
        left: 40px;
    
        
    }  
}
@media (max-width: 325px){
    .bnr-box-qms{
        top: 0px;
        left: 40px;
    
        
    }  
}
.banner-qms{
    position: relative;
    min-height: 10vh;
    background: url(/img/bg-img.jpeg);
    background-position: center;
    background-size: cover;
    padding: 110px 0px 0px;
}
@media (max-width: 1024px){
    .banner-qms{
        min-height: 0vh;
    }

}
@media (max-width: 768px){
    .banner-qms{
        background-position: right;
    }

}
@media (max-width: 425px){
    .banner-qms{
        background-position: right;
    }

}
@media (max-width: 375px){
    .banner-qms{
        background-position: -502px;
        background-size: cover;
        padding: 200px 0px 150px;
    }

}
@media (max-width: 325px){
    .banner-qms{
        background-position: -540px;
    }

}

.banner-qms h2{
    margin: 0;
    padding: 0;
    font-size: 2.8em;
    color: white;
    font-weight: 600;
    width: 250px;
    border-bottom: 3px solid rgb(255, 174, 0);
    padding-bottom: 5px;
}
@media (max-width: 425px){
    .banner-qms h2{
        font-size: 2.5em;
        
    }

}
@media (max-width: 375px){
    .banner-qms h2{
        font-size: 2.2em;
        
    }

}
@media (max-width: 325px){
    .banner-qms h2{
        font-size: 1.9em;
        
    }

}

.banner-qms p{
    margin: 0.2em 0 0;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.5em;
    color: white;
    visibility: hidden;
    font-family: Helvetica-Regular;
    
}
.banner-qms .btnD1{
    display: inline-block;
    margin: 1em 0 0;
    background-color: rgb(255, 174, 0);
    color: white;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid rgb(255, 174, 0);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    visibility: hidden;
    
}
.qms{
    padding: 20px 0px;
}
.qms-info{
    padding-left: 50px;
    padding-right: 0px;
}
.qms-title{
    font-size: 50px;
    font-style: italic;
    font-family: Helvetica-bold;
    color: #085eab;
}
.qms-title h2{
    font-size: 35px;
    font-style: italic;
    font-family: Helvetica-bold;
    color: #085eab;
}
@media(max-width: 600px){
    .qms-title h2{
        font-size: 27px;
        font-style: italic;
        font-family: Helvetica-bold;
        color: #085eab;
    }

}
.qms-content{
    font-size: 20px;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #373839;
}
.customer-focus{
    background-color: #135eac;
    color: white;
}
.customer-focus-img{
    padding: 5px 0px;
}
.customer-focus .title{
    font-family: Helvetica-bold;
    font-size: 50px;
}
.customer-focus .content p{
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 18px;
    
}
.Leadership{
    padding: 30px 0px;
}
.Leadership h2{
    font-family: Helvetica-bold;
    font-size: 35px;
    color: #135eac;
}
.Leadership h3{
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 25px;
    color: #373839;
}
.Leadership ul {
    display: table;
    
    
}
.Leadership ul > li > span{
    padding-left: ;
}
.Leadership ul > li{
    list-style: none;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #373839;
    font-size: 17px;
    line-height: 30px;
    
}
.leader-qul-list{
    padding: 30px 0px;
    ;
}
.leadershop-qualitys .fa-arrow-circle-right{
    background-color: white;
    color: #135eac;
}
.qms-help-line{
    background-color: #44444482;
    color: white;
    padding: 30px 0px;
    display: none;
}
.qms-help-line h2{
    font-size: 30px;
}
.qms-help-line h3{
    font-size: 20px;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.qms-help-line .qms-btn{
    padding: 10px 30px;
    display: inline-block;
    background-color: #135eac;
    border: 1px solid #135eac;
}
.qms-help-line .qms-btn:hover{
    padding: 10px 30px;
    display: inline-block;
    color: white;
    background-color: rgb(255, 174, 0);
    border: 1px solid rgb(255, 174, 0);
}
.qms-help-line .qms-help-line-sec-2 a{
    color: white;
}

/* end QMS page */
/*contact us page */
.corporate-office-maindiv{
    background-color: #f2f3f5;
    padding-top: 20px;
}
.MANUFACTURING-UNITS-maindiv{
    background-color: #f2f3f5;
    margin-left: 30px;
    padding-top: 20px;
}
.MANUFACTURING-UNITS-maindiv h6{
    font-weight: 700;
}
.corporate-office-details{
    margin-top: 30px;
}
.corporate-office-details .corporate-office-1 .office-title h5{
    font-family: Helvetica-Condensed-Light;
    font-size: 21px;
    padding-bottom: 10px;
    
}
.MANUFACTURING-UNITS-maindiv .manufacturing-units h5{
    font-family: Helvetica-Condensed-Light;
    font-size: 21px;
    padding-bottom: 10px;

}
.contact-details{
    background-color: #135eac;
    color: white;
    display: flex;
    flex-direction: row;


}
.contact-details .envolop{
    font-size: 2rem;
    padding-right: 20px;
}
.contact-details .contact{
    display: flex;
    flex-direction: row;
}
@media (max-width: 600px){
    .contact-details .contact-number{
        margin-top: -100px !important;
    }
}

.contact-details .envolop-number{
    font-size: 2rem;
    padding-right: 20px;
    color: white;
}
@media (min-width: 600px) and (max-width: 768px){
    .contact-details .envolop-number{
        font-size: 2rem;
        padding-right: 9px;
        color: white;
    }
}
.contact-details .contact  {
    margin-top: -10px;
    padding-left: 50px;
}
@media (min-width: 600px) and (max-width: 768px){
    .contact-details .contact  {
        margin-top: -10px;
        padding-left: 0px !important;
    }
}
.contact-details .contact .number a{
    color: white;
}
.contact-details .email-id{
    font-family: Helvetica-Regular;
}
.vr-line{
    width: 3px;
    height: 84px;
    color: white;
    background-color: white;
    position: absolute;
    left: 73%;
    top: 24%;
}
@media (min-width: 768px){
    .vr-line{
        left: 80%;
    }

}
@media (min-width: 600px) and (max-width: 768px){
    .vr-line{
        margin-left: 15px;
    }

}
@media (max-width: 600px){
    .vr-line{
        display: none;
    }

}

.conversation-main-tab{
    background-color: rgb(255, 174, 0);
    color: white;
    padding: 4.16rem 0px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 28.333333%;
    max-width: 27.553333%;
    animation: shake-animation 2.72s ease infinite;
  transform-origin: 50% 50%;
}
@keyframes shake-animation {
    0% { transform:translate(0,0) }
   1.78571% { transform:translate(5px,0) }
   3.57143% { transform:translate(0,0) }
   5.35714% { transform:translate(5px,0) }
   7.14286% { transform:translate(0,0) }
   8.92857% { transform:translate(5px,0) }
   10.71429% { transform:translate(0,0) }
   100% { transform:translate(0,0) }
 }
@media (max-width: 600px){
    .conversation-main-tab{
        background-color: rgb(255, 174, 0);
        color: white;
        padding: 4.16rem 0px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 100%;
        max-width: 100%;
    }

}
.conversation-main-tab h5{
    font-family: Helvetica-Regular;
}
.conversation-main-tab h3{
    font-family: Helvetica-bold;
    
}
.map{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 96.8%;
    max-width: 100%;
    margin-left: -15px;
}
@media (max-width: 600px){
    .map{
        margin-left: 0px !important;
    }
}
.form-group label{
    font-family: Helvetica-bold;
}
.reg-form .send-msg{
    color: #135eac;
    font-family: Helvetica-bold;
    padding: 30px 0px;
}
.reg-form .submit-btn{
    margin-top: 30px;
    border: none;
}
.submit-msg{
    cursor: pointer;
    background-color: #135eac;
    color: white;
    padding: 10px 20px;
    font-size: 15px;
    border: 1px solid #135eac;
    border-radius: 10px;
    font-family: Helvetica-bold;

}
.submit-msg.active{
    outline-color: rgb(255, 174, 0);

}
.submit-msg:hover{
    cursor: pointer;
    background-color: white;
    color: rgb(255, 174, 0);
    padding: 10px 20px;
    font-size: 15px;
    border: 1px solid rgb(255, 174, 0);
    border-radius: 10px;
    font-family: Helvetica-bold;

}
@media (max-width: 375px){
    .contact-us-banner{
        background-position: center;
        background-size: cover;
        padding: 200px 0px 150px;
    }
    .contact-us-banner h2{
        color: #135eac;
    }

}
/*end contact us page */
/* management team animation start */
.porfile-animation{
    -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-animation: zoomin 1s ease-in ;
  animation: zoomin 1s ease-in ;
  overflow: hidden;

}
.detail-theory{
    -webkit-animation: zoomin 4s ease-in ;
  animation: zoomin 4s ease-in ;
  font-size: 14px;
  text-align: justify;

}
.fadeInRight {
    -webkit-animation: fadeInRight 2s ease-in-out;
    animation: fadeInRight 2s ease-in-out;
    overflow: hidden;
}
/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(0);}
  50% {transform: scale(0);}
  100% {transform: scale(0);}
}
@keyframes zoomin {
  0% {transform: scale(0);}
  50% {transform: scale(1);}
  100% {transform: scale(1);}
} /*End of Zoom in Keyframes */
@-webkit-keyframes fadeInRight {
            0% {
               opacity: 0;
               -webkit-transform: translateY(100%);
            }
            50% {
               opacity: 0.5;
               -webkit-transform: translateY(50px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateY(0);
            }
         }
         
         @keyframes fadeInRight {
            0% {
               opacity: 0;
               transform: translateY(100%);
            }
            50% {
               opacity: 0.5;
               transform: translateY(50px);
            }
            100% {
               opacity: 1;
               transform: translateY(0);
            }
         }
         
         .spinner {
  -webkit-animation: rotate-div 3s  ease-in;
  animation: rotate-div 3s  ease-in;
}
@keyframes rotate-div {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(-10deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(-10deg);
    opacity: 0; 
  } 50% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); 
    opacity: 1;
  } 100% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); 
    opacity: 1;
	 
  }
}  
/* end animation */
/* product chemicals section */
.product-chemicals{
    display: flex;
    flex-wrap: wrap;
}



/*pop model valus innovation sustainability*/
.modal-title-values{
    font-size: 30px;
    font-family: Helvetica-Condensed-Light;
    justify-content: center;
    font-weight: 700;
    margin-left: auto;
}
.values-sub-title h5{
    font-weight: 600;
    color: #135eac;
    font-family: Helvetica-Condensed-Light;
}
.modal-content{
    border-radius: 1rem;
}
.modal-body{
    padding-left: 3rem;
    padding-right: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}



/*values page*/
.values-banner h2{
    color: #ffffff !important;

}
.sticky-sustainability-btn{
    position: fixed;
    top: 40%;
    right: 0;
    background-color: #6c757d36;
    padding: 30px 10px;
    display: none;
    

}

.sustainability-button{
    display: flex;
    flex-direction: column;
    

}
.sustainability-button .btn-sustain{
    padding: 10px 20px;
    background-color: #135eac;
    color: white;
    margin: 1px 0px;
    border-radius: 3px;
    
}
.sustainability-button .btn-sustain:hover{
    padding: 10px 20px;
    background-color: rgb(255, 174, 0);
    color: white;
    margin: 1px 0px;
    border-radius: 3px;
    
}
.active-values{
    background-color: rgb(255, 174, 0) !important;
    color: white !important;
}
.credentials-fixed{
    
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 150px 0px;
    
    
}
.credentials-fixed .border{
    background-color: rgb(255, 174, 0);
    color: rgb(255, 174, 0);
    width: 170px;
    height: 3px;
    text-align: left;
    
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    border: 1px solid rgb(255, 174, 0) !important;
    margin-bottom: 15px;

}
.credentials-fixed .cred-title{
    font-size: 35px;
    font-weight: 600;
    color: #135eac;
    text-align: center;
    font-family: Helvetica-Condensed-Light;
}

.credentials-fixed .certificates-btn{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    background-color: #135eac;
    color: white;
    margin: 3px 3px;
    border-radius: 5px;
}
.credentials-fixed .certificates-btn:hover{
    background-color: rgb(255, 174, 0);
    color: white;
    
}
.active-certificate{
    background-color: rgb(255, 174, 0) !important;
    color: white !important;
}
.certifcates-showcase{
    overflow-y: scroll;
    height: 600px;
    background-color: rgb(255, 255, 255);
}
.certifcates-showcase{
    display: flex;
    flex-wrap: wrap;
}
.certifcates-showcase img{
    height: 550px;
    width: 500px;
    padding: 10px 10px;
    margin: 10px 5px;
    -webkit-box-shadow: 0 0 10px 2px rgb(173, 173, 173);
    -moz-box-shadow: 0 0 10px 2px rgb(196, 196, 196);
    box-shadow: 0 0 10px 2px rgb(190, 190, 190);
}
/* engagement people page QMS  */
.img-thumbnail-qms-slider{
    border-radius: 0px !important;
    width: 100%;
    border: none;
    padding: 0px !important;

}
.eng-main-title h3{
    font-size: 18px;
    font-weight: bold;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    padding-top: 15px;
}
.engagementbody{
    padding: 20px 0px;
    
}
.engagementbody .container{
    -webkit-box-shadow: 0 0 5px 2px rgb(153, 153, 153);
    -moz-box-shadow: 0 0 5px 2px rgb(153, 153, 153);
    box-shadow: 0 0 5px 2px rgb(153, 153, 153);

}
.eng-content{
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    line-height: 27px;
    text-align: justify;
}
.sub-part-content a{
    color: rgb(255, 174, 0);
    font-size: 15px;
    font-weight: bolder;
}
.sub-part-content a:hover{
    color: #135eac;
    font-size: 15px;
    font-weight: bolder;
}
.sub-part .sub-part-title{
    font-size: 18px;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.section-shadow{
    -webkit-box-shadow: 0 0 5px 2px rgb(153, 153, 153);
    -moz-box-shadow: 0 0 5px 2px rgb(153, 153, 153);
    box-shadow: 0 0 5px 2px rgb(153, 153, 153);
    margin: 0px 5px;
    padding: 10px 20px;
    width: 50%;
    

}
.sub-part-flex{
    display: flex;
    flex-direction: row;
    padding: 10px 0px;
    
}
@media(max-width: 700px){
    .sub-part-flex{
        display: flex;
        flex-wrap: wrap;
    }
    .section-shadow{
        margin-bottom: 10px;
        width: 96%;
    }

}
.fa-angle-double-down{
    padding-top: 5px;
}
.col-pading{
    padding-left: 0px !important;
}

/* end engagement  people page QMS */
/* bread crams */
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #f4f4f4;
    margin-bottom: 0px;
  }
  ul.breadcrumb li {
    display: inline;
    font-size: 18px;
  }
  ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
  }
  ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
  }
  ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
  }
  .active-bread{
      color: rgb(255, 174, 0) !important;
  }
/*end bread cram */

/*industries listout page start */
.ind-listoutbox{
    box-shadow: 0 0 5px 2px rgb(153, 153, 153);
    margin: 20px 0px;
    
}
.ind-listoutbox:hover{
    transform: scale(1.1); 

}
.ind-listoutbox .img .inner-img{
    transition: 0.5s;
    border: 0px;
    padding: 0px;

}
.ind-listoutbox .img .inner-img:hover{
    
}
.ind-listoutbox .content h3{
    padding: 10px 0px;
    text-align: center;
    color: #135eac;
    font-weight: 600;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
}
.ind-listout-section{
    padding: 0px 0px;
}
.ind-listout-section .general-content p{
    text-align: justify;
    padding: 30px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
}
/*end industries listout page  */
/*industrywise products content*/
.content-box .content-list{
    margin-left: auto;
    margin-right: auto;

}
.content-box .content-p{
    text-align: justify;
}
.content-box .border-bottom{
    background-color: rgb(255, 175, 0);
    width: 97px;
    height: 5px;
    margin-top: 0px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px #b4b4b4;
            box-shadow: 0 0 5px #b4b4b4;
}
.table .thead-dark th{
    background-color: #135eac !important;
    border-color: #135eac;
}
.Get-Quote{
    padding: 5px 0px;
    background-color: rgb(255, 174, 0);
    color: white;
    border-radius: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    cursor: pointer;
}
@media (max-width: 768px){
    .Get-Quote{
        padding: 5px 10px;
        background-color: rgb(255, 174, 0);
        color: white;
        border-radius: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        cursor: pointer;
    }
}
.content-box .box-shadow{
    box-shadow: 0 0 5px 2px gray;
    background-color: rgb(248, 248, 248);
    margin-top: 50px;
}
.content-box .product-title{
    padding: 10px 0px;
}
.content-box .product-title h3{
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
}
.content-box .content-p p{
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 30px;
}
.table-bordered td, .table-bordered th{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
}
.btn-success{
    background-color: #135eac !important;
    border: 1px solid #135eac;
}
.btn-success:hover{
    background-color: rgb(255, 174, 0) !important;
    border: 1px solid rgb(255, 174, 0);
}
.modal-title{
    margin-left: auto;
    font-weight: 700;
    color: #135eac;
}
.form-control-enquiry{
    border: 1px solid rgb(189, 188, 188) !important;
}
.content-box .content-list{
    display: flex;
    margin-left: 250px;
}
@media(max-width: 1024px){
    .content-box .content-list{
        display: flex;
        margin-left: 0px;
    }

}
.content-list .content-flex-item{
    padding: 0px 20px;
}
.modal-open .modal{
    background-color: #135eac75;

}
/* end industrywise product content */
/*suagar process navigation main page css*/
/** @TerenceNdime **/

#outerdiv{
  display:flex;
  margin:auto;
  width: 100%;
  color: #fff;
  margin-top: 50px;
}
.innerdiv1{flex:1;
    margin-right: 50px;
}
.innerdiv2{flex:3}

.list{padding: 40px 30px; background:#135eac; border-bottom: thin solid #ffffff1a}
.list:last-child{ border-bottom: none}

.list:nth-child(even){background:#135eac}

.list:hover{cursor:pointer;background: #135eac}

.list.active{color: rgb(255, 174, 0); }


.panel{ background:#ffffff; color:rgb(36, 36, 36); padding: 0px 40px 30px }
.panelshow{display:block}
.panelhide{display:none;}

@media only screen and (max-width: 1024px){
  #outerdiv{
    flex-direction: column;
  }
  .innerdiv1{display:flex; justify-content:space-evenly}
  .list{flex:1}
  #outerdiv{
  width: 100%;
}
    .list.active::after{
    display:none;
  }
  .list:last-child{ border-bottom: thin solid #ffffff1a}
  .list.active::after{content:""; width:20px; height:20px; background:#336372; position:absolute;display:block; transform:rotate(45deg);margin: 20px 0 0 30px}
}

@media only screen and (max-width: 767px){
  .list {
    padding: 15px;
}
  .list.active::after{
    display:none;
  }
}


@media only screen and (max-width: 767px){
  .list {
    padding: 15px;
}
    .list.active::after{
    display:none;
  }
}


@media only screen and (max-width: 542px){
  span{
    display: block;
  }
  .list {
    text-align:center;
  }
    .list.active::after{
    display:none;
  }
}
.list span{
    font-size: 20px;
    font-weight: 700;
}
@media(max-width: 600px){
    .list span{
        font-size: 6px;
        font-weight: 700;
    }
    .list{
        padding: 0px;
    }
    .innerdiv1{flex:1;
        margin-right: 0px;
    }

}
.pd-dn{
    padding-bottom: 30px;
}
.pds-ex-btn{
    padding: 10px 20px;
    background-color: rgb(255, 174, 0);
    color: white;
    width: 250px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 5px;
    border: 2px solid rgb(255, 174, 0);
    cursor: pointer;
    margin-top: 40px;
}
.pds-ex-btn:hover{
    background-color: white;
    color: rgb(255, 174, 0);
    border: 2px solid rgb(255, 174, 0);
}
.box-shadow-sugar{
    padding-bottom: 35px;
}
/*end sugar process navigation main page css*/
/* pulp and paper page css start */
.content-section{
    margin-top: 30px;
}
/* end pulp and paper css*/
/* from mining chemicals drop down*/
.sml-brdr h2{
    width: 125px !important;
}
@media(min-width: 600px) and (max-width: 768px){
    .ft-section1 img{
        width: 600px;

    }

}
@media(max-width: 425px){
    .ft-section1 img{
        width: 380px;

    }

}
@media(max-width: 375px){
    .ft-section1 img{
        width: 330px;

    }

}
@media(max-width: 320px){
    .ft-section1 img{
        width: 280px;

    }

}
.mgmt-ftr{
    padding-top: 0px !important;
}