//services

.homepage_design-and-develop_wrap{
	padding:3rem 0 3rem;
	position:relative;
	

	.about-wrap{
		@include mq($min-width: 768px) {

			min-height:528px;
		}
	}

	@include mq($min-width: 768px) {
		padding:5rem  0;
	}

	@include mq($min-width: 992px) {
		padding:5rem  0 0;
	}



	.article-post{
		z-index:3;

		@include mq($min-width: 768px) {
			position:absolute;
		}

		.post-title {
			h2{
				margin-top:0;
			}
		}
	}

	&:after{
		content:'';
		width:50%;
		height:100%;
		background-color:$gray-300;
		position:absolute;
		right:0;
		top:0;
		z-index:-1;

		@include mq($min-width: 768px) {
			width:75%;
		}
	}

	h2{
		a{
			color:$gray-800;

			&:visited{
				color:$gray-800;
			}
		}
	}
}

.homepage_service_wrap{
	background-color:rgba($gray-900, .9);
	
	position:relative;
	background-size:cover;

	@include mq($min-width: 768px) {
		padding:3rem 0;
	}

	&:before{
		content:'';
		height:100%;
		background-color:$color__background-blue;
		position:absolute;
		left:0;
		top:0;
		z-index:2;

		@include mq($min-width: 768px) {
			width:43%;

		}

	}

	@include mq($min-width: 768px) {
			padding:5rem;
		}
}

.what-we-offer{
	
	position: relative;
    z-index: 2;
    padding:3rem 0 0;

    @include mq($min-width: 778px) {
			padding:5rem 4rem 5rem 0;
		}
}

.services-list{
	 
}

.services-list-desc{
	padding:1rem 0;
	@include font-size(.9);

	h4{
		margin:1rem 0 1.5rem;
	}
}