/*==== ESG Normalize Style ====*/
ul li{
	list-style: disc;
	padding-bottom: 10px;
}
h5,
a.btn-download{
	font-weight: 600;
	text-decoration: none;
}
p{
	/* line-height: 2; */
}

/* p:last-child{
	margin-bottom: 0;
}
 */
.section{
	padding: 35px 0;
}
 .section_title{
  font-size: 24px;
}
.text_green{
	color: #64be00;
}
.imgCenter {
	display:block;
	margin:0 auto;
}
.text-center{
	text-align: center;
}
.container_wrap{
	max-width: 1320px;
    margin: 0 auto;
}
.bg-pale-grey{
	background-color: #f9f9f9;
}

.section.bg-pale-grey{
	margin: 25px 0;
	padding: 25px 50px;
}
.free_text{
	line-height: 2.0;
	padding-bottom: 35px;
}
.sub_title{
	padding-bottom: 15px;
}

/*custom css*/
.col-offset-2 {
	margin-bottom: 24px;
}

/*==== Reducing Environmental ====*/
	.reducing_environmental  .section .text_area,
	.sustainable  .section .text_area{
	  display: flex;
	  align-items: center;
	  flex-direction: row;
	  justify-content: space-between;
	}
	.reducing_environmental  .section .text_area .text,
	.sustainable  .section .text_area .text{
	  width:48%;
	}

	.reducing_environmental  .section .text_area .img_area,
	.sustainable  .section .text_area .img_area{
	  width:48%;
	}
	.reducing_environmental  .section .text_area .img_area img,
	.sustainable  .section .text_area .img_area img{
	  width: 100%;
	  height: auto;
	}


/*==== Three Principles of Green Product Design ====*/
	.three_principles_accordion{
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	    justify-content: center;
	    margin: 4% auto 2%;
	}

	.three_principles_accordion .box{
	    width: 49%;
	    padding: 0 2% 0 0;
	    position: relative;
	}

	.three_principles_accordion .image{
	    width: 49%;
	    position: relative;
	}


	.three_principles_accordion .panel-heading {
	    padding: 0;
	    position: relative;
	    cursor: pointer;
	    background-color: #fff!important;
	}

	.three_principles_accordion  .panel-title{
	    color: #000;
	    font-size: 18px;
	}

	.three_principles_accordion .panel-title:after {
	    border: 1px solid #6CBE45;
	}

	.three_principles_accordion .panel-body{
	    padding: 20px 20px 30px 30px !important;
	}

	.three_principles_accordion .panel-body .ul_wrap{
		margin-bottom: 15px;
	}
	.three_principles_accordion .panel-body .ul_wrap p{
		margin-bottom: 6px;
	}
	
	.three_principles_accordion .panel-body .ul_wrap ul{
		padding: 0 16px;
	}

	.three_principles_accordion .panel {
	    border-top: 1px solid #6CBE45 !important;
	    border-bottom: 0;
	    padding: 10px 0;
	}
	.three_principles_accordion .panel:last-child{
		border-bottom: 2px solid #6CBE45;
	}

	.three_principles_accordion .accordion .panel-heading [data-toggle=collapse]:after {
	font-family: FontAwesome;
	    content: "\f106";
	    font-size: 25px;
	    line-height: 12px;
	    position: absolute;
	    right: 5px;
	    top: 15px;
	    border-radius: 99px;
	    border: 1px solid #ff8900;
	    width: 25px;
	    height: 25px;
	    padding: 4px;
	}

	.three_principles_accordion .accordion .panel-heading [data-toggle=collapse].collapsed:after {
	    content: "\f105";
	    padding: 6px;
	}

	/* @media screen and (max-width: 1025px) {
		.three_principles_accordion .box{
		    width: 100%;
		    position: relative;
		}
	}

	@media screen and (max-width: 991px) {

	} */


/*==== Packaging & Shipping ====*/
	.packaging_shipping .tab_nav .nav-tabs{
	  margin:20px 0;
	}
	.packaging_shipping .tab_nav .nav-tabs li{
	  font-size: 15px;
	}
	.packaging_shipping .tab-content{
	  padding: 20px 0 0 0;
	}
	.packaging_shipping  .tab-content .text_area{
	  display: flex;
	  align-items: center;
	  flex-direction: row;
	}
	.packaging_shipping  .tab-content .text_area .text{
	  width:52%;
	  padding: 0 4% 0 0;
	}
	.packaging_shipping .tab-content .text_area .text .packaging_shipping_ul_wrap{
	  margin-bottom: 15px;
	}
	.packaging_shipping .tab-content .text_area .text .packaging_shipping_ul_wrap .packaging_shipping_ul{
		padding: 0 16px;
	}	
	.packaging_shipping  .tab-content .text_area .img_area{
	  width:48%;
	}
	.packaging_shipping  .tab-content .text_area .img_area img{
	  width: 100%;
	  height: auto;
	}

/*==== Green Channel ====*/
	.green_channel_imgs{
		margin: 2% 0;
		display: flex;
	  align-items: center;
	  flex-direction: row;
	  justify-content: space-between;
	}
	.green_channel_imgs .green_channel_img_wrap{
		position: relative;
		width: 32%;
	}
	.green_channel_imgs .green_channel_img_wrap .green_channel_img img{
		width: 100%;
		height: auto;
	}

	.green_channel_imgs .green_channel_img_wrap .overlay{
		position:absolute;
		bottom: 0;
		left:0;
		right:0;
		background-color:rgba(0,0,0,0.7);
		overflow:hidden;
		width:100%;
		height: 22%;
		transition:.4s ease;
	}

	.green_channel_imgs .green_channel_img_wrap:hover .overlay {
		height:100%;	
	}

	.green_channel_imgs .green_channel_img_wrap .overlay .description {
		padding: 25px 20px;
		position:absolute;
		width: 100%;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description .description_title{
	margin: 0 0 25px 0;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description h5{
		color: #ffffff;
		font-size: 15px;
		margin: 0;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description p{
		color:#ffffff;
		/* line-height: 1.5; */
	}

	.green_channel_imgs .green_channel_img_wrap .overlay .description p span {
		font-size: 72px;
	  font-weight: 500;
	  line-height: 1;
	}

/*==== RWD  ====*/
@media screen and (max-width: 1300px){
	.container_wrap{
		padding: 0 10px;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description p{
		line-height: 1.2;
	}
}
@media screen and (max-width: 1200px){
	/* Green Channel */
	.green_channel_imgs .green_channel_img_wrap .overlay{
		height: 20.5%;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description{
		padding: 15px;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description p{
		line-height: 1.2;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description .description_title{
		margin: 0 0 25px 0;
	}
}
@media screen and (max-width: 1130px){
	/* Green Channel */
	.green_channel_imgs .green_channel_img_wrap{
		height: 304px;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay{
		background-color: #383838;
		height: 19%;
	}
}
@media screen and (max-width: 1024px){
	/* Green Channel */
	.green_channel_imgs .green_channel_img_wrap{
		height: 315px;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay{
		height: 100%;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description .description_title{
		margin: 0 0 20px 0;
	}
}
@media screen and (max-width: 992px){
	/* Green Channel */
	.green_channel_imgs .green_channel_img_wrap{
		height: 350px;
	}
}
@media screen and (max-width: 890px){
	/* Green Channel */
	.green_channel_imgs{
		margin: 3% 0 0;
		flex-direction: column;
	}
	.green_channel_imgs .green_channel_img_wrap{
		width: 100%;
		height: 300px;
		overflow: hidden;
	}
	.green_channel_imgs .green_channel_img_wrap{
		margin-bottom: 20px;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay{
		height: 100%;
		background-color:rgba(0,0,0,0.7);
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description{
		padding: 6% 25px;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description h5{
		font-size: 18px;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description p{
		line-height: 1.5;
	}
}

@media screen and (max-width: 767px){
	.section{
		padding: 25px 0;
	}
	/* Reducing Environmental */
	.reducing_environmental  .section .text_area,
	.sustainable  .section .text_area{
		flex-direction: column-reverse;
	}
	.reducing_environmental  .section .text_area .text,
	.sustainable  .section .text_area .text{
		width: 100%;
		margin-bottom: 3%;
	}
	.reducing_environmental  .section .text_area .img_area,
	.sustainable  .section .text_area .img_area{
		width: 100%;
	}

	/* Three Principles of Green Product Design */
	.three_principles_design .section h4,
	.three_principles_design .section .text p{
		text-align: left !important;
	}

	.three_principles_accordion {
		   flex-direction: column;
	}
	.three_principles_accordion .box{
		width: 100%;
		padding: 0 0 0 0;
	}
	.three_principles_accordion .image{
	    padding-left: 0px;
	    width: 100%;
	}
	
	/* Packaging & Shipping */	
	.packaging_shipping .tab-content .text_area{
		flex-direction: column;
	}

	.packaging_shipping .tab-content .text_area .text{
		width: 100%;
		padding: 0 0 3% 0;
	}
	.packaging_shipping .tab-content .text_area .img_area{
		width: 100%;
	}
	/* Green Channel */
	.green_channel_imgs .green_channel_img_wrap{
		height: auto;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description{
		padding: 8% 35px;
	}
	
}

@media screen and (max-width: 640px){
	/* Packaging & Shipping */
	.packaging_shipping .tab_nav .nav-tabs>li{
		margin: 0 10px;
	}
}

@media screen and (max-width: 450px){
	/* Green Channel */
	.green_channel_imgs .green_channel_img_wrap{
		height: 350px;
	}
	.green_channel_imgs .green_channel_img_wrap .green_channel_img img{
		display: none;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay{
		overflow: visible;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description{
		padding: 20px;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description .description_title{
		margin: 0 0 15px 0;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description h5{
		font-size: 16px;
	}
	.green_channel_imgs .green_channel_img_wrap .overlay .description p{
		line-height: 1.5;
	}
}
@media screen and (max-width: 360px){
	.green_channel_imgs .green_channel_img_wrap{
		height: 60vh;
	}

}