/*===========================
    4.SERVICES css 
===========================*/


.services-area{
	& .single-services{
		border: 2px solid $border-color;
		padding: 75px 33px;
		position: relative;
		overflow: hidden;
		@media #{$lg} {
			padding: 60px 28px;
		}
		@media #{$xs} {
			padding: 30px 20px;
		}
		@media #{$sm} {
			padding: 40px 33px;
		}
		& .icon{
			i {
				font-size: 60px;
				color: $theme-color;
			}
		}
		& .title{
			font-size: 24px;
			padding-top: 30px;
			padding-bottom: 20px;
			@media #{$lg} {
				font-size: 24px;
			}
			@media #{$md} {
				font-size: 20px;
			}
			@media #{$xs} {
				font-size: 20px;
			}
		}
		& a{
			font-weight: 700;
			
			color: $text-color;
			margin-top: 15px;
		}
	}
}