<section class="landing-block landing-semantic-background-color g-bg-gray-light-v5 g-pt-90 g-pb-90">
	<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 g-mb-20">
						<h4 class="landing-block-node-subtitle landing-semantic-subtitle-small g-font-weight-700 g-font-size-11 g-mb-15">
							<span class="g-color-primary">05.</span> Awesome features</h4>
						<h2 class="landing-block-node-title landing-semantic-title-medium g-line-height-1_3 g-font-size-36 mb-0">
							<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 landing-semantic-text-medium g-mb-65">
						<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-primary g-rounded-50x">
								<i class="landing-block-node-card-icon fa fa-flask"></i>
							</span>
							</div>

							<div class="media-body align-self-center">
								<h4 class="landing-block-node-card-title landing-semantic-title-small h6 text-uppercase g-font-weight-700 g-color-black g-mb-15">
									Awesome features</h4>
								<div class="landing-block-node-card-text landing-semantic-text-medium mb-0">
									<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-primary g-rounded-50x">
								<i class="landing-block-node-card-icon fa fa-magic"></i>
							</span>
							</div>

							<div class="media-body align-self-center">
								<h4 class="landing-block-node-card-title landing-semantic-title-small h6 text-uppercase g-font-weight-700 g-color-black g-mb-15">
									Beautiful and modern
									design</h4>
								<div class="landing-block-node-card-text landing-semantic-text-medium mb-0">
									<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>