<div class="text__container">

	<div class="d-none d-sm-block
		{{#if customPaddingDesktop}} {{else}}
			{{#ifCond paddingDesktop '===' 'none'}}p-sm-0{{/ifCond}}
			{{#ifCond paddingDesktop '===' 'XS'}}p-sm-1{{/ifCond}}
			{{#ifCond paddingDesktop '===' 'S'}}p-sm-2{{/ifCond}}
			{{#ifCond paddingDesktop '===' 'M'}}p-sm-3{{/ifCond}}
			{{#ifCond paddingDesktop '===' 'L'}}p-sm-4{{/ifCond}}
			{{#ifCond paddingDesktop '===' 'XL'}}p-sm-5{{/ifCond}}
		{{/if}}
		{{#if customMarginDesktop}} {{else}}
			{{#ifCond marginDesktop '===' 'none'}}m-sm-0{{/ifCond}}
			{{#ifCond marginDesktop '===' 'XS'}}m-sm-1{{/ifCond}}
			{{#ifCond marginDesktop '===' 'S'}}m-sm-2{{/ifCond}}
			{{#ifCond marginDesktop '===' 'M'}}m-sm-3{{/ifCond}}
			{{#ifCond marginDesktop '===' 'L'}}m-sm-4{{/ifCond}}
			{{#ifCond marginDesktop '===' 'XL'}}m-sm-5{{/ifCond}}
		{{/if}}"
		style="{{#ifCond bgcolorimageStyle '===' 'image'}}background-image: url('{{bgcolorimageDesktopImage.src}}'); background-size: cover; background-position: center;{{/ifCond}}
				{{#ifCond bgcolorimageStyle '===' 'color'}}background-color: {{bgcolorimageBackgroundColor}};{{/ifCond}}
				{{#if customPaddingDesktop}} padding: {{customPaddingDesktop}}{{unit}};{{/if}}
				{{#if customMarginDesktop}} margin: {{customMarginDesktop}}{{unit}};{{/if}}
				{{#ifCond removeMargin '===' "true"}}margin-left: 0 !important; margin-right: 0 !important;{{/ifCond}}">{{#if text}}<%{{{text}}}%>{{/if}}
	</div>

	<div class="d-block d-sm-none
		{{#if customPaddingMobile}} {{else}}
			{{#ifCond paddingMobile '===' 'none'}}p-0{{/ifCond}}
			{{#ifCond paddingMobile '===' 'XS'}}p-1{{/ifCond}}
			{{#ifCond paddingMobile '===' 'S'}}p-2{{/ifCond}}
			{{#ifCond paddingMobile '===' 'M'}}p-3{{/ifCond}}
			{{#ifCond paddingMobile '===' 'L'}}p-4{{/ifCond}}
			{{#ifCond paddingMobile '===' 'XL'}}p-5{{/ifCond}}
		{{/if}}
		{{#if customMarginMobile}} {{else}}
			{{#ifCond marginMobile '===' 'none'}}m-0{{/ifCond}}
			{{#ifCond marginMobile '===' 'XS'}}m-1{{/ifCond}}
			{{#ifCond marginMobile '===' 'S'}}m-2{{/ifCond}}
			{{#ifCond marginMobile '===' 'M'}}m-3{{/ifCond}}
			{{#ifCond marginMobile '===' 'L'}}m-4{{/ifCond}}
			{{#ifCond marginMobile '===' 'XL'}}m-5{{/ifCond}}
		{{/if}}"
		style="{{#ifCond bgcolorimageStyle '===' 'image'}}
				{{#if bgcolorimageMobileImage.src}}background-image: url('{{bgcolorimageMobileImage.src}}');
				{{else}}background-image: url('{{bgcolorimageDesktopImage.src}}');
				{{/if}} background-size: cover; background-position: center;
			{{/ifCond}}
			{{#ifCond bgcolorimageStyle '===' 'color'}}background-color: {{bgcolorimageBackgroundColor}};{{/ifCond}}
			{{#if bgcolorimageBackgroundColor}} background-color: {{bgcolorimageBackgroundColor}};{{/if}}
			{{#if customPaddingMobile}} padding: {{customPaddingMobile}}{{unit}};{{/if}}
			{{#if customMarginMobile}} margin: {{customMarginMobile}}{{unit}};{{/if}}
			{{#ifCond removeMargin '===' "true"}}margin-left: 0 !important; margin-right: 0 !important;{{/ifCond}}">{{#if text}}<%{{{text}}}%>{{/if}}
	</div>

</div>
