/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.heroTextCN1{
	font-size:50px;
	color:#373739; 
	font-weight:800;
}
.heroTextCN2{
	font-size:56px;
	color:#DE4C67; 
	font-weight:800;
}

@media (max-width: 1200px) {
	.heroTextCN1 {
		font-size:40px;
	}
	.heroTextCN2 {
		font-size:46px;
	}
}
@media (max-width: 992px) {
	.heroTextCN1 {
		font-size:30px;
	}
	.heroTextCN2 {
		font-size:36px;
	}
}
@media (max-width: 767px) {
	.heroTextCN1 {
		font-size:50px;
	}
	.heroTextCN2 {
		font-size:56px;
	}
}
@media (max-width: 500px) {
	.heroTextCN1 {
		font-size:40px;
	}
	.heroTextCN2 {
		font-size:46px;
	}
}
@media (max-width: 350px) {
	.heroTextCN1 {
		font-size:30px;
	}
	.heroTextCN2 {
		font-size:36px;
	}
}
 
.hero .btn-buy2 {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 36px;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  background: var(--color-primary);
  box-shadow: 0 8px 28px rgba(206, 18, 18, 0.2);
}

.hero .btn-buy2:hover {
  background: rgba(206, 18, 18, 0.8);
  box-shadow: 0 8px 28px rgba(206, 18, 18, 0.45);
}


.hero .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  margin-left: 25px;
  color: var(--font-secondary);
  font-weight: 600;
}

.hero .btn-watch-video i {
  color: var(--color-primary);
  font-size: 32px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

.hero .btn-watch-video:hover {
  color: var(--color-primary);
}

.hero .btn-watch-video:hover i {
  color: rgba(206, 18, 18, 0.8);
}

/*--------------------------------------------------------------
# nutrients Section
--------------------------------------------------------------*/
.nutrients {
  background-size: cover;
  position: relative;
  background: url('/assets/img/home/BE Web 2023 v2 BG 02-02.jpg');
  /* background-repeat: no-repeat; */
}



/*--------------------------------------------------------------
# Aging Section
--------------------------------------------------------------*/
.agingbody{
	/* background-color:#F7F1E5; */
	background-color:#fff;
}

.agingbodyTextCN{
	font-size:50px;
	color:#373739; 
	font-weight:800;
	 
}

@media (max-width: 1200px) {
	.agingbodyTextCN {
		font-size:40px;
	} 
}
@media (max-width: 992px) {
	.agingbodyTextCN {
		font-size:30px;
	} 
}
@media (max-width: 776px) {
	.agingbodyTextCN {
		font-size:25px;
	} 
}
@media (max-width: 540px) {
	.agingbodyTextCN {
		font-size:20px;
	} 
}
@media (max-width: 450px) {
	.agingbodyTextCN {
		font-size:18px;
	} 
}
@media (max-width: 390px) {
	.agingbodyTextCN {
		font-size:16px;
	} 
}

/*--------------------------------------------------------------
# Nutrition Supplement Section
--------------------------------------------------------------*/
.NutritionSupplement {
  background-size: cover;
  position: relative;
  background: url('/assets/img/home/BE Web 2023 v2 BG 01-02.jpg');
  /* background-repeat: no-repeat; */
  padding-bottom:0;
}
.NutritionSupplement img{
	    width: 100%;
	max-width:420px;
}

.benefits {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color:#C80C19;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 15px;
	letter-spacing: 3px;
}

@media (max-width: 768px) {
	.benefits {
		display: block;
	}
}

/*--------------------------------------------------------------
# fivecorepillars Section
--------------------------------------------------------------*/
.fivecorepillars{
	background-color:#F7F1E5;
}

.fivecorepillar-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.fivecorepillar-items {
  width: 31%;
  margin: 10px;
  text-align: center;
  border:1px solid #d6d6d6;
  background:#fff;
  border:1px solid #d6d6d6;
  box-shadow:0 2px 3px 0px rgba(0,0,0,0.25);
  transition:.2s all; 
  border-radius: 25px;
}

/* 
.fivecorepillar-items:hover {
  transform:scale(1.15);
  filter:blur(0px);
  opacity:1;
  box-shadow:0 8px 20px 0px rgba(0,0,0,0.125);
}
 */
 
@media (max-width: 1200px) {
	.fivecorepillar-container > div {
		width: 40%;
	}
}
 @media (max-width: 575px) {
	.fivecorepillar-container > div {
		width: 90%;
	}
}
 
.items img{
    width:100%;
	border-top-right-radius: 25px;
	border-top-left-radius: 25px;
}

.pcontent {
	/* height: 160px; */
	padding:20px;
}
.ptitle {
	font-size:22px;
	color: #DE4C67;
	font-weight: 800;
}
.pdesc {
	font-size:18px;
	color: #606060;
	font-weight: 800;
	font-style: italic;
}

@media (max-width: 767px) {
	  
	.ptitle {
		font-size:24px;
	}
	.pdesc {
		font-size:20px;
	}

}
 
 

/*--------------------------------------------------------------
# HBBenefits Section
--------------------------------------------------------------*/
.HBBenefits{
	background-color:#FFEBB8;
	padding-bottom:10px;
}

/*--------------------------------------------------------------
# HBBenefits2 Section
--------------------------------------------------------------*/
.HBBenefits2{
	background-color:#F7F1E5
}

.HBbox-wrap{

/*  text-align: center;
     display: flex;
    align-items: flex-start;
	position: relative;
	 flex-flow: row wrap;
	  */
	position: relative;
    display: flex;
    flex-flow: row wrap;
}

.HBbox{
	flex: 1; 
	flex-basis: calc(90% / 5) ;
  /* display:inline-block; */
  padding:10px;
  margin:0;
  background:transparent;
  /* width: calc(90% / 5) ; */
 
  transition:.2s all; 
  font-weight:bold;
  color:#000;
  text-align:center;
  -webkit-font-smoothing: antialiased;
  font-size:14px;
  position: relative;
 
 }

.HBbox:after {
  content: '';
  height: 100%;  
  width: 50px;
  
  position: absolute;
  right: -42px;
  top: 50px; 
  
    background: transparent url("/assets/img/home/BE Web 2023 v209-02.png") no-repeat;
    background-size: 50%;
	
	
} 

.HBbox:last-child:after {
  display:none;
}

/* .HBboxborder{
	border-left: 3px solid #C80C19;
} */

.HBitems img{
    width:200px;
    
}

.HBcontent {
	padding:5px;
}
.HBtitle {
	font-size:16px;
	color: #606060;
	font-weight: 600;
 
}
 
@media (max-width: 991px) {
 	.HBbox {
	  flex-basis: calc(90% / 3) ;
	  
	} 
	.HBtitle {
		font-size:14px;
	}
	.HBitems img{
		width:120px;
		
	}
	.HBbox:after {
	  top: 10px; 
		background-size: 40%;
		
	} 
 
}

 

.HBbox-wrap:hover .HBbox{
/*   filter:blur(3px);
 */
/*   opacity:.5; */
  transform: scale(.98);
  box-shadow:none;
}

.HBbox-wrap:hover .HBbox:hover{
  transform:scale(1);
  filter:blur(0px);
  opacity:1;
  box-shadow:0 8px 20px 0px rgba(0,0,0,0.125);
}

.HBcategory{
	background-color: #fff; 
	width:100%;
	height: 60px;
	font-size:20px;
	color:#DE4C67;
	padding: 20px;
	font-weight:900;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	white-space: nowrap;
}

.HBcategoryActive, .HBcategory:hover{
	background-color: #DE4C67; 
	color:#fff;
	cursor: pointer;
}

.HBCatDesc{
	width:100%;
	text-align:left;
	font-size:18px;
    overflow: hidden;
    transition: height .3s ease-in-out;
	background-color: #fff;
	height:0;
}

.HBCatDescInner {
    padding: 15px 20px;
    margin: 0;
}

.HBCatDescInnerTrans {
	 animation: scale 1.5s both;
}

@keyframes scale {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}


.HBCatDesc ul {
  list-style: none;
  padding: 0;
}

.HBCatDesc ul li {
  padding: 0 0 8px 26px;
  position: relative;
  
}

.HBCatDesc ul i {
  position: absolute;
  font-size: 20px;
  font-weight:900;
  left: 0;
  top: -3px;
  color: var(--color-primary);
}

.btn-learnmore,
.btn-learnmore:focus {
  font-size: 14px;
  color: #fff;
  background: var(--color-primary);
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 50px;
  transition: 0.3s;
}

.btn-learnmore:hover,
.btn-learnmore:focus:hover {
  color: #fff;
  background: rgba(206, 18, 18, 0.8);
}

.HBBenefitsCN{
	font-size:50px;
	color:#373739; 
	font-weight:800;
 
}
@media (max-width: 767px) {
	.HBBenefitsCN{
		font-size:40px;
	}
}
@media (max-width: 575px) {
	.HBBenefitsCN{
		font-size:30px;
	}
}

/*--------------------------------------------------------------
# BEfamily Section
--------------------------------------------------------------*/
.BEfamily{
	background-color:#F6657F;
	padding-top:0;
	padding-bottom:20px;
}
	
/*--------------------------------------------------------------
# superfood Section
--------------------------------------------------------------*/
 
.superfood {
 
  padding-top:0;
  padding-bottom:0;
 
}
.bg1 {
  background-image: url("/assets/img/home/BE Web 2023 v2 BG 01-02.jpg");
  background-repeat: no-repeat;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 60%, 0 75%); 
  clip-path: polygon(0 0, 100% 0, 100% 60%, 0 75%); 
}

.bg1 {
  height: 1000px;
}

.sahet-img img {
  /* height: 1000px; */
  width: 100%;
  /* height: auto; */
}

.sahet-img img {
  z-index: 10;
  position: absolute;
  top:0;
}
.btn-learnmore2,
.btn-learnmore2:focus {
  font-size: 24px;
  font-weight:800;
  color: #DE4C67;
 /*  background: var(--color-primary); */
  padding: 10px 20px;
  margin-left: auto;
  margin-right: auto;
  transition: 0.3s;
  border: 3px solid #F6657F;
  margin-top: 20px;
  margin-bottom: 20px;
}

.btn-learnmore2:hover,
.btn-learnmore2:focus:hover {
  color: #fff;
  background: #F6657F;
}

@media (max-width: 500px) {
	.btn-learnmore2,
	.btn-learnmore2:focus {
	  font-size: 14px;
	padding: 5px 5px;
	}
}

@media (max-width: 389px) {
	.btn-learnmore2,
	.btn-learnmore2:focus {
	  font-size: 14px;
		padding: 5px 5px;
	}
}


.superfood-container {
  position: relative;
  text-align: center;
  color: white;
}

.superfood-top-left {
  width:500px ;
  position: absolute;
  top: 150px;
  left: 130px;
  z-index:20;
  text-align: center;
}

/* .superfood-triangle-bottom{ */
.superfood-triangle-bottom{
	background-color: #ffffff;
	height:650px;
	width:100%;
	position:absolute;
	bottom:-1px;;
	clip-path: polygon(0 61%, 100% 49%, 100% 100%, 0% 100%);
	
}

@media (max-width: 1200px) {
	 .superfood-top-left{
		 
		top: 120px;
	}
} 

@media (max-width: 991px) {
	 .superfood-top-left{
		 
		top: 50px;
	}
} 


/*--------------------------------------------------------------
# Consumption Section
--------------------------------------------------------------*/
.Consumption{
	background-color:#F7C5CE;
}
.Consumption2 {
	background-color:#fff;
	padding-bottom:0;
	position:relative; 
	z-index: 1;
}

.recom-storage{
	padding-top: 40px;
}
@media (max-width: 1220px) {
	 .recom-storage{
		padding-top: 10px;
	}
} 

.recommend{
	/* display: inline-block; 
	position:relative;*/
	width:45%;
	padding:10px;
	position: relative;
}
.storage{
	/* display:inline-block;
	width:45%; */
	padding:10px;
}

.recommend:after {
  content: '';
  height: 100%;  
  width: 50px;
  
  position: absolute;
  right: -42px;
  top: 50px; 
  
    background: transparent url("/assets/img/home/BE Web 2023 v209-02.png") no-repeat;
    background-size: 50%;

}
 

.Consumption li {
	font-size:20px;
}
 
.Consumption-images{

/* 
	display:flex;
	gap: 5px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 5px; */
}

.Consumption-img{
	float: left;
	width: 24%;
	padding: 5px;
}
 
/* Clear floats after image containers */
.Consumption-images::after {
  content: "";
  clear: both;
  display: table;
}

.Consumption2 li {
	font-size:20px;
}
 
@media (max-width: 992px) {
	 .recommend .section-header h2{
		font-size: 18px;
	}
	.Consumption2 li {
		font-size: 16px;
	}
 
 } 


.Consumption2-img{
	height:300px;
 
}

/*--------------------------------------------------------------
# Transformation Section
--------------------------------------------------------------*/
.Transformation{
	position: relative;
	padding-top:40px;
	padding-bottom:0;
	  background: linear-gradient(
		to bottom,
		#F7C5CE 0%,
		#F7C5CE 80%,
		#F7F1E5 80%,
		#F7F1E5 100%
	  );
	height:auto;
	min-height:350px;
}

.Transformation-float-img{
	display: block;
	width: 100%;
	max-width: 400px;
    position: absolute;
    right: calc(100%/8);
    bottom: 0;
    z-index: 10;
	margin: auto;
}

.Transformation-word-web img{
	display:block;
}
.Transformation-word-mobile img{
	display:none;
}
@media (max-width: 767px) {
	.Transformation{
		background-color:#F7C5CE ;
		background:#F7C5CE ;
	}
	.Transformation-word-web{
		height:300px;
	}
	.Transformation-word-web img{
		display:none;
	}
	.Transformation-word-mobile img{
		display:block;
	}
} 

.TransformationWordImg{
	width:100%;
	max-width:580px;
	margin-left:auto;
	margin-right:auto;
}

/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.Testimonials{
	background-color:#F7F1E5;
}

.Testimonials-item{
	width:100%;
	padding:10px;
	 text-align: center;
}

.Testimonials-item-c1{
	background-color: #F6657F;
}

.Testimonials-item-c2{
	background-color: #F6C4CD;
}

.belogo-testimonials{
	display: block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:200px;
	text-align:center;
}

.Testimonials-img{
	position: relative;
	
}

.Testimonials-text{
	position: absolute;
	  bottom: 0;
	  left: 0;
	  color:#fff;
	  padding:5px;
    font-weight: 800;
	 text-align: left;
}

.Testimonials-text2{
	font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
}

.Testimonials-text-big{
	font-size: 24px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.54)); 
		 transition: all 500ms;

}
.Testimonials-text2-big{
	font-size: 20px;
	 transition: all 500ms;
}

.readmore2{
  color: #F6657F;
  border: 3px solid #F6657F;
}

.readmore1{
  color: #fff;
  border: 3px solid #fff;
}


.btn-readmore,
.btn-readmore:focus {
	display:block;
	width: 200px;
  font-size: 24px;
  font-weight:800;
 /*  background: var(--color-primary); */
  padding: 10px 20px;
  margin-left: auto;
  margin-right: auto;
  transition: 0.3s;
  margin-top: 10px;
  margin-bottom: 10px;
 font-size:20px;
}



.readmore1:hover,
.readmore1:focus:hover {
  color:#F6657F;
  background: #fff;
}

.readmore2:hover,
.readmore2:focus:hover {
  color: #fff;
  background: #F6657F;
}


/*--------------------------------------------------------------
#  Product Section
--------------------------------------------------------------*/
.products{
	padding-bottom:0;
	background-color:#F7C5CE;
}

/*--------------------------------------------------------------
# Safe Product Section
--------------------------------------------------------------*/
.safe{
	background-color:#F7F1E5;
}

.safeTitle1 {
	font-size:30px;
	font-weight:800;
	color: #606060;
	
}

/*--------------------------------------------------------------
# Safe2 Product Section
--------------------------------------------------------------*/
.safebox{
	padding-top:20px;
	background-color:#fff;
	width:100%;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.safeboxtext{
	color:#373739;
	font-size:36px;
	font-weight:800;
	padding:20px 30px;
	font-style: italic;
}

@media (max-width: 1000px) {
	.safeboxtext{
		font-size:28px;
	}
}

@media (max-width: 767px) {
	.safeboxtext{
		font-size:36px;
	}

}
/*--------------------------------------------------------------
# safe2 Section
--------------------------------------------------------------*/
.safe2{
	background-color:#F7F1E5;
}

/*--------------------------------------------------------------
# experts Section
--------------------------------------------------------------*/
.experts{
	background-color:#fff;
}
/*--------------------------------------------------------------
# BEsupport Section
--------------------------------------------------------------*/
.BEsupport{
	background-color:#F6657F;
	padding-top:0;
	padding-bottom:20px;
}
/*--------------------------------------------------------------
# ProductSafety Section
--------------------------------------------------------------*/
.ProductSafety{
	padding-top:5px;
	color:#606060;
	font-style:italic;
	font-weight:800;
}

/*--------------------------------------------------------------
# Four Pillars Section
--------------------------------------------------------------*/
.FourPillarsbox{
	padding-top:20px;
	width:100%;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-radius:35px;
	overflow: hidden;
}

.FourPillarsbox img {
     
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
	overflow: hidden;
	
}
.FourPillarstext{
	color:#fff;
	font-size:36px;
	font-weight:800;
	padding:20px 30px;
	 
}

.FourPillarsboxIMGTrans {
/*   -ms-transform: scale(1.25); /* IE 9 */
  -webkit-transform: scale(1.25); /* Safari 3-8 */
  transform: scale(1.25); 
   */
     transform-origin: 50% 65%;
  transition: transform 5s, filter 3s ease-in-out;
  
}

.FourPillarstextTrans {
  -ms-transform: scale(1.25); /* IE 9 */
  -webkit-transform: scale(1.25); /* Safari 3-8 */
  transform: scale(1.25); 
 transition: transform 5s, filter 3s ease-in-out;
 	 
}
.FourPillarsDesc1{
	padding-top:5px;
	color:#606060;
}
.FourPillarsDesc{
	padding-top:80px;
	max-width:800px;
	margin: 0 auto !important;
}

/*--------------------------------------------------------------
# Skin & Health  Section
--------------------------------------------------------------*/
.SkinHealth{
	padding-top:0;
	padding-bottom:0;
}
.Skinhealth1{
	font-size:40px; 
	color:#606060;
	line-height:1em;
	font-weight:800;
}
.Skinhealth2{
	color:#606060;
	line-height:1em;
	font-weight:800;
	font-style:italic;
}

.SkinhealthBE{
	font-size:40px;
	color:#C90C19;
	font-weight:800;
}

.SkinHealthImg{
	    display: block;
		margin: auto;
	width:400px;
	position: absolute;
	  top: 0;
	  left: 0;
 	
}

.SkinHealthTextWeb{
	display:block;
}
.SkinHealthTextMobile{
	display:none;
}

@media (max-width: 1000px) {

	.Skinhealth1{
		font-size:30px;
	}
	.SkinhealthBE{
		font-size:30px;
	}
}

@media (max-width: 767px) {

	.SkinHealthTextWeb{
		display:none;
	}
	.SkinHealthTextMobile{
		display:block;
	}
}

.SkinHealthText2{
	background-color:#FFEBB8;
	padding-top:40px;
	padding-bottom:40px;
}
/*--------------------------------------------------------------
# hero-triangle-bottom
--------------------------------------------------------------*/
	.hero-triangle-bottom{
		background-color: #ffffff;
		height:150px;
		width:100%;
		position:absolute;
		bottom:-1px;;
		clip-path: polygon(100% 60%, 0% 100%, 100% 100%);	
	}

/*--------------------------------------------------------------
# Gallery Section
--------------------------------------------------------------*/
.gallery {
  overflow: hidden;
}

.gallery .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.gallery .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #d1d1d7;
  opacity: 1;
}

.gallery .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}

.gallery .swiper-slide-active {
  text-align: center;
}

@media (min-width: 992px) {
  .gallery .swiper-wrapper {
    padding: 40px 0;
  }

  .gallery .swiper-slide-active {
    border: 6px solid var(--color-primary);
    padding: 4px;
    background: #fff;
    z-index: 1;
    transform: scale(1.2);
  }
}

.gallery .play-btn {
  width: 50px;
  height: 50px;
  background: radial-gradient(var(--color-primary) 50%, rgba(206, 18, 18, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  overflow: hidden;
}

.gallery .play-btn:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  animation-delay: 0s;
  animation: pulsate-btn 2s;
  animation-direction: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(206, 18, 18, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.gallery .play-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.gallery .play-btn:hover:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  animation: none;
  border-radius: 0;
}

.gallery .play-btn:hover:after {
  border-left: 15px solid var(--color-primary);
  transform: scale(20);
}

@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }

  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# Dark mode
--------------------------------------------------------------*/

@media (prefers-color-scheme: dark) {
	.agingbody, .hero-triangle-bottom{
		background-color:black;
	}
 
	.header.sticked, .hero, .NutritionSupplement,  .nutrients, .fivecorepillars, .HBBenefits, .HBBenefits2, .BEfamily, .bg1, 
	.Consumption, .Consumption2, .Transformation, .Testimonials, .products, .safe, .experts, .safe2, 
	.BEsupport, .BEsupport, .SkinHealth, .SkinHealthText2, .safebox, .fivecorepillar-items, .HBCatDesc{
		background: black;
	}
	.Transformation-float-img, .FourPillarstext, .FourPillarsbox img, .FourPillarsDesc, .HBcategoryIcon, 
	.belogo-testimonials, .owl-nav i {
		background: transparent;
	}
	.HBCatDescInner, .safeboxtext, .Consumption2 li, .Consumption li, .HBtitle, .pdesc, .ProductSafety, 
	.Skinhealth2, .Skinhealth1 i, .safeTitle1 i, .FourPillarsDesc1, .hero span, .owl-nav i, .heroTextCN1, .agingbodyTextCN, .HBBenefitsCN{
		color:#fff;
	}
 
}