section.mission {

	padding-top: 130px;

	text-align: center;

	padding-bottom: 175px;

}

section.mission .shape {

	position: absolute;
	z-index: -99;


}

section.mission .shape {

	position: absolute;

	left: -319px;

	top: -40px;

	z-index: -99;

}

section.mission .c {

	padding: 0 63px;

	position: relative;

}

section.mission h2 {

	margin-bottom: 108px;

}

section.mission .boxes {

	display: grid;

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

	grid-gap: 75px;

}

section.mission .box {

	/* 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%);*/
	padding: 98px 20px 50px;
	background-color: #f7f8fae3;
	backdrop-filter: blur(35px);

	border-radius: 35px;

	-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.mission .box:hover {

	transform: scale(1.025);

}

section.mission .box img {

	height: 66px;

	width: 70px;

	object-fit: contain;



}

section.mission .box h3 {

	margin: 46px 0 20px;

	font-size: 32px;

	font-family: var(--font2);

	font-weight: 400;

	color: var(--color2);

}

section.mission .box p {

	font-weight: 400;

	font-size: 18px;

	line-height: 28px;

}



/* [xl] */

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

	section.mission {



		padding-top: 50px;

		padding-bottom: 90px;

	}





	section.mission .box p {



		font-size: 15px;

		line-height: 27px;

	}

}



/* [l] */

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



	section.mission .boxes {



		grid-gap: 26px;

	}



	section.mission .box {


		background-color: #F7F8FA;
	
		/*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%);*/


	}



}



/* [m] */

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





	section.mission .shape {



		display: none;

	}



	section.mission .c {



		padding: 0 15px;

	}



	section.mission h2 {



		margin-bottom: 50px;

	}



	section.mission .boxes {



		grid-template-columns: 1fr;

		grid-gap: 15px;

	}



	section.mission .box {



		padding: 50px 10px;

	}





	section.mission .box h3 {



		margin-top: 10px;

		margin-bottom: 10px;

	}





}





/* [xs] */

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

	section.mission {



		padding-top: 25px;

		padding-bottom: 25px;

	}





	section.mission h2 {



		margin-bottom: 25px;

		font-size: 40px;

		line-height: 44px;

	}





}