div.block-benefits
{
	position: relative;
	float: left;
    width: 100%;
 	padding: 50px 0px;
}

	div.block-benefits div.block-string
	{
		background: url('/uploads/benefits-img.svg') no-repeat right center;
		background-size: contain;
	}

		div.benefits-line
		{
			margin-bottom: 20px;
		}
		
			span.benefits-title
			{
				font-size: 40px;
				font-weight: 600;
				color: var(--color-main-text);
			}
			
				span.benefits-title span
				{
					color: var(--color-main);
				}
			
			span.benefits-slogan
			{
				display: block;
				width: 500px;
				font-size: 16px;
				color: var(--color-main-text);
			}
		
ul.benefits-list
{
	float: left;
	width: 600px;
	margin-top: 20px;
	list-style-type: none;
}

	ul.benefits-list li
	{
		display: flex;
		align-items: center;
		width: 100%;
		margin-bottom: 20px;
		padding: 20px;
		background: linear-gradient(to right, var(--color-main-light), rgb(255 255 255 / 0%));
		border-radius: 40px 0px 0px 40px;
		box-sizing: border-box;
	}
	
	ul.benefits-list li:last-child
	{
		margin: 0px;
	}
	
		ul.benefits-list li i
		{
			margin-right: 10px;
			font-size: 30px;
			color: var(--color-main);
		}
		
		ul.benefits-list li span
		{
			font-size: 16px;
			font-weight: 600;
			color: var(--color-main-text);
		}