/*--------------------------------
header
--------------------------------*/
header{
	background:url("../images/header.jpg")no-repeat bottom -1px center/cover;
	color:#3D3D3D;
	padding-bottom:8%;
	margin: 0 auto;
	overflow: hidden;
}

/*--------------------------------
body
--------------------------------*/
.main{color:#3D3D3D;}
/* CONTENT01 ******************/
.content1{
	background:url("../../images/bg.png");
	padding-top:150px;
	padding-bottom:150px;
}
.whiteBox{
	background:#fff;
	border-radius:100px;
	padding:60px;
	width:100%;
	box-shadow:10px 10px 10px rgb(0 0 0 / 20%);
}
.icon{
	max-width:936px;
	margin:auto;
}
/* CONTENT02 ******************/
.content2{
	background:#FFE9E9;
	padding-top:150px;
	padding-bottom:300px;
}
.content2 .blueBox{
  background:#FFF;
	border-radius:100px;
	box-shadow:10px 10px 10px rgb(0 0 0 / 20%);
	padding:200px 1rem;
}
.content2 .blueBox .slash{max-width:165px;}

.point{max-width:1000px;}
.nums{
	background:#FFEFD7;
	border-radius:50px;
	color:#FC62A2;
	width:60px;
	height:60px;
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:1;
	position:relative;
	top:-16px;
}
.num2{background:#FBDAD1;}
.num3{background:#E7E4E4;}
.texZone{width:calc(100% - (60px + 1rem));}
.serviceBtns{
	border:2px solid #3D3D3D;
	border-radius:50px;
	box-shadow:10px 10px 10px rgb(0 0 0 / 15%);
	color:#3D3D3D;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	width:100%;
	max-width:300px;
	padding:1.25rem;
	position:relative;
	transition:.5s;
}
.serviceBtns::before{
	background:url("../images/arrow.png")no-repeat top center/100%;
	content:"";
	position:absolute;
	width:25px;
	height:25px;
	top:50%;
	right:18px;
	transform:translate(0,-50%);
	transition:.5s;
}
.serviceBtns:hover{
	color:#3D3D3D;
	opacity:.5;
}
.serviceBtns:hover::before{
	right:14px;
}
/* CONTENT03 ******************/
.content3{
	background:#FFE9E9;
	padding:1.5rem;
}


.footArea{background:#FFE9E9;}

/*--------------------------------
PARALUX
--------------------------------*/
.para01,.para02,.para03,.para04,.para05,
.para06,.para07,.para08,.para09,.para10,
.para11,.para12,.para13,.para14,.para15{
	position:absolute;
	z-index:5;
}
.para01{bottom:70%;right:20%;max-width:100px;margin:auto;}
.para02{bottom:85%;right:-15%;max-width:151px;margin:auto;}
.para03{bottom:65%;right:-10%;max-width:311px;margin:auto;}
.para04{bottom:13%;left:0;max-width:120px;margin:auto;}

.para05{bottom:60%;right:20%;max-width:435px;margin:auto;}
.para06{bottom:60%;right:5%;max-width:104px;margin:auto;}
.para07{bottom:60%;right:0;left:0;max-width:360px;margin:auto;}
.para08{top:-10%;left:0;max-width:419px;margin:auto;}

.para09{top:-5%;right:20%;max-width:46px;margin:auto;}
.para10{top:-9%;right:10%;max-width:91px;margin:auto;}

.para11{top:-13%;left:15%;max-width:219px;margin:auto;}
.para12{top:-13%;left:5%;max-width:219px;margin:auto;}
.para13{top:-13%;left:-5%;max-width:219px;margin:auto;}

.para14{top:-13%;right:5%;max-width:110px;margin:auto;}
.para15{top:-13%;right:-5%;max-width:134px;margin:auto;}


/*--------------------------------
media
--------------------------------*/

@media (max-width: 991px) {
	.whiteBox,.content2 .blueBox{border-radius:50px;}
	/** Paralux ************************/
	.para03{max-width:200px;right:-1%;}
}
@media (max-width: 767px) {
	/** CONTENT1 **/
	header{padding-top:2rem;}
	/** Paralux ************************/
	.para01{right:inherit;left:-10%;}
	.para03{right:0;left:0;}
	.para08{left:-10%;}
	.para10{right:5%;}
}
@media (max-width: 575px) {
	/** CONTENT1 ************************/
	.content1{}
	.whiteBox{padding:3rem 1.5rem;}
	/** Paralux ************************/
	.para07{max-width:70%;}
	.para08{display:none;}
	.para11,.para12,.para13{width:50%;}
	.para11{left:2%;}
	.para12{left:-10%;}
	.para13{left:-22%;}
}