body{

    font-size: 16px;

    font-family: "Poppins", sans-serif;

}

/*side-btn*/

.outer-frm-1{

  /* background-color: rgba(70, 70, 70, 0.3); */

  border-radius: 10px;

}

.frm-1{

  padding: 0px;

}

.form-btn2{

  rotate: 90deg;

  display: flex;

  position: fixed;

  right: -42px;

  top: 272px;

  z-index: 1;

  background-color: #e86743;

  border: 1px solid #e86743;

  color: #fff;

  

  border-radius: 5px;

  font-weight: 600;

}

.form-btn2:hover{

  background-color: #222;

  color: #fff;

  border: 1px solid #222;

  font-weight: 600;

}

.frm-heading1{

  color: #e86743;

  padding: 0px;

}

.popup{

  box-shadow: none!important;

  border-radius: 1px;

}

.modal-header{

  border-bottom: none;

}

/*navbar*/

.nav-link{

    font-size: 15px;

    font-weight: 600;

    text-transform: uppercase;

    color: #000;   

}

.navbar ul{

  margin-right: 20px;

}

.navbar-toggler{

    float: right;

}

.nav-item{

    padding: 0px 5px;

}

.nav-item:hover{

    background-color: #e86743;

}

.nav-item:hover .nav-link{

    color: #fff;

}

.call{

    background-color: #e86743;

    padding: 10px;

}

.call span{

    color: #fff;

}

.call i{

    color:#fff ;

}

.call a{

    color: #fff;

    text-decoration: none;

}

/*banner*/

.banner{

    background-image: url(../img/banner-1.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    width: 100%;

    height: 80vh;

    display: flex;

    align-items: center;

}

/* enquiry css*/

  .outer-frm{

    background-color: rgba(0, 0, 0, 0.3);

    border: 1px solid #e86743;

    border-radius: 10px;

    box-shadow: rgba(235, 118, 118, 0.35) 0px 5px 15px;

  }

  .frm{

    padding: 20px; 

  }

  .contact-form{  

    border: 1px solid #e86743;

    padding: 20px;

    border-radius: 10px;

  }

  .form-btn{

    background-color: #e86743;

    color: #fff;

    border: 1px solid #e86743;

    border-radius: 20px;

    margin-bottom: 10px;

    font-weight: 600;

  }

  .form-btn:hover{

    background-color: #fff;

    color: #000;

    border: 1px solid #fff;

    font-weight: 600;

  }

  .input{

    height: 32px;

    border-radius: 1px;

  }

  .form-control{

    box-shadow: rgba(114, 69, 69, 0.35) 0px 5px 15px;

    border-radius: 1px;

  }

  .form-control:hover{

    border: 1px solid #e86743;

  }

  .form-control:focus{

    box-shadow: none;

  }

  .frm-heading{

    padding: 10px 0px;

  }

  .frm input{

    box-shadow: rgba(45, 46, 46, 0.3) 0px 1px 2px 0px, rgba(56, 56, 56, 0.15) 0px 2px 6px 2px;

  }



  ::-ms-input-placeholder { /* Edge 12-18 */

    font-size: 14px;

  }

  

  ::placeholder {

    font-size: 14px;

  }

/*about*/

.about-us{

  margin: 45px 0px;

}

.heading-title h3{

  color: #000;

  font-weight: 600; 

}

.heading-title span{

  color: #e86743;

  font-weight: 600;

}

.about-img{
  position: relative;
  z-index: 0;
}
.about-img:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 15px;
  left: -15px;
  border: 2px solid #e86743;
  border-radius: 10px;
  z-index: -1;
}





.about-img video{
  height: 475px;
  object-fit: cover !important;
  border-radius: 10px;

}

/*feature*/

.features{

  margin: 0px 0px 45px 0px;

  margin: 45px 0px;

}

.feature-card{

  padding: 20px 0px 0px;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

  margin-top: 30px;

  height: 160px;

}

.feature-card:hover{ animation: bounce 3s infinite;}

  @keyframes bounce {

    0% {transform: translateY(0);}

    40% {transform: translateY(-20px);}

    60% {transform: translateY(-10px);}

  }

.feature-img{

  height: 50px;

  width: 50px; 

}

.feature-title{

  text-align: center;

  font-size: 20px;

  font-weight: 600;

}

/*manufacture*/

.product-title{

  margin: 20px 0px;



}

.product-title1{

  margin-bottom: 30px

}

.manufacture-img{

  height: 70vh;

  width: 100%;

  border: 2px solid #e86743;

  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; 
  object-fit: cover;

}

.manufacture-spn{

  font-weight: 600;

}

.form-btn1{

  background-color: #e86743;

  color: #fff;

  border: 1px solid #e86743;

  border-radius: 5px;

  margin-bottom: 10px;

  font-weight: 600;

}

.form-btn1:hover{

  background-color: #222;

  color: #fff;

  border: 1px solid #222;

  font-weight: 600;

}

/*diverse*/

.diverse{

  margin: 45px 0px;

}





.diverse-body:hover{

  background-color: #e86743;

  border-radius: 0px 0px 5px 5px;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}

.diverse-body:hover .diverse-title{

  color: #fff;

}



.diverse-card:hover{

  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}

.diverse-title{

  text-align: center;

  padding-top: 10px;

  font-size: 16px;

  font-weight: 600;

}

/*why us*/

.why-card{

  padding: 10px;

  margin-top: 10px;

  border: none;

}

.why-img{

height: 50px;

width: 50px;

}

.why-main-box{

  padding: 45px 0px;

  display: flex;

}

.why-text{

  font-size:16px;

  font-weight: 600;

}

.wh{

  position: relative;

  z-index: 0;

}

.wh:before{

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 15px;

  left: -15px;

  border: 2px solid #e86743;

  border-radius: 10px;

  z-index: -1;



}

.wh img{

  border-radius: 10px;

}

/*footer*/

.footer {
    /* background-image: url('../img/background.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background: radial-gradient(#ed6946de 0%, #f36b49 100%);
}

.plant-1{
  display: flex;
  padding: 50px 0px;
}
.plant-2{
  display: flex;
  padding: 50px 0px;
}
.mobile{
  display: flex;
  padding: 50px 0px;
}
.mail{
  display: flex;
  padding:50px 0px;
}
.footer-spn{
  color: #fff;
}



/* copyright css*/
.copyright{

  background-color: #2b477e;

  color: #fff;

  text-align: center;

  padding: 5px 0px;

  font-size: 14px;

}

.copyright a{

  color: #fff;

  text-decoration: none;

}

/*thank you css start*/
.thank-you-msg{
  padding: 60px 0px;
  background-image: url('../img/bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.thank-you-footer{
  color:#fff;
  padding: 30px;
  box-shadow: rgba(255, 255, 255, 0.7) 0px 6px 12px -2px, rgba(255, 255, 255, 0.7) 0px 3px 7px -3px;
}
.thank-you-img img{
  height: 80px;
  width: 80px;
}
.thank-you-header h1{
  text-align: center;
  font-weight: 700;
  padding-top: 20px;
}
.thank-you-header h5{
  padding: 10px 0px;
}

.form-btn-3{

  background-color: #e86743;

  color: #fff;

  border: 1px solid #e86743;

  border-radius: 5px;

  margin: 10px 0px;

  font-weight: 600;

  width: 200px;

}

.form-btn-3:hover{

  background-color: #222;

  color: #fff;

  border: 1px solid #222;

  font-weight: 600;

}

/*thank you css start*/

/*media query*/



@media screen and (max-width: 600px) {

    .navbar-toggler{

        float: right;

    }

    .diverse-card{

      margin-top: 10px;

    }

    .why-main-box {

      padding: 45px 0px;

      display: flex;

      flex-wrap: wrap;

      justify-content: center;

  }

  .why-main-box .why-card {

    width: 48%;

}

    .banner {

      height: auto;

      padding: 30px 0px;

  }

  .manufacture-img {

    margin-bottom: 15px;

}

.feature-card{

  margin-top: 10px!important;

  }

  .about-img:before{

    left:-11px;

  }

  .wh:before{

    left:-11px;

  }

  .form-btn2{

    top: 200px;

  }

  }



  @media screen and (max-width: 768px) {

    .why-main-box {

      padding: 45px 0px;

      display: flex;

      flex-wrap: wrap;

      justify-content: center;

  }

  .why-main-box .why-card {

    width: 33%;

}

.diverse-card {

  margin-top: 15px;

}



  }
  select {
    width: 100%;
    padding: .375rem .75rem;
    margin-bottom: 25px;
    border-radius: 0px;
    border: 1px #fff solid;
    font-size: 15px;
    font-weight: 500;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
	display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	
}


.footer-spn a{
  color: #fff;
  text-decoration: none;
}