.benefits-iot-section {
    position: relative;
}

.benefits-iot-section h2 {font-family: "Futura Hv BT"; font-size: 3.1rem; font-weight: 500; line-height: 1.2; margin-top: 0;}
@media only screen and (max-width:1599.98px) {.benefits-iot-section h2 { font-size:2.8rem; }}
@media only screen and (max-width:1439.98px) {.benefits-iot-section  h2 {font-size:2.5rem}}
@media only screen and (max-width:1199.98px) {.benefits-iot-section  h2 {font-size:2.2rem }}
@media only screen and (max-width:766.98px) {.benefits-iot-section  h2{font-size:2rem}}
@media only screen and (max-width:574.98px) {.benefits-iot-section  h2  font-size:1.7rem}}

.benefits-iot-section:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -60px;
    z-index: 0;
    transform: translateX(-50%);
    width: 1000px;
    height: 1000px;
    background: radial-gradient(ellipse at center, rgba(125, 227, 249, 0.45) 0%, rgba(241, 245, 250, 0) 73%);
}
.benefits-list {
    position: relative;
    z-index: 1;
	margin-left: -40px;
	margin-right: -40px;
    display:flex;
}

@media only screen and (max-width: 1199.98px) {
	.benefits-list {
		margin-left: -20px;
		margin-right: -20px
	}
}

@media only screen and (max-width: 766.98px) {
	.benefits-list {
		margin-left: 0;
		margin-right: 0
	}
}

.benefits-list .benefit-col {
	width: 50%;
	padding-left: 40px;
	padding-right: 40px;
	margin-top: 60px
}

@media only screen and (min-width: 767px) {
	.benefits-list .benefit-col:nth-child(-n+2) {
		margin-top: 0
	}
}

@media only screen and (max-width: 1599.98px) {
	.benefits-list .benefit-col {
		margin-top: 40px
	}
}

@media only screen and (max-width: 1199.98px) {
	.benefits-list .benefit-col {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media only screen and (max-width: 766.98px) {
	.benefits-list .benefit-col {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}

	.benefits-list .benefit-col:nth-child(-n+1) {
		margin-top: 0
	}
}

.benefit-card {
	position: relative;
	padding-left: 130px
}

@media only screen and (max-width: 1599.98px) {
	.benefit-card {
		padding-left: 100px
	}
}

@media(max-width: 959.98px) {
	.benefit-card {
		padding-left: 0
	}
}

@media only screen and (max-width: 766.98px) {
	.benefit-card {
		padding-left: 100px
	}
}

@media only screen and (max-width: 574.98px) {
	.benefit-card {
		padding-left: 80px
	}
}

.benefit-card .icon {
	display: inline-block;
	background: #fff;
	box-shadow: 3px 14px 20px #8da5ba4d;
	border-radius: 13px;
	width: 90px;
	height: 90px;
	padding: 20px;
	position: absolute;
	left: 0;
	top: 0
}

@media only screen and (max-width: 1599.98px) {
	.benefit-card .icon {
		width: 70px;
		height: 70px;
		padding: 15px
	}
}

@media(max-width: 959.98px) {
	.benefit-card .icon {
		position: static;
		margin-bottom: 15px
	}
}

@media only screen and (max-width: 766.98px) {
	.benefit-card .icon {
		position: absolute
	}
}

@media only screen and (max-width: 574.98px) {
	.benefit-card .icon {
		width: 60px;
		height: 60px;
		border-radius: 8px
	}
}

.benefit-card svg.test-case {
	padding: 15px
}

@media only screen and (max-width: 1599.98px) {
	.benefit-card svg.test-case {
		padding: 10px
	}
}

.benefit-card h3,
.benefit-card h4,
.benefit-card strong {
	font-size: 1.875rem;
	color: #1d1d1d;
	font-family: "Futura Md BT";
	font-weight: 500;
	display: block;
	margin-bottom: 20px
}

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

	.benefit-card h3,
	.benefit-card h4,
	.benefit-card strong {
		font-size: 1.6rem;
		margin-bottom: 15px
	}
}

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

	.benefit-card h3,
	.benefit-card h4,
	.benefit-card strong {
		font-size: 1.5rem
	}
}

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

	.benefit-card h3,
	.benefit-card h4,
	.benefit-card strong {
		margin-top: 0
	}
}

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

	.benefit-card h3,
	.benefit-card h4,
	.benefit-card strong {
		margin-bottom: 10px
	}
}

.benefit-card p {
	margin-bottom: 0;
	margin-top: 10px
}

/*# sourceMappingURL=test.css.map */