

. .content-wrapper {
    {% if module.design_settings.column_styles.spacing.css -%}
    
    {%- endif -%}
    {%- if module.design_settings.column_styles.background_color == "gradient" -%}
    background: ;
    {%- elif module.design_settings.column_styles.background_color == "custom" -%}
    background-color: ;
    {% elif module.design_settings.column_styles.background_color != "auto" %}
    background-color: var(--);
    {%- endif -%}
    {% if module.design_settings.column_styles.text_color == "custom" %}
    color: ;
    {%- endif -%}
    {% if module.design_settings.column_styles.border.css %}
    
    {%- endif -%}
    {% if module.design_settings.column_styles.border_radius >= 0 %}
    border-radius: px;
    {%- endif -%}
    {% if module.design_settings.column_styles.shadow %}
    box-shadow:      ;
    {%- endif %}
}

{% if module.design_settings.column_styles.media_bleed > 0 %}
@media (min-width: 767px) {
    . .content-wrapper > *:not(.media-item) {
        padding-left: px;
        padding-right: px;
    }
}
{% endif %}

. .content-row {
    {% if module.design_settings.row_styles.spacing.css -%}
    
    {%- endif -%}
    {%- if module.design_settings.row_styles.background_color == "gradient" -%}
    background: ;
    {%- elif module.design_settings.row_styles.background_color == "custom" -%}
    background-color: ;
    {% elif module.design_settings.row_styles.background_color != "auto" %}
    background-color: var(--);
    {%- endif -%}
    {% if module.design_settings.row_styles.border.css %}
    
    {%- endif -%}
    {% if module.design_settings.row_styles.border_radius >= 0 %}
    border-radius: px;
    {%- endif -%}
    {% if module.design_settings.row_styles.shadow %}
    box-shadow:      ;
    {%- endif %}
}

{% for item in module.design_settings.column_styles.elements_order %}
.  {
    order: 
}
{% endfor %}

{% if module.design_settings.responsive_settings.tablet.column_styles.spacing.css %}
@media (max-width: 991.99px) {
    . .content-wrapper {
        
    }
}
{%- endif %}

{% if module.design_settings.responsive_settings.mobile.column_styles.spacing.css %}
@media(max-width: 767.99px) {
    . .content-wrapper {
        
    }
}
{%- endif %}

{% if module.design_settings.responsive_settings.tablet.row_styles.spacing.css %}
@media (max-width: 991.99px) {
    . .content-row {
        
    }
}
{%- endif %}

{% if module.design_settings.responsive_settings.mobile.row_styles.spacing.css %}
@media(max-width: 767.99px) {
    . .content-row {
        
    }
}
{%- endif %}

. .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: px
}
. .banner-image {
    margin-left: -;
    margin-right: -;
}
. .banner-image-first {
    margin-top: -;
    margin-bottom: calc( - px);
}
. .banner-image-last {
    margin-bottom: -;
    margin-top: calc( - px);
}