<section
	class="landing-block g-bg g-pl-25 g-pr-25 g-pt-30 g-pb-30 g-cursor-default"
	style="--bg: #f6fafe;"
>
	<div
		class="landing-block-node-container g-pl-30 g-pr-30 g-pt-0 g-pb-0 g-rounded-15"
		style="display: grid; grid-template-columns: .9fr 1fr;"
	>
		<div class="landing-block-node-left g-pr-30">
			<div class="landing-block-node-content g-mb-20">
				<div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6">
					Title
				</div>
				<div class="landing-block-node-subtitle g-color-main g-font-size-20">
					Description of the block
				</div>
			</div>
			<ul class="landing-block-node-list g-mb-15 g-px-0">
				<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
					<div
						class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
						style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
					></div>
					<div class="landing-block-node-list-text g-font-size-16">Text line 1</div>
				</li>
				<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
					<div
						class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
						style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
					></div>
					<div class="landing-block-node-list-text g-font-size-16">Text line 2</div>
				</li>
				<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
					<div
						class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
						style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
					></div>
					<div class="landing-block-node-list-text g-font-size-16">Text line 3</div>
				</li>
				<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
					<div
						class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
						style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
					></div>
					<div class="landing-block-node-list-text g-font-size-16">Text line 4</div>
				</li>
				<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
					<div
						class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
						style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
					></div>
					<div class="landing-block-node-list-text g-font-size-16">Text line 5</div>
				</li>
			</ul>
			<div>
				<a class="landing-block-node-link" href="#" target="_blank">
					<button
						class="landing-block-node-button g-mb-9 g-pt-8 g-pb-8 g-px-20 g-rounded-10 text-center btn g-brd-none g-font-size-16 g-font-weight-500 g-color g-bg g-color--hover g-bg--hover"
						style="--color: #ffffff; --bg: var(--primary); --color-hover: #ffffff; --bg-hover: var(--primary);"
					>
						Button
					</button>
				</a>
			</div>
		</div>
		<div class="landing-block-node-right">
			<img
				class="landing-block-node-img"
				style="display: block; width: 100%; height: auto;"
				src="https://cdn.bitrix24.site/bitrix/images/landing/bg/bg_70_8.jpg" alt="">
		</div>
	</div>
</section>