/*** 

====================================================================
	Service Detail
====================================================================

***/

.service-detail_title{
	position: relative;
	padding: 230px 0px 20px;
}

.service-detail_title .title{
	position: relative;
	font-weight: 600;
	letter-spacing: 1px;
	color: var(--color-five);
	font-size: var(--font-14);
	text-transform: uppercase;
}

.service-detail_title-heading{
	position: relative;
	left: -5px;
	font-weight: 700;
	line-height: 1em;
	color: var(--color-two);
	font-size: var(--font-80);
	margin-top: var(--margin-top-10);
}

.service-detail_text{
	position: relative;
	line-height: 26px;
	max-width: 560px;
	font-size: var(--font-15);
	color: var(--color-three);
	margin-top: var(--margin-top-30);
	margin-bottom: var(--margin-bottom-30);
}

.service-detail_title .projects{
	position: relative;
	font-weight: 400;
	line-height: 1em;
	color: var(--color-two);
	font-size: var(--font-80);
}

.service-detail_title .projects sup{
	position: relative;
	line-height: 1em;
	font-weight: 500;
	font-size: var(--font-50);
}

.service-detail_title .projects span{
	position: relative;
	left: -25px;
	line-height: 1em;
	font-weight: 600;
	font-size: var(--font-20);
	text-transform: uppercase;
}

.service-detail_title .projects::before{
	position: absolute;
	content: "\f144";
	right: 80px;
	line-height: 1em;
	color: var(--color-two);
	font-size: var(--font-70);
	font-family: "Flaticon";
	transform: rotate(-45deg);
}

@media only screen and (max-width: 1540px){
	
	
	
}

@media only screen and (max-width: 1450px){
	
	
	
}
	
@media only screen and (max-width: 1340px){

	
	
}

@media only screen and (max-width: 1200px){
	
	.service-detail_title{
		padding-top: var(--padding-top-60);
	}

}

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

}

@media only screen and (min-width: 768px){
	
	
	
}

@media only screen and (max-width: 1023px){
	
	.service-detail_title{
		padding-top: var(--margin-top-50);
	}

	.service-detail_title .projects::before{
		right: 0px;
	}

	.service-detail_title .title-column{
		margin-bottom: var(--margin-bottom-30);
	}

	.service-detail_title-heading{
		font-size: var(--font-60);
	}
	
}

@media only screen and (max-width: 900px){
	
	.service-detail_title{
		padding-bottom: var(--padding-zero);
	}

}

@media only screen and (max-width: 767px){
	
	.service-detail_title-heading{
		font-size: var(--font-50);
	}

}

@media only screen and (max-width: 599px){
	
	.service-detail_title-heading{
		font-size: var(--font-40);
	}

}

@media only screen and (max-width: 479px) {
	
	.service-detail_title .projects sup,
	.service-detail_title .projects::before{
		font-size: var(--font-40);
	}

	.service-detail_title .projects{
		font-size: var(--font-50);
	}

	.service-detail_title-heading{
		font-size: var(--font-30);
	}

}