/*
 * Page Styles
 * ------------------------------------------------------------------------------------------------
*/







/*
 * Section 2
 * ------------------------------------------------------------------------------------------------
*/
.section-services {
	background-color: #F4F4F4;
	padding-top: 70px;
	padding-bottom: 70px;
}
.section-services .page-overtitle {
	text-align: center;
	margin-bottom: 5px;
}
.section-services .page-title {
	color: #FF5C28;
	margin-top: 0;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}
.section-services .services-posts {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	grid-gap: 15px 1.3%;
	margin-top: 30px;
}
.section-services .services-posts .service-item {
	background-color: #fff;
	width: 100%;
	max-width: 288px;
	max-width: 24%;
	text-decoration: none;
	padding: 15px;
	margin-bottom: 0;
}
.section-services .services-posts .service-item:hover {
	box-shadow: 0px 4px 15px 0px #00000040;
	text-decoration: none;
}
.section-services .services-posts:not(.shown-all) .service-item:nth-child(4) ~ .service-item {
	/* display: none; */
}
.section-services .services-posts .service-item .service-image {
	position: relative;
}
.section-services .services-posts .service-item .service-image .wp-post-image {
	width: 100%;
	height: 130px;
	object-fit: cover;
}
.section-services .services-posts .service-item .service-image .service-icon {
	position: absolute;
	right: -10px;
	bottom: -45px;
}
.section-services .services-posts .service-item h5 {
	color: #09131F;
	min-height: auto;
	margin-top: 40px;
	margin-bottom: 10px;
}
.section-services .services-posts .service-item .text-small {
	color: #09131F;
	margin-bottom: 15px;
}
.section-services .services-posts .service-item .read-more {
	display: inline-block;
	color: #1A73E8;
	font-size: 14px;
	overflow: hidden;
	transform: translateX(calc(-100% + 10px));
	transition: all 0.05s;
}
.section-services .services-posts .service-item:hover .read-more {
	transform: translateX(0);
}
.section-services .services-posts .service-item .read-more-wrap {
	overflow: hidden;
}
.section-services .services-posts .service-item .read-more:after {
	content: '';
	background-image: url('data:image/svg+xml,%3Csvg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.5 1.5L6.5 6.5L1.5 11.5" stroke="%231A73E8" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 8px;
	height: 13px;
	display: inline-block;
	position: relative;
	top: 0px;
	margin-left: 10px;
	vertical-align: middle;
}
.section-services .show-more-wrap {
	text-align: center;
	margin-top: 25px;
}
.section-services .show-more-wrap .show-more {
	font-size: 14px;
	line-height: normal;
}
.section-services .show-more-wrap a:hover {
	text-decoration: none;
}

@media (max-width: 991px) {
	.section-services .services-posts {
		grid-gap: 15px;
		max-width: 591px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-services .services-posts .service-item {
		max-width: 48.65%;
	}
}
@media (max-width: 767px) {
	.section-services {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-services .services-posts .service-item .read-more {
		transform: translateX(0);
	}
}
@media (max-width: 500px) {
	.section-services .services-posts {
		max-width: 350px;
	}
	.section-services .services-posts .service-item {
		max-width: 350px;
	}
}