section.why {

	text-align: center;



	padding-top: 91px;

}

section.why .c {

	position: relative;

}

section.why .shape {

	position: absolute;

	left: -470px;

	top: 283px;
	z-index: -99;

}

section.why .outer {


	border-radius: 35px;

	padding: 130px 62px;
	/*border: 1px solid hsl(209, 100%, 16%);*/
	/*box-shadow: 10px -11px 85px 0 rgba(0, 133, 255, 0.2);*/
	/*background: linear-gradient(126deg, #0053a0 0%, #0068c8 22.12%, #001427 100%), radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0) 0%, #000 100%);*/
	background: #f7f8fae3;
	backdrop-filter: blur(35px);

}

section.why h2 {

	margin-bottom: 105px;


}


section.why h2 span {

	color: var(--color2);

}

section.why .boxes {

	display: grid;

	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

}

section.why .box {

	padding: 0 38px;

}

section.why .box img {

	height: 74px;

	object-fit: contain;

	width: 83px;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	transform: scale(1);

}

section.why .box:hover img {

	transform: scale(1.1);

}

section.why .box h3 {

	display: block;

	padding-top: 50px;

	font-size: 16px;

	font-weight: 400;

	line-height: 26px;

}

section.why .box h3 span {

	color: var(--color2);
	/*color: white;*/

	font-weight: 500;

}



@media all and (max-width: 1200px) {

	section.why {

		padding-top: 0;

	}

	section.why .outer {

		padding: 76px 62px;

	}

	section.why h2 {

		margin-bottom: 50px;

	}

	section.why .box {

		padding: 0 10px;

		;

	}

	section.why .box h3 {

		padding-top: 10px;

	}

	section.why .box h3 {

		font-size: 14px;

		line-height: 22px;

	}

}



@media all and (max-width: 992px) {

	section.why .boxes {

		grid-template-columns: 1fr;

		grid-gap: 35px;

	}

	section.why .shape {

		display: none;

	}

	section.why .outer {

		padding: 45px 20px;

	}

	section.why h2 {

		font-size: 40px;

		line-height: 44px;

	}

}