{{#showStoryLayout}}
<div class="container-fluid carousel-header-section-container g-0">
	<div class="row row-cols-auto justify-content-between g-0">
		<div class="text-container">
			<div class="blue-600">{{{nestedComponents.title.value}}}</div>
			<h2 class="grey-800 primary-title">
				{{{nestedComponents.title2.value}}}
			</h2>
			<div class="description-container">
				<div class="description grey-500">
					{{{nestedComponents.paragraph.value}}}
				</div>
				<div class="header-btn">
					{{{nestedComponents.button.value}}}
				</div>
			</div>
		</div>
	</div>
</div>
{{/showStoryLayout}} {{#headerWithoutDescription}}
<div class="container-fluid carousel-header-section-container g-0">
	<div class="row row-cols-auto justify-content-between g-0">
		<div class="text-container">
			<div class="blue-600">{{{nestedComponents.title.value}}}</div>
			<h2 class="grey-800 primary-title">
				{{{nestedComponents.title2.value}}}
			</h2>
			<div class="d-none">{{{nestedComponents.paragraph.value}}}</div>
			<div style="height:16px;"></div>
		</div>
		<div class="header-btn">{{{nestedComponents.button.value}}}</div>
	</div>
</div>
{{/headerWithoutDescription}}