/**
* Last Mod: 2023-03-21
*/

.blockTop {
	height: auto;
	min-height: unset;
	padding: 1rem 0;
}
.ctaGroup {
	display: flex;
	align-items: center;
	width: 100%;
	flex-basis: 50%;
}
.ctaGroup > div {
	flex-grow: 1;
	align-self: center;
}
.ctaGroup > div a {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 24.688rem;
	max-width: 24.688rem;
	height: 8.813rem;
	margin: 0 auto;
	text-align: right;
	text-shadow: 0 0 0.25rem #fff;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #333;
	padding: 30px 10px 0 0;
	background-color: #fff;
	border: solid 1px #efefef;
	box-shadow: 0pt 2pt 3pt rgba(0, 0, 0, 0.5);
	border-radius: 6px;
	transition: width 0.3s ease;
}
.ctaGroup > div a:hover {
	border: solid 1px #c0c0c0;
	box-shadow: 0pt 2pt 3pt rgba(0, 180, 0, 0.5);
}
.ctaGroup .blockLeft a {
	background: url('../images/cta_bg_what_we_do_2.jpg') left no-repeat;
}
.ctaGroup .blockRight a {
	background: url('../images/cta_bg_request_a_quote_2.jpg') left no-repeat;
}
.ctaGroup .blockLeft a::after,
.ctaGroup .blockRight a::after {
	content: '\00BB';
	position: relative;
	display: block;
	font-family: arial;
	font-size: 3.5rem;
	line-height: 1;
}
.ctaGroup .blockLeft a::before,
.ctaGroup .blockRight a::before {
	content: '\00BB';
	position: absolute;
	display: block;
	font-family: arial;
	font-size: 9.75rem;
	line-height: 0.5;
	opacity: 0.4;
	bottom: 0.625rem;
	right: 0.625rem;
	color: #0099ff;
}
.blockTop > a:hover  {
	box-shadow: 0pt 3pt 6pt rgba(0, 0, 180, 0.5);
}
.blockTop::after {
	position: relative;
	display: block;
	content: '';
	width: auto;
	height: 0;
	clear: both;
}

.imgWebAppProcess,
.imgConsultDevelop {
	float: left;
	margin: 0 2rem 1rem 0;
}

.blockMiddle {
	margin-top: 30px;
}
.blockMiddle .imgPeopleMap {
	float: left;
	margin-right: 15px;
}
.blockMiddle > p {
	font-size: 16px;
	line-height: 1.5rem;
}

@media (max-width:880px) {
	.ctaGroup > div a {
		width: 21.25rem;
	}
}
@media (max-width:768px) {
	.ctaGroup > div a {
		width: 18.75rem;
	}
}
@media (max-width:680px) {
	.ctaGroup {
		display: block;
	}
	.ctaGroup > div a {
		width: auto;
		max-width: 31.25rem;
	}
	.ctaGroup > div + div {
		margin-top: 1.25rem;
	}
}
@media (max-width:375px) {
	.imgWebAppProcess,
	.imgConsultDevelop {
		width: 7.5rem;
		height: auto;
	}
	.imgConsultDevelop {
		margin-right: 1rem;
	}
}