<section
	class="landing-block g-bg g-pl-30 g-pr-30 g-pt-30 g-pb-40"
	style="--bg: #ffffff;"
>
	<div
		class="landing-block-node-container g-rounded-15 g-pl-25 g-pr-25 g-pt-25 g-pb-25 g-bg"
		style="--bg: #F7FCFF;"
	>
		<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>
		<div
			class="landing-block-node-grid"
			style="display: grid; grid-template-columns: repeat(auto-fit, minmax(366px, 1fr)); gap: 18px;"
		>
			<div
				class="landing-block-node-card g-mb-25 g-rounded-10 g-bg g-cursor-pointer g-border-color g-border-color--hover g-brd-2 g-brd-style-solid g-overflow-hidden g-transition-0_3"
				style="--bg: #ffffff; --border-color: hsla(0, 0%, 0%, 0); --border-color--hover: var(--primary); box-shadow: 0 3.17px 3.17px 0 rgba(0, 0, 0, .05);"
			>
				<a
					class="landing-block-node-card-link g-pt-30 g-pb-18 g-px-20 g-rounded-10 text-center btn g-font-size-18 g-font-weight-400 g-color g-color--hover"
					style="display: flex; flex-direction: column; align-items: center; --color: #0253C8; --color-hover: var(--primary);"
					href="#"
					target="_blank"
				>
					<img
						class="landing-block-node-card-img g-mb-30 g-rounded-10"
						style="display: block; width: 92px; height: 92px; object-fit: cover; overflow: hidden;"
						src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/ent-west/bitrix24-collab.png"
					>
					<div
						class="landing-block-node-card-title g-color g-px-11 g-font-size-16 g-font-weight-500"
						style="--color: #000000;"
					>
						Card title 1
					</div>
				</a>
			</div>
			<div
				class="landing-block-node-card g-mb-25 g-rounded-10 g-bg g-cursor-pointer g-border-color g-border-color--hover g-brd-2 g-brd-style-solid g-overflow-hidden g-transition-0_3"
				style="--bg: #ffffff; --border-color: hsla(0, 0%, 0%, 0); --border-color--hover: var(--primary); box-shadow: 0 3.17px 3.17px 0 rgba(0, 0, 0, .05);"
			>
				<a
					class="landing-block-node-card-link g-pt-30 g-pb-18 g-px-20 g-rounded-10 text-center btn g-font-size-18 g-font-weight-400 g-color g-color--hover"
					style="display: flex; flex-direction: column; align-items: center; --color: #0253C8; --color-hover: var(--primary);"
					href="#"
					target="_blank"
				>
					<img
						class="landing-block-node-card-img g-mb-30 g-rounded-10"
						style="display: block; width: 92px; height: 92px; object-fit: cover; overflow: hidden;"
						src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/ent-west/online-documents.png"
					>
					<div
						class="landing-block-node-card-title g-color g-px-11 g-font-size-16 g-font-weight-500"
						style="--color: #000000;"
					>
						Card title 2
					</div>
				</a>
			</div>
			<div
				class="landing-block-node-card g-mb-25 g-rounded-10 g-bg g-cursor-pointer g-border-color g-border-color--hover g-brd-2 g-brd-style-solid g-overflow-hidden g-transition-0_3"
				style="--bg: #ffffff; --border-color: hsla(0, 0%, 0%, 0); --border-color--hover: var(--primary); box-shadow: 0 3.17px 3.17px 0 rgba(0, 0, 0, .05);"
			>
				<a
					class="landing-block-node-card-link g-pt-30 g-pb-18 g-px-20 g-rounded-10 text-center btn g-font-size-18 g-font-weight-400 g-color g-color--hover"
					style="display: flex; flex-direction: column; align-items: center; --color: #0253C8; --color-hover: var(--primary);"
					href="#"
					target="_blank"
				>
					<img
						class="landing-block-node-card-img g-mb-30 g-rounded-10"
						style="display: block; width: 92px; height: 92px; object-fit: cover; overflow: hidden;"
						src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/ent-west/calendar.png"
					>
					<div
						class="landing-block-node-card-title g-color g-px-11 g-font-size-16 g-font-weight-500"
						style="--color: #000000;"
					>
						Card title 3
					</div>
				</a>
			</div>
		</div>
	</div>
</section>