@font-face {
  font-family: 'NexaBold';
  src:url('NexaBold.ttf.woff') format('woff'),
      url('NexaBold.ttf.svg#NexaBold') format('svg'),
      url('NexaBold.ttf.eot'),
      url('NexaBold.ttf.eot?#iefix') format('embedded-opentype'); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
font-family: 'Petrona-Regular';
src:url('Petrona-Regular.woff') format('woff'),
    url('Petrona-Regular.svg#NexaBold') format('svg'),
    url('Petrona-Regular.ttf.eot'),
    url('Petrona-Regular.ttf.eot?#iefix') format('embedded-opentype'); 
font-weight: normal;
font-style: normal;
}
body {
  font-family: 
  /* "Nexa Bold"; */
  "Open Sans", sans-serif;
  color: #444444;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background-color:  transparent;
      background-image: url('/green/assets/img/hero-bg.jpg');

  background-color: rgba(1, 53, 44, 0.83);
  /*background-color:#99ffbb;*/
  /*rgb(14, 62, 58);*/
  /*rgb(11, 65, 61);*/
  background-size: cover;background-position: center center;
  
/*background-blend-mode: multiply;*/
object-fit: fill;
align-items: center;
/*padding-top:20px;*/
/*padding-bottom:20px;*/

}



.footer-column{
  display: flex;background-color: transparent;flex-direction: column;
      /* margin-left: 7vw;margin-right: 5vw; */
      margin-left: 90px;margin-right: 70px;

}

.footer-box-img{
  text-align: start;width: 25%;margin-top: 15px;
   /*margin-right: 50px; */
   margin-right: 50px;
}

#footer .ul-img{
  align-items: start;align-content: start;justify-content: start;padding-left: 0;
}

.footer-logo{
  width: 180px;
  height: 140px;
}


#footer h1{
  color: #02C652;
margin: 0;
font-family: 'NexaBold';
font-size:30px;
font-style: normal;
font-weight: 700;
margin-top: 10px;
line-height: normal;
}

#footer h3{
  color: #FFF;
font-family: 'NexaBold';
font-size: 20px;
font-style: normal;
font-weight: 700;
margin-top:10px;
line-height: normal;
margin-top:0px;
}
.text-p{
  color: #FFF;
font-family: 'NexaBold';
font-size: 20px;
font-style: normal;
font-weight: 700;
margin-top:10px;
line-height: normal;
margin-top:0px;
}

/*#footer p{*/
/*  color: #FFF;*/
/*font-family: 'NexaBold';*/
/*font-size: 20px;*/
/*font-style: normal;*/
/*font-weight: 700;*/
/*margin-top:10px;*/
/*line-height: normal;*/
/*margin-top:0px;*/
/*}*/

#footer h4{
  color: #FFF;
text-align: justify;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}


.text-p2{
  color: #FFF;
text-align: justify;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
#footer .img-row{
  margin-right: 0;
    }

.line-ver{
  width: 1px;
height: 0;
background-color: white;
}

.line-row{
  width: 0;
height: 1px;
background-color: white;
}


.tagline{
  display:flex;
  flex-direction:column;
}

.box-link{
  width: 70%;display: flex;flex-direction: column;
  padding-left: 50px;
  margin-top:20px;
}


#footer .box-item-ul{
  align-content: space-around;
  display: flex;
  width: 100%;
  /* margin-left: 30px; */
  gap: 30px;
  align-items: start;justify-content: left;background-color: transparent;
  margin-left: 20px;
}

#footer .div-ul{
margin-top: 30px;
text-align: start;

width: 140px;
/*margin-right: 70px;*/
   /*margin-right:20px;*/

}

#footer .div-ul1{
       margin-right:70px;

}
#footer .div-ul2{
   width:240px;
}

.div-ul{
  /* background-color: red; */
margin-top: 30px;
text-align: start;
}
/* #footer .div-ul ul{
  padding-left: 0;
width: 140px; 
} */

/* div 2 */
/*#footer .div-ul2{*/
/*margin-top: 30px;*/
/*text-align: start;*/
/*margin-left: 20px;*/

/*}*/
/* #footer .div-ul2 ul{
  padding-left: 0;
width: 240px; 
} */

/* div 3 */
#footer .div-ul3{
  /* background-color: red; */
margin-top: 30px;
text-align: start;
/* margin-left: 30px; */
}
/* #footer .div-ul2 ul{
  padding-left: 0;
width: 300px; 
} */




#footer h2{
  color:white; 
             font-family: 'NexaBold';
             margin-top: 30px;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /* letter-spacing: 1px; */
  padding-left: 0;
  margin-left: 0;
  text-align: left;
   }
    
    #footer h5 {
      color: #FCFCFC;
      text-align: left;
      font-size: 19px;
            font-size: 19px;
      font-style: normal;
      font-weight: 100;
      line-height: normal;
          /* letter-spacing: .7px */
           letter-spacing: -0.4px; 

    }
    
     .text-p3 {
      color: #FCFCFC;
      text-align: left;
      font-size: 19px;
            font-size: 19px;
      font-style: normal;
      font-weight: 100;
      line-height: normal;
          /* letter-spacing: .7px */
           letter-spacing: -0.4px; 

    }
    






/*  */


#footer::placeholder {
  color: #ADADAD;
 }
 ::placeholder {
  color: #ADADAD;
   opacity: 1; /* Firefox */
 }
 
 ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #ADADAD;

 }
 






.footer-input-email{
  /* width: 20vw; */
  order: 1;
  position: absolute;

  /* height: 3.2vw; */

  width: 262px;
height: 44px;
background-color: #FFF;
align-content: center;
text-align: start;
padding-left: 10px;
color: black;
font-style: normal;
font-weight: 400;
line-height: normal;
/* font-size: 1vw; */
border-color: transparent;outline-color: transparent;
/* letter-spacing: .1vw; */

font-size: 15px;
/* font-style: normal; */
/* font-weight: 400; */
/* line-height: normal; */
letter-spacing: 1.5px;
}

#footer-input-email:focus {
  padding: 0;
  padding-left: 10px;
  outline: none;
  box-shadow: 0px 0px 0px transparent;/*here change the color*/
  border-radius: 0;
}


#footer .footer-btn-subscribe{
  display: flex;order: 2;position: absolute;

justify-content: center;
background: #02C652;color:  #011E19;
/* right: -1.6vw; */
right: 0;
font-style: normal;
font-weight: 400;
align-items: center;
font-size: 14px;
/* height: 3.2vw;
width: 8.5vw; */
color:white;
line-height: normal;border-color: transparent;
align-content: center;

width: 117px;
height: 44px;

}

#footer .footer-btn-subscribe:hover{
  background-color: #D1FDF5;
  color: black;
}

.line{
  display: inline-flex;
align-content: end; background-size: 100% 100%;
width: 59px;height: .3vw;
float: right;
 object-fit: fill;background-image: url(/green/assets/img/line.svg); background-repeat: no-repeat;
}

#footer .row-icons{
  align-items: end;
  display: flex;
  flex-direction: column;
 
}

.telegram{
  display: inline-flex;
align-content: end; background-size: 100% 100%;
width:22px;height: 22px;margin-right: 12px;margin-top: 3px;
 object-fit: fill;background-image: url(/green/assets/img/telegram.svg); background-repeat: no-repeat;
}
.whatsapp{
  display: inline-flex;
align-content: end; background-size: 100% 100%;
width:25px;height: 25px;

 object-fit: fill;background-image: url(/green/assets/img/whatsapp.svg); background-repeat: no-repeat;
}

.phone{
  display: inline-flex;
  align-content: end; background-size: 100% 100%;width:24px;height: 24px;
     object-fit: fill;background-image: url(/green/assets/img/phone.svg); background-repeat: no-repeat;
}

.location{
  margin-top: 3px;

  display: inline-flex;
  align-content: end; background-size: 100% 100%;width:24px;height: 24px;
     object-fit: fill;background-image: url(/green/assets/img/location.svg); background-repeat: no-repeat;
}
#footer .email{
  margin-top: 3px;

  display: inline-flex;
align-content: end; background-size: 100% 100%;width:24px;height: 24px;
 object-fit: fill;background-image: url(/green/assets/img/email.svg); background-repeat: no-repeat;
}

.text-phone{
  color: #FFF;
font-size:15px;
font-style: normal;
font-weight: 400;margin-left: 10px;
line-height: normal;
}

.text-email{
  margin-top: 3px;
  color: #FFF;
font-size: 15px;
font-style: normal;
font-weight: 500;margin-left: 10px;
line-height: normal;
}



#footer li{
margin-bottom: 0;
list-style-type: none;
margin-bottom: 10px;
}







.footer ul li a{
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
  text-align: start;
 
  font-weight: 400;
  letter-spacing: 2px;
      color: white;
  display: block;
  transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;

}




.footer ul li a:hover{
  color: green;
  padding-left: 3px;
  /* padding-left: .3vw; */
}


#footer .div-ul a{
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
  text-align: start;
 
  font-weight: 400;
  letter-spacing: 2px;
      color: white;
  display: block;
  transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;

}
#footer .div-ul-button{
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
  text-align: start;
 
  font-weight: 400;
  letter-spacing: 2px;
      color: white;
  display: block;
  transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 6px;
    background-color:transparent;
    border-color:transparent;
    padding:0;

}
#footer .div-ul-button:hover{
  color: green;
  padding-left: 3px;
  /* padding-left: .3vw; */
}
#footer a:hover{
  color: green;
  padding-left: 3px;
  /* padding-left: .3vw; */
}





/*  */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #ADADAD;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ADADAD;
opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ADADAD;
opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #ADADAD;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #ADADAD;
}

::placeholder { /* Most modern browsers support this now. */
color: #ADADAD;
}




.copyright-container{
  background-color: white;width: 100%;
  height:35px;
  align-content: center;display: flex;align-items: center;justify-content: center;
}

.copyright{
  color: #01352C;
font-size:15px;
font-style: normal;
font-weight: 400;color: rgba(1, 53, 44, 0.83);
line-height: normal;text-align: center;
}

.copyright-icon{
  background-size: 100% 100%;
  width:16px;height: 16px;margin-left:5px;
 object-fit: fill;background-image: url(/green/assets/img/copyright.svg); background-repeat: no-repeat;
}

.d-flex-link{
  display: flex;
}

.col-subscribe{
  align-items: center;
  /* background-color: #02C652; */
  display: flex;
  flex-direction: column;

}
.d-flex-box{
  display: flex;
  /* background-color: red; */
  width: 100%;
  /* align-items: center; */
  /* align-content: center;
  justify-content: center; */
}

#footer .box-contact{
    margin-top:15px;padding-left:18px;
}


@media(max-width:1215px){
    /*1280px  1115px*/
  #footer .d-flex{
  display: flex;
  flex-direction: column;
  }
 #footer .box-contact{
      padding-left:0;
  }
  .footer-box-img{
    text-align: start;width: 100%;
  }
  .box-link{
    width: 100%;padding-left: 0;
  }
  /* h2{
    text-align: start;
  } */

  #footer .d-flex{
    display: flex;
    flex-direction: column;
  }

   .line-ver{
      width: 1px;
    height: 115px;
    background-color: white;
    margin-right: 10px;
    }
  
    #footer .img-row{
  margin-right: 15px;
    }
    #footer .ul-img{

      display:flex;
  }
  #footer h1{
    text-align: center;
    padding-left:0;
  }
  /*#footer h3{*/
      .text-p{
font-size: 20px;  
}
  /*#footer h4{*/
  .text-p2{
    font-size: 18px;  

  }
  .line-ver{
    width: 1px;
    height: 175px;
    background-color: white;
    margin-right: 10px;
    margin-top: 30px;

  
    }
    .tagline{
      margin-top: 30px;
    }
  
  }

  @media (max-width: 912px) {
    #footer .d-flex{
      display: flex;
      flex-direction: column;
    }
  
     .line-ver{
        width: 1px;
      height: 115px;
      background-color: white;
      margin-right: 10px;
      }
    
      #footer .img-row{
    margin-right: 15px;
      }
      #footer .ul-img{
  
        display:flex;
    }
    #footer h1{
      text-align: center;
          padding-left:0;
    }
    /*#footer h3{*/
        .text-p{
  font-size: 20px;  
  }
    /*#footer h4{*/
    .text-p2{
      font-size: 18px;  
  
    }
    .line-ver{
      width: 1px;
      height: 175px;
      background-color: white;
      margin-right: 10px;
      margin-top: 30px;
  
    
      }
      .tagline{
        margin-top: 30px;
      }
  }
  
  
  @media (max-width: 891px) {

    #footer h2{
      font-size: 39px;
      text-align: center;
    }
  }


@media(max-width: 867px ){
  /* 829px */

  #footer .div-ul a{
    font-size: 18px;
  }
  #footer .div-ul-button{
    font-size: 18px;
  }
  .d-flex-box{
    display: flex;
    flex-direction: column;
  }

  #footer .d-flex{
    display: flex;
    flex-direction: column;
  }
    .footer-logo{
      width: 120px;
      /* 120 */
      height: 80px;
    }
    
    
    #footer h1{
     
    font-size:20px;
    /* padding-left: 20px; */
    text-align: center;
        padding-left:0;

    
    }
    
    /*#footer h3{*/
    .text-p{
    
    font-size: 15px;
    
    }
    
    /*#footer h4{*/
    .text-p2{
    font-size: 14px;
    
    }
    
    #footer h2{
      font-size: 30px;
      margin-top: 0;
      text-align: center;
  
  
    } 
  
    /* #footer .div-ul a{
      font-size: 14px;
   } */
   /*#footer h5 {*/
        .text-p3 {
    font-size: 19px;
    letter-spacing: -0.4px;
    font-weight: 400;
   }
   .text-phone
  
  {
    font-size: 15px;
  
  }
  .text-email
  {
    font-size: 15px;
  
  }
  
  #footer .div-ul1{
  width: 87px;
  width: 40%;
  }
  #footer .div-ul2{
    width: 155px;
    text-align: right;
    align-items: end;
    align-content: end;
    justify-content: end;
    display: flex;
    flex-direction: column;
    /* background-color: #011E19; */
    width: 60%;
  
  
    }
  
    .footer-column{
    
          margin-left: 20px;margin-right:20px;
          align-items: center;align-content: center;
    
    }
    .line-ver{
      width: 1px;
    height: 115px;
    background-color: white;
    margin-right: 10px;
    }
  
    #footer .img-row{
  margin-right: 15px;
    }
   #footer .box-item-ul{
      align-items: center;
      align-content: center;
      justify-content: center;
      /* background-color: #01352C; */
    }
  
    .line-row{
      margin-top: 15px;
      width: 271px;
    height: 1px;
    background-color: white;
    }
  
    #footer .row-icons{
      align-items: center;
      display: flex;
      flex-direction: column;
    }
  
    .d-flex-link{
      padding-left: 15%;
      padding-right:15%;
    }
  
  
}

@media(max-width:819px){
  .d-flex-link{
    padding-left: 10%;
    padding-right:10%;
  }
  #footer .div-ul a{
    font-size: 16px;
  }
   #footer .div-ul-button{
    font-size: 16px;
  }
}

@media (max-width: 571px) {
 
  #footer .box-item-ul{
      margin-left: 0;
  }

.footer-box-img{
 margin-right:0;   
}
#footer .div-ul a{
   font-size: 13px;
}
#footer .div-ul-button{

    font-size:13px;
}

#footer .div-ul2{
   width:140px;
}

#footer .div-ul1{
       margin-right:15px;

}


}

/*@media (max-width: 416px) {*/
 /*    #footer .div-ul a{*/
 /*   font-size: 11px;*/
 /*}*/
/*  .d-flex-link{*/
/*    padding-left: 1%;*/
/*    padding-right:1%;*/
/*  }*/
/*}*/

@media(max-width:600px){
  /* 750 */
  .footer-logo{
    width: 110px;
    /* 120 */
    height: 80px;
  }
  
  
  #footer h1{
   
  font-size:20px;
  /* padding-left: 20px; */
  text-align: center;
      padding-left:0;

  
  }
  
  /*#footer h3{*/
  .text-p{
  
  font-size: 14px;
  margin-top:0;

  }
  
  /*#footer h4{*/
  .text-p2{
  
  font-size: 13px;
  
  }
  
  #footer h2{
    font-size: 30px;
    margin-top: 0;
    text-align: center;


  } 

  #footer .div-ul a{
    font-size: 13px;
 }
  #footer .div-ul-button{
    font-size: 13px;
  }
 /*#footer h5 {*/
  .text-p3 {
  font-size: 19px;
  letter-spacing: -0.4px;
  font-weight: 400;
 }
 .text-phone

{
  font-size: 15px;

}
.text-email
{
  font-size: 15px;

}

#footer .div-ul1{
width: 87px;
width: 40%;
}
#footer .div-ul2{
  width: 155px;
  text-align: right;
  align-items: end;
  align-content: end;
  justify-content: end;
  display: flex;
  flex-direction: column;
  /* background-color: #011E19; */
  width: 60%;


  }

  .footer-column{
  
        margin-left: 20px;margin-right:20px;
        align-items: center;align-content: center;
  
  }
  /*.line-ver{*/
  /*  width: 1px;*/
  /*height: 115px;*/
  /*background-color: white;*/
  /*margin-right: 10px;*/
  /*}*/

  #footer .img-row{
margin-right: 15px;
  }
 #footer .box-item-ul{
    align-items: center;
    align-content: center;
    justify-content: center;
    /* background-color: #01352C; */
  }

  .line-row{
    margin-top: 15px;
    width: 271px;
  height: 1px;
  background-color: white;
  }

  #footer .row-icons{
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  .d-flex-link{
    padding-left: 10%;
    padding-right:10%;
    /* margin: auto; */
  }
  
   .line-ver{
    width: 1px;
    height: 115px;
    background-color: white;
    margin-right: 10px;
    margin-top: 0;

  
    }
    .tagline{
      margin-top: 0;
    }

}
@media(max-width:420px){
  .d-flex-link{
    padding-left:8%;
    padding-right:8%;
  }
  #footer .div-ul a{
  font-size: 12px;
  /*background-color:grey;*/
  }
 #footer .div-ul-button{
    font-size: 12px;
  }
}
@media(max-width:379px){
  .d-flex-link{
    padding-left:6%;
    padding-right:6%;
  }
  #footer .div-ul a{
  font-size: 11px;
  /*background-color:grey;*/
  }
  #footer .div-ul-button{
    font-size: 11px;
  }
}