section.ufriendly{
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	gap: 20px;
	max-width: var(--block-mid-width) !important;
	h2{
		text-align:center;
	}
	.txt1, .txt2{
		font-weight: normal;
		font-family: var(--primary-font);
		font-size: var(--big-font-size);		
		color: var(--txt-light);		
		text-align:center;
		max-width:1056px
	}
	.txt1{
		text-transform: uppercase;
	}
	.txt2{
		font-size: var(--prm-font-size);		
		max-width:696px
	}		
	.elementsWrap{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 28px;
		width: 100%;
		margin-top: 28px;
		color: var(--txt-light);
		>div{
			display: flex;
			flex-direction: column;
			gap: 14px;
			background-color: var(--color-light);
			border-radius: var(--semi-radius);
			padding: 27px 24px 22px 24px;
			width:100%;
			height: 100%;
			cursor: pointer;
			transition: 900ms cubic-bezier(.2,.9,.3,1);
			h4{
				font-size: var(--prm-font-size);
				font-weight: var(--bold-weight);
				text-align: center;
			}
			>div{
				font-size: var(--prm-font-size);
				flex-grow:1;
				text-align: center;
			}
			svg,a{
				align-self: center;
			}
			a{
				display: inline-flex;
				gap: 2px;
				align-items: center;
				font-size: var(--regular-font-size);
				text-transform: uppercase;
				text-decoration: none;
				color: var(--txt-light);				
			}
		}
		>div:hover{
			background-color: var(--block-hover-dark);
		}
	}
	>a{
		text-decoration: none;
		color: var(--color-light);
		width:260px;
		height:42px;
		line-height:42px;
		text-align: center;
		border-radius: var(--semi-radius);
		background-color: var(--footer-color);
		font-weight: var(--bold-weight);
	}	
}
@media (max-width: 1024px) {
}
@media (max-width: 600px) {
	section.ufriendly{
		padding: 0 24px;
		.txt1{
			font-size: var(--small-font-size);
		}
		.elementsWrap{
			grid-template-columns: 1fr;
			gap: 24px;
			>div{
				gap: 10px;			
				>div{
					margin: 20px 0;
				}
			}
		}
	}
}