<section class="landing-block g-bg-gray-light-v5 g-pt-30 g-pb-30">
	<div class="container">
		<div class="row">

			<div class="landing-block-node-text-container col-md-7 col-lg-7 d-flex text-center text-md-left">
				<div>
					<div class="text-uppercase">
						<h6 class="landing-block-node-subtitle g-font-weight-700 g-mb-15 g-color">
							<span class="g-color-primary">05.</span> Awesome features</h6>
						<h2 class="landing-block-node-title g-line-height-1_3 h1 g-mb-20 g-color">
							<span style="font-weight: bold;">Just try</span> and <span style="font-weight: bold;">use always</span>
						</h2>
					</div>

					<div class="landing-block-node-text g-mb-65 g-color">
						<p>Integer ut sollicitudin justo. Class aptent taciti sociosqu ad litora torquent
							per conubia nostra, per inceptos himenaeos. Donec ullamcorper.</p>
					</div>

					<div class="landing-block-node-cards-container">
						<div class="landing-block-node-card media d-block d-md-flex text-center text-md-left g-mb-30">
							<div class="d-md-flex align-self-center g-mb-30 g-mb-0--md g-mr-30--md">
							<span class="landing-block-node-card-icon-border u-icon-v2 u-icon-size--lg g-font-size-26 g-color g-rounded-50x m-auto" style="--border-color: var(--primary);">
								<i class="landing-block-node-card-icon fa fa-flask"></i>
							</span>
							</div>

							<div class="media-body align-self-center">
								<h6 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-mb-20 g-color">
									Awesome features
								</h6>
								<div class="landing-block-node-card-text mb-0 g-color">
									<p>Vestibulum vulputate lobortis tortor non tempus. Proin
										in ex blandit velit imperdiet tincidunt sit amet at quam. Nam ac ultrices urna,
										sit
										amet fermentum magna. Nulla eu mattis augue.</p>
								</div>
							</div>
						</div>

						<div class="landing-block-node-card media d-block d-md-flex text-center text-md-left g-mb-30">
							<div class="d-md-flex align-self-center g-mb-30 g-mb-0--md g-mr-30--md">
							<span class="landing-block-node-card-icon-border u-icon-v2 u-icon-size--lg g-font-size-26 g-color g-rounded-50x m-auto" style="--border-color: var(--primary);">
								<i class="landing-block-node-card-icon fa fa-magic"></i>
							</span>
							</div>

							<div class="media-body align-self-center">
								<h6 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-mb-20 g-color">
									Beautiful and modern design
								</h6>
								<div class="landing-block-node-card-text mb-0 g-color">
									<p>Araesent blandit hendrerit justo sed egestas. Proin
										tincidunt purus in tortor cursus fermentum. Proin laoreet erat vitae dui
										blandit,
										vitae faucibus lacus auctor. Proin ornare sit amet arcu at aliquam.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-5 col-lg-5 text-center g-overflow-hidden">
				<img class="landing-block-node-img js-animation slideInRight img-fluid"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/mockups/mockup2.png"
					 alt="">
			</div>
		</div>
	</div>
</section>