@font-face {
font-family: "CoreSans";
src: url(fonts/CoreSans.otf) format("opentype");
}
@font-face {
font-family: "GoodTimes";
src: url(fonts/GoodTimes.otf) format("opentype");
}
*{
    margin: 0px;
    padding: 0px; 
    font-family: "CoreSans";
    box-sizing: border-box;
    
}
body{
    color:#838080;
    font-size:16px;
      }
 p{
    line-height: 1.8rem;
}
h2{
    font-size: 40px;
}
.banner{
    background-image: url(images/banner.jpg); 
    max-width: 100%;
    max-height: 100%;
    justify-content: center;   
    background-size:cover;
    background-position: center;
}
.banner .curve{
    width: 100%;
    position: absolute;
    z-index: 999;
    left: 0;
    bottom: 0;
}

.page-header .banner {
    position: relative;
    z-index: 10;
    padding-top: 520px;
    padding-bottom: 22px;
    text-align: center;   
   
}
.banner img{
    position: absolute;
}
/*.banner img{  
    max-width: 100%;
    max-height: 50%;
    position: relative;
   width:100%;
    height: 500px;
    padding-bottom: 50px;

}*/

.banner-text {
    font-family: "GoodTimes";
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner-text h1{
    font-family: "goodtimes";
    
}
.banner .list-unstyled {
 position: absolute;
    display: flex;   
    font-size:15px; 
    justify-content: center; 
    list-style: none;
   left: calc(50% - 50px);
    color: #999999;
}
.banner .list-unstyled li:hover, 
.banner .list-unstyled a:hover{
    color:#ffc000;
}
.banner .list-unstyled li{
    padding: 5px;
}
.banner .list-unstyled a{
    text-decoration: none;
    color: #999999;
} 
.banner h1{
    margin-top: 50px;
    font-size: 50px;
      color: white;
    margin-left: 35px;
}
  .companies button span{
    display: none;
}
/*about*/
.about-one{
    margin-bottom: 50px;
}
.about-one .about-img{
    padding: 20px;
}
.about-img img{
    border-radius: 25px;
     max-width: 100%;
    border:5px solid #99cc00;  
    }

.about-one h2, .about-ask h2{
    font-size: 40px; 
    margin-bottom: 30px;
}
.about-one .about-content-one{
    margin-top: 1rem;
    text-align: justify;
}
.about-one .about-content-one .prod-content{
    display: flex;  
}
.about-one .about-content-one .prod-content i {
    margin-top: 4px;
    font-size: 20px;
    color: #eda60c;
    margin-right: 10px;
}

/*.prod-content p{
    margin-bottom: 0px;
}*/

.client h2{
    font-size: :40px;
}

#owl-example .owl-carousel{
padding-left: 30px;
}
.client span, .companies span{
    color: #87cd33;
}
.companies h2{
    font-size: 40px;
}
.client .owl-carousel .owl-item {
    float: left;
    padding: 30px;
}
 .companies .owl-carousel .owl-item img {
    display: block;
    width: auto !important;
     max-width:100%;
}

.about-one{
    background-image: url(images/productbanner.jpg); 
   width:100%;
    justify-content: center;
    background-size:cover;
    background-position: center;
    padding: 60px;
    margin-bottom: 50px;
}


.about-ask i{
    font-size: 20px;
      color: #eda60c;  
}
.about-ask{
    height: 90%;
    margin: 20px;
    padding: 30px;
    border-radius: 20px;
    border:1px solid #87cd33;
    background-color: #e7e8e8;
}
.companies{
    margin-bottom: 40px;
}
.companies h2{
    margin-bottom: 20px;
}

/*product*/
.product-1 {
    margin-bottom: 50px;
    }
.product-1 h2, .product-2 h2{
    margin-top: 40px;
    font-size: 38px;
}
.product-1 span, .service-one span, .service-two span{
      color:#9bda3a;
}
.prod-one{
    margin: 20px;
}
.prod-content{
    display: flex;
    list-style: 1rem;
}
.prod-content i{
    margin-top: 4px;
    margin-right: 10px;
}
.prod-one h4 {
    margin-top: 25px;
}
.product-1 img{    
    max-width: 100%;    
    border-radius: 60px 0px 60px 0px;
     border:5px solid #99cc00;     
}
 .product-1 i, .product-2 i{
    font-size: 20px;
      color: #eda60c;
    margin-right: 5px;  
}
.product-2,.service-two{
   background-image: url(images/qtyproduct.jpg); 
    width: 100%;
    justify-content: center;
    margin-top: 30px;
    background-size:cover;
    background-position: center;
    padding: 50px 0px 50px 0px; 
    margin-bottom: 50px;
}
.product-2 img{   
    max-width: 100%;    
    border-radius: 0px 60px 0px 60px;
     border:5px solid #99cc00;
   
}

/*service*/
.service-two{
    margin-bottom: 0px;
}
.service-one {
    margin-bottom: 50px;    
}
.service-one h2, .service-two h2{
font-size:38px;
text-align: left;
}
.service-one img, .service-two img{   
    height:400px;
    width: 100%;
    border:5px solid #ffc000;
    border-radius: 20px;
    margin: 30px;
}
 .service-content-two {
    margin:40px;
     text-align: justify;    
}

.service-content-one{
    text-align:justify;
}


/*contact Us*/
.contact-pg .contact h2 {
    font-size: 50px;
    color: #ffffff;
    text-align: left;
}
.contact-address {
    padding: 2.2rem 1.5rem !important;
    background: #016f3b;
    border-right: 2px solid #ffffff0f;
    text-align: center;
    color: #eee;
}
.contact-address a{
    text-decoration: none;
    color: white;
}
.contact-address i{
    font-size: 50px;   
    margin-bottom: 1rem;
}
.contact-address h5:before, .contact-address h5:after {
    width: 30px;
    height: 2px;
    content: ' ';
    background: #eee;
    display: inline-block;
    margin-bottom: 4px;
    margin-right:8px;
    margin-left:8px;
}
.contact h5:before {
    content: ' ';
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #fff;
    margin-bottom: 4px;
    margin-right: 10px;
    text-align: left;
}
.contact-address i:hover{
    color: #ffc000;
    transform: translateY(-5px);
}
.contact-us{ 
padding-top: 30px;
}


@media (max-width: 768px){
 .contact-address {
    border: none;
    border-bottom: 1px solid #ffffff0f;
} 
    .about img {
    max-width: 100%;
 }
    .banner-text {
    top: 40%;
    left: 50%;       
}
    .banner h1 {   
    font-size: 37px;   
}
}

@media(max-width:600px){
    .page-header .banner {
    padding-top: 280px;
    padding-bottom: 60px;
    text-align: center;
}
  .about-one {
    padding: 20px;
    margin-bottom: 30px;
}
   .about-ask {
    padding: 15px;
    padding-bottom: 50px;
    margin: auto;
    margin-top: 15px;
}
    .product-1 img, .product-2 img{   
     margin: 0px;
}
    .service-content-two, .service-content-one {
    margin: 20px;
}
    .service-one img, .service-two img {
    height:auto;
    margin: 0px;
        padding: 0;
}.product-2, .service-two {   
    margin-top: 30px;   
    padding: 5px ; 
    margin-bottom: 50px;
}
    .product-img{
        padding: 20px;
    }
     .about-img img {  
    margin-bottom: 16px;
}
  .about-one h2, .about-ask h2 {
    font-size: 40px;
    margin-bottom: 15px;
} 
}