@font-face {
    font-family: 'mm2';
    src: url('../fonts/BLACK.TTF');
   
}


@font-face {
    font-family: 'mm1';
    src: url('../fonts/DAYS.TTF');
   
}







.responsive {
  width: 80%;
  height: auto;
}


.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0);
    font-family: mm1;
    font-size: 1.5vw;
    text-align: center;
}



 

 body{
     font-size: calc(0.8vw + 0.8vh);
     overflow-x:hidden;
 }
 
.navb{
    padding-top: 2.2%;
    /*padding-left: 6%;*/
}
.navb a{
    padding-left:4%;
    color:black;
    font-family: mm1;
    font-size: 1.1vw;
    transition: all 1s;
}
.navb span {
    padding-left: 4%;
    color: black;
    font-family: mm1;
    font-size: 1vw;
    transition: all 1s;
}


.dropdown{
      font-family: 'mm1';
    font-size: 1.3vw;
}


.dropdown a {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    font-size: 1.3vw;
}
.dropdown-toggle {
  font-size: 1.1vw;
}


.dropdown-menu{
  width: 160% !important;   
  font-size: 0.7vw !important;
  text-align: center;
}

.dropdown-menu a{
  font-size: 0.98vw;
}

#myBtn {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99999;
  font-size: calc(1.4vw + 1.4vh);
  border: none;
  outline: none;
    background-color: rgb(179 179 179 / 50%);
  color: white;
  cursor: pointer;
    padding: 0.4% 1.3% 0.4% 1.3%;
    border-radius: 7%;
    transition: all 1s;
}

#myBtn:hover {
    background-color: rgb(179 179 179 / 60%);
  font-size: calc(1.6vw + 1.6vh);
}



.dropdown-toggle{
    background: unset !important;
    border: unset !important;
}
.navrow{
    padding-top: 1.1%;
    padding-bottom:0.5%;
    position: relative;
    width: 100%;
    z-index: 999999;
    background: #fff;
}

 


.social a i{ 
    padding-left:10%;
    color:#0f4a2c!important;
    font-size: calc(1.2vw + 1.2vh);
}
.social{  
    padding-top:2.2%;
}
.navigation{
    display:none;
}
.carousel-inner img {
    width: 100%;
    
   
  }







  .logo_img{
          position: absolute;
    z-index: 9;
    padding-left: 6%;
 
  
  } 
  @keyframes daynight {
  0% {background: #fff;}
  20% {background: #fff;}
  50% {background: #000;}
  70% {background: #000;}
  100% {background: #fff;}
}
  .raw{
    padding-top: 5%;
    background-size: 100%;
    padding-bottom: 25%;
    background-repeat: no-repeat;
    position: relative;
    animation: daynight 40s infinite;
  }

@keyframes exampled {
  from {
    background-position-x: 0vw;}
  to {
    background-position-x: -100vw;}
}
@keyframes examples {
  from {left:100%;}
  to {left:200%;}
}
  .rawbg{
    background-image: url(../../Home/Cycling-BG.png);
    padding-top: 5%;
    background-size: 100%;
    padding-bottom: 25%;
    background-repeat: repeat-x;
    position: absolute;
    top: 45%;
    left: 0%;
    width: 100%;
    animation: exampled cubic-bezier(0.31, 0.33, 0.65, 0.67) 30s infinite;
    

  }





@keyframes example {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}




.raw1 img{
    position: absolute;
    width: 19%;
    left: 9.7%;
    top: -1.1%;
    z-index: 99999;
    padding-top: 8%;
}
.raw2 img{
    width: 10%;
    position: absolute;
    top: 73%;
    left: 6.5%;
    z-index: 9999;
    padding-top: unset;
    animation: example cubic-bezier(0.31, 0.33, 0.65, 0.67) 10s infinite;
}

.raw3 img{
    position: absolute;
    width: 10%;
    top: 73%;
    left: 23.6%;
    z-index: 9999;
    padding-top: unset;
    animation: example cubic-bezier(0.31, 0.33, 0.65, 0.67) 10s infinite;

}


.heading{
  position: absolute;
   left: 45%;
    top: 2%;
    width: 30%;

}




  @keyframes dntxt {
  0% {color: #116239;}
  20% {color: #116239;}
  50% {color: #fff;}
  70% {color: #fff;}
  100% {color: #116239;}
}
  .heading h2{
         font-family: mm2;
    font-size: 6vw;
    color: #116239;
    animation: dntxt 40s infinite;

   padding-left: 20%;
      
  }
  

 .heading h3{
         font-family: mm2;
    font-size: 6vw;
    color: #116239;
    animation: dntxt 40s infinite;
      
  }


.leaf3, .Leaf1, .Leaf2{
  position: absolute;

} 

.leaf3 img, .Leaf1 img, .Leaf2 img{
  width: 5%;

} 






.leaf3{
  width: 100%;
    left: 2%;
    top: 50%;
    animation: fadeOutLeft 8s infinite;

}



.Leaf1{
  width: 100%;
    left: 45%;
    top: -35%;

}


.Leaf2{
  width: 100%;
    left: 72%;
    top: -11%;
}

  @keyframes dnlight {
  0% {opacity: 0;}
  20% {opacity: 0;}
  50% {opacity: 1;}
  70% {opacity: 1;}
  100% {opacity: 0;}
}
.light{
    position: absolute;
    top: 27.4%;
    left: 15.8%;
    width: 108%;
    z-index: 9999;
    animation: dnlight 40s infinite;
}






  
.para{
    text-align: justify;
    color: #116239;
    font-weight: 700;
    font-size: 0.8vw;
    animation: dntxt 40s infinite;
}
.image{
    
    position: absolute;
    overflow: hidden;
    background-size: 100%;
    width: 100%;
    bottom: -69%;
}




.lay01 img{
  background-size: 100%;
  width: 100%;
}



.some{
  margin-top: 24%;
}




.some h3{
  
  text-align: center;
  font-size: 6vw;
  font-family: mm2;
  color: #116136;
  padding-bottom: 3%;
}


.sby{
  color: #0e6437;
  border: 4px solid;
}

.butn{
  width: 100%;
  text-align: center;
  margin-top: -2%;
  border-color: #96ff32;
  display: flex;
  padding: 0% 25% 0% 25%;
}
.butn span{
  margin: 0% 2% 0% 2%;
  width: 100%;
}
.butn span button{
  width: 100%;
}


.btn-warning{
  border-color: #96ff32;
  background-color: #96ff32;
  font-weight: bold;
  font-size: 1vw;
  text-decoration: none;
  font-family: mm1;
}







.rcorners{
  border-radius: 50%;
  background: #facd15;
  padding: 10% 0%;
  width: 20%;
  text-align: center;
  position: absolute;
  top: 11%;
  left: 50%;
  transform: translateX(-50%);
  
}






.owl-theme{
    width: 100% !important;
}



.owl-carousel owl-theme:hover{
     margin-top: -0.1%;
}

.owl-carousel{
    position: absolute;
    font-size: 5vw;
    font-family: magic;
    color: #ee1b24;
}



.owl-nav{
    position: absolute !important;
    top: 31% !important;
    transform: translateY(-50%);
    width: 100%;
}
.owl-prev{
    width: 3%;
    background-image: url(../../Home/1018583-2001.png) !important;
    background-size: 100% !important;
    position: absolute !important;
    left: -1% !important;
    background-position: center;
    background-repeat: no-repeat !important;
    height: 3vw;
}
.owl-next{
    right: -1% !important;
    width: 3%;
    background-image: url(../../Home/1018583-200.png) !important;
    background-size: 100% !important;
    position: absolute !important;
    background-position: center;
    background-repeat: no-repeat !important;
    height: 3vw;
}


.owl-prev span, .owl-next span{
  display: none;
}
.owl-prev:focus, .owl-next:focus{
    outline: none !important;
}



.bmp{
    position: relative;
    padding-top: 7%;
}



.item p{
 font-size: 1.2vw !important;
    font-family: mm1;
    color: #251b1b !important;
    text-align: center;
    padding-bottom: 20%;
}




.flw p{
  font-family: mm2;
  font-size: 6vw;
  text-align: center;
  color: #116136;
}



.lay11 img {
    transform: translate(19%);
    width: 90%;
}










.slide1{
  position: relative;
}



.flw{
  position: relative;
}




.lay2{
      position: absolute;
    top: 3%;
    right: 0%;
    z-index: 999;

}




.lay1 {
    position: absolute;
    top: 3%;
    z-index: 999;
    width: 22%;
    margin-left: -6%;
}




.lay2{
    width: 20%;
}
.lay3 {
    width: 8%;
    position: absolute;
    top: 37%;
}





.lay4 {
    width: 7%;
    position: absolute;
    top: 75%;
}

















.lay5{
    position: absolute;
    top: 47%;
    right: 0%;
    z-index: 999;
    width: 13%;

}









.blk6{
  background: url(../../Home/Vector-Smart-Object1.png);
  background-repeat: no-repeat;
background-size: 100%;
    padding-top: 19%;
  position: relative;
    width: 100%;

}



.lay6{
      position: absolute;
    right: 63%;
    top: 10%;
    width: 8%;
}



.lay7{
  text-align: center;
      position: absolute;
    top: 25%;
    right: 26%; 
    width: 5%;
}
.lay1 img, .lay2 img, .lay3 img, .lay4 img, .lay5 img, .lay6 img, .lay6 img, .lay7 img, .lay8 img{
  width: 100%
}





.lay8{

    position: absolute;
    right: 2%;
    top: -33%;
 
    width: 20%;
    }



.lay9{
  position: absolute;
  top: 29%;
    padding-left: 2%;
    width: 20%;

}
.lay9 img{
   width: 95%;
}





.flw2{
  text-align: center;
  margin: 2%;
  color: #0b6337;
  font-size: calc(1.3vw + 1.3vh);
}
.flw2 a{
  text-decoration: none;
  color: #0c6338;
}




.logoend{
  text-align: center;
    width: 100%;
    padding-top: 3%;
}

.logoend img{
  width: 15%;
}



    .crrhmbnnr3{
    padding: 2% 0 3% 0;
}
.crrhmbnn3formnme{
    display: grid;
    padding: 3% 0;
}
.crrhmbnnr3 h3{
    font-family:mm1;
    font-size: 2.5vw;
    color: #000;
    text-align: center; 
}
.crrhmbnnr3form{
    background-color:#f0f0f0;
    width: 95%;
    margin: auto;
    padding: 4% 12% 4% 12%;
    margin-top: 1%;
}
.crrhmbnn3formnme label{
    font-family: mm3;
    font-size: 0.9vw;
    color: #000;
    text-align: left;
    font-weight: bold;
    margin-bottom: 1%; 
}
.crrhmbnnr3gndr{
   margin-bottom: 0!important; 
}
.crrhmbnnr3frminr{
    padding: 4% 0 0 0;
}
.crrhmbnn3formnme input[type="radio"]{
    background: unset;
}
.crrhmbnn3formnme input, .crrhmbnn3formnme select{
    border: 1px solid #9e9ea0;
    border-radius: 45px;
    padding: 2% 5%;
    background: #fff;
}
/*.crrhmbnn3formnme textarea{*/
/*    border: 1px solid #9e9ea0;*/
/*    border-radius: 22px;*/
/*    padding: 4% 5%;*/
/*}*/
::placeholder,.crrhmbnn3formnme select {
    color: #9d9ea2;
    opacity: 1; 
    font-family: mm4;
}
.select_box:after{
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-right-style: solid;
    border-right-width: 3px;
    content: "";
    display: inline-block;
    height: 12px;
    right: 5%;
    position: absolute;
    top: 60%;
    width: 12px;
    transform: rotate(45deg);
}
.select_box select{
   appearance: none;
}
.select_box{
  position: relative;
}
.crmform3rd{
    display: flex;
    align-items: center;

}
.crmhmbnnr3btn{
    text-align: center;
    padding: 10% 0 0 0;
}
.crmhmbnnr3btn input{
    font-family: mm3;
    font-size: calc(0.8vw + 0.8vh);
    padding: 0.8% 5% 0.8% 5%;
    text-align: center;
    color: #fff;
    background: #ec1d23;
    border: none;
    border-radius: 25px;
}
.carrhmbnn1{
    background-image: url(../../assests/Layer21.jpg);
    background-size:cover;
    width: 100%;
    position: relative;
    padding: 12% 0% 11% 0%;
    background-repeat: no-repeat;
}
.carrhmbnnr1hding{
    padding: 0 0 0 14%;
}
.carrhmbnnr1hding h3{
    font-family: mm1;
    font-size: 5.5vw;
    color: #fff;
    text-align: left;
}
.carrhmbnn2{
    padding: 8% 3% 0 10%;
    position: relative;
}
.carrhmnmmr2sticky1{
    background-image: url(../../assests/VectorSmartObject.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    padding: 15% 18% 22% 12%;

}
.carrhmbnnr2stckinnr{
    transform: rotate(-2deg);
    text-align: center;
}
.carrhmbnnr2stckinnr12{
    transform: rotate(-2deg);
    text-align: center;
    padding: 8% 0% 7% 0%;

}
.carrhmbnnr2stckinnr h3, .carrhmbnnr2stckinnr12 h3 {
    font-family: 'mm1';
    font-size: 2.2vw;
    color: #000;
    text-align: center;   
    margin: 0;
}
.carrhmbnnr2stckinnr2{ 
    transform: rotate(-0.5deg);
}
.carrhmbnnr2stckinnr3{
    transform: rotate(-0.5deg);
}
.carrhmbnnr2stckinnr2 p, .carrhmbnnr2stckinnr3 p{
    font-family: mm3;
    font-size: calc(0.85vw + 0.95vh);
    color: #000;
    text-align: justify;
    line-height: 1.1;
}









.mend a{
  font-family: mm1;
  font-size: 1vw;
  
  color: #060000;
}


.dropdown-toggle{
  font-size: 1vw;
  font-family: mm1;
}


.mend{
  text-align: center;

}





.sby1{
  color: #0c623f;
  border: 4px solid;
  width: 80%;
}




.ftend{
  font-family: mm1;
  font-size: 1.4vw;
  border-right: solid;
  text-align: center;
  color: black;
}

.ftend a{
   text-decoration: none;
   font-family: mm1;
   color: black;
}



.ftend1 a{
   text-decoration: none;
   font-family: mm1;
   color: black;
}




.ftend1{
  font-family: mm1;
  font-size: 1.4vw;
  text-align: center;
  color: black;
  
}

.ftend2{
     background: #0c6137;
    text-align: center;
    font-size: 0.8vw;
    color: #fff;
    padding: 1% 0% 0% 0%;
    font-family: mm1;
}










.footchat {
    position: fixed;
    /* background: #27cd47; */
    bottom: 7%;
    border-radius: 25%;
    /* padding: 5% 20%; */
    left: 5%;
    width: 3%;
    z-index: 100;
}


.footchat img {
    width: 100%;
}







/*-----------------------------------------product page start--------------------------------------*/



.pro1 a{
  font-family: mm1;
  color: black;
  padding-left: 2%;
}



.pro2 p{
   font-family: mm2;
   font-size: 6vw;
   text-align: center;
   color: #0b6438;
}


.ro1{
  width: 100%;
    transform: translate(23%);
    padding: 2% 0%;

}



.ro2 {
   margin-top: 7%;
}
.ro2 p{
  text-align: right;
  font-family: mm1;
  color: black;
  padding-right: 5%;
  font-size: 0.9vw;
}



.blk66 {
    background: url(../../Home/Vector-Smart-Object1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 19%;
    position: relative;
    width: 100%;
    margin-top: 10%;
}













/*-----------------------------------------product page end--------------------------------------*/









/*--------------------------------------about page start------------------------------------------*/





.lay1 img{
      transform: translate(28%);
    width: 90%;
}



.lay2 p{
      text-align: center;
    font-family: mm1;
  font-size: 0.9vw;
    transform: translate(22%);
    padding-bottom: 5%;
}



.lay31{
  position: absolute;
  width: 20%;


     }



.lay32{
  position: absolute;
  width: 20%;
    top: 33%;
    right: 61%;

     }



.lay33{
  position: absolute;
  width: 20%;
  right: 45%;

     }


.lay34{
  position: absolute;
  width: 20%;
  top: 34%;
  right: 29%;

     }


.lay35{
  position: absolute;
  width: 20%;
  right: 13%;

     }


.lay36{
  position: absolute;
  width: 20%;
  bottom: -62%;
    right: 61%;

     }




.mgm p{
  text-align: center;
  font-size: 4vw;
  color: #0b6438;
  padding-top: 17%;
  font-family: mm1;
}



.layend p{
    text-align: center;
    font-family: mm1;
    font-size: 0.9vw;
    transform: translate(22%);
    
}


.layend h3{
    text-align: center;
    font-family: mm1;
    font-size: 0.9vw;
    transform: translate(22%);
    padding-bottom: 15%;
}








/*--------------------------------------about page end------------------------------------------*/









/*------------------------------------------------CSR page start-----------------------------------------*/



.laycsr p {
    text-align: center;
    font-family: mm1;
    font-size: 0.9vw;
    transform: translate(22%);
    padding-bottom: 15%;
    padding-top: 5%;
}




















/*------------------------------------------------CSR page end-----------------------------------------*/










/*-------------------------------------------------------companyoverview start---------------------------------*/




.bread1{
  width: 100%;
  text-align: center;
}
.bread1 img{
  width: 90%;
}








.rcorners1{
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 29% 18%;
    position: relative;
    background-image: url(../../Home/mygm.png);
    margin: auto;
    width: 60%;
    margin-top: -7%;
    
}


.rcornerp1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rcorners1 p {
    text-align: center;
    font-family: mm1;
    font-size: 0.8vw;
    color: white;
}


.rcorners2{
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 29% 18%;
    position: relative;
    margin-top: -6%;
    background-image: url(../../Home/mygm.png);
    margin: auto;
    width: 60%;
    margin-top: -7%;
    
}




.rcorners2 p {
    text-align: center;
    font-family: mm1;
    font-size: 0.8vw;
    color: white;
}


.bread2{
    width: 80%;
    text-align: center;
    margin: auto;
}
.bread2 img{
  width: 60%;
}



.bread3{
   width: 34%;
   margin:auto;
}



.cpov p {
    text-align: center;
    font-family: mm1;
    font-size: 0.9vw;
    transform: translate(22%);
    padding-top: 5%;
}





.cpov h3 {
    text-align: center;
    font-family: mm1;
    font-size: 0.9vw;
    transform: translate(22%);
    padding-bottom: 3%;
}


.cpov1 h3 {
    text-align: center;
    font-family: mm1;
    font-size: 2vw;
    transform: translate(22%);
   color: #0a6636;
}









/*-------------------------------------------------------companyoverview start---------------------------------*/

/*-------------------------------------------------------media start---------------------------------*/

    /*event2 start*/
    .hmbnnr1{
        width:50%;
        margin:auto;
    }
.hmbnbnrimg1{    width: 80%;
    margin: auto;
    box-shadow: 7px 7px 7px 5px #0003;}
    
.hmbnbnrimg1 img{width:100%;}

.hmbnbnr1text h3{
    text-align: center;
    color: #000;
    font-size: 2.5vw;
    margin-top: 2%;
    text-shadow: 2px 2px #00000052;
}
    /*event2 End*/
/* event page End */
.hmbnnr1img{
        margin: 20% 0 35% 0;
}


/*-------------------------------------------------------media End---------------------------------*/

/*---------------------------------------------------------contact start--------------------------------------------------*/









.laycont p {
    text-align: center;
    font-family: mm1;
    font-size: 0.9vw;
    transform: translate(22%);
    }




.cot1{
  text-align: center; 
  width: 90%;
    transform: translate(12%);
    padding: 2% 0%;

}


.cot1 h3{
  text-align: center;
  font-family: mm1;
  font-size: 1vw;
  padding-top: 2%;

}



.cot1 h4{
  text-align: center;
  font-family: mm1;
  font-size: 1vw;


}




.cot1 p{
  text-align: center;
  font-family: mm1;
  font-size: 0.8vw;

}




.mgm1 p {
    text-align: center;
    font-size: 2.5vw;
    color: #0b6438;
    padding-top: 3%;
    font-family: mm1;
}





.feedback{
  text-align: center;
  font-family: mm1;
  
 position: relative;
 font-size: 0.8vw;
}

.feedback input{
 border: none; 
 border-bottom: 2px solid; 
 width: 100%; 
 margin-bottom: 10%;
 border-color: #0b6438;
}















.button {
  background-color: #0b6438;
  border: none;
  color: white;
  padding: 5% 11% 5% 11%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1vw;
  
  cursor: pointer;
  border-radius: 10%;
}

.button a{
   font-family: mm1;
   font-size: 1vw;

}






/*---------------------------------------------------------contact start--------------------------------------------------*/





/*-------------------------------------------------------------------Media start-------------------------------------------*/



.post1{
  width: 100%;
}



.post2{
   width: 100%;
}



.ro5 {
    width: 100%;
   margin: auto;
    text-align: center;
}

.row5 img{
  width: 90%;
}












/*-------------------------------------------------------------------Media end------------------------------------------------------*/