<section class="landing-block landing-block-node-bgimg u-bg-overlay g-bg-black-opacity-0_7--after g-bg-img-hero g-pt-100 g-pb-100"
		style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1400x773/img1.jpg);">
	<div class="u-bg-overlay__inner">
		<div class="container">
			<!-- Products Block -->
			<div class="row">
				<div class="col-md-6 col-lg-4">
					<!-- Article -->
					<article class="landing-block-node-leftblock js-animation fadeInLeft u-shadow-v19 g-bg-primary">
						<!-- Article Image -->
						<img class="landing-block-node-leftblock-img w-100"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/1200x811/img1.jpg"
							 alt="">
						<!-- End Article Image -->

						<!-- Article Content -->
						<div class="g-py-40 g-px-35">
							<h3 class="landing-block-node-leftblock-subtitle h6 text-uppercase g-font-weight-700 g-mb-15">
								In total we collected
							</h3>
							<h3 class="landing-block-node-leftblock-title d-block g-color-black g-line-height-1_2 g-letter-spacing-minus-2 g-font-size-46">
								$8 789 576.00
							</h3>
							<div class="landing-block-node-leftblock-text g-color-black-opacity-0_5 g-mb-35">
								<p>Runc ullamcorper, justo a iaculis
									elementum,
									enim orci viverra eros, fringilla porttitor lorem eros vel odio gravida sollicitudin
									tortor.</p>
							</div>
							<a class="landing-block-node-leftblock-button g-valign-middle btn btn-block text-uppercase u-btn-black g-font-size-11 g-font-weight-700 g-brd-none rounded-0 g-px-25 g-py-16"
							   href="#">
								Donate Now
							</a>
						</div>
						<!-- End Article Content -->
					</article>
					<!-- End Article -->
				</div>

				<div class="landing-block-node-rightblock js-animation fadeInRight col-md-6 col-lg-8 g-py-20">
					<div class="g-color-white g-mb-45">
						<h4 class="landing-block-node-subtitle text-uppercase g-font-weight-700 g-font-size-26 g-color-primary mb-0">
							We make world better</h4>
						<h2 class="landing-block-node-title display-5 text-uppercase g-color-white g-font-weight-700 g-font-size-46 g-mb-30">
							Let's do this together</h2>
						<div class="landing-block-node-text">
							<p class="mb-0">Aenean bibendum purus eu nisi pulvinar venenatis vitae non velit. Sed et
								eleifend mi. Fusce dictum orci libero, congue scelerisque lectus pulvinar eu.
								Suspendisse pulvinar facilisis ligula vel pharetra. Vestibulum volutpat porttitor ex a
								rutrum. Aenean consectetur risus ultricies enim finibus lobortis non at ipsum.</p>
						</div>
					</div>

					<!-- Icon Blocks -->
					<div class="row g-mb-90">
						<div class="landing-block-node-card col-md-6  col-lg-6 g-mb-30">
							<!-- Icon Blocks -->
							<div class="media g-mb-25">
								<div class="d-flex align-self-center g-mr-5">
                        <span class="landing-block-node-card-icon-container d-block g-color-primary g-font-size-38">
                          <i class="landing-block-node-card-icon icon-education-024"></i>
                        </span>
								</div>

								<div class="media-body align-self-center">
									<h3 class="landing-block-node-card-title h6 text-uppercase g-font-weight-700 g-color-white mb-0">
										Education</h3>
								</div>
							</div>

							<div class="landing-block-node-card-text g-color-gray-dark-v5">
								<p class="mb-0">Quisque rhoncus euismod pulvinar. Nulla non arcu at lectus. Vestibulum
									fringilla velit rhoncus euismod rhoncus turpis. Mauris molestie ullamcorper nisl
									eget
									hendrerit.</p>
							</div>
							<!-- End Icon Blocks -->
						</div>

						<div class="landing-block-node-card col-md-6 col-lg-6 g-mb-30">
							<!-- Icon Blocks -->
							<div class="media g-mb-25">
								<div class="d-flex align-self-center g-mr-5">
                        <span class="landing-block-node-card-icon-container d-block g-color-primary g-font-size-38">
                          <i class="landing-block-node-card-icon icon-medical-004"></i>
                        </span>
								</div>

								<div class="media-body align-self-center">
									<h3 class="landing-block-node-card-title h6 text-uppercase g-font-weight-700 g-color-white mb-0">
										Health</h3>
								</div>
							</div>

							<div class="landing-block-node-card-text g-color-gray-dark-v5">
								<p class="mb-0">Integer accumsan maximus leo, et consectetur metus vestibulum in.
									Vestibulum
									viverra justo odio purus a libero luctus. Proin tempor dolor ac dolor feugiat,
									placerat
									malesuada.</p>
							</div>
							<!-- End Icon Blocks -->
						</div>
					</div>
					<!-- End Icon Blocks -->

					<div class="clearfix text-uppercase g-color-white g-font-size-11">
						<div class="landing-block-node-label-right float-right">Our Goal:
							<span style="font-weight: bold; color:#f5f219 !important">$15 500 000</span>
						</div>
						<div class="landing-block-node-label-left">
							Time left: <span style="font-weight: bold; color:#f5f219 !important">365</span> Days
						</div>
					</div>
				</div>
			</div>
			<!-- End Products Block -->
		</div>
	</div>
</section>