.hpservice{
	background:var(--bg-service);
	background-size: 100%;
	background-repeat: repeat-y;
	height:100%;
	padding:80px 0;
}
.hpservicetitle{
	font-family:var(--ff-dmsans);
	font-size:24px;
	font-weight:600;
	
}
.hpservicedesc{
	font-family:var(--ff-dmsans);
	font-size:40px;
	font-weight:600;
}
@media (max-width:768px){
.hpservicetitle{
	font-family:var(--ff-dmsans);
	font-size:14px;
	font-weight:600;
	text-align:center;
	
}
.hpservicedesc{
	font-family:var(--ff-dmsans);
	font-size:20px;
	font-weight:600;
	text-align:center;
}
}
.hpservicebox{
	display:block;
	background:var(--bg-color2);
	color:#fff;
	border-radius:10px;
	padding:20px;
	text-decoration:none !important;
	margin-bottom:30px;
	transition: transform 0.25s ease 0s;
}
.hpservicebox:hover{
	background:var(--bg-color-hover2);
	transform: perspective(600px) rotateY(30deg); 
}
.hpservicebox .boximg{
	transition: transform 0.25s ease 0s;
}
.hpservicebox:hover .boximg{
	transform: perspective(150px) rotateY(45deg); 
}
.boxtitle{
	font-size:18px;
	color:#fff;
}
.boxtitle a{
	font-size:18px;
	color:var(--text-color1);
	text-decoration:none;
}
.boxcontent{
	display:block;
	font-size:13px;
	height:150px;
	overflow:hidden;
}
.boxlink{
	display:block;
	color:#777;
	text-decoration:none !important;
}
.boxlink:before{
	content:'> ';
}
.boxlink:hover{
	color:var(--text-color-hover1);
}