*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Noto Sans SC', sans-serif;}
h1,h2{color: #008930!important;font-weight: 900;}
.container{width: 90%;margin: auto;}
.space-between{justify-content:space-between;}


.top-nav ul li{list-style: none;display: inline-block;padding: 10px 7px;}
.top-nav ul li a{color: #222;}
.top-nav .login-btn{border:2px solid #ddd;padding:6px 20px;display:block;color:#fff;text-decoration:none;border-radius:3px;width:50%;margin:0 auto;}
.top-nav .login-btn:hover{background-color:#fff ;color:#002e20;border:none;  }
.header{
  height: 100px;
  padding: 0 20px;}



.logo{
  line-height: 100px;
  float: left;
  text-transform: uppercase;}

.menu{
  float: right;
  line-height: 100px;
}
.menu a{
  color: #34495e;
  text-transform: uppercase;;
  transition: 0.4s;padding: 0 10px;text-decoration: none;font-size: 14px!important;
}
.show-menu-btn,.hide-menu-btn{
  transition: 0.4s;
  font-size: 30px;
  text-decoration: none;
  padding: 0 10px;
  cursor: pointer;
  display: none;
}
.show-menu-btn{
  float: right;
}
.show-menu-btn i{
  line-height: 100px;
}
.menu a:hover{color: #325e61;}

#chk{
  position: absolute;
  visibility: hidden;
  z-index: -1111;
}

.content{
  padding: 0 20px;
}
.content img{
  width: 100%;
  max-width: 700px;
  margin: 20px 0;
}
.content p{
  text-align: justify;
}

@media screen and (max-width:1200px) {
  .show-menu-btn,.hide-menu-btn{
    display: block;
  }
  .header .logo{font-size: 15px;}
  .top-nav ul li{padding: 10px;}
  .menu{
    position: fixed;
    width: 70%;
    height: 100vh;
    background: #333;
    right: -100%;
    top: 0;
    text-align: center;
    padding: 80px 0;
    line-height: normal;
    transition: 0.7s;z-index: 99;
  }
  .menu a{
    display: block;
    padding: 20px;color: #fff;
  }
  .menu a:hover{color:#fff!important;font-size: 17px;}
  .hide-menu-btn{
    position: absolute;
    top: 40px;
    right: 40px;
  }
  #chk:checked ~ .menu{
    right: 0;
  }
}



.swiper-container {
      width: 100%;
      height: 50%!important;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
     

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }


.q-head{opacity: 0.1;font-size: 49px;color:#c73211!important;}
.q-head1{top: 70px;left: calc(50% - 25%);font-size: 50px;}
.feature-product p{font-size: 14px;color: #555;padding: 4px;text-align: center;line-height: 25px;}
    .dash-title::before{content: "";background-color: #002e20;position: absolute;width: 200px;height: 4px;top: 60px;left: calc(50% - 100px);display: block; }
    .read-more{border: 2px solid #002e20;background-color: #fff;border-radius: 4px;text-decoration: none;padding: 8px 15px;color: #002e20;}
    .read-more:hover{border:0;background-color:#002e20;color: #fff; }
.footer p{color:#122413;}
.footer ul li a {text-decoration:none;color:#122413;}
.footer ul li a:hover{text-decoration: underline;}
.footer ul li{display: inline-block;list-style: none;padding: 4px 10px;}


    @media only screen and (max-width: 400px){
      .logo{width: 150px;padding-top: 10px;}
      .dash-title::before{content: "";display: none;}
      .pad_1{padding: 1px!important;}  
      .border-b{border-bottom: 1px solid #fff;}   
      }

.svg-effect{  
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='0.4' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg stroke='%23CCC' stroke-width='0' %3E%3Crect fill='%23F5F5F5' x='-60' y='-60' width='110' height='240'/%3E%3C/g%3E%3C/svg%3E");
 border-bottom: 3px solid #edf2ef;}
.btn-slider{border:2px solid #00903d;padding:6px 20px;color:#00903d;text-decoration:none;border-radius:3px;}
.btn-slider:hover{border:2px solid #00903d;padding:6px 20px;color:#fff;background-color:#00903d;border-radius:3px;}
.slider-main{align-items: center;}
.slider-main p{line-height: 25px;}




.quality-product-section{margin-top: 3%;}

.quality-product{background-image: url(../img/bg3.jpg);background-size:cover;border-left: 5px solid #01e457;}



.inner-width {
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0 20px;}


    .gallery-section .gallery {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;}



/********************************** FOOTER SECTION START ****************************/

       


form{padding: 0px;}
 
.field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 10px;
  padding: 10px;
}
input:required {
    box-shadow:none;
}

label, input {
                transition: all 0.1s;
                touch-action: manipulation;
                }
input {
        width: 100%;
        font-size:15px;
        border: none;line-height:2;
        border-bottom: 1px solid #ccc;
        background:transparent; 
        }

input:focus {
                outline: 0;
                border-bottom: 1px solid #666;font-size:16px;
            }

label{
        color: #969595;
        letter-spacing: 1px;
        font-size: 15px;
        transform: translate(0, 1.8rem);
        transition: 1s ease;
    }

        
input:focus + label,input:valid +label{
             transform: translate(0, 0) scale(1);
        }

.btn-contact{background-image: linear-gradient(to right ,#00f79e, #02d488);padding: 10px;color: #fff;outline: none;border: none;}

.contact-info {
    text-align: left;
    position: relative;
    padding-left: 100px;
    height: 125px;
    border:1px solid #e7e7e7;
    padding:20px;
    padding-left: 100px;
}
.contact-info .icon {
    position: absolute;
    left: 10px;
}

 .contact-info .icon i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #ccc;
    font-size: 25px;
    border-radius: 100%;
    text-align: center;
}
.contact-info h3 {
    font-size: 20px;
    font-weight: 500;
    
}
 .contact-info p {
    color: #777;
    font-size: 15px;
}
.contact-info a {
    color: #777;
}

.pro-img{width:100%;}
  .main-produt-wrap{background:#fff;max-height:290px;min-height:290px;border-radius:10px;position:relative;border-top:3px solid #0b8930;}
.mrp-wrap{background-color: rgb(11, 137, 48,0.9);color:#fff;display:inline-block;padding:5px 1px;position:absolute;top:0;right:0;}
   .total_pro{padding:0px 10px;margin-bottom:12px;}
   .pages{text-decoration:none;padding:4px 10px;margin:4px 10px; background:green;color:white;}
  .shape-wrap{width:100%;height:100%;background-image:url(assets/img/bg-img.png);position:absolute;left:0;bottom: 0!important;background-repeat: no-repeat;background-size: cover;}
   .mrp-wrap-n{display: none;}
   .pagination-wrap{float: right;}
   @media only screen and (max-width: 768px){
   .mrp-wrap-d{display: block;}
   .mrp-d-none{display: none!important;}
     .pagination-wrap{float: left!important;}
 .main-produt-wrap{background:#fff;max-height:700px;min-height:auto!important;}
   .main-produt-wrap .col-md-5,.main-produt-wrap .col-md-7{padding: 20px 0;}
  
.mrp-wrap{background-color: rgb(11, 137, 48,0.9);color:#fff;display:inline-block;padding:10px;position:relative;}
  

  }
   @media only screen and (max-width: 500px){
    
  
  
   }
 
/********************************** FOOTER SECTION END ****************************/
  .feature-product-h{height: 230px;}
  @media only screen and (max-width: 450px){
      .feature-product-h{height: auto!important;}

.q-head{opacity: 0.1;font-size: 30px;color:#c73211!important;}
.q-head1{top: 60px;left: calc(50% - 35%);font-size: 30px;}
  }