/* Theme base styles */

/* Generic */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*, *:before, *:after {
  box-sizing: border-box;
}

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Objects */

/* Responsive grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}




/* Content wrappers for blog post and system templates */

.content-wrapper {
  padding: 0 0;
  margin: 0 auto;
}

.content-wrapper-full{
    max-width: 64px;
    margin: 0 auto;
}

/* Drag and drop layout styles */

.dnd-section > .row-fluid {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* global editor height */
.hs-private.hs-private.hs-private .hs-ls-module-hover-overlay.hs-ls-module-hover-overlay.updated-editor-styles:first-of-type {
  max-height: 400px;
}

/* Elements */





.content-wrapper {
    max-width: 1320px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
    padding-left: 20px;
    padding-right: 20px;
}

.dnd-section:has(.base) {
    padding-left: 0;
    padding-right: 0;
}

.dnd-section > .row-fluid {
    max-width: 1320px;
}

.dnd-section:has(.base) > .row-fluid,
.dnd-section:has(.anchor-nav) > .row-fluid {
    max-width: 100%;
}

.base {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 45px;
    margin-bottom: 45px;
}

.base.no-space {
    margin-top: 0px;
    margin-bottom: 0px;
}
  
.base .wrapper {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
}

.anchor-nav {
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 20px;
    padding-right: 20px;
}

.anchor-nav .wrapper {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
}

.anchor-spacer {
    position: absolute;
    z-index: -1;
    top: -340px;
    left: 0;
    width: 100%;
    height: 280px;
}

@media (min-width: 768px){
    .base {
        margin-top: 80px;
        margin-bottom: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .base.no-space {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .anchor-nav {
        padding-left: 20px;
        padding-right: 20px;
    }

    .dnd-section:has(:not(.base)),
    .content-wrapper--vertical-spacing {
        padding-left: 20px;
        padding-right: 20px;
    }

    .dnd-section:has(.base) {
        padding-left: 0;
        padding-right: 0;
    }
}







:root {
    --primary: #3EB1CB;
    --secondary: #bef184;
    --dark: #333;
    --light: #f5f9fa;
    --black: #000000;
    --white: #FFFFFF;
}
@font-face {
    font-family: 'Gotham';
    src:   url(https://6586508.fs1.hubspotusercontent-na1.net/hubfs/6586508/gotham-light-webfont.woff2) format('woff2'),
    url(https://6586508.fs1.hubspotusercontent-na1.net/hubfs/6586508/gotham-light-webfont.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url(https://6586508.fs1.hubspotusercontent-na1.net/hubfs/6586508/gotham-book-webfont.woff2) format('woff2'),
    url(https://6586508.fs1.hubspotusercontent-na1.net/hubfs/6586508/gotham-book-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url(https://6586508.fs1.hubspotusercontent-na1.net/hubfs/6586508/gotham-medium-webfont.woff2) format('woff2'),
    url(https://6586508.fs1.hubspotusercontent-na1.net/hubfs/6586508/gotham-medium-webfont.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url(https://6586508.fs1.hubspotusercontent-na1.net/hubfs/6586508/gotham-bold-webfont.woff2) format('woff2'),
    url(https://6586508.fs1.hubspotusercontent-na1.net/hubfs/6586508/gotham-bold-webfont.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
























html {
    font-size: 16px default;
    font-family: 'Gotham',sans-serif;
    font-weight: 400;
    position: relative;
}

body {
    font-weight: 600; font-family: Gotham, arial, sans-serif;
    font-size: 16px;
    color: #787A7A;
    line-height: 1.5;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: manual;
    font-family: 'Gotham',sans-serif;
    font-weight: 400;
}

@media only screen and (min-width: 768px) {
    body {
        font-size: 16px;
    }
}

html[lang^='ja'] body,
html[lang^='zh'] body,
html[lang^='ko'] body {
    line-break: strict;
    overflow-wrap: normal;
    word-break: break-all;
}

/* Paragraphs */

p {
    font-weight: 600; font-family: Gotham, arial, sans-serif;
    font-family: 'Gotham',sans-serif;
    font-weight: 400;
}

.subtitle {
  font-family: 'Gotham',sans-serif;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1rem;
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--primary);
  margin-bottom: 16px;
}

/* Anchors */

a:not(.btn) {
    font-weight: 600; font-family: Gotham, arial, sans-serif;
    font-size: 16px;
    transition: all ease-in-out 0.2s;
    color: var(--primary);
}

a:not(.btn):hover,
a:not(.btn):focus ,
a:not(.btn):active {
  ;
  color: var(--primary);
  transition: all ease-in-out 0.2s;
}

.blog-post a {
    text-decoration: underline;
}

.blog-post a:hover {
    text-decoration: underline;
}

@media only screen and (min-width: 768px) {
    a {
        font-size: 16px;
        cursor: pointer;
    }
}

/* Headings */

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: 'Gotham', sans-serif;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 25px;
    color: var(--black);
}

h1,
.h1 {
    font-weight: 400; font-family: 'Gotham Book';
    font-size: 40px;
    line-height: 1.1;
}

h2,
.h2 {
    font-weight: 400; font-family: 'Gotham Book';
    font-size: 30px;
    line-height: 1.1;
}

h3,
.h3 {
    font-weight: 400; font-family: 'Gotham Book';
    font-size: 18px;
    line-height: 1.1;
}

h4,
.h4 {
    font-weight: 400; font-family: 'Gotham Book';
    font-size: 18px;
    line-height: 1.1;
}

h5,
.h5 {
    font-weight: 600; font-family: Gotham, arial, sans-serif;
    font-size: 18px;
    line-height: 1.1;
}

h6  
.h6 {
    font-weight: 600; font-family: Gotham, arial, sans-serif;
    font-size: 18px;
    line-height: 1.1;
}

@media only screen and (min-width: 768px) {
    h1,
    .h1 {

        font-size: 60px;
    }
    
    h2,
    .h2 {
        font-size: 32px;
    }
    
    h3,
    .h3 {
        font-size: 24px;
    }
    
    h4,
    .h4 {
        font-size: 22px;
    }
    
    h5,
    .h5 {
        font-size: 20px;
    }
    
    h6,
    .h6 {
        font-size: 20px;
    }
}

/* Blockquote */

blockquote {
    ;
    font-size: ;
}

@media only screen and (min-width: 768px) {
    blockquote {
        font-size: ;
    }
}
/* Button Group */

.btn-group {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 25px;
}

@media only screen and (min-width: 767px) {
    .btn-group {
        gap: 25px;
        margin-top: 40px;
    }
}







a.btn,
form input[type=submit],
.btn form input[type=submit],
.btn form .hs-button, 
.btn .cta_button span {
    cursor: pointer;
    display: inline-block;
    font: inherit;
    font-size: .6875rem;
    line-height: 1;
    letter-spacing: .08em;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    padding: 14px 40px;
    transition: all .3s ease-in-out;
    min-width: 230px;
    border-radius: 999px;
    text-transform: uppercase;
}

.btn--1 form input[type=submit],
.btn--1 form .hs-button, 
form input[type=submit],
a.btn--1,
.btn--1 .cta_button span {
    background-color: rgba(62, 177, 203, 0.0);
    border: 1px solid #3EB1CB;
    color: #3EB1CB;
    transition: all ease-in-out 0.3s;
}

.btn--1 form input[type=submit]:hover,
.btn--1 form .hs-button:hover,
a.btn--1:hover,
.btn--1 .cta_button span:hover {
    background-color: rgba(62, 177, 203, 1);
    border: 1px solid rgba(62, 177, 203, 1);
    color: #ffffff;
    text-decoration: none;
}

.btn--2 form input[type=submit],
.btn--2 form .hs-button, 
a.btn--2,
.btn--2 .cta_button span {
    background-color: rgba(62, 177, 203, 1);
    border: 1px solid #3EB1CB;
    color: #ffffff;
    transition: all ease-in-out 0.3s;
}

.btn--2 form input[type=submit]:hover,
.btn--2 form .hs-button:hover,
a.btn--2:hover,
.btn--2 .cta_button span:hover {
    background-color: rgba(62, 177, 203, 1);
    border: 1px solid rgba(62, 177, 203, 1);
    color: #ffffff;
    text-decoration: none;
}

.btn--3 form input[type=submit],
.btn--3 form .hs-button, 
form input[type=submit],
a.btn--3,
.btn--3 .cta_button span {
    background-color: rgba(190, 241, 132, 1);
    border: 1px solid #bef184;
    color: #333;
    transition: all ease-in-out 0.3s;
}

.btn--3 form input[type=submit]:hover,
.btn--3 form .hs-button:hover,
form input[type=submit]:hover,
a.btn--3:hover,
.btn--3 .cta_button span:hover {
    background-color: rgba(62, 177, 203, 1);
    border: 1px solid rgba(62, 177, 203, 1);
    color: #ffffff;
    text-decoration: none;
}

a.btn--arrow,
.btn--arrow {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    min-width: auto;
    color: #3eb1cb;

    font-size: .75rem;
    line-height: 1;
    letter-spacing: .08em;
    font-weight: 600;
    text-transform: uppercase;
}

.btn--arrow svg {
    transition: all ease-in-out 0.3s;
}

.btn--arrow svg path {
    fill: #3eb1cb;
    transition: all ease-in-out 0.3s;
}

a.btn--arrow:hover,
.btn--arrow:hover {
    color: #005f83;
    font-size: .75rem;
    line-height: 1;
    letter-spacing: .08em;
    font-weight: 600;
}

.btn--arrow:hover svg {
    transform: translate(5px);
}

.btn--arrow:hover svg path {
    fill: #005f83;
}
.hs-form {
    font-size: 12px;
}

.base .hs-form {
    color: var(--white);
}

/* Form title */

.form-title {
    margin: 0;
}

.form-title ~ div > form {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Labels */

form label {
    display: block;
    margin-bottom: 0.35rem;
}

/* Form fields */

form .hs-form-field {
    margin-bottom: 1.4rem;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form input[type="number"],
form input[type="file"],
form input[type="search"],
form select,
form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 100% !important; /* stylelint-disable-line declaration-no-important */
    border: 1px solid var(--dark);
    border-radius: 0;
    color: var(--dark);
    padding: 14px 30px;
    border-radius: 0px;
    font-size: 14px;
}

.base form input[type="text"],
.base form input[type="email"],
.base form input[type="password"],
.base form input[type="tel"],
.base form input[type="number"],
.base form input[type="file"],
.base form input[type="search"],
.base form select,
.base form textarea {
    border: 1px solid var(--white);
    color: var(--dark);
}

form input:focus,
form input:focus-visible {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--black);
}

.base form input:focus,
.base form input:focus-visible {
    border: 1px solid var(--white);
}

form a:not(.btn) {
    font-size: 12px;
}

form fieldset {
    max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}

/* Form fields - checkbox/radio */

form .inputs-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

form .inputs-list > li {
    display: block;
    margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
    vertical-align: middle;
}

form input[type="checkbox"],
form input[type="radio"] {
    margin-right: 0.35rem;
    cursor: pointer;
}

/* Form fields - date picker */

form .hs-dateinput {
    position: relative;
}

form .hs-dateinput:before {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 20H16V16H20V20ZM14 10H10V14H14V10ZM20 10H16V14H20V10ZM8 16H4V20H8V16ZM14 16H10V20H14V16ZM8 10H4V14H8V10ZM24 2V24H0V2H3V3C3 4.103 3.897 5 5 5C6.103 5 7 4.103 7 3V2H17V3C17 4.103 17.897 5 19 5C20.103 5 21 4.103 21 3V2H24ZM22 8H2V22H22V8ZM20 1C20 0.448 19.553 0 19 0C18.447 0 18 0.448 18 1V3C18 3.552 18.447 4 19 4C19.553 4 20 3.552 20 3V1ZM6 3C6 3.552 5.553 4 5 4C4.447 4 4 3.552 4 3V1C4 0.448 4.447 0 5 0C5.553 0 6 0.448 6 1V3Z' fill='%23000000'/%3E%3C/svg%3E);
	width: 24px;
	height: 24px;
	background-size: contain;
	background-position: center;
}

form .hs-dateinput .hs-input {
	padding-right: 50px !important;
}

form .is-selected .pika-button {
    border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
    box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
}

form .fn-date-picker .pika-button:hover,
form .fn-date-picker .pika-button:focus {
    border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
}

/* Form fields - file picker */

form input[type="file"] {
    padding: initial;
    border: initial;
    background-color: transparent;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
    margin: 0 0 1.4rem;
    font-size: 0.8rem;
}

form .hs-richtext img {
    height: auto;
    max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}

/* GDPR */

form .legal-consent-container .hs-form-booleancheckbox-display > span {
    margin-left: 1rem !important; /* stylelint-disable-line declaration-no-important */
}

/* Validation */

form .hs-form-required {
    color: var(--dark);
}

.base form .hs-form-required {
    color: var(--white);
}

form .hs-input.error {
    border-color: #FF0000;
}

form .hs-error-msg,
form .hs-error-msgs {
    margin-top: 0.35rem;
    color: #FF0000;
}

/* Submit button */

form input[type="submit"],
form .hs-button {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    transition: all 0.15s linear;
    white-space: normal !important; /* stylelint-disable-line declaration-no-important */
}

/* Captcha */

.grecaptcha-badge {
    margin: 0 auto;
}

select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' fill='none'%3E%3Crect width='38' height='38' fill='rgba(255, 255, 255, 0.7)' rx='19'/%3E%3Cpath stroke='rgba(48, 48, 48, 1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.846 15.846 19 26l10.153-10.154'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.75rem;
    background-position: 97%;
}

.hs_submit {
    margin-top: 15px;
}

.hs_submit .hs-button {
    width: 100%;
}
/* Load spinner */

.lds-spinner {
  opacity: 0;
  position: relative;
  right: 0;
  left: 0;
  display: block;
  margin: 20px auto;
  transform: scale(0.5);
  transform: all 0.3s;
}
.lds-spinner.active {
  opacity: 1;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #202349;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Icon wrapper */

.icon {
  display: inline-flex;
  border-radius: 50%;
}

.icon--square .icon {
  border-radius: 0;
}

/* Icon */

.icon svg {
  vertical-align: middle;
}
nav.pagination {
    margin-top: 3em;
}

nav.pagination a {
    margin: 0 .3rem;
}

nav.pagination a:not(.pagination__link--active) {
    color: var(--black);
    font-size: 13px;
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

th,
td {
  padding: 0.7rem;
  vertical-align: top;
}

/* Table header */

thead th,
thead td {
  vertical-align: bottom;
}


table {
	border-collapse: collapse;
}
table td {
	padding: 15px;
}
table thead td {
	background-color: #54585d;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #54585d;
}
table tbody td {
	color: #636363;
	border: 1px solid #dddfe1;
}
table tbody tr {
	background-color: #f9fafb;
}
table tbody tr:nth-child(odd) {
	background-color: #ffffff;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: transparent;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: block;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
  transition: all 0.3s ease;
}
.modal.fade {
	transition: all 0.3s ease;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show {
	visibility: visible;
	opacity: 1;
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
	visibility: hidden;
	transition: all 0.3s ease;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
	visibility: visible;
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: .25em .25em;
	color: #000;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	border: 0;
	border-radius: .375rem;
	opacity: .5;
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
	margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.search {
    width: 230px !important;
    border: none !important;
}

.hs-search-field {
    border: none;
}

.search .hs-search-field .hs-search-field__suggestions {
    display: none;
}

.hs-search-field__bar form {
    display: flex;
    align-items: center;
    position: relative;
}

.hs-search-field__bar form .hs-search-field__input {
    width: 230px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(51, 51, 51);
    border-image: initial;
    border-radius: 999px;
    padding: 12px 40px 12px 16px;
    font-size: 16px;
    height: 50px;
}

.hs-search-field__bar form .hs-search-field__input:focus,
.hs-search-field__bar form .hs-search-field__input:focus-visible {
    border-color: #3eb1cb;
    outline: none;
}

.hs-search-field__bar form button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    appearance: none;
    outline: none;
    border: none;
    background: transparent;
    width: 28px;
    height: 18px;
}

.mobile-nav .search {
    position: relative;
    width: 18px !important;
}

.mobile-nav .search:has(.search-trigger.open) .search-wrapper {
    transform: translate(0);
}

.mobile-nav .search .search-wrapper {
    background-color: #3eb1cb;
    left: 0;
    margin: 0;
    padding: 20px;
    position: fixed;
    top: 67px;
    transform: translate(100%);
    transition: transform .45s cubic-bezier(.19,1,.22,1), visibility .45s;
    width: 100%;
    z-index: 10;
}

.mobile-nav .search .search-wrapper .hs-search-field__bar form .hs-search-field__input {
    width: 100%;
    padding-right: 40px;
    border-radius: 0;
    background-color: #fff;
    border-color: #fff;
}

.mobile-nav .search .search-wrapper .hs-search-field__bar form button {
    right: 20px;
}

.mobile-nav .search .search-wrapper .hs-search-field__bar form button svg,
.mobile-nav .search .search-wrapper .hs-search-field__bar form button {
    width: 24px;
    height: 24px;
}

/* Components */


/* Rich text */

.widget-type-rich_text img {
  height: auto;
  max-width: 100%;
}
.hs-menu-flow-horizontal ul {
    list-style: none;
    display: flex;
    gap: 20px;
}

footer a{
  text-decoration:none;
}

footer ul{
  list-style:none;
  padding-left:0;
}
footer ul li{
  padding-left:0;
  margin-left:0;
}

@media (max-width:767px){
.footer-row-0-padding .footer-column-1-row-1-vertical-alignment > .row-fluid {
  display: flex;    
  justify-content: space-between;
  padding-top: 24px;
  }
  .footer-row-0-padding .footer-column-1-row-1-vertical-alignment .row-fluid .span1:nth-child(1){
    display:none
  }
.footer-row-0-padding .footer-column-1-row-1-vertical-alignment .row-fluid .span6:nth-child(2){
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  }
  
  footer .row-fluid-wrapper.row-depth-1.row-number-9.dnd-section.footer-row-1-padding.footer-row-1-background-layers.footer-row-1-background-color>.row-fluid >.span12>.row-fluid-wrapper>.row-fluid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
}

footer .row-fluid-wrapper.row-depth-1.row-number-9.dnd-section.footer-row-1-padding.footer-row-1-background-layers.footer-row-1-background-color>.row-fluid >.span12>.row-fluid-wrapper>.row-fluid .span2{
  width:50%;width: 100%;flex: 0 0 auto;width: calc(50% - 8px);
  }
}

/**/

footer .dnd-section>.row-fluid {
    padding-left: 0;
    padding-right: 0;
}

footer .mainFooter .FooterNavigation {
    background-color: #333;
    color: #fff;letter-spacing: -.01em;
}

footer .mainFooter .FooterNavigation .FooterNavigation__Top {
    padding: 50px 0;
    max-width: 1234px;
    margin: 0 auto;
}

.FooterNavigation .FooterNavigation__TopBar__Logo img {
    height: 44px;
    width: auto;
  display:block;
}

.FooterNavigation .FooterNavigation__TopBar__Extra {
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px
}

@media (min-width: 1024px) {
    .FooterNavigation .FooterNavigation__TopBar__Extra {
        justify-content:flex-end;
        padding-top: 0
    }
}

.FooterNavigation .FooterNavigation__TopBar__SocialLinks ul {
    list-style: none;
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0
}

.FooterNavigation .FooterNavigation__TopBar__SocialLinks a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 999px
}

.FooterNavigation .FooterNavigation__TopBar__SocialLinks img {
    height: 14px;
    width: auto
}

.FooterNavigation .FooterNavigation__TopBar__DassaultLogo img {
    height: 80px;
    width: 80px;
  display:block;
}

@media (min-width: 1024px) {
    .FooterNavigation .FooterNavigation__Navs {
        display:flex;
        gap: 32px;
    }
}

.FooterNavigation .FooterNavigation__Nav {
    padding-top: 32px
}

@media (min-width: 1024px) {
    .FooterNavigation .FooterNavigation__Nav {
        flex:1
    }
}

.FooterNavigation .FooterNavigation__Links {
    padding-top: 32px;
    width: 100%;
    flex: 0 0 auto
}

@media (min-width: 1024px) {
    .FooterNavigation .FooterNavigation__Links {
        width:20%
    }
}

.FooterNavigation .FooterNavigation__Links ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 32px;
    list-style: none;
    margin: 0;
    padding: 0
}

.FooterNavigation .FooterNavigation__Links li {
    width: 100%;
    flex: 0 0 auto
}

.FooterNavigation .FooterNavigation__Links li a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding-right: 40px
}

.FooterNavigation .FooterNavigation__Links li a:hover {
    color: #fff
}

.FooterNavigation .FooterNavigation__Links li a svg {
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
    margin-right: -40px
}

@media (min-width: 36em) {
    .FooterNavigation .FooterNavigation__Links li {
        width:calc(50% - 16px)
    }
}

@media (min-width: 1024px) {
    .FooterNavigation .FooterNavigation__Links li {
        width:100%
    }
}

.FooterNavigation .FooterNavigation__BottomBar {
    padding: 16px 0;
    background-color: #5c5e5e
}


.FooterNavigation .FooterNavigation__BottomBar .container{
    max-width: 1234px;
    margin: 0 auto;
}


@media (min-width: 576px) {
    footer .mainFooter .FooterNavigation .FooterNavigation__Top,.FooterNavigation .FooterNavigation__BottomBar .container {
       max-width: 540px;
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (min-width: 768px) {
    footer .mainFooter .FooterNavigation .FooterNavigation__Top,.FooterNavigation .FooterNavigation__BottomBar .container {
        
      max-width: 720px;
      padding-left: 12px;
        padding-right: 12px;
      
    }
}
@media (min-width: 1024px) {
    footer .mainFooter .FooterNavigation .FooterNavigation__Top,.FooterNavigation .FooterNavigation__BottomBar .container {
        max-width: 980px;
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (min-width: 1280px) {
    footer .mainFooter .FooterNavigation .FooterNavigation__Top,.FooterNavigation .FooterNavigation__BottomBar .container {
        max-width: 1230px;
    }
}
@media (min-width: 1400px) {
    footer .mainFooter .FooterNavigation .FooterNavigation__Top,.FooterNavigation .FooterNavigation__BottomBar .container {
        max-width: 1320px;
    }
}

.FooterNavigation .FooterNavigation__TopBar {
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
    border-bottom: 1px solid #ffffff
}

@media (min-width: 1024px) {
    .FooterNavigation .FooterNavigation__TopBar {
        flex-direction:row;
        justify-content: space-between;
        align-items: center
    }
}

.FooterNavigation .FooterNavigation__BottomBar__Inner {
    display: flex;
    flex-direction: column;
  align-items:flex-start;
}

@media (min-width: 1024px) {
    .FooterNavigation .FooterNavigation__BottomBar__Inner {
        flex-direction:row;
        justify-content: space-between;align-items:center;
    }
}

.FooterNavigation .FooterNavigation__BottomBar__LegalText p {
    font-size: 12px;margin:0;
}

.FooterNavigation .FooterNavigation__BottomBar__LegalText a {
    color: #fff;
    text-decoration: underline
}

.FooterNavigation .FooterNavigation__BottomBar__LegalLinks {
    list-style: none;
    display: flex;
    gap: 20px;
  margin:0;    
}


.FooterNavigation .FooterNavigation__BottomBar__LegalLinks__Link {
    color: #fff;
    font-size: 12px;
  display:inline-block;
}
.FooterNavigation ul li {
    margin-left: 0;
    padding-left: 0;
    margin: 0;
}
.FooterNavigation .FooterNavigation__Menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
    gap: 16px;
  margin:0;
}

.FooterNavigation .FooterNavigation__Menu__Item {
    width: 100%;
    flex: 0 0 auto;
    width: calc(50% - 8px)
}

@media (min-width: 1024px) {
    .FooterNavigation .FooterNavigation__Menu__Item {
        width:159.2px;
        flex: 1 1 auto
    }
}

.FooterNavigation .FooterNavigation__Menu__Link {
    color: #fff;
    text-decoration: none;
    line-height: 28px
}

.FooterNavigation .FooterNavigation__Submenu {
    padding-top: 16px;
    list-style: none;margin:0;
}

.FooterNavigation .FooterNavigation__Submenu__Item {
    padding-bottom: 4px
}

.FooterNavigation .FooterNavigation__Submenu__Item:last-child {
    padding-bottom: 0
}

.FooterNavigation .FooterNavigation__Submenu__Link {
    color: #d7dadb;
    text-decoration: none;
    font-size: 13px;
    line-height: 20px;
  display:inline-block;
}
@media (max-width: 35.99em) {

        .FooterNavigation .FooterNavigation__BottomBar .container,footer .mainFooter .FooterNavigation .FooterNavigation__Top{
        padding: 0 20px;
    }
  footer .mainFooter .FooterNavigation .FooterNavigation__Top {
    
        padding-top: 50px;
    }
}

/* Modules */
.main-nav.desktop {
    display: none;
}

.main-nav.mobile {
    display: block;
}

@media only screen and (min-width: 1024px) {
    .main-nav.desktop {
        display: block;
    }
    
    .main-nav.mobile {
        display: none;
    }
}

/* top nav */

.top-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 50px;
    border-bottom: 1px solid #D9D9D9;
}

.link-wrapper {
    display: flex;
    align-items: center;
    gap: 32px;
}

.link-wrapper a { 
    display: inline-block;
    font-size: .75rem;
    line-height: .75rem;
    letter-spacing: .08em;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

.link-wrapper a:hover,
.link-wrapper a:active,
.link-wrapper a:focus {
    color: #333;
    text-decoration: none;
}

/* language */

.language-nav {
    position: relative;
}

.language-nav .language-button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: .75rem;
    line-height: .75rem;
    letter-spacing: .08em;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background-color: #005f83;
    height: 40px;
    padding: 0 30px;
    cursor: pointer;
    border: 0;
}

.language-button svg {
    transition: all .3s ease-in-out;
}

.language-button.active svg {
    transform: rotate(180deg);
}

.language-nav ul {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 1px 5px #c1c2c2;
    top: 100%;
    left: 0;
    min-width: 175px;
    width: calc(100% - 10px);
    position: absolute;
    z-index: 100;
    max-height: 400px;
    opacity: 1;
    transition: all .3s ease-in-out;
}

.language-nav ul.language-list {
    display: none;
}

.language-nav ul.language-list.show {
    display: block;
}

.language-nav ul li a {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #333;
    font-size: .875rem;
    padding: 10px;
    text-decoration: none;
    border-bottom: 1px solid #3EB1CB;
}

/* navigation */

.primary-nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
}

.logo {
    max-width: 200px;
    width: 100%;
}

.logo a {
    display: flex;
    align-items: center;
}

.logo img {
    max-width: 200px;
    width: 100%;
}

.mega-menu-util {
    position: relative;
    display: flex;
    align-items: center;
    gap: 32px;
}

/* mega menu */

.mega-menu {
    display: flex;
    align-items: center;
}

.mega-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 32px;
}

.mega-menu ul li a {
    display: flex;
    gap: 10px;
    align-items: center;
    text-decoration: none;
    transition: color .2s ease-in-out;
    color: #333;
    font-weight: 600;
    font-size: .875rem;
}

.mega-menu ul li a:hover {
    color: #005f83;
}

.mega-menu ul li .sub-menu {
    position: absolute;
    z-index: 21;
    width: 100%;
    top: 116px;
    left: 0;
    display: flex;
    background-color: #edf1f2;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .2s linear;
}

.mega-menu ul li:hover .sub-menu {
    display: flex;
    max-height: 1000px;
    visibility: visible;
    opacity: 1;
}

.mega-menu ul li:hover .sub-menu::before {
    content: "";
    position: absolute;
    top: -55px;
    left: 0;
    height: 55px;
    width: 100%;
    background: transparent;
}

/* mega menu sidebar */

.mega-menu .sub-menu .sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 350px;
    width: 100%;
    background-color: #333;
    color: #fff;
    padding: 40px 32px;
}

.mega-menu .sub-menu .sidebar .content,
.mega-menu .sub-menu .sidebar .content .h4 {
    color: var(--white);
}

.mega-menu .sub-menu .sidebar ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mega-menu .sub-menu .sidebar ul li a {
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #ffffff;
    font-size: .75rem;
    line-height: 1.125rem;
    letter-spacing: .08em;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--secondary);
    transition: all .3s ease-in-out;
}

.mega-menu .sub-menu .sidebar ul li a:hover {
    color: var(--white);
}

.mega-menu .sub-menu .sidebar ul li a svg {
    transition: all .3s ease-in-out;
}

.mega-menu .sub-menu .sidebar ul li a:hover svg {
    transform: translate(5px);
}

.mega-menu .sub-menu .sidebar ul li a svg path {
    transition: all .3s ease-in-out;
    fill: var(--secondary);
}

.mega-menu .sub-menu .sidebar ul li a:hover svg path {
    fill: var(--white);
}

/* mega menu links */

.mega-menu .sub-menu .mega-sub-menu-wrapper {
    padding: 40px 60px 40px 32px;
    width: 100%;
}

.mega-menu .sub-menu ul.mega-sub-menu {
    column-count: 5;
    column-gap: 50px;
    width: 100%;
    overflow-x: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 280px;
}

.mega-menu .sub-menu ul.mega-sub-menu li {
    break-inside: avoid;
}

.mega-sub-menu-group > a {
    display: flex;
    align-items: center;
    gap: 16px;

    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #C0C4C4;
    padding: 10px;
}

.mega-sub-menu-group > a:hover {
    color: var(--primary);
}

.mega-sub-menu-group > a svg {
    max-width: 24px;
    width: 100%;
    height: 24px;
}

.mega-sub-menu-group {
    margin-bottom: 24px;
}

.mega-sub-menu-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mega-sub-menu-group ul.sub-group li a {
    font-size: .8125rem;
    line-height: 1.3125rem;
    font-weight: 400;
    color: #5c5e5e;
    border-bottom: 1px dashed #C0C4C4;
    padding: 6px 10px;
}

/* mega menu cta */

.mega-menu-cta {
    width: 100%;
    max-width: 400px;
    padding: 32px;
    background-color: var(--white);
}

.mega-menu-cta .image {
    width: 100%;
    margin-bottom: 32px;
}

.mega-menu-cta .image img {
    width: 100%;
}

.mega-menu-cta .content {
    margin-bottom: 32px;
}

.mega-menu-cta .h4 {
    font-size: 1.25rem;
    line-height: 2rem;
}

.mega-menu-cta p {
    font-size: .875rem;
    line-height: 1.3125rem;
}

.mega-menu-cta a.btn {
    color: var(--primary);
}

/* mega menu col modifiers */

.mega-menu .sub-menu ul.mega-sub-menu.mega-sub-menu--2 {
    column-count: 2;
}

.mega-menu .sub-menu ul.mega-sub-menu.mega-sub-menu--3 {
    column-count: 3;
}

.mega-menu .sub-menu ul.mega-sub-menu.mega-sub-menu--4 {
    column-count: 4;
}

.mega-menu .sub-menu ul.mega-sub-menu.mega-sub-menu--5 {
    column-count: 5;
}

/* scrolled */

.primary-nav {
    position: relative;
}
  
.primary-nav.scrolled {
    position: fixed;
    z-index: 18;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--white);
    border-bottom: 1px solid #EDF1F2;
    padding: 12px 30px;
}

.primary-nav.scrolled .logo {
    max-width: 155px;
    width: 100%;
}

.primary-nav.scrolled .logo img {
    max-width: 155px;
    width: 100%;
}

.primary-nav.scrolled .mega-menu ul li .sub-menu {
    top: 75px;
}

.primary-nav.scrolled .mega-menu ul li:hover .sub-menu::before {
    top: -25px;
    height: 25px;
}

.scroll-icons {
    display: none;
    gap: 32px;
}

.primary-nav.scrolled .scroll-icons {
    display: flex;
    align-items: center;
}

.site-header-no-nav .primary-nav.scrolled {
    position: relative;
}

.scroll-icons .contact {
    height: 18px;
    width: 18px;
}

.scroll-icons .language-nav .language-button {
    outline: none;
    appearance: none;
    height: 18px;
    width: 18px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    padding: 0;
}

.scroll-icons .language-nav ul {
    left: auto;
    right: 0;
}

.scroll-icons .language-button.active svg {
    transform: rotate(0deg);
}

/* mobile nav */

.main-nav.mobile {
    position: fixed;
    z-index: 71;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--white);
}

.mobile-nav {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 16px 20px;
}

.mobile-nav .header-cta-form {
    padding: 16px 20px;
}

.mobile-nav .logo {
    max-width: 120px;
}

.mobile-nav .utility-nav {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: auto;
}

.mobile-nav .utility-nav .search,
.mobile-nav .utility-nav .language-nav .language-button {
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: none;
    appearance: none;
    height: 18px;
    width: 18px;
}

.mobile-nav .utility-nav .language-nav ul {
    left: auto;
    right: 0;
    top: 30px;
}

.header-cta.desk {
    display: none;
}

.header-cta.mobile {
    display: block;
}

@media only screen and (min-width: 1024px) {
    .header-cta.desk {
        display: block;
    }
    
    .header-cta.mobile {
        display: none;
    }
}

.header-cta.mobile button {
    background: linear-gradient(180deg, #3eb1cb, #005f83);
    color: #fff;
    padding: 12px 16px;
    border: 0;
    border-radius: 999px;
    font-size: .625rem;
    line-height: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.header-cta-wrapper svg.close-button {
    width: 24px;
    height: 24px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: 20px;
}

.mobile-nav-wrapper .hamburger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 18px;
    position: relative;
}

.mobile-nav-wrapper .hamburger span {
    display: inline-block;
    width: 100%;
    height: 2px;
    background: var(--black);
}

.mobile-nav-wrapper .hamburger span::before,
.mobile-nav-wrapper .hamburger span::after {
    content: "";
    display: inline;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--black);
}

.mobile-nav-wrapper .hamburger span::before {
    top: 0;
}

.mobile-nav-wrapper .hamburger span::after {
    top: auto;
    bottom: 0;
}

.mobile-nav-wrapper .menu {
    backface-visibility: hidden;
    background-color: #ebf1f2;
    height: 100%;
    height: 100vh;
    width: 100%;
    left: 0;
    top: 0;
    list-style: none;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    transform: translate(100%);
    transition: transform .45s cubic-bezier(.19,1,.22,1), visibility .45s;
    visibility: hidden;
    z-index: 41;
}

.mobile-nav-wrapper .menu-wrapper {
    padding: 50px 20px 30px;
}

.mobile-nav-wrapper.menu-open .menu {
    transform: translate(0);
    visibility: visible;
}

.mobile-nav-wrapper .hamburger-close {
    display: none;
}

.mobile-nav-wrapper.menu-open .hamburger-close {
    position: absolute;
    z-index: 51;
    top: 20px;
    right: 20px;
    display: block;
}

.mobile-nav-wrapper .buttons-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 24px;
    margin-bottom: 50px;
    gap: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

.mobile-nav-wrapper .buttons-wrapper a.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    padding: 14px 40px;
    gap: 15px;
}

.mobile-nav-wrapper .buttons-wrapper a.btn svg {
    width: 14px;
    height: 15px;
}

.mobile-nav-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-nav-wrapper .mobile-nav-link-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #C0C4C4;
    height: 51px;
}

.mobile-nav-wrapper .mobile-nav-link-wrapper > a {
    font-size: 1rem;
    line-height: 1.3125rem;
    font-weight: 600;
    color: var(--black);
    text-decoration: none;
}

.mobile-nav-wrapper .mobile-nav-link-wrapper > a:hover,
.mobile-nav-wrapper .mobile-nav-link-wrapper > a:focus,
.mobile-nav-wrapper .mobile-nav-link-wrapper > a:active {
    text-decoration: none;
}

.mobile-nav-wrapper .mobile-plus {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-nav-wrapper .mobile-plus::after {
    content: "";
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjEnIHZpZXdCb3g9JzAgMCAyMCAyMScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTAgMS4zMzMzNFYxOS42NjY3JyBzdHJva2U9JyMzRUIxQ0InIHN0cm9rZS13aWR0aD0nMS41Jy8+PHBhdGggZD0nTTAuODMzMzQ0IDEwLjVIMTkuMTY2Nycgc3Ryb2tlPScjM0VCMUNCJyBzdHJva2Utd2lkdGg9JzEuNScvPjwvc3ZnPgo=);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.mobile-nav-wrapper ul li.is-active .mobile-plus::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjEnIHZpZXdCb3g9JzAgMCAyMCAyMScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMC44MzMzMTMgMTAuNUgxOS4xNjY2JyBzdHJva2U9JyMzRUIxQ0InIHN0cm9rZS13aWR0aD0nMS41Jy8+PC9zdmc+Cg==);
}

.mobile-nav-wrapper ul li .sub-menu {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease-in-out;
    padding-left: 16px;
    border-bottom: 1px solid #C0C4C4;
}

.mobile-nav-wrapper ul li.is-active .sub-menu {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
}

.mobile-nav-wrapper .mega-sub-menu-group {
    margin-bottom: 0;
    border-bottom: 1px solid #C0C4C4;
}

.mobile-nav-wrapper .mega-sub-menu-group:last-of-type {
    border-bottom: none;
}

.mobile-nav-wrapper .mega-sub-menu-group .mega-sub-menu-group-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
}

.mobile-nav-wrapper .mega-sub-menu-group .mega-sub-menu-group-wrapper .mega-sub-menu-group-link a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 600;
    color: var(--dark);
    text-decoration: none;
}

.mobile-nav-wrapper .mega-sub-menu-group .mega-sub-menu-group-wrapper .mega-sub-menu-group-link a:hover,
.mobile-nav-wrapper .mega-sub-menu-group .mega-sub-menu-group-wrapper .mega-sub-menu-group-link a:focus,
.mobile-nav-wrapper .mega-sub-menu-group .mega-sub-menu-group-wrapper .mega-sub-menu-group-link a:active {
    text-decoration: none;
}

.mobile-nav-wrapper .mega-sub-menu-group .sub-menu-expand {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.mobile-nav-wrapper .mega-sub-menu-group .sub-menu-expand::after {
    content: "";
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjEnIHZpZXdCb3g9JzAgMCAyMCAyMScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cmVjdCB4PScwLjUnIHk9JzEnIHdpZHRoPScxOScgaGVpZ2h0PScxOScgcng9JzEuNScgc3Ryb2tlPScjM0VCMUNCJy8+PGcgY2xpcC1wYXRoPSd1cmwoI2NsaXAwXzU0ODJfMzYwMDcpJz48cGF0aCBkPSdNOC4xMjUgNi4xMjVMMTIuNSAxMC41TDguMTI1IDE0Ljg3NScgc3Ryb2tlPScjM0VCMUNCJyBzdHJva2Utd2lkdGg9JzEuNScvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9J2NsaXAwXzU0ODJfMzYwMDcnPjxyZWN0IHdpZHRoPScxMCcgaGVpZ2h0PScxMCcgZmlsbD0nd2hpdGUnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDUgNS41KScvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPgo=);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.mobile-nav-wrapper ul.sub-group {
    list-style: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100vw;
    height: 100%;
    background-color: #ebf1f2;
    visibility: hidden;
    transform: translate(100%);
    padding: 30px 24px;
    z-index: 61;
    transition: transform .4s ease-in-out, visibility .4s;
}

.mega-sub-menu-group.is-active ul.sub-group {
    max-height: 100svh;
    height: 100svh;
    visibility: visible;
    transform: translate(0);
}

.mega-sub-menu-group.is-active ul.sub-group .close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 51;
    font-size: .625rem;
    line-height: .75rem;
    font-weight: 600;
    border-radius: 999px;
    padding: 12px 32px;
    background-color: #bef184;
    border: 1px solid #BEF184;
    color: #333;
}

.mobile-nav-wrapper:has(.mega-sub-menu-group.is-active) .hamburger-close {
    display: none;
}

.mobile-nav-wrapper .sub-group .mega-sub-menu-group-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #C0C4C4;
    padding-bottom: 10px;
}

.mobile-nav-wrapper .sub-group .mega-sub-menu-group-link a {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 600;
    color: var(--black);
    text-decoration: none;
}

.mobile-nav-wrapper .sub-group .mega-sub-menu-group-link a:hover,
.mobile-nav-wrapper .sub-group .mega-sub-menu-group-link a:focus,
.mobile-nav-wrapper .sub-group .mega-sub-menu-group-link a:active {
    text-decoration: none;
}

.mobile-nav-wrapper .sub-group .sub-group-link {
    border-bottom: 1px dashed #C0C4C4;
}

.mobile-nav-wrapper .sub-group .sub-group-link a {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--dark);
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 400;
    padding: 14px 60px 14px 10px;
    text-decoration: none;
}

.mobile-nav-wrapper .sub-group .sub-group-link a:hover,
.mobile-nav-wrapper .sub-group .sub-group-link a:focus,
.mobile-nav-wrapper .sub-group .sub-group-link a:active {
    text-decoration: none;
}
.header-cta-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    max-width: 500px;
    z-index: 90;
    background: linear-gradient(90deg, #3eb1cb, #005f83 101.03%);
    transition: transform .3s;
    will-change: transform;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    transform: translate3d(100%, 0, 0);
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 2px 6px #777;
}

.header-cta.desk button {
    padding: 18px 50px;
    text-transform: uppercase;
    cursor: pointer;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: inherit;
    text-align: inherit;
}

.header-cta-overlay {
    position: absolute;
    z-index: 88;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black);
    opacity: 0;
    transition: opacity ease-in-out 0.3s;
    visibility: hidden;
}

.form-trigger-wrapper {
    position: absolute;
    right: calc(100% + 50px);
    transform: rotate(-90deg);
    transform-origin: top right;
    white-space: nowrap;
    top: 150px;
    background-color: #3eb1cb;
    font-size: .75rem;
    line-height: .875rem;
    font-weight: 600;
    color: #fff;
    border-radius: 30px 30px 0 0;
    z-index: 99;
}

.header-cta-form {
    padding: 32px 50px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.header-cta-form .hs-richtext a {
    font-size: .8rem;
    color: var(--secondary);
    font-weight: 400;
}

.header-cta.visible .header-cta-wrapper {
    transform: translateZ(0);
}

.header-cta.visible .header-cta-overlay {
    visibility: visible;
    opacity: 0.5;
}

body.cta-open {
    overflow: hidden;
}


.header-cta-form .hs-form {
    color: var(--white);
}

.header-cta-form form input[type="text"],
.header-cta-form form input[type="email"],
.header-cta-form form input[type="password"],
.header-cta-form form input[type="tel"],
.header-cta-form form input[type="number"],
.header-cta-form form input[type="file"],
.header-cta-form form input[type="search"],
.header-cta-form form select,
.header-cta-form form textarea {
    border: 1px solid var(--white);
    color: var(--white);
}

.header-cta-form form input:focus,
.header-cta-form form input:focus-visible {
    border: 1px solid var(--white);
}

.header-cta-form form .hs-form-required {
    color: var(--white);
}
.team-member__inner{display:grid;padding: 64px 20px;}
.team-member__inner.w-image{grid-template-columns: 60% 40%;}
.team-member-content>* {
  color: white;
}

.team-member-image__inner img {
  position: relative;
  height: 100%;
  width: 80%;
  width: calc(100% - 60px);
  margin: 0 auto;
  object-fit: contain;
  object-position: center bottom;
  z-index: 1;
}

.team-member-image__inner {
  position: relative;
  height: 340px;
  overflow: hidden;
  padding-top: 10px;
  object-fit: contain;
  text-align:center;
  transform: translateY(64px);
}

.background-deco {
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: -5px;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="340px" height="340px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path style="opacity:0.888" fill="%2346b3cc" d="M 321.5,339.5 C 315.167,339.5 308.833,339.5 302.5,339.5C 301.375,337.871 300.041,336.371 298.5,335C 299.094,334.536 299.761,334.369 300.5,334.5C 305.344,333.502 310.01,333.502 314.5,334.5C 315.833,308.842 316.5,282.842 316.5,256.5C 316.5,230.331 316.167,204.331 315.5,178.5C 309.485,126.268 283.819,87.1013 238.5,61C 222.752,52.9733 206.086,47.9733 188.5,46C 134.515,44.5731 80.5151,44.0731 26.5,44.5C 25.5206,47.6248 25.1872,50.9581 25.5,54.5C 22.4153,52.6506 20.7486,49.9839 20.5,46.5C 20.5,44.1667 20.5,41.8333 20.5,39.5C 78.8616,39.0279 137.195,39.5279 195.5,41C 250.348,51.5239 288.848,82.3572 311,133.5C 316.542,147.667 319.875,162.333 321,177.5C 321.5,231.499 321.667,285.499 321.5,339.5 Z"/></g><g><path style="opacity:0.932" fill="%234ab7c3" d="M 20.5,46.5 C 20.7486,49.9839 22.4153,52.6506 25.5,54.5C 25.5,63.1667 25.5,71.8333 25.5,80.5C 22.4153,78.6506 20.7486,75.9839 20.5,72.5C 20.5,63.8333 20.5,55.1667 20.5,46.5 Z"/></g><g><path style="opacity:0.968" fill="%2353bbbe" d="M 20.5,72.5 C 20.7486,75.9839 22.4153,78.6506 25.5,80.5C 25.5,87.1667 25.5,93.8333 25.5,100.5C 24.078,99.075 22.4113,98.075 20.5,97.5C 20.5,89.1667 20.5,80.8333 20.5,72.5 Z"/></g><g><path style="opacity:0.955" fill="%235fc1b8" d="M 20.5,97.5 C 22.4113,98.075 24.078,99.075 25.5,100.5C 25.6665,110.839 25.4998,121.172 25,131.5C 22.3667,129.359 20.8667,126.692 20.5,123.5C 20.5,114.833 20.5,106.167 20.5,97.5 Z"/></g><g><path style="opacity:0.934" fill="%2384d0be" d="M 26.5,44.5 C 26.5,95.5 26.5,146.5 26.5,197.5C 25.5206,194.375 25.1872,191.042 25.5,187.5C 25.6664,178.827 25.4998,170.16 25,161.5C 23.6288,159.959 22.1288,158.625 20.5,157.5C 20.5,146.167 20.5,134.833 20.5,123.5C 20.8667,126.692 22.3667,129.359 25,131.5C 25.4998,121.172 25.6665,110.839 25.5,100.5C 25.5,93.8333 25.5,87.1667 25.5,80.5C 25.5,71.8333 25.5,63.1667 25.5,54.5C 25.1872,50.9581 25.5206,47.6248 26.5,44.5 Z"/></g><g><path style="opacity:0.9" fill="%2378cdaa" d="M 20.5,157.5 C 22.1288,158.625 23.6288,159.959 25,161.5C 25.4998,170.16 25.6664,178.827 25.5,187.5C 23.8333,186.167 22.1667,184.833 20.5,183.5C 20.5,174.833 20.5,166.167 20.5,157.5 Z"/></g><g><path style="opacity:0.073" fill="%239dd6e3" d="M 315.5,178.5 C 316.167,204.331 316.5,230.331 316.5,256.5C 316.5,282.842 315.833,308.842 314.5,334.5C 315.495,282.572 315.829,230.572 315.5,178.5 Z"/></g><g><path style="opacity:0.939" fill="%238cd6a9" d="M 20.5,183.5 C 22.1667,184.833 23.8333,186.167 25.5,187.5C 25.1872,191.042 25.5206,194.375 26.5,197.5C 27.2081,205.539 28.2081,213.539 29.5,221.5C 27.2459,220.585 25.2459,219.252 23.5,217.5C 21.1028,206.434 20.1028,195.101 20.5,183.5 Z"/></g><g><path style="opacity:0.889" fill="%239cdea1" d="M 23.5,217.5 C 25.2459,219.252 27.2459,220.585 29.5,221.5C 41.8161,268.772 70.1494,302.772 114.5,323.5C 113.761,323.369 113.094,323.536 112.5,324C 114.706,326.037 116.706,328.203 118.5,330.5C 71.5826,312.081 40.7492,278.748 26,230.5C 24.6859,226.246 23.8526,221.913 23.5,217.5 Z"/></g><g><path style="opacity:0.917" fill="%2395daaa" d="M 114.5,323.5 C 132.37,330.086 150.704,333.752 169.5,334.5C 164.821,334.334 160.155,334.501 155.5,335C 157.041,336.371 158.375,337.871 159.5,339.5C 157.5,339.5 155.5,339.5 153.5,339.5C 141.65,337.62 129.983,334.62 118.5,330.5C 116.706,328.203 114.706,326.037 112.5,324C 113.094,323.536 113.761,323.369 114.5,323.5 Z"/></g><g><path style="opacity:0.946" fill="%2383d3aa" d="M 180.5,334.5 C 181.833,336.167 183.167,337.833 184.5,339.5C 176.167,339.5 167.833,339.5 159.5,339.5C 158.375,337.871 157.041,336.371 155.5,335C 160.155,334.501 164.821,334.334 169.5,334.5C 173.245,333.669 176.912,333.669 180.5,334.5 Z"/></g><g><path style="opacity:0.962" fill="%2383d1b4" d="M 199.5,334.5 C 201.5,335.833 203.167,337.5 204.5,339.5C 197.833,339.5 191.167,339.5 184.5,339.5C 183.167,337.833 181.833,336.167 180.5,334.5C 186.799,333.266 193.133,333.266 199.5,334.5 Z"/></g><g><path style="opacity:0.935" fill="%237ccdba" d="M 199.5,334.5 C 209.541,333.362 219.541,333.362 229.5,334.5C 229.062,334.435 228.728,334.601 228.5,335C 230.041,336.371 231.375,337.871 232.5,339.5C 223.167,339.5 213.833,339.5 204.5,339.5C 203.167,337.5 201.5,335.833 199.5,334.5 Z"/></g><g><path style="opacity:0.915" fill="%236dc5c1" d="M 273.5,334.5 C 274.833,336.167 276.167,337.833 277.5,339.5C 262.5,339.5 247.5,339.5 232.5,339.5C 231.375,337.871 230.041,336.371 228.5,335C 228.728,334.601 229.062,334.435 229.5,334.5C 244.44,334.226 259.107,334.226 273.5,334.5 Z"/></g><g><path style="opacity:0.957" fill="%2365bfc9" d="M 300.5,334.5 C 299.761,334.369 299.094,334.536 298.5,335C 300.041,336.371 301.375,337.871 302.5,339.5C 294.167,339.5 285.833,339.5 277.5,339.5C 276.167,337.833 274.833,336.167 273.5,334.5C 282.633,333.319 291.633,333.319 300.5,334.5 Z"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
}
.team-member .wrapper {
  background: linear-gradient(180deg, #3eb1cb, #005f83);
  border-radius: 70px 0;

}

.team-member a:not(.btn-group > a) {
  color: #fff;
  text-decoration: underline;
}


@media (max-width:850px){
  .team-member__inner.w-image{grid-template-columns: 100%;}
  .team-member-image__inner{height:200px;}

}
@media (min-width:850px){
  .team-member__inner{padding: 64px 100px;}
}
@media (min-width:1440px) {
    .base.subscription {
        padding-left: 0;
        padding-right: 0;
    }
}

.subscription__inner {
    display: grid;
    padding: 64px 20px;
}

.subscription__inner.w-form {
    grid-template-columns: 50% 50%;
    gap: 30px;
}

.subscription-form__inner form .legal-consent-container .hs-richtext p,
.subscription-form__inner form .legal-consent-container,
.subscription-form__inner form legend,
.subscription-content>* {
    color: white;
}

.subscription .wrapper {
    background: linear-gradient(180deg, #3eb1cb, #005f83);
    border-radius: 0;

}

.subscription a:not(.btn-section > a) {
    font-size: .8rem;
    color: var(--secondary);
    font-weight: 400;
}

.subscription .subscription-form__inner h3 {
    display: none;
}

.subscription .subscription-form__inner form {
    background-color: unset;
    border: none;
    border-radius: 0;
    padding: 0px;
}

@media (max-width:850px) {
    .subscription__inner.w-form {
        grid-template-columns: 100%;
    }
}

@media (min-width:850px) {
    .subscription__inner {
        padding: 64px 100px;
    }

    .subscription .subscription-form__inner form {
        padding: 0 45px;
    }
}

.subscription .wrapper .subscription-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.subscription .wrapper .subscription-content ul li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-left: 0;
}

.subscription .wrapper .subscription-content ul li:before {
    content: "";
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    top: 3px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3382_17274)'%3E%3Cpath d='M1.3335 8.00016C1.3335 9.76827 2.03588 11.464 3.28612 12.7142C4.53636 13.9645 6.23205 14.6668 8.00016 14.6668C9.76827 14.6668 11.464 13.9645 12.7142 12.7142C13.9645 11.464 14.6668 9.76827 14.6668 8.00016C14.6668 6.23205 13.9645 4.53636 12.7142 3.28612C11.464 2.03588 9.76827 1.3335 8.00016 1.3335C6.23205 1.3335 4.53636 2.03588 3.28612 3.28612C2.03588 4.53636 1.3335 6.23205 1.3335 8.00016Z' stroke='%23BEF184' stroke-width='1.5'/%3E%3Cpath d='M9 10.3337L11.3333 8.00033L9 5.66699' stroke='%23BEF184' stroke-width='1.5'/%3E%3Cpath d='M5 8H11.3333' stroke='%23BEF184' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3382_17274'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* modifier */

.subscription.subscription--divided .wrapper {
    background: transparent;
}

.subscription.subscription--divided .wrapper .subscription__inner.w-form {
    padding: 0;
}

.subscription.subscription--divided .wrapper .subscription__inner.w-form .subscription-form {
    padding: 64px 19px;
    background: linear-gradient(rgb(62, 177, 203), rgb(0, 95, 131));
}

.subscription.subscription--divided .wrapper .subscription__inner.w-form .subscription-content {
    padding: 64px 0px;
    padding-bottom: 20px;
}

.subscription.subscription--divided .wrapper .subscription__inner.w-form .subscription-content>* {
    color: #787a7a;
}

.subscription.subscription--divided .wrapper .subscription__inner.w-form .subscription-content h1,
.subscription.subscription--divided .wrapper .subscription__inner.w-form .subscription-content h2,
.subscription.subscription--divided .wrapper .subscription__inner.w-form .subscription-content h3,
.subscription.subscription--divided .wrapper .subscription__inner.w-form .subscription-content h4 {
    color: black;
}

@media (min-width:850px) {
    .subscription.subscription--divided .wrapper .subscription__inner.w-form .subscription-form {
        padding: 64px 19px;
    }
    
    .subscription.subscription--divided .wrapper .subscription__inner.w-form .subscription-content {
        padding: 64px 0px;
    }
}
/* Missing Template at Path: \'Technia-2025\/css\/modules\/_related-resources.css\' */
.txt-media .wrapper {
    display: flex;
    gap: 25px;
    flex-direction: column;
}

@media only screen and (min-width: 768px) {
    .txt-media .wrapper {
        gap: 45px;
    }
}

.txt-media .txt-media__body {
    display: flex;
    flex-direction: column-reverse;
    gap: 25px;
}

.txt-media-content {
    width: 100%;
    max-width: 100%;
}

.txt-media-media {
    width: 100%;
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .txt-media .txt-media__body {
        gap: 45px;
        flex-direction: row;
    }

    .txt-media-content {
        max-width: 50%;
    }
    
    .txt-media-media {
        max-width: 50%;
    }
}

/* modifiers */

.txt-media-media.image-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (min-width: 768px) {
    .txt-media--reversed .txt-media__body {
        flex-direction: row-reverse;
    }
}

/* video */

.txt-media-media.youtube .video-frame,
.txt-media-media.youtube .video-frame iframe {
    width: 100%;
    height: 100%;
    min-height: 300px;
}

.txt-media__body.media-centered {
    align-items: center;
}

.txt-media-media.video.cover .hs-video-widget,
.txt-media-media.video.cover .hs-video-container,
.txt-media-media.video.cover .hs-video-wrapper,
.txt-media-media.video.cover .hs-video-wrapper iframe {
    height: 100% !important;
}
.benefit-icons .wrapper {
    display: flex;
    flex-direction: column;
    gap: 34px;
}

@media only screen and (min-width: 768px) {
    .benefit-icons .wrapper {
        gap: 64px;
        flex-direction: row;
    }
}

.benefit-icons__header {
    width: 100%;
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .benefit-icons__header {
        max-width: 50%;
    }
}

@media only screen and (min-width: 1200px) {
    .benefit-icons__header {
        max-width: 30%;
    }
}

.benefit-icons__body {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns:  1fr;
    gap: 34px;
}

.benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    width: 100%;
}

.benefit-item .icon {
    max-width: 50px;
    width: 100%;
}

.benefit-item .content {
    max-width: 80%;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .benefit-icons__body {
        max-width: 50%;
    }
}

@media only screen and (min-width: 1200px) {
    .benefit-icons__body {
        max-width: 70%;
    }

    .benefit-icons__body {
        grid-template-columns: repeat(2, 1fr);
        gap: 64px;
    }
}
.anchor-nav {
    z-index: 12;
    display: none;
    background-color: #f9f9f9;
    border-bottom: 1px solid #3EB1CB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image: linear-gradient(270deg, #bef184, #3eb1cb 50.5%) 1;
    box-shadow: 0 7px 7px #00000008;
}

.anchor-nav.scrolled {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    .anchor-nav {
        display: block;
    }
}

.anchor-nav .wrapper {
    display: flex;
    gap: 60px;
}

a.anchor-item {
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 700;
    color: var(--dark);
    transition: all ease-in-out 0.3s;
    text-decoration: none;
}

a.anchor-item:hover {
    color: var(--primary);
    text-decoration: none;
}
.related-content .wrapper {
    display: flex;
    flex-direction: column;
    gap: 34px;
}

@media only screen and (min-width: 768px) {
    .related-content .wrapper {
        gap: 64px;
        flex-direction: row;
    }
}

.related-content__header {
    width: 100%;
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .related-content__header {
        max-width: 50%;
    }
}

@media only screen and (min-width: 1200px) {
    .related-content__header {
        max-width: 30%;
    }
}

.related-content__body {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns:  1fr;
    gap: 34px;
}

a.related-item,
.related-item {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    width: 100%;
    padding: 30px 36px;
    background: #f9f9f9;
    text-decoration: none;
}

.related-item:hover .btn--arrow {
    color: #005f83;
}

.related-item:hover .btn--arrow svg {
    transform: translate(5px);
}

.related-item:hover .btn--arrow svg path {
    fill: #005f83;
}

.related-item .content {
    width: 100%;
    color: #5c5e5e;
}

.related-item .content .h3 {
    color: #333;
}

@media only screen and (min-width: 768px) {
    .related-content__body {
        max-width: 50%;
    }
}

@media only screen and (min-width: 1200px) {
    .related-content__body {
        max-width: 70%;
    }

    .related-content__body {
        grid-template-columns: repeat(2, 1fr);
        gap: 64px;
    }
}
.software-boxes {
    background: linear-gradient(360deg, rgba(237, 241, 242, 0), rgb(237, 241, 242));
    padding-top: 80px;
    padding-bottom: 80px;
}

.software-boxes .wrapper {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

@media only screen and (min-width: 768px) {
    .software-boxes .wrapper {
        gap: 55px;
    }
}

.software-boxes__header {
    width: 100%;
    max-width: 100%;
}

.software-boxes__body {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 34px;
}

a.software-box,
.software-box {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    width: 100%;
    padding: 30px 36px;
    box-shadow: 0 7px 7px #00000008;
    transition: box-shadow .3s ease-in-out;
    background: var(--white);
    text-decoration: none;
}

@media only screen and (min-width: 768px) {
    a.software-box,
    .software-box {
        max-width: calc(100%/2 - 34px/2);
    }
}

@media only screen and (min-width: 1024px) {
    a.software-box,
    .software-box {
        max-width: calc(100%/3 - 68px/3);
    }
}

.software-box:hover {
    box-shadow: 0 7px 7px #00000014;
}

.software-box .logo {
    max-width: 80%;
    margin-bottom: 32px;
}

.software-box .image {
    max-width: 100%;
    margin-bottom: 32px;
}

.software-box .image img {
    width: 100%;
    height: auto;
}

.software-box:hover .btn--arrow {
    color: #005f83;
}

.software-box:hover .btn--arrow svg {
    transform: translate(5px);
}

.software-box:hover .btn--arrow svg path {
    fill: #005f83;
}

.software-box .content {
    width: 100%;
    color: #787a7a;
}

/* modifiers */

.software-boxes__header--centered {
    text-align: center;
}

.software-boxes__header--centered .btn-group {
    justify-content: center;
}

/* cta box */

a.software-box-cta,
.software-box-cta {
    order: 2;
    position: relative;
    border-radius: 30px 0px;
    overflow: hidden;
    font-size: 2rem;
    line-height: 3rem;
    padding: 40px;
    color: var(--white);
    text-decoration: none;
    transition: all ease-in-out 0.3s;
}

a.software-box-cta .cta-bg img,
.software-box-cta .cta-bg img {
    transition: all ease-in-out 0.3s;
}  

a.software-box-cta:hover,
.software-box-cta:hover {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 7px 7px;
    color: var(--white);
}   

a.software-box-cta:hover .cta-bg img,
.software-box-cta:hover .cta-bg img {
    transform: scale(1.1);
}  

.software-box-cta::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 95, 131, 0.9);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.software-box-cta .cta-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.software-box-cta .cta-bg img {
    width: 100%;
    height: 100%;
}

.software-box-cta .content {
    position: relative;
    z-index: 4;
    color: var(--white);
}

a.software-box-cta .content svg,
.software-box-cta .content svg {
    position: absolute;
    z-index: 4;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 15px;
}
.faq {
    position: relative;
}

.faq:has(.bg-container) {
    padding-top: 45px;
    padding-bottom: 0px;
}

@media only screen and (min-width: 768px) {
    .faq:has(.bg-container) {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

.faq .bg-container {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.faq .bg-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.2;
}

.faq .bg-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(360deg, #f9f9f980, #f9f9f9);
}

.faq .wrapper {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 34px;
}

@media only screen and (min-width: 1024px) {
    .faq .wrapper {
        flex-direction: row;
        gap: 64px;
    }
}

.faq__header {
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    .faq__header {
        max-width: 400px;
    }
}

.faq__body {
    background-color: #fff;
    width: 100%;
}

@media (min-width: 1024px){
    .faq__body {
        background-color: #ffffff80;
    }
}

.accordion {
    border-bottom: 1px solid #C0C4C4;
    padding: 16px 24px;
}

@media (min-width: 768px){
    .accordion {
        padding: 16px 40px;
    }
}

.accordion__header {
    cursor: pointer;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 1.25rem;
    line-height: 2rem;
    color: var(--black);
}

.accordion .accordion__header .readmore {
    width: 20px;
    height: 20px;
}

.accordion .accordion__header .readmore svg {
    width: 20px;
    height: 20px;
    transition: all ease-in-out 0.3s;
}

.accordion.active .accordion__header .readmore svg {
    transform: rotate(45deg);
}

.accordion .accordion__body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease;
}

.accordion .accordion__body .content {
    padding: 24px 0;
    padding-bottom: 40px;
}

/* modifiers */

.faq.faq--only .faq__header {
    display: none;
}

@media only screen and (min-width: 1024px) {
    .faq.faq--reverse .wrapper {
        flex-direction: row-reverse;
    }
}

/* faq specific spacing tweak */

.faq.base {
    padding-left: 0;
    padding-right: 0;
}

.faq .faq__header {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 768px){
    .faq.base {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1024px){
    .faq.base {
        padding-left: 20px;
        padding-right: 20px;
    }

    .faq .faq__header {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Macros */

.card-feed__title-bar {
  margin-bottom: 2.5rem;
}

.card-feed {
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2em 1.6em;
}

.card {
  border: 0;
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  padding: 0;
  flex-direction: column;
}

.card_body {
  flex: 1;
  height: 100%;
  margin-bottom: 20px;
}

.card_header {
  margin-bottom: 1rem;
}

.card_header img {
  border-radius: 10px;
}

.card_body .card_tags {
  margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
  .card-feed.card-feed__full-width {
    grid-template-columns: repeat(1, 1fr);
    gap: 2em 1.6em;
  }

  .card .card_full-width-container {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }

  .card:not(:last-of-type) .card_full-width-container {
    border-bottom: 1px solid var(--blue);
    padding-bottom: 2em;
  }
  
  .card .card_full-width-container .card_header {
    height: 411px;
    margin-bottom: 0;
  }
  
  .card .card_full-width-container .card_header img {
    height: 100%;
    object-fit: cover;
  }
  
  .card .card_full-width-container .card_body {
    height: auto;
  }
  
  .card .card_full-width-container .card_full-width-col:last-of-type {
    padding: 2em 0;
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .card-feed__title-bar .card-feed__blog-button {
    display: none;
  }
}

/* Sections */




/* 1. 2 Columns with round Image */

@media(max-width: 1199px) {
  .two-columns-image>.row-fluid>[class*="span"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media(max-width: 767px) {
.two-columns-image.text-left>.row-fluid {
  display: flex;
  flex-direction: column-reverse;
}
}

/* Settings */

html {
  scroll-behavior: smooth;
}
hr {
  border-bottom-color: #eee;
}

:root {
  --white: #fff;
  --black: #000;
  --blue: #0078FF;
  --primary-colour: #3EB1CB;
  --secondary-colour: #bef184;
  --primary-font: 
}



.p--0 { padding:0px !important; }
.p-0 { padding:0px; }
.pt-0 { padding-top:0px; }
.pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; }
.pr-0 { padding-right:0px; }

.m-0 {  margin:0px; }
.mt-0 { margin-top:0px; }
.mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; }
.mr-0 { margin-right:0px; }

.mt--0 { margin-top:-0px; }
.mb--0 { margin-bottom:-0px; }



.max--0 { max-width:0%; }
.mt---0 { margin-top:-0%; }
.mb---0 { margin-bottom:-0%; }




.p--5 { padding:5px !important; }
.p-5 { padding:5px; }
.pt-5 { padding-top:5px; }
.pb-5 { padding-bottom:5px; }
.pl-5 { padding-left:5px; }
.pr-5 { padding-right:5px; }

.m-5 {  margin:5px; }
.mt-5 { margin-top:5px; }
.mb-5 { margin-bottom:5px; }
.ml-5 { margin-left:5px; }
.mr-5 { margin-right:5px; }

.mt--5 { margin-top:-5px; }
.mb--5 { margin-bottom:-5px; }



.max--5 { max-width:5%; }
.mt---5 { margin-top:-5%; }
.mb---5 { margin-bottom:-5%; }




.p--10 { padding:10px !important; }
.p-10 { padding:10px; }
.pt-10 { padding-top:10px; }
.pb-10 { padding-bottom:10px; }
.pl-10 { padding-left:10px; }
.pr-10 { padding-right:10px; }

.m-10 {  margin:10px; }
.mt-10 { margin-top:10px; }
.mb-10 { margin-bottom:10px; }
.ml-10 { margin-left:10px; }
.mr-10 { margin-right:10px; }

.mt--10 { margin-top:-10px; }
.mb--10 { margin-bottom:-10px; }



.max--10 { max-width:10%; }
.mt---10 { margin-top:-10%; }
.mb---10 { margin-bottom:-10%; }




.p--15 { padding:15px !important; }
.p-15 { padding:15px; }
.pt-15 { padding-top:15px; }
.pb-15 { padding-bottom:15px; }
.pl-15 { padding-left:15px; }
.pr-15 { padding-right:15px; }

.m-15 {  margin:15px; }
.mt-15 { margin-top:15px; }
.mb-15 { margin-bottom:15px; }
.ml-15 { margin-left:15px; }
.mr-15 { margin-right:15px; }

.mt--15 { margin-top:-15px; }
.mb--15 { margin-bottom:-15px; }



.max--15 { max-width:15%; }
.mt---15 { margin-top:-15%; }
.mb---15 { margin-bottom:-15%; }




.p--20 { padding:20px !important; }
.p-20 { padding:20px; }
.pt-20 { padding-top:20px; }
.pb-20 { padding-bottom:20px; }
.pl-20 { padding-left:20px; }
.pr-20 { padding-right:20px; }

.m-20 {  margin:20px; }
.mt-20 { margin-top:20px; }
.mb-20 { margin-bottom:20px; }
.ml-20 { margin-left:20px; }
.mr-20 { margin-right:20px; }

.mt--20 { margin-top:-20px; }
.mb--20 { margin-bottom:-20px; }



.max--20 { max-width:20%; }
.mt---20 { margin-top:-20%; }
.mb---20 { margin-bottom:-20%; }




.p--25 { padding:25px !important; }
.p-25 { padding:25px; }
.pt-25 { padding-top:25px; }
.pb-25 { padding-bottom:25px; }
.pl-25 { padding-left:25px; }
.pr-25 { padding-right:25px; }

.m-25 {  margin:25px; }
.mt-25 { margin-top:25px; }
.mb-25 { margin-bottom:25px; }
.ml-25 { margin-left:25px; }
.mr-25 { margin-right:25px; }

.mt--25 { margin-top:-25px; }
.mb--25 { margin-bottom:-25px; }



.max--25 { max-width:25%; }
.mt---25 { margin-top:-25%; }
.mb---25 { margin-bottom:-25%; }




.p--30 { padding:30px !important; }
.p-30 { padding:30px; }
.pt-30 { padding-top:30px; }
.pb-30 { padding-bottom:30px; }
.pl-30 { padding-left:30px; }
.pr-30 { padding-right:30px; }

.m-30 {  margin:30px; }
.mt-30 { margin-top:30px; }
.mb-30 { margin-bottom:30px; }
.ml-30 { margin-left:30px; }
.mr-30 { margin-right:30px; }

.mt--30 { margin-top:-30px; }
.mb--30 { margin-bottom:-30px; }



.max--30 { max-width:30%; }
.mt---30 { margin-top:-30%; }
.mb---30 { margin-bottom:-30%; }




.p--35 { padding:35px !important; }
.p-35 { padding:35px; }
.pt-35 { padding-top:35px; }
.pb-35 { padding-bottom:35px; }
.pl-35 { padding-left:35px; }
.pr-35 { padding-right:35px; }

.m-35 {  margin:35px; }
.mt-35 { margin-top:35px; }
.mb-35 { margin-bottom:35px; }
.ml-35 { margin-left:35px; }
.mr-35 { margin-right:35px; }

.mt--35 { margin-top:-35px; }
.mb--35 { margin-bottom:-35px; }



.max--35 { max-width:35%; }
.mt---35 { margin-top:-35%; }
.mb---35 { margin-bottom:-35%; }




.p--40 { padding:40px !important; }
.p-40 { padding:40px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.pl-40 { padding-left:40px; }
.pr-40 { padding-right:40px; }

.m-40 {  margin:40px; }
.mt-40 { margin-top:40px; }
.mb-40 { margin-bottom:40px; }
.ml-40 { margin-left:40px; }
.mr-40 { margin-right:40px; }

.mt--40 { margin-top:-40px; }
.mb--40 { margin-bottom:-40px; }



.max--40 { max-width:40%; }
.mt---40 { margin-top:-40%; }
.mb---40 { margin-bottom:-40%; }




.p--45 { padding:45px !important; }
.p-45 { padding:45px; }
.pt-45 { padding-top:45px; }
.pb-45 { padding-bottom:45px; }
.pl-45 { padding-left:45px; }
.pr-45 { padding-right:45px; }

.m-45 {  margin:45px; }
.mt-45 { margin-top:45px; }
.mb-45 { margin-bottom:45px; }
.ml-45 { margin-left:45px; }
.mr-45 { margin-right:45px; }

.mt--45 { margin-top:-45px; }
.mb--45 { margin-bottom:-45px; }



.max--45 { max-width:45%; }
.mt---45 { margin-top:-45%; }
.mb---45 { margin-bottom:-45%; }




.p--50 { padding:50px !important; }
.p-50 { padding:50px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pl-50 { padding-left:50px; }
.pr-50 { padding-right:50px; }

.m-50 {  margin:50px; }
.mt-50 { margin-top:50px; }
.mb-50 { margin-bottom:50px; }
.ml-50 { margin-left:50px; }
.mr-50 { margin-right:50px; }

.mt--50 { margin-top:-50px; }
.mb--50 { margin-bottom:-50px; }



.max--50 { max-width:50%; }
.mt---50 { margin-top:-50%; }
.mb---50 { margin-bottom:-50%; }




.p--55 { padding:55px !important; }
.p-55 { padding:55px; }
.pt-55 { padding-top:55px; }
.pb-55 { padding-bottom:55px; }
.pl-55 { padding-left:55px; }
.pr-55 { padding-right:55px; }

.m-55 {  margin:55px; }
.mt-55 { margin-top:55px; }
.mb-55 { margin-bottom:55px; }
.ml-55 { margin-left:55px; }
.mr-55 { margin-right:55px; }

.mt--55 { margin-top:-55px; }
.mb--55 { margin-bottom:-55px; }



.max--55 { max-width:55%; }
.mt---55 { margin-top:-55%; }
.mb---55 { margin-bottom:-55%; }




.p--60 { padding:60px !important; }
.p-60 { padding:60px; }
.pt-60 { padding-top:60px; }
.pb-60 { padding-bottom:60px; }
.pl-60 { padding-left:60px; }
.pr-60 { padding-right:60px; }

.m-60 {  margin:60px; }
.mt-60 { margin-top:60px; }
.mb-60 { margin-bottom:60px; }
.ml-60 { margin-left:60px; }
.mr-60 { margin-right:60px; }

.mt--60 { margin-top:-60px; }
.mb--60 { margin-bottom:-60px; }



.max--60 { max-width:60%; }
.mt---60 { margin-top:-60%; }
.mb---60 { margin-bottom:-60%; }




.p--65 { padding:65px !important; }
.p-65 { padding:65px; }
.pt-65 { padding-top:65px; }
.pb-65 { padding-bottom:65px; }
.pl-65 { padding-left:65px; }
.pr-65 { padding-right:65px; }

.m-65 {  margin:65px; }
.mt-65 { margin-top:65px; }
.mb-65 { margin-bottom:65px; }
.ml-65 { margin-left:65px; }
.mr-65 { margin-right:65px; }

.mt--65 { margin-top:-65px; }
.mb--65 { margin-bottom:-65px; }



.max--65 { max-width:65%; }
.mt---65 { margin-top:-65%; }
.mb---65 { margin-bottom:-65%; }




.p--70 { padding:70px !important; }
.p-70 { padding:70px; }
.pt-70 { padding-top:70px; }
.pb-70 { padding-bottom:70px; }
.pl-70 { padding-left:70px; }
.pr-70 { padding-right:70px; }

.m-70 {  margin:70px; }
.mt-70 { margin-top:70px; }
.mb-70 { margin-bottom:70px; }
.ml-70 { margin-left:70px; }
.mr-70 { margin-right:70px; }

.mt--70 { margin-top:-70px; }
.mb--70 { margin-bottom:-70px; }



.max--70 { max-width:70%; }
.mt---70 { margin-top:-70%; }
.mb---70 { margin-bottom:-70%; }




.p--75 { padding:75px !important; }
.p-75 { padding:75px; }
.pt-75 { padding-top:75px; }
.pb-75 { padding-bottom:75px; }
.pl-75 { padding-left:75px; }
.pr-75 { padding-right:75px; }

.m-75 {  margin:75px; }
.mt-75 { margin-top:75px; }
.mb-75 { margin-bottom:75px; }
.ml-75 { margin-left:75px; }
.mr-75 { margin-right:75px; }

.mt--75 { margin-top:-75px; }
.mb--75 { margin-bottom:-75px; }



.max--75 { max-width:75%; }
.mt---75 { margin-top:-75%; }
.mb---75 { margin-bottom:-75%; }




.p--80 { padding:80px !important; }
.p-80 { padding:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.pl-80 { padding-left:80px; }
.pr-80 { padding-right:80px; }

.m-80 {  margin:80px; }
.mt-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.ml-80 { margin-left:80px; }
.mr-80 { margin-right:80px; }

.mt--80 { margin-top:-80px; }
.mb--80 { margin-bottom:-80px; }



.max--80 { max-width:80%; }
.mt---80 { margin-top:-80%; }
.mb---80 { margin-bottom:-80%; }




.p--85 { padding:85px !important; }
.p-85 { padding:85px; }
.pt-85 { padding-top:85px; }
.pb-85 { padding-bottom:85px; }
.pl-85 { padding-left:85px; }
.pr-85 { padding-right:85px; }

.m-85 {  margin:85px; }
.mt-85 { margin-top:85px; }
.mb-85 { margin-bottom:85px; }
.ml-85 { margin-left:85px; }
.mr-85 { margin-right:85px; }

.mt--85 { margin-top:-85px; }
.mb--85 { margin-bottom:-85px; }



.max--85 { max-width:85%; }
.mt---85 { margin-top:-85%; }
.mb---85 { margin-bottom:-85%; }




.p--90 { padding:90px !important; }
.p-90 { padding:90px; }
.pt-90 { padding-top:90px; }
.pb-90 { padding-bottom:90px; }
.pl-90 { padding-left:90px; }
.pr-90 { padding-right:90px; }

.m-90 {  margin:90px; }
.mt-90 { margin-top:90px; }
.mb-90 { margin-bottom:90px; }
.ml-90 { margin-left:90px; }
.mr-90 { margin-right:90px; }

.mt--90 { margin-top:-90px; }
.mb--90 { margin-bottom:-90px; }



.max--90 { max-width:90%; }
.mt---90 { margin-top:-90%; }
.mb---90 { margin-bottom:-90%; }




.p--95 { padding:95px !important; }
.p-95 { padding:95px; }
.pt-95 { padding-top:95px; }
.pb-95 { padding-bottom:95px; }
.pl-95 { padding-left:95px; }
.pr-95 { padding-right:95px; }

.m-95 {  margin:95px; }
.mt-95 { margin-top:95px; }
.mb-95 { margin-bottom:95px; }
.ml-95 { margin-left:95px; }
.mr-95 { margin-right:95px; }

.mt--95 { margin-top:-95px; }
.mb--95 { margin-bottom:-95px; }



.max--95 { max-width:95%; }
.mt---95 { margin-top:-95%; }
.mb---95 { margin-bottom:-95%; }




.p--100 { padding:100px !important; }
.p-100 { padding:100px; }
.pt-100 { padding-top:100px; }
.pb-100 { padding-bottom:100px; }
.pl-100 { padding-left:100px; }
.pr-100 { padding-right:100px; }

.m-100 {  margin:100px; }
.mt-100 { margin-top:100px; }
.mb-100 { margin-bottom:100px; }
.ml-100 { margin-left:100px; }
.mr-100 { margin-right:100px; }

.mt--100 { margin-top:-100px; }
.mb--100 { margin-bottom:-100px; }



.max--100 { max-width:100%; }
.mt---100 { margin-top:-100%; }
.mb---100 { margin-bottom:-100%; }




.p--105 { padding:105px !important; }
.p-105 { padding:105px; }
.pt-105 { padding-top:105px; }
.pb-105 { padding-bottom:105px; }
.pl-105 { padding-left:105px; }
.pr-105 { padding-right:105px; }

.m-105 {  margin:105px; }
.mt-105 { margin-top:105px; }
.mb-105 { margin-bottom:105px; }
.ml-105 { margin-left:105px; }
.mr-105 { margin-right:105px; }

.mt--105 { margin-top:-105px; }
.mb--105 { margin-bottom:-105px; }






.p--110 { padding:110px !important; }
.p-110 { padding:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom:110px; }
.pl-110 { padding-left:110px; }
.pr-110 { padding-right:110px; }

.m-110 {  margin:110px; }
.mt-110 { margin-top:110px; }
.mb-110 { margin-bottom:110px; }
.ml-110 { margin-left:110px; }
.mr-110 { margin-right:110px; }

.mt--110 { margin-top:-110px; }
.mb--110 { margin-bottom:-110px; }






.p--115 { padding:115px !important; }
.p-115 { padding:115px; }
.pt-115 { padding-top:115px; }
.pb-115 { padding-bottom:115px; }
.pl-115 { padding-left:115px; }
.pr-115 { padding-right:115px; }

.m-115 {  margin:115px; }
.mt-115 { margin-top:115px; }
.mb-115 { margin-bottom:115px; }
.ml-115 { margin-left:115px; }
.mr-115 { margin-right:115px; }

.mt--115 { margin-top:-115px; }
.mb--115 { margin-bottom:-115px; }






.p--120 { padding:120px !important; }
.p-120 { padding:120px; }
.pt-120 { padding-top:120px; }
.pb-120 { padding-bottom:120px; }
.pl-120 { padding-left:120px; }
.pr-120 { padding-right:120px; }

.m-120 {  margin:120px; }
.mt-120 { margin-top:120px; }
.mb-120 { margin-bottom:120px; }
.ml-120 { margin-left:120px; }
.mr-120 { margin-right:120px; }

.mt--120 { margin-top:-120px; }
.mb--120 { margin-bottom:-120px; }






.p--125 { padding:125px !important; }
.p-125 { padding:125px; }
.pt-125 { padding-top:125px; }
.pb-125 { padding-bottom:125px; }
.pl-125 { padding-left:125px; }
.pr-125 { padding-right:125px; }

.m-125 {  margin:125px; }
.mt-125 { margin-top:125px; }
.mb-125 { margin-bottom:125px; }
.ml-125 { margin-left:125px; }
.mr-125 { margin-right:125px; }

.mt--125 { margin-top:-125px; }
.mb--125 { margin-bottom:-125px; }






.p--130 { padding:130px !important; }
.p-130 { padding:130px; }
.pt-130 { padding-top:130px; }
.pb-130 { padding-bottom:130px; }
.pl-130 { padding-left:130px; }
.pr-130 { padding-right:130px; }

.m-130 {  margin:130px; }
.mt-130 { margin-top:130px; }
.mb-130 { margin-bottom:130px; }
.ml-130 { margin-left:130px; }
.mr-130 { margin-right:130px; }

.mt--130 { margin-top:-130px; }
.mb--130 { margin-bottom:-130px; }






.p--135 { padding:135px !important; }
.p-135 { padding:135px; }
.pt-135 { padding-top:135px; }
.pb-135 { padding-bottom:135px; }
.pl-135 { padding-left:135px; }
.pr-135 { padding-right:135px; }

.m-135 {  margin:135px; }
.mt-135 { margin-top:135px; }
.mb-135 { margin-bottom:135px; }
.ml-135 { margin-left:135px; }
.mr-135 { margin-right:135px; }

.mt--135 { margin-top:-135px; }
.mb--135 { margin-bottom:-135px; }






.p--140 { padding:140px !important; }
.p-140 { padding:140px; }
.pt-140 { padding-top:140px; }
.pb-140 { padding-bottom:140px; }
.pl-140 { padding-left:140px; }
.pr-140 { padding-right:140px; }

.m-140 {  margin:140px; }
.mt-140 { margin-top:140px; }
.mb-140 { margin-bottom:140px; }
.ml-140 { margin-left:140px; }
.mr-140 { margin-right:140px; }

.mt--140 { margin-top:-140px; }
.mb--140 { margin-bottom:-140px; }






.p--145 { padding:145px !important; }
.p-145 { padding:145px; }
.pt-145 { padding-top:145px; }
.pb-145 { padding-bottom:145px; }
.pl-145 { padding-left:145px; }
.pr-145 { padding-right:145px; }

.m-145 {  margin:145px; }
.mt-145 { margin-top:145px; }
.mb-145 { margin-bottom:145px; }
.ml-145 { margin-left:145px; }
.mr-145 { margin-right:145px; }

.mt--145 { margin-top:-145px; }
.mb--145 { margin-bottom:-145px; }






.p--150 { padding:150px !important; }
.p-150 { padding:150px; }
.pt-150 { padding-top:150px; }
.pb-150 { padding-bottom:150px; }
.pl-150 { padding-left:150px; }
.pr-150 { padding-right:150px; }

.m-150 {  margin:150px; }
.mt-150 { margin-top:150px; }
.mb-150 { margin-bottom:150px; }
.ml-150 { margin-left:150px; }
.mr-150 { margin-right:150px; }

.mt--150 { margin-top:-150px; }
.mb--150 { margin-bottom:-150px; }







.round-corner-0 div[class*="background-color"] { border-radius: 0px; }

.round-corner-5 div[class*="background-color"] { border-radius: 5px; }

.round-corner-10 div[class*="background-color"] { border-radius: 10px; }

.round-corner-15 div[class*="background-color"] { border-radius: 15px; }

.round-corner-20 div[class*="background-color"] { border-radius: 20px; }

.round-corner-25 div[class*="background-color"] { border-radius: 25px; }

.round-corner-30 div[class*="background-color"] { border-radius: 30px; }

.round-corner-35 div[class*="background-color"] { border-radius: 35px; }

.round-corner-40 div[class*="background-color"] { border-radius: 40px; }

.round-corner-45 div[class*="background-color"] { border-radius: 45px; }

.round-corner-50 div[class*="background-color"] { border-radius: 50px; }



.round-image-0 .widget-type-linked_image img { border-radius: 0px; }

.round-image-5 .widget-type-linked_image img { border-radius: 5px; }

.round-image-10 .widget-type-linked_image img { border-radius: 10px; }

.round-image-15 .widget-type-linked_image img { border-radius: 15px; }

.round-image-20 .widget-type-linked_image img { border-radius: 20px; }

.round-image-25 .widget-type-linked_image img { border-radius: 25px; }

.round-image-30 .widget-type-linked_image img { border-radius: 30px; }

.round-image-35 .widget-type-linked_image img { border-radius: 35px; }

.round-image-40 .widget-type-linked_image img { border-radius: 40px; }

.round-image-45 .widget-type-linked_image img { border-radius: 45px; }

.round-image-50 .widget-type-linked_image img { border-radius: 50px; }




.z-0 { z-index: 0; }

.z-1 { z-index: 1; }

.z-2 { z-index: 2; }

.z-3 { z-index: 3; }

.z-4 { z-index: 4; }

.z-5 { z-index: 5; }

.z-6 { z-index: 6; }

.z-7 { z-index: 7; }

.z-8 { z-index: 8; }

.z-9 { z-index: 9; }

.z-10 { z-index: 10; }

.z-11 { z-index: 11; }

.z-12 { z-index: 12; }

.z-13 { z-index: 13; }

.z-14 { z-index: 14; }

.z-15 { z-index: 15; }

.z-16 { z-index: 16; }

.z-17 { z-index: 17; }

.z-18 { z-index: 18; }

.z-19 { z-index: 19; }

.z-20 { z-index: 20; }

.z-21 { z-index: 21; }

.z-22 { z-index: 22; }

.z-23 { z-index: 23; }

.z-24 { z-index: 24; }

.z-25 { z-index: 25; }

.z-26 { z-index: 26; }

.z-27 { z-index: 27; }

.z-28 { z-index: 28; }

.z-29 { z-index: 29; }

.z-30 { z-index: 30; }

.z-31 { z-index: 31; }

.z-32 { z-index: 32; }

.z-33 { z-index: 33; }

.z-34 { z-index: 34; }

.z-35 { z-index: 35; }

.z-36 { z-index: 36; }

.z-37 { z-index: 37; }

.z-38 { z-index: 38; }

.z-39 { z-index: 39; }

.z-40 { z-index: 40; }

.z-41 { z-index: 41; }

.z-42 { z-index: 42; }

.z-43 { z-index: 43; }

.z-44 { z-index: 44; }

.z-45 { z-index: 45; }

.z-46 { z-index: 46; }

.z-47 { z-index: 47; }

.z-48 { z-index: 48; }

.z-49 { z-index: 49; }

.z-50 { z-index: 50; }

.z-51 { z-index: 51; }

.z-52 { z-index: 52; }

.z-53 { z-index: 53; }

.z-54 { z-index: 54; }

.z-55 { z-index: 55; }

.z-56 { z-index: 56; }

.z-57 { z-index: 57; }

.z-58 { z-index: 58; }

.z-59 { z-index: 59; }

.z-60 { z-index: 60; }

.z-61 { z-index: 61; }

.z-62 { z-index: 62; }

.z-63 { z-index: 63; }

.z-64 { z-index: 64; }

.z-65 { z-index: 65; }

.z-66 { z-index: 66; }

.z-67 { z-index: 67; }

.z-68 { z-index: 68; }

.z-69 { z-index: 69; }

.z-70 { z-index: 70; }

.z-71 { z-index: 71; }

.z-72 { z-index: 72; }

.z-73 { z-index: 73; }

.z-74 { z-index: 74; }

.z-75 { z-index: 75; }

.z-76 { z-index: 76; }

.z-77 { z-index: 77; }

.z-78 { z-index: 78; }

.z-79 { z-index: 79; }

.z-80 { z-index: 80; }

.z-81 { z-index: 81; }

.z-82 { z-index: 82; }

.z-83 { z-index: 83; }

.z-84 { z-index: 84; }

.z-85 { z-index: 85; }

.z-86 { z-index: 86; }

.z-87 { z-index: 87; }

.z-88 { z-index: 88; }

.z-89 { z-index: 89; }

.z-90 { z-index: 90; }

.z-91 { z-index: 91; }

.z-92 { z-index: 92; }

.z-93 { z-index: 93; }

.z-94 { z-index: 94; }

.z-95 { z-index: 95; }

.z-96 { z-index: 96; }

.z-97 { z-index: 97; }

.z-98 { z-index: 98; }

.z-99 { z-index: 99; }



.rel { position: relative; }

/* Utilities */

img {
  max-width: 100%;
  height: auto;
}

a,
a.button {
  transition: all 0.3s;
}

a.cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.d-grid {
  display: grid;
}

.d-flex {
  display: flex;
}

.d-block {
  display: block;
}

.d-none {
  display: none;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-end {
  justify-content: flex-end;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.text-center {
  text-align: center;
}

.w-100 {
  width: 100%;
}

.position-fixed {
  position: fixed !important;
}

@media screen and (max-width: 767px) {
  .flex-phone {
    display: flex;
  }

  .flex-row-phone {
    flex-direction: row;
  }

  .flex-row-reverse-phone {
    flex-direction: row-reverse;
  }

  .flex-col-phone {
    flex-direction: column;
  }

  .flex-col-reverse-phone {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .flex-row-tablet {
    flex-direction: row;
  }

  .flex-row-reverse-tablet {
    flex-direction: row-reverse;
  }

  .flex-col-tablet {
    flex-direction: column;
  }

  .flex-col-reverse-tablet {
    flex-direction: column-reverse;
  }
}

/* = box shadows -------------------- */
.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* For content that needs to be visually hidden but stay visible for screenreaders */

/* stylelint-disable declaration-no-important */
.show-for-sr {
  position: absolute !important;
  overflow: hidden !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    position: absolute !important;
    overflow: hidden !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }
}

/* stylelint-enable declaration-no-important */