body{
	counter-reset: item;
}
h1{
	margin-top: 65px;
}

/* ====================== tabs-container ====================== */

.tabs-container{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
}
@media screen and (max-width: 700px) {
	.tabs.small span{
		display: none;
	}
}

/* =========== section-features ============================================== */

.section-features {
	background-color: white;
}
.section-features .container {
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 1350px;
	overflow: hidden;
}
.section-features .terms{
	font-size: 14px;
}
.section-features .flex-container{
	position: relative;
	display: flex;
	align-items: center;
	margin: 40px -30px;
	z-index: 1;
}
.section-features .flex-container:nth-child(even) {
	flex-direction: row-reverse;
}
.section-features .flex-container .item{
	width: 400px;
	margin: 0 30px 20px 30px;
}
.section-features .flex-container .item.media{
	text-align: center;
}
.section-features .flex-container h3{
	position: relative;
	margin: 50px 0 20px 0;
	font-size: 35px;
	font-weight: bold;
	z-index: 1;
}
.section-features .flex-container h3:before{
	position:absolute;
	content: counter(item) "";
	left:0;
	top: -110px;
	width:400px;
	height:200px;
	counter-increment: item;
	color: #DFE7F5;
	font-size: 180px;
	z-index: -1;
}
.section-features h4{
	font-size: 30px;
}
.section-features .flex-container img{
	max-width: 100% !important;
}

/* =========== section-featureGray ============================================== */

.section-featureGray{
	background-color: #F5F8FD;
}
.section-featureGray .container {
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 1350px;
	overflow: hidden;
}
.section-featureGray .flex-container{
	display: flex;
	align-items: center;
	margin: 30px -30px;
}
.section-featureGray .flex-container .item{
	width: 400px;
	margin: 0 30px 20px 30px;
	flex-direction: row-reverse;
}
.section-featureGray .flex-container h3{
	position: relative;
	margin: 70px 0 38px 0;
	font-size: 40px;
	font-weight: bold;
	z-index: 1;
}
.section-featureGray .flex-container h3:before{
	position:absolute;
	content: '';
	left:0;
	top: -110px;
	width:200px;
	height:200px;
	background: url(../../images/pages/spyhunter-how-it-works/gear.svg) no-repeat left 25px;
	z-index: -1;
}
.section-featureGray h4{
	font-size: 30px;
}
.section-featureGray .flex-container img{
	max-width: 100% !important;
	border-radius: 10px;
}
@media screen and (min-width: 900px) {
	.section-featureGray .flex-container img{
		margin: -50px 0;
	}
}