<section
	class="landing-block g-bg g-pl-0 g-pr-0 g-cursor-default"
	style="--bg: hsla(0, 0%, 100%, 0);"
>
	<div
		class="landing-block-node-grid d-grid"
		style="grid-template-columns: repeat(2, 1fr); gap: 10px;"
	>
		<div
			class="landing-block-node-left g-pl-55 g-pr-55 g-py-30 g-rounded-10"
			style="background: url(https://cdn.bitrix24.site/bitrix/images/landing/bg/bg_70_7_1.jpg) bottom right no-repeat; background-size: cover;">
			<div class="landing-block-node-content-left g-mb-20">
				<div class="landing-block-node-title-left g-color-main g-font-size-25 g-font-weight-600 g-mb-6">
					Title
				</div>
				<div class="landing-block-node-text-left g-color-main g-font-size-20">
					Description of the block
				</div>
			</div>
			<ul class="landing-block-node-list g-mb-20 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-mr-9 arrow arrow-1 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-item-text g-font-size-16">Text 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-mr-9 arrow arrow-1 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-item-text g-font-size-16">Text 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-mr-9 arrow arrow-1 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-item-text g-font-size-16">Text 3</div>
				</li>
			</ul>
			<div>
				<a class="landing-block-node-button-left"  href="#" target="_blank">
					<button class="landing-block-node-button-left-text g-mb-0 g-pt-8 g-pb-8 g-pl-20 g-pr-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: #0253C8; --bg: #E6F4FF; --color-hover: #ffffff; --bg-hover: var(--primary);">
						Button
					</button>
				</a>
			</div>
		</div>
		<div
			class="landing-block-node-right g-pl-55 g-pr-55 g-py-30 g-rounded-10"
			style="background: url(https://cdn.bitrix24.site/bitrix/images/landing/bg/bg_70_7_2.jpg) bottom right no-repeat; background-size: cover;"
		>
			<div class="landing-block-node-content-right g-mb-20">
				<div class="landing-block-node-title-right g-color-main g-font-size-25 g-font-weight-600 g-mb-6">
					Title
				</div>
				<div class="landing-block-node-text-right g-color-main g-font-size-20">
					Description of the block
				</div>
			</div>
			<div class="landing-block-node-right-button-container g-flex-middle">
				<a class="landing-block-node-button-link" href="#" target="_blank" style="width: fit-content;">
					<button class="landing-block-node-right-button-text g-mb-9 g-pt-8 g-pb-8 g-px-20 g-rounded-10 btn g-brd-none g-font-size-16 g-font-weight-500 g-color g-bg g-color--hover g-bg--hover" style="--color: #0253C8; --bg: #E6F4FF; --color-hover: #ffffff; --bg-hover: var(--primary);">
						Button 1
					</button>
				</a>
				<a class="landing-block-node-button-link" href="#" target="_blank" style="width: fit-content;">
					<button class="landing-block-node-right-button-text g-mb-9 g-pt-8 g-pb-8 g-px-20 g-rounded-10 btn g-brd-none g-font-size-16 g-font-weight-500 g-color g-bg g-color--hover g-bg--hover" style="--color: #0253C8; --bg: #E6F4FF; --color-hover: #ffffff; --bg-hover: var(--primary);">
						Button 2
					</button>
				</a>
				<a class="landing-block-node-button-link" href="#" target="_blank" style="width: fit-content;">
					<button class="landing-block-node-right-button-text g-mb-9 g-pt-8 g-pb-8 g-px-20 g-rounded-10 btn g-brd-none g-font-size-16 g-font-weight-500 g-color g-bg g-color--hover g-bg--hover" style="--color: #0253C8; --bg: #E6F4FF; --color-hover: #ffffff; --bg-hover: var(--primary);">
						Button 3
					</button>
				</a>
			</div>
		</div>
	</div>
</section>