.acf_number_cont{
	position: relative;
	background: #030712;
	padding: 112px;
	padding-bottom: 128px;
}

.acf_number_cont:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover !important;
    background-position: center !important;
    filter: grayscale(100%) opacity(0.5);
	background-attachment: fixed !important;
}

.acf_number_cont:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3348bb;
    z-index: 2;
    mix-blend-mode: multiply;
}

.acf_number_cont_section_shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: linear-gradient(90deg, #000, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, #000);
    opacity: 0.8;
}

.acf_number_cont .row {
    z-index: 4;
    position: relative;
}

.acf_number_list{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px;
}

.acf_number_list_block{
	background: #030712;
	padding: 64px;
}

.acf_number_list h2{
	font-size: 32px;
	letter-spacing: 0.06em;
	line-height: 112.5%;
	text-transform: uppercase;
	font-weight: 900;
	padding-bottom: 0;
	text-align: center;
}

.acf_number_list .cadre{
    margin-left: auto;
    margin-right: auto;
}

@property --num {
	syntax: '<integer>';
	initial-value: 0;
	inherits: false;
}

.box_number{
	transition: --num 2s ease;
	counter-reset: num var(--num);
}

.box_number::after{
	content: counter(num);
}

.acf_number_title{
    padding-bottom: 96px;
    max-width: 672px;
}

@media only screen
and (max-width : 1700px){
	.acf_number_list{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		/*grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 48px;*/
	}
}

@media only screen
and (max-width : 1024px){
	.acf_number_cont{
		padding: 80px 0;
	}
	
	.acf_number_title{
		padding-bottom: 40px;
		max-width: 100%;
	}
	
	.acf_number_cont_section_shadow{
		background: none !Important;
	}
	
	.acf_number_list{
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.acf_number_list_block{
		text-align: center;
		padding: 60px 30px;
	}
	
	.acf_number_list .cadre{
		margin-left: auto;
		margin-right: auto;
	}
}