<section class="landing-block landing-block-faq-6 g-pt-30 g-pb-30">
	<div class="container">
		<div class="row">
			<div class="col-md-5 g-mb-30 g-mb-0--md">
				<div class="landing-block-node-img-container text-left g-mb-30">
					<img class="landing-block-node-img img-fluid"
						 src="https://cdn.bitrix24.site/bitrix/images/landing/business/1000x562/img1.jpg" alt="">
				</div>
				<h3 class="landing-block-node-title text-uppercase g-font-weight-700 g-mb-20">
					Building since 1943</h3>
				<div class="landing-block-node-text">
					<p class="mb-0">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
						doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et
						quasi.</p>
				</div>
			</div>
			<div class="col-md-7 g-mb-15 g-mb-0--md">
				<div aria-multiselectable="true">
					<!-- card 1 -->
					<div class="landing-block-card js-animation fadeInUp g-brd-none">
						<div class="landing-block-faq-visible landing-block-card--link d-block text-uppercase g-pos-rel g-brd-bottom g-brd-primary g-brd-2 g-py-15 g-cursor-pointer">
							<span class="landing-block-node-card-img-container g-valign-middle g-font-size-23 g-mr-10 g-color-primary">
								<i class="landing-block-node-card-img far fa-question"></i>
							</span>
							<h5 class="landing-block-node-card-title g-font-weight-700 g-valign-middle d-inline-block g-color g-color--hover g-mb-0 g-width-80x" style="--color:hsla(0, 0%, 43%, 1); --color-hover:hsla(0, 0%, 0%, 1);">
								What is Sites & stores?
							</h5>
							<div class="landing-block-faq-icons g-color-primary g-font-size-20 g-py-15 g-pr-15">
								<i class="landing-block-faq-icon-1 fas fa-chevron-right"></i>
							</div>
						</div>
						<div class="landing-block-faq-hidden g-pt-20 g-pb-0 px-0">
							<div class="landing-block-node-card-text g-color" style="--color:hsla(0, 0%, 43%, 1);">
								Website builder.<br>
								Pick one of our industry-specific templates and build your own site on top of it. No coding skills required whatsoever.<br>
								Online store.<br>
								Create and publish your online store. Keep track of your sales, manage stock, and accept payments.<br>
								SEO-ready.<br>
								Your websites are pre-optimized and SEO-friendly with minimal tweaks required from you.
							</div>
						</div>
					</div>
					<!-- card 2 -->
					<div class="landing-block-card js-animation fadeInUp g-brd-none">
						<div class="landing-block-faq-visible landing-block-card--link d-block text-uppercase g-pos-rel g-brd-bottom g-brd-primary g-brd-2 g-py-15 g-cursor-pointer">
							<span class="landing-block-node-card-img-container g-valign-middle g-font-size-23 g-mr-10 g-color-primary">
								<i class="landing-block-node-card-img far fa-question"></i>
							</span>
							<h5 class="landing-block-node-card-title g-font-weight-700 g-valign-middle d-inline-block g-color g-color--hover g-mb-0 g-width-80x" style="--color:hsla(0, 0%, 43%, 1); --color-hover:hsla(0, 0%, 0%, 1);">
								What is Communications?
							</h5>
							<div class="landing-block-faq-icons g-color-primary g-font-size-20 g-py-15 g-pr-15">
								<i class="landing-block-faq-icon-1 fas fa-chevron-right"></i>
							</div>
						</div>
						<div class="landing-block-faq-hidden g-pt-20 g-pb-0 px-0">
							<div class="landing-block-node-card-text g-color" style="--color:hsla(0, 0%, 43%, 1);">
								HD video calls & conferences.<br>
								Create conferences for up to 48 participants, talk without any time limit, record your calls, and change backgrounds.<br>
								Chats.<br>
								Private and group chats - a quick and easy way to discuss ideas and share files.<br>
								Worktime tracking.<br>
								Your team can start/pause/finish their working day using an online time clock built into Bitrix24.
							</div>
						</div>
					</div>
					<!-- card 3 -->
					<div class="landing-block-card js-animation fadeInUp g-brd-none">
						<div class="landing-block-faq-visible landing-block-card--link d-block text-uppercase g-pos-rel g-brd-bottom g-brd-primary g-brd-2 g-py-15 g-cursor-pointer">
							<span class="landing-block-node-card-img-container g-valign-middle g-font-size-23 g-mr-10 g-color-primary">
								<i class="landing-block-node-card-img far fa-question"></i>
							</span>
							<h5 class="landing-block-node-card-title g-font-weight-700 g-valign-middle d-inline-block g-color g-color--hover g-mb-0 g-width-80x" style="--color:hsla(0, 0%, 43%, 1); --color-hover:hsla(0, 0%, 0%, 1);">
								What is CRM?
							</h5>
							<div class="landing-block-faq-icons g-color-primary g-font-size-20 g-py-15 g-pr-15">
								<i class="landing-block-faq-icon-1 fas fa-chevron-right"></i>
							</div>
						</div>
						<div class="landing-block-faq-hidden g-pt-20 g-pb-0 px-0">
							<div class="landing-block-node-card-text g-color" style="--color:hsla(0, 0%, 43%, 1);">
								Lead acquisition.<br>
								Generate leads via multiple channels: web forms, live chats, phone calls, or social media, and have them added to your CRM automatically.<br>
								Lead management.<br>
								Use our built-in lead scoring tool to see which prospects your sales reps need to focus on and assign them automatically.<br>
								Sales automation.<br>
								Dozens of sales and marketing automation rules and triggers to save you time and money.
							</div>
						</div>
					</div>
					<!-- card 4 -->
					<div class="landing-block-card js-animation fadeInUp g-brd-none">
						<div class="landing-block-faq-visible landing-block-card--link d-block text-uppercase g-pos-rel g-brd-bottom g-brd-primary g-brd-2 g-py-15 g-cursor-pointer">
							<span class="landing-block-node-card-img-container g-valign-middle g-font-size-23 g-mr-10 g-color-primary">
								<i class="landing-block-node-card-img far fa-question"></i>
							</span>
							<h5 class="landing-block-node-card-title g-font-weight-700 g-valign-middle d-inline-block g-color g-color--hover g-mb-0 g-width-80x" style="--color:hsla(0, 0%, 43%, 1); --color-hover:hsla(0, 0%, 0%, 1);">
								What is Contact center?
							</h5>
							<div class="landing-block-faq-icons g-color-primary g-font-size-20 g-py-15 g-pr-15">
								<i class="landing-block-faq-icon-1 fas fa-chevron-right"></i>
							</div>
						</div>
						<div class="landing-block-faq-hidden g-pt-20 g-pb-0 px-0">
							<div class="landing-block-node-card-text g-color" style="--color:hsla(0, 0%, 43%, 1);">
								Telephony.<br>
								Set up your own call center with smart routing and call tracking).<br>
								Live chat.<br>
								Plenty of advanced settings, including customizable chatbots, canned replies, and more.<br>
								Contact forms.<br>
								Customizable contact, feedback and callback request forms for your website.
							</div>
						</div>
					</div>
					<!-- card 5 -->
					<div class="landing-block-card js-animation fadeInUp g-brd-none">
						<div class="landing-block-faq-visible landing-block-card--link d-block text-uppercase g-pos-rel g-brd-bottom g-brd-primary g-brd-2 g-py-15 g-cursor-pointer">
							<span class="landing-block-node-card-img-container g-valign-middle g-font-size-23 g-mr-10 g-color-primary">
								<i class="landing-block-node-card-img far fa-question"></i>
							</span>
							<h5 class="landing-block-node-card-title g-font-weight-700 g-valign-middle d-inline-block g-color g-color--hover g-mb-0 g-width-80x" style="--color:hsla(0, 0%, 43%, 1); --color-hover:hsla(0, 0%, 0%, 1);">
								What is Tasks & projects?
							</h5>
							<div class="landing-block-faq-icons g-color-primary g-font-size-20 g-py-15 g-pr-15">
								<i class="landing-block-faq-icon-1 fas fa-chevron-right"></i>
							</div>
						</div>
						<div class="landing-block-faq-hidden g-pt-20 g-pb-0 px-0">
							<div class="landing-block-node-card-text g-color" style="--color:hsla(0, 0%, 43%, 1);">
								Workload management.<br>
								Monitor the project activity, receive work reports, and distribute workload more evenly.<br>
								Task templates & automation.<br>
								Save time on recurring tasks by automating them.<br>
								Visual project management.<br>
								Printable Gantt charts, customizable Kanban boards, and plenty of other visual representations for your projects.
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>