@charset "utf-8";

.service_cat_list{
	display:grid;
	gap:20px;
	grid-template-columns:1fr 1fr 1fr;
	padding:0;
	margin:0;
}
.service_cat_item{
	list-style:none;
	padding:53px 30px 20px;
	margin:0;
	background:#fff;
	border-radius:5px;
}
.service_cat_item:last-child{grid-column:1 / -1;}
.service_title{
	position:relative;
	padding:30px 0 16px 105px;
	margin:0 0 25px;
	background:no-repeat top left/94px;
	border-bottom:1px solid #ddd;
	font-size:2rem;
	font-weight:500;
	letter-spacing:2px;
	line-height:2.9rem;
}
.service_cat_item:first-child .service_title{background-image:url(/img/index/icon_service_2.svg);}
.service_cat_item:nth-child(2) .service_title{background-image:url(/img/index/icon_service_3.svg);}
.service_cat_item:nth-child(3) .service_title{background-image:url(/img/index/icon_service_4.svg);}
.service_cat_item:last-child .service_title{background-image:url(/img/index/icon_service_1.svg);}
.service_title::before{
	content:attr(data-slug);
	display:block;
	margin-bottom:2px;
	font-family:var(--font_lusitana);
	font-size:1.2rem;
	letter-spacing:0.24px;
	line-height:1.5rem;
	opacity:0.5;
}
.service_list{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:15px 35px;
	padding:0;
	margin:0;
}
.service_item{
	position:relative;
	list-style:none;
	margin:0;
	font-size:1.5rem;
	font-weight:500;
	letter-spacing:1.5px;
	line-height:2.1rem;
}
.service_link{
	display:block;
	position:relative;
	padding:0 25px 8px 0;
	background:url(/img/common/arrow_r.svg) no-repeat top 8px right;
	color:#333 !important;
	text-decoration:none !important;
}
.service_link::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#2D4F7F;
	transition:opacity 0.3s;
	opacity:0;
}
.service_link:hover::after{opacity:1;}


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

.service_title{
	background-size:70px;
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:2.6rem;
}
.service_title::before{
	font-size:1.1rem;
	letter-spacing:0.22px;
}
.service_item{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}

}


@media screen and (min-width:768px) and (max-width:1024px){

.service_cat_list{gap:10px;}
.service_cat_item{padding:37px 15px 10px;}
.service_title{
	padding:10px 0 16px 80px;
	margin-bottom:15px;
}

}


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

.service_cat_list{
	display:block;
	margin-bottom:35px;
}
.service_cat_item{
	padding:38px 20px 1px;
	margin-bottom:10px;
}
.service_title{
	padding:10px 0 16px 85px !important;
	margin:0;
	border:none;
}
.service_list{display:block;}
.service_item{border-top:1px solid #ddd;}
.service_link{
	padding:16px 30px 17px 0;
	background-position:center right;
}
.service_link:hover{text-decoration:underline !important;}
.service_link::after{display:none;}

}