.wrapper{
	margin-top: 8em;

}
.service_box{
	color: #fff;
	font-family: 'lato',sans-serif;
	text-align: center;
	padding: 25px 5px 30px 0;
	box-shadow: 15px 0 15px -15px rgba(0,0,0,0.5) inset;
	position: relative;

}

.service_box:after{
	content: '';
	background: #ff018f;
	width: 20px;
	height: 20px;
	box-shadow: 20px 0 20px -20px rgba(0,0,0,0.5) inset;
	position: absolute;
	bottom: 10px;
	left: 0;
	clip-path: polygon(0 0, 0% 100%, 100% 0);

}

.service_box .service_content{
	padding: 15px;
	background: linear-gradient(to left bottom, #fd9743, #ff018f);
	border-radius:0 30px 30px 0;
	box-shadow: 20px 0 20px -20px rgba(0,0,0,0.5) inset;

}
.service_box .title{
	color: #ff018f;
	background: #fff;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 15px 10px;
	margin: 0 -20px 20px -15px;
	border-radius:0 30px 30px 0;
	box-shadow: 10px 0 10px -10px rgba(0,0,0,0.5) inset,
	5px 0 5px rgba(0,0,0,0.2);

}
.service_box .description{
	font-size: 14px;
    line-height: 24px;
    margin: 0 0 20px;
}

.service_box .service_icon{
	color: #fff;
	font-size: 45px;
}
.service_box:hover .service_icon i{
	transform: rotate(360deg);
	transition: all 0.3s;

}
.service_box.blue:after{
	background:#6558ff;

}
.service_box.blue .service_content{
	background:linear-gradient(to left bottom, #02d7ff, #6558ff); 
}

.service_box.blue .title{
	color: #6558ff;

}

.service_box.purple .service_content{
	background:linear-gradient(to left bottom, #f83abe, #910090); 
}

.service_box.purple .title{
	color: #910090;
	
}
.service_box.purple:after{
	background:#910090;
}	
.service_box.green .service_content{
	background:linear-gradient(to left bottom, #02f4c1, #00ae85); 
}

.service_box.green .title{
	color: #00ae85;
	
}
.service_box.green:after{
	background:#00ae85;
}	 
@media only screen and (max-width: 990px){
	.service_box{
		margin: 0 0 30px;
	}
}