/* Service Section - Start */
.service-section {
	.shape-1 {
		top: 39px;
		left: -159px;
	}
	.shape-2 {
		top: -10px;
		right: -97px;
	}
	.shape-3 {
		left: 0;
		right: 0;
		bottom: -53px;
		text-align: center;
	}
}

.service-boxed {
	background-color: #ffffff;
	padding: 50px 80px 50px 55px;

	.service-icon {
		z-index: 1;
		height: 66px;
		position: relative;
		margin-bottom: 35px;
		align-items: center;
		display: inline-flex;
		justify-content: center;
		&:before {
			top: 0;
			left: 30px;
			width: 67px;
			z-index: -1;
			content: '';
			height: 77px;
			position: absolute;
			background-color: #ECECEC;
			clip-path: polygon(0 10%, 95% 0, 100% 90%, 0% 100%);
		}
	}

	.service-title {
		line-height: 1;
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 25px;
		span {
			display: inline-block;
			border-bottom: 4px solid #FFC233;
		}
	}

	p {
		font-size: 18px;
		margin-bottom: 25px;
	}

	.unfilled-btn {
		color: #7047EB;
		&:before {
			background-color: #7047EB;
		}
	}
}

.service-group {
	display: flex;
	flex-wrap: wrap;
	padding: 50px 0;
	border-radius: 10px;
	background-color: #ffffff;
	border-left: 3px solid #7047EB;
	box-shadow: 0px 4px 70px 30px rgba(0, 0, 0, 0.05);
	.service-boxed {
		flex: 0 0 33.333%;
		padding: 0 80px 0 55px;
		background-color: transparent;
		&:not(:last-child) {
			border-right: 1px solid #EAEAEA;
		}
	}
}
/* Service Section - End */