div.home-wrap
{
	display: flex;
	gap: 50px;
	margin: 0px 250px 80px;
}

	div.home-cell.info-wrap
	{
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 100px 0px;
	}
	
		span.home-slogan
		{
			display: block;
			font-size: 60px;
			font-weight: 700;
			color: var(--color-main-text);
		}

			span.home-slogan span
			{
				background: linear-gradient(to right, var(--color-green) 0%, var(--color-blue) 100%);
				background-clip: text;
				color: #0000;
			}
	
		div.home-info
		{
			width: 100%;
		}
	
			span.home-description
			{
				display: block;
				font-size: 16px;
				line-height: 24px;
			}
			
			ul.home-benefits
			{
				display: flex;
				gap: 20px;
				width: 100%;
				margin-top: 20px;
				list-style-type: none;
			}
				
				ul.home-benefits li
				{
					display: flex;
					align-items: center;
					gap: 10px;
				}
				
					ul.home-benefits li i
					{
						display: block;
						padding: 5px;
						font-size: 14px;
						color: var(--color-main);
						background: var(--color-main-10);
						border-radius: 20px;
					}
	
	div.home-cell.home-video
	{
		flex: 1;
	}

		div.video-mask
		{
			-webkit-mask-image: url('/img_files/items/mob-frame-mask.svg');
			-webkit-mask-position: center;
			-webkit-mask-size: contain;
			-webkit-mask-repeat: no-repeat;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}

			div.video-wrap
			{
				background: url('/img_files/items/mob-frame.svg') no-repeat center;
				background-size: contain;
			}