section.workflows{
	display: grid;
	gap: 42px;
	max-width: var(--block-mid-width) !important;
	grid-template-columns: 1fr 518px;
	background-color: var(--footer-color);
	padding: 50px;
	border-radius: var(--block-radius);
	color: var(--color-light);
	.badge{
		justify-self: start;
	}
	h3, h2{
		font-size: var(--extra-big-font-size);
		line-height: 1.07;
		letter-spacing: -0.67px;	
		color: inherit;		
	}
	h3, .elementsWrap, >a{
		grid-column-end: span 2;
	}
	h3{
		max-width: 458px;
		justify-self: center;
		text-align:center;
		margin-top: 38px;
	}
	img{
		float: left;
		width: 100%;
	}
	.wrap{
		display: flex;
		flex-direction: column;
		align-items: self-start;
		gap: 32px;
		.txt1{
			font-weight: normal;
			font-family: var(--primary-font);
			font-size: var(--prm-font-size);		
			line-height: 1.33;
		}
	}
	a{
		justify-self: center;
		font-weight: var(--bold-weight);
	}
	ul{
		display: inline-block;
		padding: 0;
		margin: 24px 0 0 0;				
		li{
			list-style-position: inside;
		}
		li::before{
			content: "";
			display: inline-block;
			height: 100%;
			width: 15px;
		}
	}	
	.elementsWrap{
		display: grid;
		width:100%;
		grid-template-columns: repeat(3, 1fr);
		gap: 22px;
		margin-top: 8px;
		>div{
			display:flex;
			flex-direction: column;
			width:100%;
			height:100%;
			background-color: var(--footer-blk-color);
			border-radius: var(--semi-radius);
			padding: 34px;
			gap: 48px;
			h4{
				margin:0;
				color: inherit;
			}
			>div{
				line-height: 1.33;
				font-size: var(--prm-font-size);
			}
		}
	}
	.elementsWrap.elm2{
		display:flex;
		justify-content:center;
		>div{
			width: 337px;
		}
	}
}
@media (max-width: 1024px) {
}
@media (max-width: 600px) {
	.contentWrap section.workflows{
		width: calc(100% - 12px);
	}
	section.workflows{
		grid-template-columns: 1fr;
		margin: 0 12px;
		padding: 24px;
		gap: 24px;
		h3, .elementsWrap, >a{
			grid-column-end: unset;
		}	
		.elementsWrap + a{
			margin-top: 19px;
		}		
		.elementsWrap, .elementsWrap.elm2{
			display: grid;
			width:100%;
			grid-template-columns: 1fr;
			gap: 24px;
			>div{
				display:flex;
				flex-direction: column;
				width:100%;
				height:100%;
				background-color: var(--footer-blk-color);
				border-radius: var(--semi-radius);
				padding: 40px 34px 34px 34px;
				h4{
					font-size: var(--big-font-size);
				}
				>div{				
					line-height: 1.71;
				}
			}
		}	
		h3{
			margin-top: 28px;
			line-height: 1.1;
			letter-spacing: 0.6px;				
			font-size: var(--hdr-h2-size);
		}		
		.wrap{		
			gap: 24px;
			h2{
				margin-bottom: 24px;
				line-height: 1.1;
				letter-spacing: 0.6px;				
				font-size: var(--hdr-h2-size);
			}
		}
	}
}