@charset "utf-8";
/* CSS Document */
/*products*/
/*a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}
  
*,
*:before,
*:after {
  
  -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

img {
    vertical-align: middle;
}
img {
    border: 0;
}*/
/*breadcroumns*/

/*ser*/

.bg-yell{background-color:#eeeee6; width:100%; margin:auto;}
footer {
    display: block; /*width:100%;
	margin:auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}
 .green-sub-header {
 position: relative;
    height: 300px;
    background-color: #343a40;
 
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	    display: flex;
    align-items: center;
	justify-content: center;
 
}
.green-sub-header-title, h1.green-sub-header-title {
    margin: 0;
    padding: 0;
    line-height: 1.3;
    position: relative;
    display: block;
}
 .green-sub-header-title, h1.green-sub-header-title {
    font-family: Fira Sans;
    font-size: 55px;
    text-transform: none;
    color:#a8cd45;
    font-weight: 400;
	position: relative;
    text-align: center;
    font-style: normal !important;
	width:100%;
	margin:auto; display:block !important;
	
}
.swm-title-position-title-center .green-sub-header-title-bc {
    text-align: center;
}
.swm-container {
    padding: 0 15px; width:100%;
	max-width:1200px;
}
.swm-breadcrumbs, .swm-breadcrumbs a {
 font-family: 'Roboto';
    color: #ffffff;
    font-size: 16px;
    text-transform: none;
}
.swm-breadcrumbs {
text-align: center;
    padding: 0;
    display: block;
    position: relative;
    z-index: 1;
}
.green-sub-header-title span {
    position: relative;
    display: inline-block;
}
.swm-breadcrumbs span.swm-bc-sep {
    color: #ffffff;
}
.swm-breadcrumbs span.swm-bc-sep {
    width: 20px;
    text-align: center;
    padding: 0 7px;
    }
	.swm-bc-sep:before {
    content: "\f105";
    font-weight: 700;
    font-family: 'FontAwesome';
}
.swm-breadcrumbs a:hover {
    color: #ffffff;
	opacity: 0.8;
}

/*breadcroumns*/


/*probtn*/
.green4u-btnpro1   {
margin-top:40px;
    padding: 14px 35px;
    display: inline-block;
 
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    border: none;
        color: rgb(168 207 69 / 82%);
    background: #0B3D2C;
	border: 2px Solid  #0B3D2C;
    position: relative;
    z-index: 1;
     transition: .5s;
    text-decoration: none; border-radius: 100px 10px;
}
.acenter{text-align:center;}
.green4u-btnpro1::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-btnpro1::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-btnpro1:hover:after {
    opacity: 1;
    height: 100%;
    width: 100%;
}
.green4u-btnpro1:hover:before {
    opacity: 1;
    height: 100%;
    width: 30%;
}
.green4u-btnpro1:hover {
   color:#0B3D2C;
}
.green4u-btnpro2   {
margin-top:40px;
    padding: 14px 35px;
    display: inline-block;
 
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    border: none;
        color: rgb(168 207 69 / 82%);
   /* background: #0B3D2C;*/
   border: 2px Solid  #0B3D2C; 
    position: relative;
    z-index: 1;
     transition: .5s;
    text-decoration: none; border-radius: 100px 10px;
}
.acenter{text-align:center;}
.green4u-btnpro2::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 0;
    opacity: 0;
    transition: .5s;
    z-index: -1;
     background-color: #0b3d2c; border-radius: 100px 10px;}
.green4u-btnpro2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    height: 0;
    width: 0;
   transition: .5s;
    z-index: -1;
    background-color: #0b3d2c; border-radius: 100px 10px;
}

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

.green4u-btnpro2:hover:before {
    opacity: 1;
    height: 100%;
    width: 30%;
}
.green4u-btnpro2:hover {
 color: rgb(168 207 69 / 82%);
}

/*probtn*/




.swiper-slideb{
Position:relative; overflow:hidden; width:100%; margin:auto;}

.slider__imagegres .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit:contain;
    object-fit: contain;
} 
.slider__thumbs .swiper-slide-thumb-active .slider__imagegre {  display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;}

 .slider {
  padding: 15px;
  color: #fff;
}
.slider .swiper-container {
  width: 100%;
  height: 100%;
}
.slider__flex {
  display: flex;
  align-items: flex-start;
}
.slider__col {
  display: flex;
  flex-direction: column;
  width: 180px;
  margin-right: 20px;
}
.slider__prev{  cursor: pointer;
  text-align: center;
  font-size: 14px;
  height: 30px;
  display: flex;
  margin-bottom:10px;
  border-radius:50px 0px;
  background-color: #4caf50;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}
.slider__next {
   cursor: pointer;
  text-align: center;
  font-size: 14px;
  height: 30px;
  display: flex;
  border-radius:0px 50px;
 
  margin-top: 20px;
  background-color: #4caf50;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slider__prev:focus,
.slider__next:focus {
  outline: none;
}
.slider__thumbs {
  height: calc(400px - 96px);
}
.slider__thumbs .slider__imagegre {
  transition: 0.25s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}
.slider__thumbs .slider__imagegre:hover {
  opacity: 1;
}
.slider__thumbs .swiper-slide-thumb-active .slider__imagegre {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
/*.slider__thumbs  .slider__imagegre {
   height: 600px;
}*/
 
.slider__imagegres  img{
width:auto;
height: auto;
  /*height: 600px;*/
}
.slider__imagegres {
 
  height: 650px; 
}
.slider__imagegres .slider__imagegre img { 
  transition: 3s;
}
.slider__imagegres .slider__imagegre:hover img {
  transform: scale(1.1);
}
.slider__imagegre {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  overflow: hidden;
}
/*.slider__imagegre img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}*/

.slider__thumbs  .slider__imagegre {
    width: 100%;
     height: 100%;
    border-radius: 30px 30px 0px 0px;
    overflow: hidden;
}
@media (max-width: 1003px) {
.slider__imagegre img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.slider__imagegres {
  height: auto;
}
  .slider__flex {
    flex-direction: column-reverse;
  }
  .slider__col {
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    margin-top: 24px;
    width: 100%;
  }
  .slider__imagegres {
    width: 100%;
  }
  .slider__thumbs {
    height: 100px;
    width: calc(100% - 96px);
    margin: 0 16px;
  }
  slider__prev{ margin-bottom:0px; margin-top:0px;}
  .slider__prev,
  .slider__next {
   /* height: auto;*/
   height: 25px;
    width: 32px; margin-bottom:0px; margin-top:0px;
  }
}

/*products*/



.bio-compostable-products{
	width: 100%;
	position: relative;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: #121212;
	padding:60px 0px;
	
}
.bio-compostable-products:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.bio-compostable-products .row{}
.bio-compostable-products .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.bio-compostable-products .row:after{clear: both; }
.bio-compostable-products .row{zoom: 1;}

.bio-compostable-products .wrap-col{margin:0px;}



/*contaoner*/

.bio-compostable-products-container {
    max-width: 1200px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.bio-compostable-products-container .colgfull{ width:100%;   margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto; }
	.bio-compostable-products-container .colgfullf{ width:100%;   margin-top: 0; position:relative;  
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto; }
	.bio-compostable-products-container2 .colgfull{ width:100%;   margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto; }
	.bio-compostable-products-container2 .colgfullf{ width:100%;   margin-top: 0; position:relative;  
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto; }
.bio-compostable-products-container .colg60{ width:60%; float:left; }
.bio-compostable-products-container .colg40{ width:40%; float:left; }
.bio-compostable-products-container .colg50{ width:50%; float:left; }
.bio-compostable-products-container .colg50l{ width:50%; float:left; }
.bio-compostable-products-container .colg75{ width:75%; float:left; }
.bio-compostable-products-container .colg25{ width:25%; float:left; }
.bio-compostable-products-container2 .colg30{ width:30%; float:left; }
.bio-compostable-products-container2 .colg70{ width:70%; float:left; }
.green4u-item-titlep {
    color: #a8cf45;
    font-family: Fira Sans;
    font-size: 40px;
    line-height: 38px;
   /* -webkit-text-stroke-color: #0B3D2C;*/
    letter-spacing: -0.96px;
    margin-bottom: 20px;
	    margin-top: 30px;
}
.green4u-products {}
.green4u-pp {
    width: 100%;
    margin: auto;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    line-height: 28px;
    /* color: rgb(208,173,58); */
    color: rgb(247 255 228 / 68%);
}
.green4u-keytitle2 {
position:relative;}

.green4u-keytitle2 span{
width: 100%;
    margin: auto;
     
    padding-right: 22px;
    font-family: "Inter", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
	/*color: rgb(247 255 228 / 68%);
        color: rgb(11 61 44);*/
		    color: rgb(0 98 4);
    position: relative;
    padding-left: 35px;}
.green4u-keytitle2 span:before {
   /* width: 15px;
    position: absolute;
    height: 15px;
    background: #a8cf45;
    top: -5px;
    right: -20px;
    transform: rotate(30deg);
    content: '';
    border-radius: 100px 0px 100px 0px;*/
}
.green4u-keytitle2 span:after {background-image: url(../footer-icon.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    width: 100%;
    height: 100%;
   /* width: 15px;
    position: absolute;
    height: 15px;
    background: #a8cf45;
    top: -15px;
    right: -15px;
    content: '';
    border-radius: 100px 0px 100px 0px;*/
}
.green4u-keytitle2 {
    width: 100%; 
    margin: auto; font-weight:500px;
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    line-height: 28px;
    /* color: rgb(208,173,58); 
    color: rgb(247 255 228 / 68%);*/
	color: rgb(255 235 59 / 75%);
}

.green4u-prokey2 ul {
    list-style: none;
    margin: 20px 0px;
    padding: 0;transition: all 0.3s ease-out;
}
.green4u-prokey2 li{ font-family: "Inter", Sans-serif; color:rgb(100 100 100 / 99%);
    font-size: 16px; padding-left:40px;
    line-height: 20px;  width:100%; float:left; display: block;
    margin: 0; padding-bottom: 15px; position: relative;transition: all 0.3s ease-out;
     }
	 .green4u-prokey2 .parag{ font-family: "Inter", Sans-serif; color:rgb(247 255 228 / 68%);
    font-size: 16px; padding-left:40px;
    line-height: 20px;  width:100%; float:left; display: block;
    margin: 0; padding-bottom: 15px; position: relative;transition: all 0.3s ease-out;
     }
.green4u-prokey2 li:before{position:absolute;  color:rgb(100 100 100 / 99%);


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;transition: all 0.3s ease-out;
}
.green4u-prokey2  ul li:hover::before {
    transition: all 0.3s ease-out;padding-left: 5px; top: 0px;}



.green4u-keytitle {
position:relative;}

.green4u-keytitle span{
width: 100%;
    margin: auto;
     
    padding-right: 20px;
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
	/*color: rgb(247 255 228 / 68%);*/
    color: rgb(255 235 59 / 82%);
    position: relative;
    padding-left: 35px;}
.green4u-keytitle span:before {
   /* width: 15px;
    position: absolute;
    height: 15px;
    background: #a8cf45;
    top: -5px;
    right: -20px;
    transform: rotate(30deg);
    content: '';
    border-radius: 100px 0px 100px 0px;*/
}
.green4u-keytitle span:after {background-image: url(../footer-icon.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    width: 100%;
    height: 100%;
   /* width: 15px;
    position: absolute;
    height: 15px;
    background: #a8cf45;
    top: -15px;
    right: -15px;
    content: '';
    border-radius: 100px 0px 100px 0px;*/
}
.green4u-keytitle {
    width: 100%; 
    margin: auto; font-weight:500px;
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    line-height: 28px;
    /* color: rgb(208,173,58); 
    color: rgb(247 255 228 / 68%);*/
	color: rgb(255 235 59 / 75%);
}
.green4u-pad15p {
    padding-left: 15px;
    padding-right: 15px;
}
.green4u-prokey ul {
    list-style: none;
    margin: 20px 0px;
    padding: 0;transition: all 0.3s ease-out;
}
.green4u-prokey li{ font-family: "Inter", Sans-serif; color:rgb(247 255 228 / 68%);
    font-size: 16px; padding-left:40px;
    line-height: 20px;  width:100%; float:left; display: block;
    margin: 0; padding-bottom: 15px; position: relative;transition: all 0.3s ease-out;
     }
	 .green4u-prokey .parag{ font-family: "Inter", Sans-serif; color:rgb(247 255 228 / 68%);
    font-size: 16px; padding-left:40px;
    line-height: 20px;  width:100%; float:left; display: block;
    margin: 0; padding-bottom: 15px; position: relative;transition: all 0.3s ease-out;
     }
.green4u-prokey 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;transition: all 0.3s ease-out;
}
.green4u-prokey  ul li:hover::before {
    transition: all 0.3s ease-out;padding-left: 5px; top: 0px;}




.homegreen-top33p {
    width: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: #0b3d2c;
	
}
.hbackap {padding: 30px 0px;
    width: 50%;
    position: relative;
    background-color: #0B3D2C;
    background-image: url(../green4u/bg2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hbackap1 {
padding: 30px 0px;
    width: 50%;
    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-50pl {
    width: 100%;
    float: left;
    max-width: 600px;
}
.sectiongreenh-50pr {
    width: 100%;
    float: right;
    max-width: 600px;
}
.mgb32{ margin-bottom:32px;}
.mgt32{ margin-top:32px;}

.clearg{clear:both;}

.items-startp {
    align-items: flex-start;
}

.flexp {
    display: flex;
}
.bg-eco-green { background-color:#2a7d2e;
 /*background-color: rgb(11 61 43);*/ 
    border-radius: 100%;
  /*  color: #e0f6d5;*/
   padding: 12px;
       margin-right: 16px;
   /* background-color: rgb(232 245 233 );*/
}
.flexp .phoa{
    width: 100%;
   /* filter: invert(.8) sepia(1) grayscale(.0) hue-rotate(24deg);*/
    
    height: auto;
}
.flexp .phoa img{
   max-width: 30px;
   /* filter: invert(.8) sepia(1) grayscale(.0) hue-rotate(24deg);*/
   filter: brightness(0) saturate(100%) invert(97%) sepia(9%) saturate(1446%) hue-rotate(36deg) brightness(94%) contrast(92%);
    height: auto;
}
.flexp h2{margin: auto;
    padding-right: 20px;
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    /* color: rgb(247 255 228 / 68%); 
    color: rgb(11 61 44);*/
	
	color: rgb(47 66 0 / 85%);
    position: relative;
 }
	
	.flexp p{
    font-family: "Inter", Sans-serif;
    color: rgb(100 100 100 / 99%);
    font-size: 16px;
    
    line-height: 28px;
    width: 100%;
    float: left;
    display: block;
    margin: 0;
    
    position: relative;
    transition: all 0.3s ease-out;
}	
.paddldnm50{    margin-left: 30px;}
.bg-eco-green i {font-family: 'FontAwesome';   color: #bce7a2; font-size:20px }

.homegreen-top4p {
    width: 100%;
    position: relative;
   
    margin-left: auto;
    margin-right: auto;
	padding:60px 0px;
    background-color: #F0FCEC;
	
}
.bio-compostable-products-container2 {
    max-width: 1200px;
   
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.flexai{ display: flex; align-items:center;}
.green4u-keytitle22 {
    margin: auto;
    padding-right: 22px;
    font-family: "Inter", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: rgb(0 98 4);
    position: relative;
    
}
.query.active {
padding:20px 20px 0px 20px ;
    background: #edfbe6;
    border: 1px solid #94d96b;
    border-width: 1px 1px 6px;
	/*    font-family: "Inter", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px; padding-right:20px;
    color: rgb(0 98 4); text-align:center; position:relative; */
	}
.query {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 20px rgb(180 193 208 / 25%);
    
    border: 1px solid transparent;
    -webkit-transition: all .3s linear;
    -khtml-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.queryp {
    font-family: "Inter", Sans-serif;
    color: rgb(100 100 100 / 99%);
    font-size: 16px;
    line-height: 28px;
    width: 100%;
	font-weight:600;
   
    margin: 0;
    position: relative;
    transition: all 0.3s ease-out;
}
 .actives{ width:100%; font-family: "Inter", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    padding-right: 20px;  margin-bottom: 20px;
    color: rgb(0 98 4);
    text-align: center;
    position: relative;}
 .actives i{  background: #0b3d2c;  height: 36px; width:36px; border-radius :100%; color:#FF9900; font-size:20px;     color: #ffeb3b;
    font-size: 20px;
    margin-right: 10px;
    line-height: 36px; /*position:absolute; top:0px; left:0px ; content:''; */}
.alitem{align-items:center;}

.query.active2 {
    padding: 15px 15px 0px 15px;
	width:100%; 
	max-width:320px;
	margin-left:auto;
	margin-right:auto;
    margin-top:20px;
    background: #0b3d2c;
    border: 1px solid #2a7d2e;
    border-width: 1px 1px 6px;
}
.tupper{  text-transform: uppercase;}
.actives2 {
    width: 100%;
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    /* padding-right: 20px; */
    margin-bottom: 15px;
    /* color: rgb(0 98 4); */
    color: rgb(192 213 193);
    text-align: center;
    position: relative;
}
 .actives2 i{      background: #ffeb3b;  height: 36px; width:36px; border-radius :100%; color:  #0b3d2c; font-size:20px;     
    font-size: 20px;
    margin-right: 10px;
    line-height: 36px; /*position:absolute; top:0px; left:0px ; content:''; */}
	/* .actives2 i:after{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    
    border: 10px solid black;
    border-color: #ffeb3b  #ffeb3b transparent transparent ; 
    
    transform-origin: 0 0;
    transform: rotate(-45deg);
    
 }*/
	@media only screen and (min-width: 768px) and (max-width: 1003px) {.bio-compostable-products-container2 .colg70, .bio-compostable-products-container2 .colg30{  width: 100%;
    float: none; display:blcok;
}
.flexai {
    display: block;
   
 }
 .green-sub-header-title, h1.green-sub-header-title {
    font-family: Fira Sans;
    font-size: 30px;
    text-transform: none;
    color: #a8cd45;
    font-weight: 400;
    position: relative;
    text-align: center;
    font-style: normal !important;
    width: 100%;
    margin: auto;
    display: block !important;
}
 .green-sub-header {
    position: relative;
    height: 200px;}
 }
  @media only screen and (min-width: 768px) and (max-width: 1003px) {
  .green4u-item-titlep {
    color: #a8cf45;
    font-family: Fira Sans;
    font-size: 28px;
    line-height: 32px;
    /* -webkit-text-stroke-color: #0B3D2C; */
    letter-spacing: -0.96px;
    margin-bottom: 20px;
    margin-top: 30px;
}
 .bio-compostable-products-container .colg50l{ width:100%; float:none; display:block; max-width:400px; margin:auto; text-align:center;  }
 .bio-compostable-products-container .colg60{ width:100%; float:none; display:block; }
.bio-compostable-products-container .colg40{ width:100%; float:none; display:block; }
.bio-compostable-products-container .colg50{width:100%; float:none; display:block; }

.bio-compostable-products-container .colg50l, .bio-compostable-products-container .colg50 {
    width: 100%;
    float: none; display:blcok;
}
.homegreen-top33p {
    width: 100%;
    position: relative;
    display: block;
  
}
.hbackap1, .hbackap {
    padding: 0px 0px;
    width: 100%; float:none; display:block;
    
}
.sectiongreenh-50pl, .sectiongreenh-50pr {
    width: 100%;
    float: none;
    max-width: 100%;
}
.paddldnm50 {
    margin-left: 0px; margin-top:32px;
}
.bio-compostable-products-container2 .colg70, .bio-compostable-products-container2 .colg30{  width: 100%;
    float: none; display:blcok;
}
.flexai {
    display: block;
   
 }
 
 }
 @media only screen and (min-width: 620px) and (max-width: 767px) {
 .green4u-item-titlep {
    color: #a8cf45;
    font-family: Fira Sans;
    font-size: 28px;
    line-height: 32px;
    /* -webkit-text-stroke-color: #0B3D2C; */
    letter-spacing: -0.96px;
    margin-bottom: 20px;
    margin-top: 30px;
}
 .bio-compostable-products-container .colg50l{ width:100%; float:none; display:block; max-width:400px; margin:auto; text-align:center;  }
 .bio-compostable-products-container .colg60{ width:100%; float:none; display:block; }
.bio-compostable-products-container .colg40{ width:100%; float:none; display:block; }
.bio-compostable-products-container .colg50{width:100%; float:none; display:block; }

.bio-compostable-products-container .colg50l, .bio-compostable-products-container .colg50 {
    width: 100%;
    float: none; display:blcok;
}
.homegreen-top33p {
    width: 100%;
    position: relative;
    display: block;
  
}
.hbackap1, .hbackap {
    padding: 0px 0px;
    width: 100%; float:none; display:block;
    
}
.sectiongreenh-50pl, .sectiongreenh-50pr {
    width: 100%;
    float: none;
    max-width: 100%;
}
.paddldnm50 {
    margin-left: 0px; margin-top:32px;
}
.bio-compostable-products-container2 .colg70, .bio-compostable-products-container2 .colg30{  width: 100%;
    float: none; display:blcok;
}
.flexai {
    display: block;
   
 }
 .green-sub-header-title, h1.green-sub-header-title {
    font-family: Fira Sans;
    font-size: 30px;
    text-transform: none;
    color: #a8cd45;
    font-weight: 400;
    position: relative;
    text-align: center;
    font-style: normal !important;
    width: 100%;
    margin: auto;
    display: block !important;
}
.green-sub-header {
    position: relative;
    height: 200px;}
 }
 @media only screen and (max-width: 619px){ 
 .green4u-item-titlep {
    color: #a8cf45;
    font-family: Fira Sans;
    font-size: 28px;
    line-height: 32px;
    /* -webkit-text-stroke-color: #0B3D2C; */
    letter-spacing: -0.96px;
    margin-bottom: 20px;
    margin-top: 30px;
}
  .bio-compostable-products-container .colg50l{ width:100%; float:none; display:block; max-width:400px; margin:auto; text-align:center;  } 
 .bio-compostable-products-container .colg60{ width:100%; float:none; display:block; }
.bio-compostable-products-container .colg40{ width:100%; float:none; display:block; }
.bio-compostable-products-container .colg50{width:100%; float:none; display:block; }
.bio-compostable-products-container .colg50l, .bio-compostable-products-container .colg50 {
    width: 100%;
    float: none; display:blcok;
}
.homegreen-top33p {
    width: 100%;
    position: relative;
    display: block;
  
}
.hbackap1, .hbackap {
    padding: 0px 0px;
    width: 100%; float:none; display:block;
    
}
.sectiongreenh-50pl, .sectiongreenh-50pr {
    width: 100%;
    float: none;
    max-width: 100%;
}
.paddldnm50 {
    margin-left: 0px;
	margin-top:32px;
} 
.bio-compostable-products-container2 .colg70, .bio-compostable-products-container2 .colg30{  width: 100%;
    float: none; display:blcok;
}
.flexai {
    display: block;
   
}
.green-sub-header-title, h1.green-sub-header-title {
    font-family: Fira Sans;
    font-size: 30px;
    text-transform: none;
    color: #a8cd45;
    font-weight: 400;
    position: relative;
    text-align: center;
    font-style: normal !important;
    width: 100%;
    margin: auto;
    display: block !important;
}
.green-sub-header {
    position: relative;
    height: 200px;}
 }