{{#if title}}
<div class="text-{{alignment}}" data-object-id="{{dataObjectId}}">

    <div class="d-none d-md-block {{#ifCond heightPaddingMarginDeskMargin '!==' 'custom'}}{{heightPaddingMarginDeskMargin}}{{/ifCond}}" 
         style="{{#ifCond bgcolorimageStyle '==' 'color'}}background-color: {{bgcolorimageBackgroundColor}};{{/ifCond}}
                {{#ifCond bgcolorimageStyle '==' 'image'}}background-image: url('{{bgcolorimageDesktopImage.src}}'); background-size: cover;background-position: center;{{/ifCond}}
                {{#ifCond heightPaddingMarginDeskMargin '==' 'custom'}}margin:{{heightPaddingMarginDeskMarginPix}}px;{{/ifCond}}
                {{#ifCond heightPaddingMarginLeftRightMarginDisable '==' 'true'}} 
                    margin-left:0!important; 
                    margin-right:0!important; 
                {{/ifCond}}">
    
        {{#if link}} 
            <a href="{{link}}{{#if anchor}}{{anchor}}{{/if}}" target="{{target}}">
        {{/if}} 
            <{{#if type}}{{type}}{{else}}h1{{/if}} 
              class="{{#ifCond heightPaddingMarginDeskPadding '!==' 'custom'}}{{heightPaddingMarginDeskPadding}}{{/ifCond}}"
              style="{{#ifCond heightPaddingMarginDeskPadding '==' 'custom'}}padding:{{heightPaddingMarginDeskPaddingPix}}px; {{/ifCond}}
                    {{#ifCond heightPaddingMarginDeskHeight  '==' 'custom'}}height:{{heightPaddingMarginDeskHeightPix}}px; {{/ifCond}}
                    {{#if textColor}}color:{{textColor}}{{/if}};"> 
                {{title}}
            </{{#if type}}{{type}}{{else}}h1{{/if}}>

        {{#if link}}
            </a> 
        {{/if}}
    
    </div>
    
    <div class="d-block d-md-none {{#ifCond heightPaddingMarginMobileMargin '!==' 'custom'}}{{heightPaddingMarginMobileMargin}}{{/ifCond}}" 
         style="{{#ifCond bgcolorimageStyle '==' 'color'}}background-color: {{bgcolorimageBackgroundColor}};{{/ifCond}}
                {{#ifCond bgcolorimageStyle '==' 'image'}}background-image: url('{{bgcolorimageMobileImage.src}}'); background-size: cover; background-position: center;{{/ifCond}}
                {{#ifCond heightPaddingMarginMobileMargin '==' 'custom'}}margin:{{heightPaddingMarginMobileMarginPix}}px;{{/ifCond}}
                {{#ifCond heightPaddingMarginLeftRightMarginDisable '==' 'true'}} 
                    margin-left:0!important; 
                    margin-right:0!important; 
                {{/ifCond}}">
    
        {{#if link}} 
            <a href="{{link}}{{#if anchor}}#{{anchor}}{{/if}}" target="{{target}}">
        {{/if}} 
            <{{#if type}}{{type}}{{else}}h1{{/if}} 
              class="{{#ifCond heightPaddingMarginMobilePadding '!==' 'custom'}}{{heightPaddingMarginMobilePadding}}{{/ifCond}}"
              style="{{#ifCond heightPaddingMarginMobilePadding '==' 'custom'}}padding:{{heightPaddingMarginDeskPaddingPix}}px; {{/ifCond}}
                    {{#ifCond heightPaddingMarginMobileHeight  '==' 'custom'}}height:{{heightPaddingMarginMobileHeightPix}}px; {{/ifCond}}
                    {{#if textColor}}color:{{textColor}}{{/if}};"> 
              {{title}} 
            </{{#if type}}{{type}}{{else}}h1{{/if}}>

        {{#if link}}
            </a>
        {{/if}}
    
    </div>
</div>
{{/if}}