<section class="landing-block w-100 no-gutters">
	<div class="js-carousel u-carousel-v5 row"
		 data-infinite="true"
		 data-slides-scroll="true"
		 data-slides-show="4"
		 data-arrows-classes="u-arrow-v1 g-pos-abs g-top-100 g-width-45 g-height-45 g-font-size-default g-color-white g-bg-primary g-color-primary--hover g-bg-white--hover"
		 data-arrow-left-classes="fa fa-chevron-left g-left-0"
		 data-arrow-right-classes="fa fa-chevron-right g-right-0"
		 data-responsive='[{
               "breakpoint": 1200,
               "settings": {
                 "slidesToShow": 4
               }
             }, {
               "breakpoint": 992,
               "settings": {
                 "slidesToShow": 3
               }
             }, {
               "breakpoint": 768,
               "settings": {
                 "slidesToShow": 2
               }
             }, {
               "breakpoint": 576,
               "settings": {
                 "slidesToShow": 1
               }
             }]'
		 data-init-classes-exclude='[{
				 "selector": ".landing-block-node-card",
				 "class": "col-12 col-sm-4 col-lg-3"
			   }, {
				 "selector": ".js-carousel",
				 "class": "row"
			   }]'>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img5.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-font-roboto-slab g-font-size-default g-color-white g-mb-15">
						Nullam lobortis bibendum eros nec ultricies</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35">
						<p>Cras sit amet varius velit. Maecenas porta
							condimentum tortor at sagittis. Cum sociis natoque penatibus et magnis dis
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn btn-md text-uppercase u-btn-primary g-font-weight-700 g-font-size-12 rounded-0 g-py-10 g-px-25"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img6.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-font-roboto-slab g-font-size-default g-color-white g-mb-15">
						Aliquam dapibus quis sapien id pharetra</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35">
						<p>In finibus vehicula lorem, in tempor diam convallis
							non. Curabitur vel risus vitae urna auctor aliquam.
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn btn-md text-uppercase u-btn-primary g-font-weight-700 g-font-size-12 rounded-0 g-py-10 g-px-25"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img7.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-font-roboto-slab g-font-size-default g-color-white g-mb-15">
						Duis sagittis purus a pretium tincidunt</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35">
						<p>Cras sit amet varius velit. Maecenas porta
							condimentum tortor at sagittis. Cum sociis natoque penatibus et magnis dis
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn btn-md text-uppercase u-btn-primary g-font-weight-700 g-font-size-12 rounded-0 g-py-10 g-px-25"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img8.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-font-roboto-slab g-font-size-default g-color-white g-mb-15">
						Nullam lobortis bibendum eros nec ultricies</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35">
						<p>Maecenas tempor arcu eget gravida sagittis. In
							hendrerit libero ligula, ac pharetra libero dapibus id. Cras iaculis purus sit
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn btn-md text-uppercase u-btn-primary g-font-weight-700 g-font-size-12 rounded-0 g-py-10 g-px-25"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img5.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-font-roboto-slab g-font-size-default g-color-white g-mb-15">
						Aliquam dapibus quis sapien id pharetra</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35">
						<p>In finibus vehicula lorem, in tempor diam convallis
							non. Curabitur vel risus vitae urna auctor aliquam.
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn btn-md text-uppercase u-btn-primary g-font-weight-700 g-font-size-12 rounded-0 g-py-10 g-px-25"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img6.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-font-roboto-slab g-font-size-default g-color-white g-mb-15">
						Aliquam dapibus quis sapien id pharetra</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35">
						<p>In finibus vehicula lorem, in tempor diam convallis
							non. Curabitur vel risus vitae urna auctor aliquam.
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn btn-md text-uppercase u-btn-primary g-font-weight-700 g-font-size-12 rounded-0 g-py-10 g-px-25"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>
	</div>
</section>