<div class="row no-padding teaser__wrapper teaser__wrapper--lines expandable-teaser">
	{{ render "molecules/blocks/expandable-teaser-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Real Estate" id="realEstate" }}
	{{ render "molecules/blocks/expandable-teaser-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Infrastructure" id="infrastructure" }}
	{{ render "molecules/blocks/expandable-teaser-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Liquid Real Assets" id="liquidRealAssets" }}
	{{ render "molecules/blocks/expandable-teaser-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Sustainable Investments" id="sustainableInvestiments" }}
	{{ render "molecules/blocks/expandable-teaser-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Liquid Alternatives" id="liquidAlternatives" }}
	{{ render "molecules/blocks/expandable-teaser-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Iliquid Alternatives" id="iliquidAlternatives" }}
	{{ render "molecules/blocks/expandable-teaser-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Fund Linked Products & Solutions" id="fundLinkedProducts" }}
	{{ render "molecules/blocks/expandable-teaser-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Retirement Solutions" id="retirementSolutions" }}
</div>

{{! Container of the popbox for mobile devices }}
<div class="popbox expandable-popbox" id="expandable-popbox">
	<div class="popbox__wrapper">
		<div class="popbox__content">
			<h2 class="expandable-popbox__title"></h2>

			<div class="content internal-concept expandable-popbox__content"></div>
		</div>

		<a href="javascript:;" class="popbox__close icons-close"></a>
	</div>
</div>

{{#unless nojs }}
	<script>
		window.onload = function() {
			/**
			 * START - REQUIRED JAVASCRIPT SNIPPET
			 */
			{{ render "atoms/scripts/script-expandable-teaser" }}
			/**
			 * END - REQUIRED JAVASCRIPT SNIPPET
			 */
		};
	</script>
{{/unless }}
