<section
	class="landing-block g-bg g-pl-30 g-pr-30 g-pt-30 g-pb-30 g-cursor-default"
	style="--bg: #ffffff;"
>
	<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 g-pl-25">
			Title
		</div>
		<div class="landing-block-node-text g-color-main g-font-size-20 g-pl-25">
			Description of the block
		</div>
	</div>
	<div
		class="landing-block-node-card-container d-grid g-bg g-rounded-100 g-px-25 g-py-25"
		style="--bg: #edf7ff; grid-template-columns: repeat(auto-fit, minmax(265px, 1fr)); gap: 13px;"
	>
		<div class="landing-block-node-card g-cursor-pointer">
			<a
				class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
				style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
				href="#"
				target="_blank"
			>
				<span
					class="landing-block-node-card-icon fa far fa-grid-2 g-font-size-25 g-mr-20 g-rounded-50x g-bg text-center g-transition-0_3 g-color bg-hover-prev-white card-before color-hover-prev-before color-white"
					style="--bg: var(--primary); min-width: 56px; min-height: 56px; --color: var(--primary);"
				></span>
				<span class="landing-block-node-card-title">
					Card title 1
				</span>
			</a>
		</div>
		<div class="landing-block-node-card g-cursor-pointer">
			<a
				class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
				style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
				href="#"
				target="_blank"
			>
				<span
					class="landing-block-node-card-icon fa far fa-briefcase g-font-size-25 g-mr-20 g-rounded-50x g-bg text-center g-transition-0_3 g-color bg-hover-prev-white card-before color-hover-prev-before color-white"
					style="--bg: var(--primary); min-width: 56px; min-height: 56px; --color: var(--primary);"
				></span>
				<span class="landing-block-node-card-title">
					Card title 2
				</span>
			</a>
		</div>
		<div class="landing-block-node-card g-cursor-pointer">
			<a
				class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
				style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
				href="#"
				target="_blank"
			>
				<span
					class="landing-block-node-card-icon fa far fa-diagram-project g-font-size-25 g-mr-20 g-rounded-50x g-bg text-center g-transition-0_3 g-color bg-hover-prev-white card-before color-hover-prev-before color-white"
					style="--bg: var(--primary); min-width: 56px; min-height: 56px; --color: var(--primary);"
				></span>
				<span class="landing-block-node-card-title">
					Card title 3
				</span>
			</a>
		</div>
		<div class="landing-block-node-card g-cursor-pointer">
			<a
				class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
				style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
				href="#"
				target="_blank"
			>
				<span
					class="landing-block-node-card-icon fa far fa-book-blank g-font-size-25 g-mr-20 g-rounded-50x g-bg text-center g-transition-0_3 g-color bg-hover-prev-white card-before color-hover-prev-before color-white"
					style="--bg: var(--primary); min-width: 56px; min-height: 56px; --color: var(--primary);"
				></span>
				<span class="landing-block-node-card-title">
					Card title 4
				</span>
			</a>
		</div>
	</div>
</section>