:root {
    --site-width-min: 90vw;
    --site-width-max: 1185px;
    --body-bg: #fff;
    --color-primary: #12284b;
    --color-secondary: #22AC38;
    --color-error: #ed6861;
    --color-border: #ccc;
    --color-overlay: rgba(0, 0, 0, .3);
    --color-gray: #80807f;
    --color-facebook: #3b5998;
    --color-twitter: #4099ff;
    --color-linkedin: #0077b5;
    --gray-color: var(--color-gray);
    --icon-round-color: #5a6881;
    --icon-round-size: 2em;
    --spacing-x-small: 0.25rem;
    --spacing-small: 0.75rem;
    --spacing-medium: 1.5rem;
    --spacing-large: 3rem;
    --spacing-x-large: 5rem;
    --container-margin: max(3.25rem, min(8.5vw, 4.5rem));
    --grid-gap: 2rem;
    --section-padding: max(3.25rem, min(8.5vw, 4.5rem));
    --border-radius: 0.25rem;
    --shadow-small: 0 0.4rem 0.6rem 0 rgba(46, 77, 100, .39);
    --shadow-medium: 0 0.6rem 1.2rem rgba(0, 0, 0, .2), 0 0.4rem 0.4rem rgba(0, 0, 0, .25);
    --shadow-large: 0 3.75rem 8.75rem -2.5rem rgba(0, 0, 0, .25), 0 3.75rem 7.5rem -1.25rem rgba(0, 0, 0, .25);
    --easing: ease;
    --body-font-size: 1.125rem;
    --body-font-family: "Lato", sans-serif;
    --body-font-weight: normal;
    --body-font-style: normal;
    --body-line-height: 1.45;
    --body-letter-spacing: -0.01em;
    --body-text-transform: none;
    --font-size-large: 1.3125rem;
    --font-size-small: 1rem;
    --font-size-x-small: 0.875rem;
    --text-color: #3c3c3c;
    --text-decoration-color: currentColor;
    --text-decoration-thickness: 1px;
    --text-underline-offset: 0.25rem;
    --selection-bg: var(--color-secondary);
    --selection-color: #fff;
    --link-color: #12284b;
    --link-color-hover: #ed6861;
    --h1-size: max(2.625rem, min(10.5vw, 4rem));
    --h2-size: max(2rem, min(8vw, 2.625rem));
    --h3-size: max(1.75rem, min(7vw, 2rem));
    --h4-size: max(1.125rem, min(4.5vw, 1.75rem));
    --h5-size: 1.125rem;
    --h6-size: 1rem;
    --heading-font-family: "Lato", sans-serif;
    --heading-font-weight: bold;
    --heading-font-style: normal;
    --heading-line-height: 1.1;
    --heading-letter-spacing: -0.02em;
    --heading-text-transform: none;
    --heading-color: #12284b;
    --heading-margin: 1.25rem;
    --button-color: #ed6861;
    --button-padding-x: 1.75rem;
    --button-padding-y: 0.5625rem;
    --button-font-size: 1.125rem;
    --button-font-family: var(--body-font-family);
    --button-font-weight: 600;
    --button-letter-spacing: 0;
    --button-line-height: 1.2;
    --button-text-transform: none;
    --button-text-color: #fff;
    --button-text-color-ghost: #fff;
    --button-border-width: 1px;
    --button-border-style: solid;
    --button-border-radius: 3rem;
    --button-transition-duration: 0.25s;
    --button-shadow: none;
    --form-field-bg: #fff;
    --form-field-focus-bg: var(--form-field-bg);
    --form-field-hover-bg: var(--form-field-bg);
    --form-field-padding-x: 1.25rem;
    --form-field-padding-y: 0.75rem;
    --form-field-font-size: 1rem;
    --form-field-font-family: var(--body-font-family);
    --form-field-font-weight: var(--body-font-weight);
    --form-field-letter-spacing: var(--body-letter-spacing);
    --form-field-line-height: var(--body-line-height);
    --form-field-text-color: #3c3c3c;
    --form-field-border-width: 1px;
    --form-field-border-style: solid;
    --form-field-border-radius: 0;
    --form-field-border-color: var(--form-field-bg);
    --form-field-hover-border-color: var(--form-field-border-color);
    --form-field-focus-border-color: $color-blue;
    --select-arrow-size: 1rem;
    --placeholder-color: #80807f;
    --video-thumbnail-brightness: 0.8;
    --slideshow-gap: 2rem;
    --slideshow-per-page: 1;
    --slideshow-arrow-size: 3rem;
    --slideshow-bullet-margin: 3rem;
    --slideshow-bullet-spacing: 0.5rem;
    --slideshow-bullet-color: var(--icon-round-color);
    --slideshow-bullet-size: 0.5rem;
    --slideshow-bullet-color-active: var(--icon-round-color);
    --site-width: var(--site-width-max, 1280px);
    --site-padding: calc((100vw - var(--site-width, 1280px))/2)
}
#text-blocks>header,#text-blocks-1>header,#text-blocks-2>header,#text-blocks-3>header {
    margin: var(--container-margin) auto;
    max-width: min(var(--site-width), 55rem);
    text-align: center
}
#text-blocks h2 {
    font-size: var(--h2-size, 2.2rem);
}
#text-blocks article>header {
    margin: var(--container-margin) var(--site-padding)
}

#text-blocks article>header>ul {
    counter-reset: listItem;
    list-style: none;
    margin: 0
}

#text-blocks article>header>ul li {
    counter-increment: listItem
}

#text-blocks article>header>ul li:before {
    color: var(--text-kicker-color, var(--heading-color));
    content: counters(listItem, ".", decimal-leading-zero) ".";
    display: block;
    font-family: var(--body-font-family, sans-serif);
    font-size: var(--text-kicker-size, var(--font-size-x-small));
    font-style: var(--body-font-style, normal);
    font-weight: var(--body-font-weight, normal);
    font-weight: 600;
    letter-spacing: var(--body-letter-spacing, 0);
    line-height: var(--body-line-height, 1.6);
    margin-bottom: var(--spacing-x-small);
    text-transform: var(--body-text-transform, none)
}

#text-blocks article>header>ul li>:is(h2, h3) {
    --heading-margin: var(--spacing-small)
}

#text-blocks article>header>ul:not(:last-child) {
    margin-bottom: var(--grid-gap)
}

#text-blocks article>figure {
    margin: 0;
    position: relative
}

#text-blocks article>figure:before {
    content: "";
    display: block;
    padding-bottom: 75%;
    pointer-events: none
}

@media (min-width:1080px) {
    #text-blocks article {
        display: grid;
        gap: 0;
        grid-auto-flow: column;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 0
    }

    #text-blocks article>header {
        align-self: center
    }

    #text-blocks article:nth-of-type(odd)>header {
        margin-right: min(var(--spacing-x-large), var(--site-padding))
    }

    #text-blocks article:nth-of-type(2n)>header {
        grid-column: 2;
        margin-left: min(var(--spacing-x-large), var(--site-padding))
    }
}
[class*=ratio--] {
    display: block;
    position: relative
}

[class*=ratio--]:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
    pointer-events: none
}

[class*=ratio--]>:not(figcaption) iframe,
[class*=ratio--]>:not(figcaption) img,
[class*=ratio--]>:not(figcaption) video,
[class*=ratio--]>iframe,
[class*=ratio--]>img,
[class*=ratio--]>video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
    z-index: auto
}

.ratio--16-9:before {
    padding-bottom: 56.25%
}

.ratio--1-1:before {
    padding-bottom: 100%
}

.ratio--4-3:before {
    padding-bottom: 75%
}
@supports (padding:min(10%, 100px)) {
    :root {
        --site-width: min(var(--site-width-min, 90vw), var(--site-width-max, 1280px));
        --site-padding: calc((100vw - var(--site-width))/2)
    }
}
#text-block {
    display: grid;
    gap: var(--grid-gap)
}

#text-block>figure {
    margin: 0
}
#text-block h2{
    font-size: var(--h2-size, 2.2rem);
}
#text-block .wysiwyg p, pre,#text-blocks-2 .wysiwyg p, pre {
    margin: 0 0 var(--spacing-medium, 1.5rem);
}
@media (min-width:1080px) {
    #text-block {
        grid-auto-flow: dense;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    #text-block>header {
        align-self: center;
        grid-column: 1/span 5
    }

    #text-block>figure {
        grid-column: 7/span 6
    }

    #text-block.media--left>header {
        grid-column-start: 8
    }

    #text-block.media--left>figure {
        grid-column-start: 1
    }
}
figure img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    border-style: none;
}
.button,
button,
input[type=submit] {
    background: #22AC38;
    border:1px solid #22AC38;
    border-radius: var(--button-border-radius, var(--border-radius, 0));
    box-shadow: var(--button-shadow, none);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: var(--button-font-family, inherit);
    font-size: var(--button-font-size, inherit);
    font-weight: var(--button-font-weight, normal);
    letter-spacing: var(--button-letter-spacing, 0);
    line-height: var(--button-line-height, 1.2);
    outline: 0;
    padding: var(--button-padding-y, .75rem) var(--button-padding-x, 1.25rem);
    text-align: center;
    text-transform: var(--button-text-transform, none);
    transition: all var(--button-transition-duration, .25s) var(--easing);
    vertical-align: middle
}

.button,
.button:hover,
button,
button:hover,
input[type=submit],
input[type=submit]:hover {
    color: var(--button-text-color, #fff);
    text-decoration: none
}

.button:hover,
button:hover,
input[type=submit]:hover {
    --button-color: #ee817d
}
.button--ghost,
.button--ghost:hover {
    --button-color: var(--heading-color)
}

.button--ghost:hover {
    --button-text-color: var(--button-text-color-ghost)
}

.button--ghost:not(:hover) {
    --button-text-color: var(--button-color);
    background: transparent
}

.button--large {
    --button-font-size: var(--font-size-large);
    --button-padding-y: 0.75rem;
    --button-padding-x: 2rem
}
@media (max-width: 568px) {
    .button--large {
        --button-font-size: 0.75rem;
        --button-padding-y: 0.55rem;
        --button-padding-x: 1rem;
        margin-bottom: 1rem;
    }
    #text-blocks article>figure:before {
        content: "";
        display: block;
        padding-bottom: 0;
        pointer-events: none
    }
}

#text-blocks-2>header {
    margin-inline: auto;
    margin-bottom: var(--spacing-x-large);
    max-width: 48.5rem;
    text-align: center
}
#text-blocks-2 h2,#text-blocks-2 p{
    color: #fff;
}
#text-blocks-2 article {
    display: grid;
    gap: var(--grid-gap)
}

#text-blocks-2 article>figure {
    grid-row: 1;
    margin: 0;
    position: relative
}

#text-blocks-2 article>figure:before {
    content: "";
    display: block;
    padding-bottom: 75%;
    pointer-events: none
}

#text-blocks-2 article:not(:last-child) {
    margin-bottom: var(--container-margin)
}

@media (min-width:1080px) {
    #text-blocks-2 article {
        align-items: start;
        display: grid;
        grid-auto-flow: dense;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    #text-blocks-2 article>header {
        align-self: center;
        grid-column: 1/span 5
    }

    #text-blocks-2 article>figure {
        grid-column: 7/span 6
    }

    #text-blocks-2 article:nth-of-type(odd)>header {
        grid-column-start: 8
    }

    #text-blocks-2 article:nth-of-type(odd)>figure {
        grid-column-start: 1
    }
}
.bg--5 {
    --bg-color: #12284b;
    --text-color: #fff;
    --heading-color: #fff;
    --link-color: #fff;
    --link-color-hover: #ed6861;
    --color-gray: #ccc;
    --border-color: #ccc;
    --filter-color: brightness(0) invert(1);
    --button-text-color-ghost: #3c3c3c;
    --icon-round-color: #fff;
    background-color: var(--bg-color);
    color: var(--text-color)
}
#text-blocks-2 .section {
    --site-width: var(--site-width-max, 1280px);
    --site-padding: calc((100vw - var(--site-width, 1280px))/2);
    padding: var(--section-padding, 6rem) var(--site-padding)
}
@supports (padding:min(10%, 100px)) {
    .section {
        --site-width: min(var(--site-width-min, 90vw), var(--site-width-max, 1280px));
        --site-padding: calc((100vw - var(--site-width))/2)
    }
}