/* верхний блок */


.wrap_advantages .item:nth-child(1){ grid-area: item_1;}
.wrap_advantages .item:nth-child(2){ grid-area: item_2;}
.wrap_advantages .item:nth-child(3){ grid-area: item_3;}
.wrap_advantages .item:nth-child(4){ grid-area: item_4;}



.wrap_advantages {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px 15px;
    grid-auto-flow: row;
    grid-template-areas:
        "item_1 item_1 item_2 item_3 "
        "item_1 item_1 item_2 item_4 ";
}


.wrap_advantages .item{
	padding: 20px;
	display: flex;
   flex-direction: column;
	justify-content: space-between; 
	
}



.wrap_advantages .item_advantages .item_text {
   display: flex;
   align-items: center;
   flex-direction: column;
	text-align: center;
}



.wrap_advantages .item_icon_text  {
    display: flex;
	 align-items: flex-start;
	 margin-bottom: 5px;
}



.wrap_advantages .item_wrap_text_icon {
    z-index: 1;
	 margin-bottom: 15px;
}


.wrap_advantages .item_icon_text .check {
   margin-right: 5px;
   position: relative;
   width: 20px;
}


.item_wrap_img{
   display:flex;
	justify-content:center;
	align-items: center;
	position:relative;
	flex: 1;
	min-height: 60px;
}


.wrap_advantages .lighting{
    position: absolute;
    border-radius: 100%;
}


.wrap_advantages .item_wrap_img img{
	z-index:1;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: 220px;
}



/* нижний блок */

.item_advantages {
	/* background-image: url("/components/templates/6_advantages/img/fon_gradient.svg"); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	height:330px;

    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
	
}

.wrap_advantages .wrap_circle{
    text-align: center;
}
	
	
.wrap_advantages .wrap_circle img{
    position: relative;
    top: 20px;
	left:2px;
}	




@media screen and (max-width: 1024px){
			
		.wrap_advantages { 

			grid-template-columns: 1fr 1fr;
			grid-template-rows: 1fr 1fr;
			grid-template-areas:
				"item_1 item_2"
				"item_3 item_4";
				}
				
				
	.wrap_advantages .item_wrap_img img{
			    width: 145px!important;			
				
		
}





@media screen and (max-width: 576px){
			
		.wrap_advantages { 

			grid-template-columns: 1fr;
			grid-template-rows: 1fr;
			grid-auto-rows: 1fr;
			grid-template-areas:
				"item_1"
				"item_2"
				"item_3"
				"item_4";
				}
				

}

}