@charset "utf-8";
/* CSS Document */
/* inter-200 - latin */

.shadewhats .applicatorwhats{
	position: fixed;
	width: 40px;
	height: 40px;
	bottom: 80px;
	right: 20px;
	border: 1px solid #fff;
	border-radius: 50px;
	text-align: center;
	box-shadow: 0 0 10px rgba(12, 12, 12, 0.3);	
	cursor: pointer;
	z-index:9999999999999999999999999999999999;
	background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
	
}
.shadewhats .applicatorwhats:hover{
	box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.5);
	
}
.shadewhats .applicatorwhats i{
color:#fff;
	margin-top: 8px;
	font-size: 25px;
	transition: transform .5s;
}
 .shadewhats .applicatorwhats:hover  i:hover {
 -webkit-animation: beat 1.5s ease 0s infinite;
    animation: beat 1.5s ease 0s infinite;
	/*transition: transform .5s;*/
	 /* transform: rotate(30deg);*/
	  /*transform: scale(.9);*/
} 
 .shadewhats .applicatorwhats:hover  i {
 -webkit-animation: beat 1.5s ease 0s infinite;
    animation: beat 1.5s ease 0s infinite;
	/*transition: transform .5s;*/
	 /* transform: rotate(30deg);*/
	 /* transform: scale(1.2);*/
} 



.shadewhats2 .applicatorwhats2{
	position: fixed;
	width: 40px;
	height: 40px;
	bottom: 140px;
	right: 20px;
	border: 1px solid #fff;
	border-radius: 50px;
	text-align: center;
	box-shadow: 0 0 10px rgba(12, 12, 12, 0.3);	
	cursor: pointer;
	 background: -webkit-linear-gradient(to right, #1f4cca, #0b4edd);
    background: -moz-linear-gradient(to right, #1f4cca, #0b4edd);
    background: -ms-linear-gradient(to right, #1f4cca, #0b4edd);
    background: -o-linear-gradient(to right, #1f4cca, #0b4edd);
    background: linear-gradient(to right, #1f4cca, #0b4edd);
	z-index:9999999999999999999999999999999999;
}
.shadewhats2 .applicatorwhats2:hover{
 background-color:#114a8e;
 background: #114a8e;
	box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.5);
	
}
.shadewhats2 .applicatorwhats2 i{
color: #fff;
	margin-top: 8px;
	font-size: 25px;
	transition: transform .5s;
}
 .shadewhats2 .applicatorwhats2:hover  i:hover {
	transition: transform .5s;
	 /* transform: rotate(30deg);*/
	  transform: scale(1.2);
} 
 .shadewhats2 .applicatorwhats2:hover  i {

	transition: transform .5s;
	 /* transform: rotate(30deg);*/
	  transform: scale(1.2);
}
.equal3, .equal4, .equal5, .equal2{
    width: 100%;
}
 
.go-topa {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  font-size: 30px;
  position: fixed;
  bottom: -40px ;
  right: 20px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color:  #4caf50;
/* background-color:  #002448;*/
  /*background-color: #354a89;*/
  color: #FFFFFF;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 10px 50px;
 /* */z-index: 999999999999999999999999999999;
}

.go-topa.showa { bottom: 20px ;}

.go-topa:hover {
background-color:#ffb327  ;
  /*backgrounbackground-color:ffb327 #990000;d-color: #c58b0e; 255 179 39
  
  */
  color: #FFFFFF;
}
@keyframes beat{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.82);transform:scale(.82)}}


/*servicwe*/
.green4u-services-full:hover {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
}	
  .green4u-services-full.ap-grid-item {
    margin-bottom: 30px;
}
  .green4u-services-full { display:block; position:relative;
    padding: 20px;
	/*background:rgb(208,173,58);*/
   background-color: rgb(0 136 84 / 11%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}	
.green4u-services-full-img {
  transition: all .6s ease;
	position: relative;
    width: 100%;
    overflow: hidden;
     
}
.green4u-services-full-icon-wrap .eco-icon1 {
    line-height:16px;
}
.eco-services-full-icon1 {  font-family: 'Inter';
 FONT-WEIGHT: 600;
    font-size: 12px;
    text-transform: uppercase;
    /*color: #008854;*/
	line-height:16px;
}
a.eco-services-full-icon1a { color: #1212121;}
.eco-services-full-icon1a {  font-family: 'Inter';
 FONT-WEIGHT: 600;
    font-size: 14px;
    text-transform: uppercase; color: #121212;
    /*color: #008854;*/
	line-height:16px;
}
	.green4u-services-full-content {
    display: block;
    position: relative;
}
.green4u-services-full-content .green4u-services-full-icon-wrap {    position: absolute;
    border-radius: 100%;     border-radius: 100% 100% 1% 100%; 
    /*top:-35px;
    right: 14px;*/
 top:-60px;
 right:0px;
    height: 70px;
    width: 70px;
 background-color: #ffc107;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

 
 

.eco-services-full-icon {
    font-size: 50px;
    color: #f3a712;
}
.eco-services-full-button-text, .green4u-services-full-icon-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.eco-services-full-title-desc {
    padding: 3px;}
.green4u-services-full-icon-wrap .eco-icon {
    line-height: 0;
}
.eco-services-full-desc {
    color: #676767;
    line-height: 27px;    font-family: 'Inter'; font-size:16px;
}
  .eco-services-full-title a {
    color: #032e42;
}
  .eco-services-full-title {
    font-size: 22px;
    margin: 0 0 13px; color: #032e42;
     font-family: Fira Sans;
    font-style: normal !important;
    font-weight: 700;
}
.eco-icon {
    display: inline-block;
    line-height: 1;
    text-align: center;
}	

.eco-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.eco-services-full-button {
  font-family: 'Inter';
    min-height: 54px;
    padding-left: 25px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
  .eco-services-full-button {
 color: #0f0f0f;
    font-size: 15px;
    font-weight: 700;
    background-color: #9fc541; 
}
 .eco-services-full-button:before {
    background: #017e52; transition: all .6s ease;
}
.eco-services-full-button:before {
    /*content: '';
    position: absolute;
    top: -160px;
    right: -485px;
    width: 600px;
    height: 400px;
    transform: rotateZ(-55deg);
    display: block;
    z-index: 2; transition: all .6s ease;*/
	
	    content: '';
    position: absolute;
    top: 0px;
    right: -1px;
    width: 70px;
    height: 55px;
    border-radius: 100px 5px;
    /* transform: rotateZ(-55deg); */
    display: block;
    z-index: 2;
    transition: all .6s ease;
}
.eco-services-full-button-arrow {
    position: absolute;
    top: 50%;
    right: 17px;
    width: 33px;
    z-index: 5; transition: all .6s ease;
}.eco-services-full-button-arrow:before {
    content: '';
    width: 0;
    height: 0;
    border-width: 5px 0 5px 7px;
    border-style: solid;
    display: block;
    margin-top: -4px;
    float: right; border-color: transparent transparent transparent #9fc541;
} 
.eco-services-full-button-arrow:after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    margin-top: -6px;
    float: right;
    margin-right: 5px;     background: #9fc541;
}
.green4u-services-full:hover .eco-services-full-button-arrow:after
 {  background: #017e52; }
.green4u-services-full:hover .eco-services-full-button-arrow:before {
    content: '';
    width: 0;
    height: 0;
    border-width: 5px 0 5px 7px;
    border-style: solid;
    display: block;
    margin-top: -4px;
    float: right;
    border-color: transparent transparent transparent #017e52;
}
.green4u-services-full:hover .eco-services-full-button-arrow {
    position: absolute;
    top: 50%;
    right: 17px;
    width: 33px;
    z-index: 5;
    transform: rotate(-90deg);
    transition: all .6s ease;
}
 .green4u-services-full:hover .eco-services-full-button {
   background-color: #017e52;
	color:#fff; -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
 .green4u-services-full:hover .eco-services-full-button:before {
 background: #a8cf45;transition: all .6s ease;
	
}

.green4u-services-full:hover  .green4u-services-full-img  img{
  
transition: all .6s ease;
    transform: rotate(-10deg) scale(1.2);
    -webkit-transform: rotate(-10deg) scale(1.2);
}
.green4u-services-full   .green4u-services-full-img  img{
  
transition: all .6s ease;
    transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
}
 /*ser*/


/*ser*/



@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('../gfonts/inter-v19-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../gfonts/inter-v19-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../gfonts/inter-v19-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../gfonts/inter-v19-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../gfonts/inter-v19-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../gfonts/inter-v19-latin-200.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../gfonts/inter-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../gfonts/inter-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../gfonts/inter-v19-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../gfonts/inter-v19-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../gfonts/inter-v19-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../gfonts/inter-v19-latin-300.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../gfonts/inter-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../gfonts/inter-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../gfonts/inter-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../gfonts/inter-v19-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../gfonts/inter-v19-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../gfonts/inter-v19-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../gfonts/inter-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../gfonts/inter-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../gfonts/inter-v19-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../gfonts/inter-v19-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../gfonts/inter-v19-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../gfonts/inter-v19-latin-500.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../gfonts/inter-v19-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../gfonts/inter-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../gfonts/inter-v19-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../gfonts/inter-v19-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../gfonts/inter-v19-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../gfonts/inter-v19-latin-600.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../gfonts/inter-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../gfonts/inter-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../gfonts/inter-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../gfonts/inter-v19-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../gfonts/inter-v19-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../gfonts/inter-v19-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../gfonts/inter-v19-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../gfonts/inter-v19-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../gfonts/inter-v19-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../gfonts/inter-v19-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../gfonts/inter-v19-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../gfonts/inter-v19-latin-800.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../gfonts/inter-v19-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../gfonts/inter-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../gfonts/inter-v19-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../gfonts/inter-v19-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../gfonts/inter-v19-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../gfonts/inter-v19-latin-900.svg#Inter') format('svg'); /* Legacy iOS */
}

.homegreen-top{
width:100%;
position:relative;
overflow:hidden;
margin-left:auto;
margin-right:auto;
background-color: #121212;
padding-top: 100px;
    padding-bottom: 100px;

}
.homegreen-top2{
width:100%;
position:relative;
overflow:hidden;
margin-left:auto;
margin-right:auto;
background-color: #121212;
padding-top: 60px;
    padding-bottom: 60px;
	background:url(../green4u/bg-home.jpg);
	background-repeat: no-repeat;
  background-attachment: fixed;

}
.homegreen-top3{
width:100%;
position:relative;
overflow:hidden;
margin-left:auto;
margin-right:auto;
background-color: #0b3d2c;
padding-top: 100px;
   /* padding-bottom: 100px;
	background:url(../green4u/bg-home.jpg);
	background-repeat: no-repeat;
  background-attachment: fixed;*/

}
.hbacka
   { width:40%;  position:relative;  
   
   background-color: #0B3D2C;
    background-image: url(../green4u/bg2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
	.hbacka12{position: relative;
    display: flex;
    align-content: center;
    /*justify-content: center;*/
    align-items: center;
    height: 100%;  }
	
	  .hbacka1
   { width:60%;   position:relative;  
   
   background-color: #EDFBE6;
    background-image: url(../green4u/carry-bag-bg1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.sectiongreenh-50 {
    width: 100%;
    float: right;
    max-width:400px;
 
}
.sectiongreenh-60 {
    width: 100%;
    float: left;
	max-width:800px;
    
 
}
.green4u-be{
    margin-top: 22px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
   
}

.green4u-be ul {width:100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.green4u-be li {
    font-family: "Inter", Sans-serif;
    color: rgb(247 255 228 / 68%);
    font-size: 16px;
    padding-left: 40px;
    line-height: 1.625;
    width: 48%;
    float: left;
    display: inline-block;
    margin: 0;
    padding-bottom: 5px;
    position: relative;
}

.homegreen-top33{
width:100%;
position:relative;
display:flex;
overflow:hidden;
margin-left:auto;
margin-right:auto;
background-color: #0b3d2c;
 /* padding-top: 100px;
  padding-bottom: 100px;
	background:url(../green4u/bg-home.jpg);
	background-repeat: no-repeat;
  background-attachment: fixed;*/

}
.pxl-experience.pxl-experience1 .pxl-item--inner {
    text-align: center;
    padding: 0 20px; 
}
.pxl-item--inner .rig2{position:absolute; bottom:0px; right:0px;   }
 .pxl-item--inner  .rig{position:absolute; top:0px; right:0px;      transform: translateY(50%);}
  .pxl-item--inner  .rig img{border-radius: 0px 100px 0px 100px;  }
.pxl-image-single { position:relative;    }
.pxl-image-single img {
    max-height: 589px;
    border-style: solid !important;
    border-width: 9px 9px 9px 9px !important;  border-radius: 0px 150px 0px 150px;
    border-color: #FFFFFF !important;
    box-shadow: 0px 4px 10px 0px rgb(178 178 178 / 45%);
}
 .pxl-item--inner {      border-radius: 0px 150px 0px 150px; max-width: 100%;  position:relative; padding: 0px 0px 24px 0px;
}

.pxl-item--inner1 {      border-radius: 0px 150px 0px 150px; max-width: 100%;  position:relative;
}

.pxl-experience.pxl-experience1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 155px;
    height: 155px;
    border-radius: 40px 0;
    background: #94d96b;
}
.pxl-experience.pxl-experience1:before {
    position: absolute;
    content: '';
    width: 49px;
    height: 23px;
    background: #51952a;
    clip-path: polygon(0 0,100% 100%,100% 0);
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
}

.pxl-experience.pxl-experience1 .pxl-item--desc {
    color: #0b3d2c;
     font-family: 'Inter';
    font-size: 24px;
    font-weight: 600;
    line-height: 35px;
	text-align:center;
	text-transform:uppercase;
    letter-spacing: -.4px;
}
.pxl-heading .pxl-item--subtitle.px-sub-title-1 {
    position: relative;
    padding: 0 18px;
    background: #2a7d2e;
    border-radius: 100px;
    color: #fff;
    font-family: inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
}

.pxl-heading .pxl-item--subtitle {
    margin-bottom: 11px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    /*-webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;*/
}

.pxl-heading .pxl-item--subtitle.px-sub-title-1 {
    position: relative;
    padding: 0 18px;
    background: #2a7d2e;
    border-radius: 100px;
    color: #fff;
    font-family: inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
}

.pxl-heading .pxl-item--subtitle {
    margin-bottom: 11px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    /*-webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;*/
}

 
.pxl-heading{position: relative;}


.pxl-heading .pxl-item--subtitle.px-sub-title-1 {
    position: relative;
    padding: 0 18px;
    background: #2a7d2e;
    border-radius: 100px;
	margin-top:30px;
    color: #fff;
    font-family: inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
}

.pxl-heading .pxl-item--subtitle {
    margin-bottom: 11px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    /*-webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;*/
}

.pxl-heading .pxl-item--subtitle.px-sub-title-1:before {
    top: 0;
    right: 5px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
position: absolute;
    content: '';
    top: 4px;
    right: 1px;
    transform: translate(50%,-50%);

}

.pxl-heading .pxl-item--subtitle span {
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.pxl-heading .pxl-item--subtitle .pxl-item--subtext {
    white-space: nowrap;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.pxl-heading .pxl-item--subtitle.px-sub-title-1 .pxl-icon--svg {
    position: absolute;
    content: '';
    top: 4px;
    right: 1px;
    transform: translate(50%,-50%);
}

.pxl-heading  h2{
    font-family: tenor sans,sans-serif;
    color: #a8cf45;
font-size: 48px;
    font-weight: 400;
    clear: both;
    line-height: 1.1;
    letter-spacing: -.8px;
    margin: 0;
    padding: 0;
}
 .green4u-item-title {
    color: #a8cf45;
	font-family: Fira Sans; font-size:40px; line-height:46px; 
    /* -webkit-text-stroke-color: #0B3D2C; */
    letter-spacing: -0.96px;
    margin-bottom: 15px;
}
.green4u-p { width:100%; margin:auto;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    line-height: 1.625; /*color:rgb(208,173,58);*/color: rgb(247 255 228 / 68%);
}
.green4u-p2{position: relative;}
.green4u-p2 span{ width:100%; margin:auto; background: rgb(88 125 66); padding-rigth:20px;
    font-family: "Inter", Sans-serif;
    font-size: 16px; font-weight:700;
    line-height: 1.625; /*color:rgb(208,173,58);color: rgb(247 255 228 / 68%);*/color: rgb(4 32 22); position:relative; padding-left: 5px;
}
/*.green4u-p2 span:before {
    width: 5px;
    position: absolute;
    height: 5px;
    background: #042023;
    top: 10px;
    right: -10px;
    content: '';
}*/
.green4u-btn {
margin-top:40px;
    padding: 14px 35px;
    display: inline-block;
 
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    border: none;
    color: #fff;
    background: #0B3D2C;
    position: relative;
    z-index: 1;
     transition: .5s;
    text-decoration: none; border-radius: 100px 10px;
}
.acenter{text-align:center;}
.green4u-btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 0;
    opacity: 0;
    transition: .5s;
    z-index: -1;
     background-color: #94d96b; border-radius: 100px 10px;}
.green4u-btn::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    height: 0;
    width: 0;
   transition: .5s;
    z-index: -1;
    background-color: #94d96b;border-radius: 100px 10px;
}

.green4ut-btn.style2 {
    background-color: transparent;
    border: solid 1px var(--optionalColor);
}
.green4u-btn:hover:after {
    opacity: 1;
    height: 100%;
    width: 100%;
}
.green4u-btn:hover:before {
    opacity: 1;
    height: 100%;
    width: 30%;
}


.green4u-p2 span:after {
width: 15px;
    position: absolute;
    height: 15px;
    background: #a8cf45;
    top: -15px;
    right: -15px;
    content: '';
    border-radius: 100px 0px 100px 0px;
}
.green4u-p2 span:before {
  /*  width: 5px;
    position: absolute;
    height: 5px;
    background: #a8cf45;
    top: 0px;
    right: -10px;
    border-radius: 100%;
    content: '';*/
	    width: 15px;
    position: absolute;
    height: 15px;
    background: #a8cf45;
    top: -5px;
    right: -20px;
    transform: rotate(30deg);
    content: '';
    border-radius: 100px 0px 100px 0px;
	
}
/*.green4u-p2:before{ width:100%; position:absolute;  height:2px ; background:#fff; top:10px; left:10px; content:'';}*/
.green4u-culfullbg { margin-top: 22px; width:100%; margin-left:auto;    margin-right:auto;  display: flex; border-width: 0px 0px 0px 6px; border-style: solid;
  flex-direction: row; border-color: #2A7D2E; border-radius: 20px 20px 20px 20px;   border-color: #06593c;
    background:rgb(148 217 107 / 54%);/* #ffeb3b;*/ padding:30px 15px;}

 .green4u-culfullbg ul{ list-style: none;
    margin: 0;
    padding: 0;}
	 .green4u-culfullbg li{ font-family: "Inter", Sans-serif; color:rgb(247 255 228 / 68%);
    font-size: 16px; padding-left:40px;
    line-height: 1.625;  width:48%; float:left; display:inline-block;
    margin: 0; padding-bottom: 5px; position: relative;
     }
.green4u-culfullbg li:before{position:absolute;  color:rgb(247 255 228 / 68%);


transition: all 0.3s ease-out;
content: "\f19a";
    font-family: "flaticon";
    
    font-weight: 700;
    /*font-family: 'FontAwesome';content: "\f00c";*/
    left: 20px;
    margin-right: 5px;
   
    top: 4px;
    font-size: 12px;
    margin-top: 0!important;
}
/*base*/
.sectiongreen-33 {
    width: 25%;
    float: left;
    margin-bottom: 30px;
}
.sectiongreen-33n {
    width: 33.3%;
    float: left;
    margin-bottom: 30px;
}
.sectiongreen-50 {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}
.filgr1 img{ filter:invert(1) sepia(1) hue-rotate(45deg); padding:50px 0px;}
.filgr img{ filter:invert(1) sepia(1) hue-rotate(45deg);}
.green4u-item-title2 {
    color: #0b3d2c;
    font-family: Fira Sans;
    font-size: 32px;
    line-height: 36px;  
    /* -webkit-text-stroke-color: #0B3D2C; */
    letter-spacing: -0.96px;
    margin-bottom: 0px;
}
.green4u--title {
    color: #0b3d2c;
   /* font-family: " Fira Sans", Sans-serif;*/font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 26px;
    letter-spacing: -0.4px;
}
.talign{text-align:center;}
.green4u-main {
    display: flex;
	/*flex-direction: row-reverse;*/
    align-items: center;
    gap: 16px;
	margin-top:20px;
	margin-bottom:20px;
}
  .hback
   { width:40%; height:100%; position:absolute; left:0px; top:0px; content:'';
   
   background-color: #0B3D2C;
    background-image: url(../green4u/bg2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
	  .hback1
   { width:60%; height:100%; position:absolute; right:0px; top:0px; content:'';
   
   background-color: #EDFBE6;
    background-image: url(../green4u/carry-bag-bg1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
 .green4up--icon img{max-width:40px; height:auto; /*position:absolute; left:0px; top:0px; content:''; display:flex;*/ }
 
 .green4u-main:hover .green4up--icon img { /*background-color:red;
    animation: linearGradientMove .3s infinite linear;*/ animation: zoomin1 2s linear infinite;
}
/*@keyframes spin1 { 
  100% { 
    transform: rotateZ(360deg);
  }
}
@keyframes linearGradientMove {
    100% {
        background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px;
    }
}*/
@-webkit-keyframes zoomin1 {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
.green4up--icon {
    display: flex;
    justify-content: center; font-size:20px;border-color: #295c43;
    align-items: center;
    width: 80px;
    min-width: 80px; position:relative;
    height: 80px;
	    background: rgb(168 207 69 / 23%);
   /* background: #EDFBE6;*/
    border-style: dashed;
    border-width: 1px 1px 1px 1px;
    border-radius: 50%;
}
.green4u-columnnf {
    position: relative;
 
	margin:auto;
  
    display: block;
   
   
    /* width: 100%; */
}
.green4u-column {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 1px;
    /* width: 100%; */
}
.green4u-colfull { width:100%; position:relative; margin:auto;}

.green4u-carry-bag-container {
 max-width: 1200px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
} 

.green4u-carry-bag-container-aic{
  align-items: center;
  /*justify-content: center;*/
}

.green4u-bag50-l {
    width: 50%;
    float: left;
	padding-right:60px;
}
.green4u-bag50 {
    width: 50%;
    float: left;
}

.green4u-pad15 {
    padding-left: 15px;
    padding-right: 15px;
}
.green4u-carry-bag-containernf {
    max-width: 1200px; width:100%; text-align:center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.hsubhemb30{margin-bottom:40px;}
.cerflu{position:relative; width:100%; display:block; margin:auto;}
.cerflu .com25{float:left; width:25%; display:inline-block; }
 
/*base*/
 @media only screen and (min-width: 1004px) and (max-width: 1200px) {
 .sectiongreen-33 {
    width: 33.33%;
    float: left;
    margin-bottom: 30px;
}
 .sectiongreen-33n {
    width: 33.33%;
    float: left;
    margin-bottom: 30px;
}
 .hbacka {
    width: 33.33%;}
	.hbacka1 {
    width: 66.67%;}
 .sectiongreenh-60, .sectiongreenh-50 {
    width: 100%;
     
}
 
 }
@media only screen and (min-width: 1004px) and (max-width: 1200px) {}
@media only screen and (min-width: 620px) and (max-width: 1003px) {
.green4u-carry-bag-container {
 max-width: 1200px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    position: relative;
} 

 

.green4u-bag50-l {
    width: 100%;
    float: none;display: block;
	padding-right:0px;
}
.green4u-bag50 {
   width: 100%;
    float: none;display: block;
	padding-right:0px;
}
.pxl-item--inner {
    border-radius: 0px 150px 0px 150px;
    max-width: 600px;
    position: relative;
    /* text-align: center; */
    padding: 0px 0px 24px 0px;
}
 .green4u-item-title {
    color: #a8cf45;
	font-family: Fira Sans; font-size:26px; line-height:32px; 
    /* -webkit-text-stroke-color: #0B3D2C; */
    letter-spacing: -0.96px;
    margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1003px) {.sectiongreen-33 {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}
 .sectiongreen-33n {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}
.homegreen-top33 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: #0b3d2c;
}
.hbacka, .hbacka1 {
    width: 100%;  float: none;display:block;
}
.sectiongreenh-50 {
    width: 100%;
    float: none;
    max-width: 100%;
}
.sectiongreenh-60 {
  width: 100%;
    float: none;
    max-width: 100%;
}
.green4u-be li {
    font-family: "Inter", Sans-serif;
    color: rgb(247 255 228 / 68%);
    font-size: 16px;
    padding-left: 10px;
    line-height: 1.625;
    width: 48;
    float: left;
    display: inline-block;
    margin: 0;
    padding-bottom: 5px;
    position: relative;
}
.text-centerc {
    text-align: center;
}

}

 @media only screen and (min-width: 620px) and (max-width: 767px) {
 .sectiongreen-33 {
    width: 100%;
    float: none;display:block; max-width:400px; text-align:center; margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
 .sectiongreen-33n {
    width: 100%;
    float: none;display:block; max-width:400px; text-align:center; margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.homegreen-top33 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: #0b3d2c;
}
.hbacka, .hbacka1 {
    width: 100%;  float: none;display:block;
}
.sectiongreenh-50 {
    width: 100%;
    float: none;
    max-width: 100%;
}
.sectiongreenh-60 {
  width: 100%;
    float: none;
    max-width: 100%;
}
.green4u-be li {
    font-family: "Inter", Sans-serif;
    color: rgb(247 255 228 / 68%);
    font-size: 16px;
    padding-left: 0px;
    line-height: 1.625;
    width: 100%;
    float: left;
    display: inline-block;
    margin: 0;
    padding-bottom: 5px;
    position: relative;
}
.text-centerc {
    text-align: center;
}
 }
@media only screen and (max-width: 619px) {
.green4u-carry-bag-container {
 max-width: 1200px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    position: relative;
} 

 

.green4u-bag50-l {
    width: 100%;
    float: none;display: block;
	padding-right:0px;
}
.green4u-bag50 {
   width: 100%;
    float: none;display: block;
	padding-right:0px;
}
.pxl-item--inner .rig {
 position: relative;
    width: 100%;
   top: -50px;
    left: 0px;
    text-align: center;
    right: 0px;  
    transform: translateY(0%);
}
 .green4u-item-title {
    color: #a8cf45;
	font-family: Fira Sans; font-size:26px; line-height:32px; 
    /* -webkit-text-stroke-color: #0B3D2C; */
    letter-spacing: -0.96px;
    margin-bottom: 15px;
}

.green4u-culfullbg li {
    font-family: "Inter", Sans-serif;
    color: rgb(247 255 228 / 68%);
    font-size: 16px;
    padding-left: 40px;
    line-height: 1.625;
    width: 100%;
    float: none;
    display: block;
    margin: 0;
    padding-bottom: 5px;
    position: relative;
}

.pxl-image-single img {
    max-height: auto; display:none; visibility:hidden;
    border-style: solid !important;
    border-width: 9px 9px 9px 9px !important;
    border-radius: 0px 150px 0px 150px;
    border-color: #FFFFFF !important;
    box-shadow: 0px 4px 10px 0px rgb(178 178 178 / 45%);
}
.sectiongreen-33 {
    width: 100%;
    float: none;display:block; max-width:400px; text-align:center; margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.sectiongreen-33n {
    width: 100%;
    float: none;display:block; max-width:400px; text-align:center; margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.homegreen-top33 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: #0b3d2c;
}
.hbacka, .hbacka1 {
    width: 100%;  float: none;display:block;
}
.sectiongreenh-50 {
    width: 100%;
    float: none;
    max-width: 100%;
}
.sectiongreenh-60 {
  width: 100%;
    float: none;
    max-width: 100%;
}
.green4u-be li {
    font-family: "Inter", Sans-serif;
    color: rgb(247 255 228 / 68%);
    font-size: 16px;
    padding-left: 0px;
    line-height: 1.625;
    width: 100%;
    float: left;
    display: inline-block;
    margin: 0;
    padding-bottom: 5px;
    position: relative;
}

.cerflu{position:relative; width:100%; display:block; margin:auto;}
.cerflu .com25{float:left; width:50%; display:inline-block; }
.sergrid {
    width: 100%;
    padding: 30px 0px 0px;
    position: relative;
    background-color: #efeee7;
}
.text-centerc {
    text-align: center;
}
}