/* Banner styling */

  /* Home banner */
  .banner_wrapper_home{
    height: 100vh;
    background-image: url('../img/factory-warehouse2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 100;
  }
.sub-banner-aboutus {
    background: url(../img/banner-aboutus.jpg) no-repeat center;
    min-height: 250px;
  }
  .sub-banner-factory {
    background: url(../img/inner_ori.jpg) no-repeat center;
    min-height: 250px;
  }
.sub-banner-aboutus,
.sub-banner-factory {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    z-index: 0;
    position: relative;
    display: flex;
    align-items: center;
  }

  .sub-banner:before {
    content: "";
    background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.4));
    /*background: linear-gradient(75deg, rgb(22 37 103 / 84%) 10%, rgb(230 2 100 / 37%));*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }

/* Height for devices larger than 576px */
@media (min-width: 992px) {
    /* #introCarousel {
      margin-top: -58.59px;
    } */
}

/* //Banner Styling */

.whatsapp-box {
  position:relative;
  width: 200px;
  padding: 15px 0 0 20px;
  font-size: 20px;
  height: 60px;
  background: #00ad3a;
  border: 0px solid #00ad3a;
  border-radius: 0px 15px 0 15px;
}
.whatsapp-box i {
    font-size: 22px;
}
.whatsapp-box:before {
  content: "";
  position:absolute;
  top:-40px;
  left:0;
  height:40px;
  width: 40px;
  border-bottom-left-radius: 50%;
  background:#fbfbfb;
}
.whatsapp-box:before {
    
  box-shadow: 0 20px 0 0 #00ad3a;
}
@media (max-width: 893px) {
  .whatsapp-box {
    
    padding: 20px;
  }
}


.bg-light-grey {
  background: #f1f1f1;
}
.footer-navi li a, .footer-navi li, .footer-navi {
  color:#c0c0c0;
}
.footer-navi li a:hover {
  color:#ffffff;
}

/* ribbon h1 */
h1.title-background {
    position: relative;
    margin: 0 auto 20px;
    padding: 15px 40px;
    text-align: center;
    background-color: #b60000;
    font-size: 30px;
}
  
/* h1.title-background::before, h1.title-background::after {
    content: '';
    width: 80px;
    height: 100%;
    background-color: #aa0000;
  
    
    position: absolute;
    z-index: -2;
    top: 20px;
    
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);
  
    background-image: linear-gradient(45deg, transparent 50%, #7c0000 50%);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: bottom right;
} */
  
h1.title-background::before {
    left: -60px;
}
  
h1.title-background::after {
    right: -60px;
    transform: scaleX(-1); /* flip horizontally */
}

/* end ribbon h1 */

/* services featurette */
  
.featurette-heading {
  letter-spacing: -.05rem;
  font-size: 35px;
  padding: 0px 0;
}

.featurette ul li {
  padding: 10px;
}

@media (min-width: 40em) {
   
    .featurette-heading {
      font-size: 35px;
      padding: 0 0 15px 0;
    }
  }