.swiper{
	width: 100%;
	display: flex;
	align-items: center;
}
.swiper-container {
	width: 50rem;
	height:25rem;
	margin-top: 3.888889rem;
}
.swiper-slide{
	position: relative;
	width: 100%;
	height: 100%;
}
.swiper-slide img{
	width: 100%;
	height: 25rem;
	object-fit: cover;
}
.swiper01-intro{
	position: absolute;
	top:78%;
	left: 65%;
	color: #FFFFFF;
	font-size: 1.333333rem;
	line-height: 1.5;
}
.swiper02-intro{
	position: absolute;
	top:15%;
	left: 65%;
	color: #FFFFFF;
	font-size: 1.333333rem;
	line-height: 1.5;
}
.swiper03-intro{
	position: absolute;
	top:78%;
	left: 65%;
	color: #FFFFFF;
	font-size: 1.333333rem;
	line-height: 1.5;
}
.swiper-pagination{
	text-align: left;
	margin-bottom:2rem;
	margin-left: 2rem;
	bottom:0px!important;
}
.swiper-pagination-bullets .swiper-pagination-bullet{
   width: 1rem;
   height: 0.222222rem;
   border-radius: 0.222222rem;
   background-color: #fff;
}
.swiper-pagination-white .swiper-pagination-bullet-active{
    width: 2rem!important;
}
.doubleheart{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	padding: 5.555556rem 0;
}
.header-h2{
	color: #000;
	font-size: 1.333333rem;
	line-height: 1.5;
}
.mentalhealth{
	width: 100%;
	background-color: #f6f6f6;
	display: flex;
	flex-flow: column;
	align-items: center;
	padding: 5.555556rem 0;
}
.mentalhealth-p,
.doubleheart-p{
	width: 33.333333rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #000;
	text-align: justify;
	margin-top: 1.333333rem;
	font-weight: 300;
}
.mentalhealth-content{
	width: 33.333333rem;
	margin-top: 1.5rem;
}
.content-header{
	margin-bottom: 0.555556rem;
}
.diet-h5,
.sport-h5,
.content-header,
.content-li{
	width: 100%;
	font-size: 1rem;
	line-height: 1.5;
	text-align: justify;
	font-weight: 300;
	color: #222;
}
.diet{
	background-color: #f6f6f6;
}
.content-li{
	list-style: disc;
	list-style-position: inside;
	margin: 0.333333rem 0;
}
.diet,
.sport{
	display: flex;
	align-items: center;
	justify-content: center;
}
.diet-content,
.sport-content{
	display: flex;
	width: 50rem;
	justify-content: space-between;
	margin: 7.888889rem auto;
}
.diet-right,
.sport-left{
	width: 19.444444rem;
	height: 25rem;
}
.diet-right img,
.sport-left img{
	width: 100%;
	height: 100%;
}
.diet-left,
.sport-right{
	width: 25.444444rem;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.diet-p,
.sport-p{
	width: 100%;
	font-size: 1rem;
	line-height: 1.5;
	text-align: justify;
	font-weight: 300;
	color: #222;
}
.diet-advice,
.sport-goal{
	margin: 2.222222rem 0;
}
.diet-hint,
.sport-hint{
	width: 100%;
	font-size: 1rem;
	line-height: 1.5;
	text-align: justify;
	font-weight: 300;
	color: #797c80;
}
.about{
	display: flex;
	align-items: center;
	justify-content: center;
}
.about-content{
	width: 33.333333rem;
	height: 6.666667rem;
	display: flex;
	justify-content: space-between;
	margin: 1.666667rem 0;
}
.about-left{
	display: flex;
	align-items: center;
}
.about-left p{
	width: 100%;
	font-size: 1rem;
	line-height: 1.5;
	text-align: justify;
	font-weight: 500;
	color: #222;
}
.qrcode{
	width: 6.666667rem;
	height: 6.666667rem;
}