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: #03518D;

  border: 1px solid #03518D;

  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: #03518D;

  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: #03518D;

}

.nav-item:hover .nav-link {

  color: #fff;

}

.call {

  background-color: #03518D;

  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;
  padding: 50px 0px;
}

/* enquiry css*/

.outer-frm {

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

  border: 1px solid #03518D;

  border-radius: 10px;

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

}

.frm {

  padding: 20px;

}

.contact-form {

  border: 1px solid #03518D;

  padding: 20px;

  border-radius: 10px;

}

.form-btn {

  background-color: #03518D;

  color: #fff;

  border: 1px solid #03518D;

  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 #03518D;

}

.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: #03518D;

  font-weight: 600;

}

.about-img {

  position: relative;

  z-index: 20;

}

.about-img:before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 15px;

  left: -15px;

  border: 2px solid #03518D;

  border-radius: 10px;

  z-index: -1;



}





.about-img img {

  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 #03518D;

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

}

.manufacture-spn {

  font-weight: 600;

}

.form-btn1 {

  background-color: #03518D;

  color: #fff;

  border: 1px solid #03518D;

  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: #03518D;

  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 #03518D;

  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;

}

.plant-1 {

  display: flex;

  padding: 50px 0px;

}

.mobile {

  display: flex;

  padding: 20px 0px;

}

.mail {

  display: flex;

  padding: 20px 0px;

}

.footer-spn {

  color: #fff;

}



/* copyright css*/



.copyright {

  background-color: rgb(46, 45, 45);

  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: #03518D;

  color: #fff;

  border: 1px solid #03518D;

  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;

  }



}


.footer-info {
  padding: 50px 0;
}

.footer-info p {
  color: #fff;
  padding: 20px 0;
}

.footer-info a img {
  background: #fff;
  padding: 6px;
}


.breadcrumb {
  margin: 0;
  position: relative;
  width: 100%;
  padding: 100px 0px;
  background: url(../img/about.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 0;
}

.breadcrumb::before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #00000072;
  position: absolute;
  z-index: 1;
}

.breadcrumb-heading h1 {
  font-size: 28px;
  color: #fff;
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0px;
}

.thankyou {
  padding: 100px 0px;
  background: #f7f7f7;
}



.ff-form .ff-item {

  margin: 0;

  padding-top: 0;

  padding-block: 0px !important;

}

.ff-layout-2column {

  max-width: 740px;

  padding: 0px !important;

}



.top-form-heading input {

  width: 100%;

  padding: 0px !important;

  margin-bottom: -29px;

  border-radius: 0px;

  border: 0px;

  border-radius: 10px;

}

.ff-form .ff-item .ff-item-qs {
  color: #fff;
}

.ff-form .ff-title {
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 8px;
  font-size: var(--ff-head-size);
  font-weight: 400;
  display: none !important;
}

button#ff-submit-root {
  background-color: #000;
  border-color: #000;
}

.outer-frm {
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #03518d;
  border-radius: 10px;
  box-shadow: rgba(235, 118, 118, 0.35) 0px 5px 15px;
}