<section class="landing-block g-pt-40 g-pb-40">
	<div class="container">
		<!-- Carousel -->
		<div class="js-carousel u-carousel-v5 g-pb-85 g-mx-minus-15"
			 data-slides-show="2"
			 data-arrows-classes="u-arrow-v1 g-pos-abs g-absolute-centered--x--md g-bottom-0 g-width-45 g-height-45 g-color-white g-color-black--hover g-bg-gray-light-v3 g-bg-primary--hover g-transition-0_2 g-transition--ease-in"
			 data-arrow-left-classes="fa fa-chevron-left g-left-15 g-left-50x--md g-ml-minus-40--md"
			 data-arrow-right-classes="fa fa-chevron-right g-right-15 g-left-50x--md g-ml-40--md"
			 data-responsive='[{
                 "breakpoint": 1200,
                 "settings": {
                   "slidesToShow": 2
                 }
               }, {
                 "breakpoint": 992,
                 "settings": {
                   "slidesToShow": 1
                 }
               }]'>
			<div class="landing-block-node-card js-slide g-px-15">
				<!-- Article -->
				<article class="landing-block-node-card-bgimg clearfix g-bg-size-cover g-pos-rel g-width-100x--after"
						 style="background-image:url('https://cdn.bitrix24.site/bitrix/images/landing/business/800x496/img4.jpg');">
					<!-- Article Content -->
					<div class="landing-block-node-card-text-bg float-right g-color-gray-light-v1 g-bg-black-opacity-0_7 g-width-50x--sm g-pb-30 g-pt-30 g-pr-30 g-pl-30 g-height-100x d-flex flex-column">
						<h4 class="landing-block-node-card-title js-animation fadeInLeft  text-uppercase g-font-weight-700 h6 g-color-white g-mb-15">
							Education Project</h4>
						<div class="landing-block-node-card-text js-animation fadeInRight  g-mb-45">
							<p>Mauris molestie ullamcorper nisl eget hendrerit. Sed faucibus suscipit justo,
								eu dignissim tellus pretium et.
							</p>
						</div>

						<div class="clearfix text-uppercase g-color-white g-font-size-11 g-mb-35">
							<div class="float-right landing-block-node-card-label-right">
								<span style="font-weight: bold; color:#f5f219 !important">274</span> Days Left
							</div>
							<div class="landing-block-node-card-label-left">
								Our Goal: <span style="font-weight: bold; color:#f5f219 !important">$760 000</span>
							</div>
						</div>

						<a class="btn landing-block-node-card-button js-animation fadeInLeft  g-valign-middle btn-block text-uppercase u-btn-primary g-font-weight-700 g-font-size-11 g-color-gray-dark-v1 rounded-0 g-py-10 g-py-20--md g-px-15 g-px-25--md mt-auto"
						   href="#">
							Donate Now
						</a>
					</div>
					<!-- End Article Content -->
				</article>
				<!-- End Article -->
			</div>

			<div class="landing-block-node-card js-slide g-px-15">
				<!-- Article -->
				<article class="landing-block-node-card-bgimg clearfix g-bg-size-cover g-pos-rel g-width-100x--after"
						 style="background-image:url('https://cdn.bitrix24.site/bitrix/images/landing/business/800x496/img5.jpg');">
					<!-- Article Content -->
					<div class="landing-block-node-card-text-bg float-right g-color-gray-light-v1 g-bg-black-opacity-0_7 g-width-50x--sm g-pb-30 g-pt-30 g-pr-30 g-pl-30 g-height-100x d-flex flex-column">
						<h4 class="landing-block-node-card-title js-animation fadeInLeft  text-uppercase g-font-weight-700 h6 g-color-white g-mb-15">
							Water Project</h4>
						<div class="landing-block-node-card-text js-animation fadeInRight  g-mb-45">
							<p>Mauris molestie ullamcorper nisl eget hendrerit. Sed faucibus suscipit justo,
								eu dignissim tellus pretium et.
							</p>
						</div>

						<div class="clearfix text-uppercase g-color-white g-font-size-11 g-mb-35">
							<div class="float-right landing-block-node-card-label-right">
								<span style="font-weight: bold; color:#f5f219 !important">199</span> Days Left
							</div>
							<div class="landing-block-node-card-label-left">
								Our Goal: <span style="font-weight: bold; color:#f5f219 !important">$2 600 000</span>
							</div>
						</div>

						<a class="btn landing-block-node-card-button js-animation fadeInLeft  g-valign-middle btn-block text-uppercase u-btn-primary g-font-weight-700 g-font-size-11 g-color-gray-dark-v1 rounded-0 g-py-10 g-py-20--md g-px-15 g-px-25--md mt-auto"
						   href="#">
							Donate Now
						</a>
					</div>
					<!-- End Article Content -->
				</article>
				<!-- End Article -->
			</div>

			<div class="landing-block-node-card js-slide g-px-15">
				<!-- Article -->
				<article class="landing-block-node-card-bgimg clearfix g-bg-size-cover g-pos-rel g-width-100x--after"
						 style="background-image:url('https://cdn.bitrix24.site/bitrix/images/landing/business/800x496/img6.jpg');">
					<!-- Article Content -->
					<div class="landing-block-node-card-text-bg float-right g-color-gray-light-v1 g-bg-black-opacity-0_7 g-width-50x--sm g-pb-30 g-pt-30 g-pr-30 g-pl-30 g-height-100x d-flex flex-column">
						<h4 class="landing-block-node-card-title js-animation fadeInLeft  text-uppercase g-font-weight-700 h6 g-color-white g-mb-15">
							Education Project</h4>
						<div class="landing-block-node-card-text js-animation fadeInRight  g-mb-45">
							<p>Mauris molestie ullamcorper nisl eget hendrerit. Sed faucibus suscipit justo,
								eu dignissim tellus pretium et.
							</p>
						</div>

						<div class="clearfix text-uppercase g-color-white g-font-size-11 g-mb-35">
							<div class="float-right landing-block-node-card-label-right">
								<span style="font-weight: bold; color:#f5f219 !important">274</span> Days Left
							</div>
							<div class="landing-block-node-card-label-left">
								Our Goal: <span style="font-weight: bold; color:#f5f219 !important">$760 000</span>
							</div>
						</div>

						<a class="btn landing-block-node-card-button js-animation fadeInLeft  g-valign-middle btn-block text-uppercase u-btn-primary g-font-weight-700 g-font-size-11 g-color-gray-dark-v1 rounded-0 g-py-10 g-py-20--md g-px-15 g-px-25--md mt-auto"
						   href="#">
							Donate Now
						</a>
					</div>
					<!-- End Article Content -->
				</article>
				<!-- End Article -->
			</div>

			<div class="landing-block-node-card js-slide g-px-15">
				<!-- Article -->
				<article class="landing-block-node-card-bgimg clearfix g-bg-size-cover g-pos-rel g-width-100x--after"
						 style="background-image:url('https://cdn.bitrix24.site/bitrix/images/landing/business/800x496/img7.jpg');">
					<!-- Article Content -->
					<div class="landing-block-node-card-text-bg float-right g-color-gray-light-v1 g-bg-black-opacity-0_7 g-width-50x--sm g-pb-30 g-pt-30 g-pr-30 g-pl-30 g-height-100x d-flex flex-column">
						<h4 class="landing-block-node-card-title js-animation fadeInLeft  text-uppercase g-font-weight-700 h6 g-color-white g-mb-15">
							Water Project</h4>
						<div class="landing-block-node-card-text js-animation fadeInRight  g-mb-45">
							<p>Mauris molestie ullamcorper nisl eget hendrerit. Sed faucibus suscipit justo,
								eu dignissim tellus pretium et.
							</p>
						</div>

						<div class="clearfix text-uppercase g-color-white g-font-size-11 g-mb-35">
							<div class="float-right landing-block-node-card-label-right">
								<span style="font-weight: bold; color:#f5f219 !important">199</span> Days Left
							</div>
							<div class="landing-block-node-card-label-left">
								Our Goal: <span style="font-weight: bold; color:#f5f219 !important">$2 600 000</span>
							</div>
						</div>

						<a class="btn landing-block-node-card-button js-animation fadeInLeft g-valign-middle btn-block text-uppercase u-btn-primary g-font-weight-700 g-font-size-11 g-color-gray-dark-v1 rounded-0 g-py-10 g-py-20--md g-px-15 g-px-25--md mt-auto"
						   href="#">
							Donate Now
						</a>
					</div>
					<!-- End Article Content -->
				</article>
				<!-- End Article -->
			</div>
		</div>
		<!-- End Carousel -->
	</div>
</section>