<section
	class="landing-block g-bg g-pl-25 g-pr-25 g-pt-30 g-pb-30 g-cursor-default"
	style="--bg: #ffffff;"
>
	<div class="landing-block-container g-bg g-pl-30 g-pr-30 g-pt-30 g-pb-30 g-rounded-15" style="--bg: #f0f0f0;">
		<div class="landing-block-node-content g-mb-15">
			<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-text g-color-main g-font-size-20">
				Description of the block
			</div>
		</div>
		<div
			class="landing-block-node-card-container d-grid justify-content-center"
			style="grid-template-columns: repeat(auto-fit, minmax(250px, 270px)); gap: 12px;"
		>
			<div
				class="landing-block-node-card g-bg g-rounded-10 g-border-color g-border-color--hover g-brd-2 g-brd-style-solid g-cursor-pointer g-overflow-hidden g-transition-0_3 g-overflow-hidden"
				style="--bg: #ffffff; --border-color: hsla(0, 0%, 0%, 0); --border-color--hover: var(--primary); box-sizing: border-box; box-shadow: 0 3.17px 3.17px 0 rgba(0, 0, 0, 0.05);"
			>
				<a
					class="landing-block-node-card-link text-decoration-none d-flex flex-column g-height-100x"
					href="#"
					target="_blank"
				>
					<div
						class="landing-block-node-card-title g-mb-19 g-pt-25 g-px-25 g-font-size-16 g-font-weight-500 g-color"
						style="--color: #333333"
					>
						Card title 1
					</div>
					<img
						class="landing-block-node-card-img d-block g-width-100x g-height-auto g-mt-auto"
						src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/ent-west/workflows.png"
						alt=""
					>
				</a>
			</div>
			<div
				class="landing-block-node-card g-bg g-rounded-10 g-border-color g-border-color--hover g-brd-2 g-brd-style-solid g-cursor-pointer g-overflow-hidden g-transition-0_3 g-overflow-hidden"
				style="--bg: #ffffff; --border-color: hsla(0, 0%, 0%, 0); --border-color--hover: var(--primary); box-sizing: border-box; box-shadow: 0 3.17px 3.17px 0 rgba(0, 0, 0, 0.05);"
			>
				<a
					class="landing-block-node-card-link text-decoration-none d-flex flex-column g-height-100x"
					href="#"
					target="_blank"
				>
					<div
						class="landing-block-node-card-title g-mb-19 g-pt-25 g-px-25 g-font-size-16 g-font-weight-500 g-color"
						style="--color: #333333"
					>
						Card title 2
					</div>
					<img
						class="landing-block-node-card-img d-block g-width-100x g-height-auto g-mt-auto"
						src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/ent-west/work-reports.png"
						alt=""
					>
				</a>
			</div>
			<div
				class="landing-block-node-card g-bg g-rounded-10 g-border-color g-border-color--hover g-brd-2 g-brd-style-solid g-cursor-pointer g-overflow-hidden g-transition-0_3 g-overflow-hidden"
				style="--bg: #ffffff; --border-color: hsla(0, 0%, 0%, 0); --border-color--hover: var(--primary); box-sizing: border-box; box-shadow: 0 3.17px 3.17px 0 rgba(0, 0, 0, 0.05);"
			>
				<a
					class="landing-block-node-card-link text-decoration-none d-flex flex-column g-height-100x"
					href="#"
					target="_blank"
				>
					<div
						class="landing-block-node-card-title g-mb-19 g-pt-25 g-px-25 g-font-size-16 g-font-weight-500 g-color"
						style="--color: #333333"
					>
						Card title 3
					</div>
					<img
						class="landing-block-node-card-img d-block g-width-100x g-height-auto g-mt-auto"
						src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/ent-west/employee-self-service.png"
						alt=""
					>
				</a>
			</div>
			<div
				class="landing-block-node-card g-bg g-rounded-10 g-border-color g-border-color--hover g-brd-2 g-brd-style-solid g-cursor-pointer g-overflow-hidden g-transition-0_3 g-overflow-hidden"
				style="--bg: #ffffff; --border-color: hsla(0, 0%, 0%, 0); --border-color--hover: var(--primary); box-sizing: border-box; box-shadow: 0 3.17px 3.17px 0 rgba(0, 0, 0, 0.05);"
			>
				<a
					class="landing-block-node-card-link text-decoration-none d-flex flex-column g-height-100x"
					href="#"
					target="_blank"
				>
					<div
						class="landing-block-node-card-title g-mb-19 g-pt-25 g-px-25 g-font-size-16 g-font-weight-500 g-color"
						style="--color: #333333"
					>
						Card title 4
					</div>
					<img
						class="landing-block-node-card-img d-block g-width-100x g-height-auto g-mt-auto"
						src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/ent-west/e-signature-hr.png"
						alt=""
					>
				</a>
			</div>
		</div>
	</div>
</section>