{%- set solution = 'e' ~ content.template_path|regex_replace('^.*page-(.*?).html$', '$1')|regex_replace('-\\d{4}-\\d{2}', '') %}

{%- if solution == 'emapping' || solution == 'erouting' || solution == 'eterritory' %}
    {%- set bg_colour      = es_inline_css_global.colours.brand.products[solution].background   %}
    {%- set bright_colour  = es_inline_css_global.colours.brand.products[solution].primary      %}
    {%- set dark_colour    = es_inline_css_global.colours.brand.products[solution].primary_dark %}
    {%- set icon_bg_colour = color_variant(es_inline_css_global.colours.brand.products[solution].background, -10) %}
{%- else %}
    {%- set bg_colour      = es_inline_css_global.colours.brand.primary_background %}
    {%- set bright_colour  = es_inline_css_global.colours.brand.primary            %}
    {%- set dark_colour    = es_inline_css_global.colours.brand.secondary          %}
    {%- set icon_bg_colour = color_variant(es_inline_css_global.colours.brand.primary_background, -10) %}
{%- endif %}
.es-content-image-split-container {
    position: relative;
}

.es-content-image-split-container + .es-content-image-split-container {
    margin-top: 80px;
}

.es-content-image-split-container ol,
.es-content-image-split-container ul {
    padding-left: 16px !important;
}

.es-content-image-split-container ul[style*='square'] {
    padding-left: 0 !important;
}

.es-content-image-split-container .row {
    margin-top:  24px;
    padding-top: 24px;
}

.es-content-image-split-container h2 + .row,
.es-content-image-split-container .es-section-content + .row {
    margin-top: 16px;
}

.es-content-image-split-container h2 + .row {
    padding-top: 16px;
}

.es-content-image-split-container .row:first-child {
    margin-top: 0;
}

.es-content-image-split-container .es-animated-image {
    left:       0;
    opacity:    0;
    position:   absolute;
    transition: opacity 0.4s ease;
    z-index:    3;
    user-select:         none;
    -webkit-user-select: none;
}

.es-content-image-split-container .es-animated-image.es-visible {
    opacity: 1;
}

.es-content-image-split-container .es-content-container {
    background:    linear-gradient(45deg, var(--color-brand-primary-bg), var(--color-white));
    border:        1px solid var(--color-grey-light);
    border-radius: 0 0 32px 32px;
    padding:       24px 24px 40px 24px;
    position:      relative;
}

.es-content-image-split-container.es-stack-images .es-content-container {
    border-top-left-radius:  0;
    border-top-right-radius: 0;
}

.es-content-image-split-container .es-link :is(a, .es-text-link) {
    float: right;
}

.es-content-image-split-container .es-link a {
    display:  inline-block;
    margin:   0 28px 0 0;
    position: relative;
}

.es-content-image-split-container .es-link a::before {
    background-color: var(--color-brand-primary); 
    content:          ' ';
    height:           14px;
    mask:             url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.1 26.2"><path d="M45.1 13.2L31.2 0v9.8H0v6.5h31.2v9.9l13.9-13z"/></svg>') center center/contain no-repeat;
    -webkit-mask:     url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.1 26.2"><path d="M45.1 13.2L31.2 0v9.8H0v6.5h31.2v9.9l13.9-13z"/></svg>') center center/contain no-repeat;
    position:         absolute;
    right:            -26px;
    top:              10px;
    transition:       background-color 0.4s ease;
    width:            19px;
}

@keyframes esLeftRightMotion {
    0%   { transform: translateX(0);   }
    50%  { transform: translateX(6px); }
    100% { transform: translateX(0);   }
}

.es-content-image-split-container .es-link a:focus::before,
.es-content-image-split-container .es-link a:hover::before {
    animation:        esLeftRightMotion 2s ease infinite;
    background-color: var(--color-brand-secondary);
}

.es-content-image-split-container .es-map-image {
    left:      15px;
    max-width: calc(100% - 30px);
    position:  absolute;
    top:       0;
}

.es-content-image-split-container .es-map-image.es-trigger {
    max-width: 100%;
    position:  relative;
    z-index:   10;
}

.es-content-image-split-container .es-map-links {
    margin:  0 0 0 -24px;
    padding: 0 !important;
}

.es-content-image-split-container .es-map-links .es-map-link,
.es-content-image-split-container .es-map-link-text {
    border-bottom: var(--color-brand-primary);
    cursor:        pointer;
    display:       inline-block;
    padding-right: 22px;
    position:      relative;
    transition:    border 0.4s ease, color 0.4s ease;
}

.es-content-image-split-container .es-map-links .es-map-link::before,
.es-content-image-split-container .es-map-link-text::before {
    background-color: var(--color-brand-primary);
    content:          ' ';
    display:          block;
    height:           15px;
    mask:             url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M92.1,99.75c-2.03,0-4.01-0.84-5.38-2.27L66.21,77.03c-7,4.84-15.37,7.41-23.86,7.41c-23.26,0-42.1-18.83-42.1-42.1s18.83-42.1,42.1-42.1s42.1,18.83,42.1,42.1c0,8.49-2.57,16.86-7.41,23.86l20.51,20.51c1.38,1.38,2.21,3.35,2.21,5.38C99.75,96.28,96.28,99.75,92.1,99.75z M42.35,15.56c-14.77,0-26.79,12.02-26.79,26.79s12.02,26.79,26.79,26.79s26.79-12.02,26.79-26.79S57.12,15.56,42.35,15.56z"/></svg>') center center/contain no-repeat;
     -webkit-mask:     url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M92.1,99.75c-2.03,0-4.01-0.84-5.38-2.27L66.21,77.03c-7,4.84-15.37,7.41-23.86,7.41c-23.26,0-42.1-18.83-42.1-42.1s18.83-42.1,42.1-42.1s42.1,18.83,42.1,42.1c0,8.49-2.57,16.86-7.41,23.86l20.51,20.51c1.38,1.38,2.21,3.35,2.21,5.38C99.75,96.28,96.28,99.75,92.1,99.75z M42.35,15.56c-14.77,0-26.79,12.02-26.79,26.79s12.02,26.79,26.79,26.79s26.79-12.02,26.79-26.79S57.12,15.56,42.35,15.56z"/></svg>') center center/contain no-repeat;
    position:         absolute;
    right:            0;
    top:              8px;
    transition:       background-color 0.4s ease;
    width:            17px;
}

.es-content-image-split-container .es-map-link-text {
    color:      var(--color-grey);
    margin-top: 8px;
}

.es-content-image-split-container .es-map-links .es-map-link.es-active {
    cursor: default;
}

.es-content-image-split-container .es-map-links .es-map-link.es-active,
.es-content-image-split-container .es-map-links .es-map-link:focus,
.es-content-image-split-container .es-map-links .es-map-link:hover,
.es-content-image-split-container .es-map-link-text:focus,
.es-content-image-split-container .es-map-link-text:hover {
    border-color: var(--color-brand-secondary);
    color:        var(--color-brand-secondary);
}

.es-content-image-split-container .es-map-links .es-map-link.es-active::before,
.es-content-image-split-container .es-map-links .es-map-link:focus::before,
.es-content-image-split-container .es-map-links .es-map-link:hover::before,
.es-content-image-split-container .es-map-link-text:focus::before,
.es-content-image-split-container .es-map-link-text:hover::before {
    background-color: var(--color-brand-secondary);
}

.es-content-image-split-container hr {
    background: var(--color-brand-primary);
    height:     4px;
    margin:     24px 0;
    width:      80px;
}

.es-content-image-split-container .es-image-container {
    border-radius:   32px 32px 0 0;
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    margin:          0;
    overflow:        hidden;
    position:        relative;
    z-index:         2;
}

.es-content-image-split-container .es-content-title {
    color:  var(--color-black);
    margin: 0 0 3px 0;
}

.es-content-image-split-multi-container .es-affixed-anchor-links {
    position: sticky;
    top:      80px;
    z-index:  3;
}

.es-content-image-split-multi-container .es-affixed-anchor-links + .es-content-image-split-container {
    margin-top: 64px;
}

.es-content-image-split-multi-container .es-links {
    background:    var(--color-white);
    border:        1px solid var(--color-grey-light);
    border-radius: 16px;
    padding:       24px;
    text-align:    center;
}

.es-content-image-split-multi-container .es-links li {
    display: inline-block;
    margin:  0;
    padding: 4px 12px;
}

.es-content-image-split-multi-container .es-anchor-link {
    border:     0 !important;
    color:      var(--color-grey); !important;
    display:    inline-block;
    transition: color 0.4s ease;
}

.es-content-image-split-multi-container .es-anchor-link:focus,
.es-content-image-split-multi-container .es-anchor-link:hover {
    color: var(--color-brand-secondary);
}

.es-content-image-split-multi-container .es-anchor-link.es-current {
    color:       var(--color-brand-primary) !important;
    cursor:      default;
    font-weight: 600;
}


@media (min-width: 768px) {
    div[class*='es-sm-float-right'] {
        float: right !important;
    }

    .es-content-image-split-container .es-content-container {
        border-radius:   32px;
        display:         flex;
        flex-direction:  column;
        min-height:      var(--desktop-min-height, auto);
        padding:         64px 40px;
        padding-top:     64px !important;
        justify-content: center;
    }

    .es-content-image-split-container .es-image .es-content-container {
        margin-left: -120px;
        padding:     64px 40px 64px 120px;
    }

    .es-content-image-split-container .es-image.es-row-reverse .es-content-container {
        margin-left:   0;
        margin-right:  -120px;
        padding-left:  40px;
        padding-right: 120px;
    }

    .es-content-image-split-container.es-stack-images .es-image .es-content-container {
        margin:  0;
        padding: 64px 40px;
    }

    .es-content-image-split-container .es-content-container > *:first-child {
        margin-top:  0;
        padding-top: 0;
    }

    .es-content-image-split-container .es-content-title {
        font-size: 22px;
    }

    .es-content-image-split-container .es-image-container img {
        border-radius: 16px;
    }

    .es-content-image-split-container.es-stack-images img {
        border-radius: 16px 16px 0 0;
        width:         100% !important;
    }

    .es-content-image-split-container .row {
        display: flex;
    }

    .es-content-image-split-container.es-stack-images .row {
        display: block;
    }

    .es-content-image-split-container .es-row-reverse {
        flex-flow: row-reverse;
    }

    .es-flex-image {
        display: flex;
    }

    .es-content-image-split-multi-container .es-section-anchor {
        top: -220px;
    }
}


@media (min-width: 992px) {
    .es-content-image-split-container > :is(h2, h3) {
        font-size: 32px;
    }
}