section.purposebuilt{
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	gap: 48px;
	max-width: var(--block-mid-width) !important;
	h2{
		font-size: var(--extra-big-font-size);
		max-width: 696px;
		text-align:center;
		letter-spacing: -0.67px;
	}
	h2:empty{
		display: none;
	}
	.elementsWrap{
		display: grid;
		grid-template-columns: 1fr;
		gap: 24px;
		width: 100%;
		font-family: var(--primary-font);
		>div{
			width:100%;
			height: 100%;
			display:flex;
			flex-direction: column;
			gap: 20px;
			padding: 28px 48px;
			align-items: flex-start;
			border-radius: var(--block-radius);
			background-repeat: no-repeat;
			background-size: auto 76%;
			background-position: right center;			
			h3{
				color: var(--color-light);
				font-size: var(--extra-big-font-size);
				line-height: 1.07;
				letter-spacing: -0.67px;
			}
			.txt, a{
				font-size: var(--prm-font-size);
				font-weight: var(--bold-weight);
				max-width:743px;
			}
			a{
				text-decoration: none;
				color: var(--color-light);
				width:260px;
				height:42px;
				line-height:42px;
				text-align: center;
				border-radius: var(--semi-radius);
				font-weight: var(--bold-weight);
			}
		}
		.sms{
			background-color: var(--highlight);
			.badge{
				background-color: var(--badge-red);
			}
			.txt{
				color: var(--footer-color);
			}
			a{
				background-color: var(--footer-color);
			}
		}
		.network{
			background-color: var(--footer-color);
			.badge{
				background-color: var(--block-hover);
			}			
			.txt{
				color: var(--color-light);
			}	
			a{
				background-color: var(--highlight);
			}			
		}
			
	}
	.elementsWrap:has(.sms):has(.network){
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 1024px) {
}
@media (max-width: 600px) {
	section.purposebuilt {
		padding: 0 12px;
		gap: 20px;
		h2{
			font-size: var(--hdr-h2-size);		
			line-height: 1.1;
			letter-spacing: -0.6px;			
		}
		.elementsWrap:has(.sms):has(.network) {
			grid-template-columns: 1fr;
		}
		.elementsWrap{
			gap: 25px;
			>div{		
				padding: 24px;
				h3{
					font-size: var(--big-font-size);
					line-height: 1.22;
					letter-spacing: 0.54px;	
					margin-bottom: 17px;
				}		
				.txt, a{
					font-size: var(--regular-font-size);
				}				
			}
		}
	}
}