/* 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;
}
#hs-categories-container .hs-category-row:nth-of-type(3) {
   display:none!important;
}

/* Objects */

.hex {
  clip-path: path(
    "M234.933 212.266L264.987 100.103C266.151 95.7562 264.745 91.072 261.306 87.8162L172.523 3.91925C169.084 0.663484 164.117 -0.667416 159.512 0.432817L40.6748 28.6982C36.0689 29.7985 32.5086 33.1519 31.3438 37.4988L1.29002 149.661C0.125277 154.008 1.5319 158.692 4.97059 161.948L93.7535 245.845C97.1922 249.101 102.159 250.432 106.765 249.331L225.599 221.075C230.205 219.975 233.766 216.622 234.93 212.275L234.933 212.266Z"
  );
  height: 250px;
  transform: rotate(345deg);
  width: 266px;
}

/* Custom section classes */

.overflow-visible {
  overflow: visible !important;
}

/* 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 {
    margin: 0 auto;
    /* padding: 32px 20px; */
}

/* @media (min-width: 768px) {
    .content-wrapper {
        padding: 32px 32px;
    }
} */

.content-wrapper-full{
    max-width: 1340px64px;
    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;
    }
}

/* Elements */

@font-face {
    font-family: 'ThreeDS';
    src: url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Roman-wght-wdth.woff2') format('woff2-variations'),
         url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Roman-wght-wdth.woff') format('woff'),
         url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Roman-wght-wdth.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ThreeDS';
    src: url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Italic-wght.woff2') format('woff2-variations'),
         url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Italic-wght.woff') format('woff'),
         url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Italic-wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

html {
    position: relative;
}

body {
    color: var(--Dark-grey, #292929);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 22.1px */
}

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

/* Paragraphs */

p {
    margin: 0 0 1.4rem;
    font-size: 1rem;
}

/* Anchors */

a {
    cursor: pointer;
    font-weight: inherit;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
    padding-left: 1rem;
    margin: 0 0 1.4rem;
}

ul {
    list-style-image: url('https://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/Website assets 2024/icons/Vector (18).svg');
}

ul li,
ol li {
    margin: 0.7rem;
    padding-left: 5px;
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin: 1.4rem 0;
}

.no-list {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.no-list li {
    margin: 0;
}

/* Code blocks */

pre {
    overflow: auto;
}

code {
    vertical-align: bottom;
}

/* Blockquotes */

blockquote {
    position: relative;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--Primary-blue, #113460);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "ThreeDS";
    font-size: 23px;
    font-style: italic;
    font-weight: 400;
    line-height: 140%;
}

@media (max-width: 767px) {
    blockquote {
        margin-left: 10px;
    }
}

blockquote::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: linear-gradient(180deg, #113460 0%, #759FD9 55.37%, #8EEBE5 100%);
    margin-right: 40px;
}

q {
    color: var(--Primary-blue, #113460);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "ThreeDS";
    font-size: 23px;
    font-style: italic;
    font-weight: 400;
    line-height: 140%;
}

@media (min-width: 768px) {
    q {
        font-size: 30px;
    }
}

.big-number {
    font-family: "ThreeDS";
    font-size: 100px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
}

@media (min-width: 768px) {
    .big-number {
        font-size: 168px;
    }
}

/* Horizontal rules */

hr {
    border: 0 none;
    border-bottom: 1px solid;
}

/* Subscripts and superscripts */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Image alt text */

img {
    font-size: 1rem;
    word-break: normal;
}

.big {
    margin-bottom: 20px;

    color: var(--Dark-grey, #292929);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media (min-width: 768px) {
    .big {
        font-size: 23px;
    }
}

.small {
    color: var(--Dark-grey, #292929);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 118%;
}

.label {
    margin-bottom: 20px;

    font-family: "ThreeDS";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: var(--Primary-blue, #113460);
}

.blue {
   color: var(--Primary-blue, #113460);
}
/* Button Styles */

.button-group {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 40px;
}

/* Hollow */

.button-hollow {
  border: 1px solid;
  font-size: 14px;
  font-family: "Krona One";
  padding: 16px 24px;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-color: var(--blue);
}

.button-hollow:hover {
  font-family: "Krona One";
  text-decoration: none;
}

.button-hollow.button-white {
  border-color: var(--white);
  color: var(--white);
}

.button-hollow:hover.button-white {
  background-color: var(--white);
  color: var(--blue);
}

.button-hollow.button-blue {
  border-color: var(--blue);
  color: var(--blue);
}

.card:hover .button-hollow.button-blue,
.button-hollow:hover.button-blue {
  background-color: var(--blue);
  color: var(--white);
}

/* Hollow Rounded */

.button-hollow-rounded {
  border: 1px solid;
  font-size: 14px;
  font-family: "Krona One";
  padding: 16px 24px;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
}

.button-hollow-rounded:hover {
  font-family: "Krona One";
  text-decoration: none;
}

.button-hollow-rounded.button-white {
  border-color: var(--white);
  color: var(--white);
}

.card:hover .button-white,
.button-hollow-rounded:hover.button-white {
  background-color: var(--white);
  color: var(--blue);
}

.card:hover .button-blue,
.button-hollow-rounded.button-blue {
  border-color: var(--blue);
  color: var(--blue);
}

.button-hollow-rounded:hover.button-blue {
  background-color: var(--blue);
  color: var(--white);
}

/* Fill */

.button-fill {
  border: 1px solid;
  font-size: 14px;
  font-family: "Krona One";
  padding: 16px 24px;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.button-fill:hover {
  font-family: "Krona One";
  text-decoration: none;
}

.button-fill.button-blue {
  border: 1px solid var(--blue);
  background-color: var(--blue);
  color: var(--white);
}

.button-fill:hover.button-blue {
  border: 1px solid var(--blue);
  background-color: transparent;
  color: var(--blue);
}

/* Fill Rounded */

.button-fill-rounded {
  border: 1px solid;
  font-size: 14px;
  font-family: "Krona One";
  padding: 16px 24px;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
}

.button-fill-rounded:hover {
  font-family: "Krona One";
  text-decoration: none;
}

.button-fill-rounded.button-blue {
  border: 1px solid var(--blue);
  background-color: var(--blue);
  color: var(--white);
}

.button-fill-rounded:hover.button-blue {
  border: 1px solid var(--blue);
  background-color: transparent;
  color: var(--blue);
}

.button-no-style {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.button-arrow {
  color: var(--Primary-blue, #113460);
  font-feature-settings: "clig" off, "liga" off;
  font-family: "ThreeDS";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 157.895% */
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .button-arrow {
    font-size: 19px;
  }
}

.button-arrow:hover {
  color: var(--Secondary-blue, #759fd9);
  font-feature-settings: "clig" off, "liga" off;

  /* Desktop/CTA */
  font-family: "ThreeDS";
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 157.895% */
  text-decoration: none;
}

.button-arrow:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M12 5L7.28571 9M12 5L7.28571 1M12 5L1 5" stroke="%23113460" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  height: 10px;
  width: 13px;
  display: inline-block;
  line-height: 0;
  margin-left: 7px;
  transition: all 0.3s ease;
}
.button-arrow:hover:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M12 5L7.28571 9M12 5L7.28571 1M12 5L1 5" stroke="%23759FD9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translateX(4px);
}

.arrow {
  stroke-width: 2px;
  stroke: var(--Primary-blue, #113460);
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="15" viewBox="0 0 20 15" fill="none"><path d="M19 7.5L11.2857 14M19 7.5L11.2857 1M19 7.5L1 7.5" stroke="%23113460" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.button-primary,
.button-primary-arrow,
form input[type="submit"] {
  color: var(--White, #fff);
  font-feature-settings: "clig" off, "liga" off;
  font-family: "ThreeDS";
  font-size: 17px;
  font-style: normal;
  text-decoration: none;
  font-weight: 600;
  line-height: 30px; /* 157.895% */
  border: none;
  display: flex;
  height: 50px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  border-radius: 10px;
  background: linear-gradient(3deg, #113460 1.93%, #759fd9 211.17%);

  /* Medium drop */
  box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.1);
}

@media screen and (min-width: 768px) {
  .button-primary,
  .button-primary-arrow,
  form input[type="submit"] {
    height: 60px;
    padding: 15px 25px;
    font-size: 19px;
  }
}

.button-primary-arrow::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M12 5L7.28571 9M12 5L7.28571 1M12 5L1 5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  line-height: 0;
}

.button-primary:hover,
.button-primary-arrow:hover,
form input[type="submit"]:hover {
  background: linear-gradient(3deg, #113460 -33.07%, #759fd9 169.8%);

  /* Medium drop darker */
  box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.2);
  font-family: "ThreeDS";
  color: var(--White, #fff);
  font-feature-settings: "clig" off, "liga" off;
  font-weight: 600;
  text-decoration: none;
  transform: translateY(-7px);
}

.button-primary:visited,
.button-primary-arrow:visited,
form input[type="submit"]:visited,
.button-primary:active,
.button-primary-arrow:active,
form input[type="submit"]:active,
 .button-primary:focus,
.button-primary-arrow:focus,
form input[type="submit"]:focus{
  
text-decoration: none!important;
 color: var(--White, #fff)!important;
    font-weight: 600;
}

.button-secondary:visited,
.button-secondary-arrow:visited,
form input[type="submit"]:visited,
.button-secondary:active,
.button-secondary-arrow:active,
form input[type="submit"]:active,
 .button-secondary:focus,
.button-secondary-arrow:focus,
form input[type="submit"]:focus{
  
text-decoration: none!important;
  font-weight: 600;
}

.button-secondary,
.button-secondary-arrow {
  display: flex;
  height: 50px;
  padding: 10px 20px;
  justify-content: center;
  text-decoration: none;
  align-items: center;
  gap: 10px;
  width: fit-content;

  color: var(--Primary-blue, #113460);
  font-feature-settings: "clig" off, "liga" off;
  font-family: "ThreeDS";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 157.895% */

  border-radius: 10px;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 100%
  ),
    linear-gradient(90deg, #fff 97.69%, #759fd9 202.31%);

  /* Medium drop */
  box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.1);
}

@media screen and (min-width: 768px) {
  .button-secondary,
  .button-secondary-arrow {
    height: 60px;
    padding: 15px 30px;
    font-size: 19px;
  }
}

.button-secondary:hover,
.button-secondary-arrow:hover {
  border-radius: 10px;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 100%
  ),
    linear-gradient(90deg, #fff 97.69%, #759fd9 202.31%);

  /* Medium drop darker */
  font-family: "ThreeDS";
  box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.2);
  text-decoration: none;
  font-weight: 600;
  transform: translateY(-7px);
}

.button-secondary-arrow::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M12 5L7.28571 9M12 5L7.28571 1M12 5L1 5" stroke="%23113460" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  line-height: 0;
}

.button-tertiary,
.button-tertiary:hover,
.button-tertiary:focus,
.button-tertiary:active,
.button-tertiary-arrow,
.button-tertiary-arrow:hover,
.button-tertiary-arrow:focus,
.button-tertiary-arrow:active {
  display: inline-flex;
  height: 50px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;

  color: var(--Primary-blue);
  font-feature-settings: "clig" off, "liga" off;
  font-family: "ThreeDS";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 157.895% */
  text-decoration: none;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .button-tertiary,
  .button-tertiary:hover,
  .button-tertiary:focus,
  .button-tertiary:active,
  .button-tertiary-arrow,
  .button-tertiary-arrow:hover,
  .button-tertiary-arrow:focus,
  .button-tertiary-arrow:active {
    height: 60px;
    padding: 15px 30px;
    font-size: 19px;
  }
}


.button-tertiary-arrow::before, .button-tertiary::before {


  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit; 
  padding: 2px; 
  background: linear-gradient(180deg, #183c69, #4f75a9);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;



}



.button-tertiary:hover,
.button-tertiary-arrow:hover {
  transform: translateY(-7px);
}

.button-tertiary-arrow::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M12 5L7.28571 9M12 5L7.28571 1M12 5L1 5" stroke="%23113460" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  line-height: 0;
  text-decoration: none;
}

.swiper-arrow {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="61" viewBox="0 0 61 61" fill="none"><circle cx="30.5" cy="30.5" r="30.5" transform="matrix(-1 0 0 1 61 0)" fill="white"/><circle cx="30.5" cy="30.5" r="30.5" transform="matrix(-1 0 0 1 61 0)" fill="%23759FD9" fill-opacity="0.2"/></svg>');
  display: inline-block;
  width: 61px;
  height: 61px;
  position: relative;
  margin-right: 25px;
}

.swiper-arrow::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="31" height="24" viewBox="0 0 31 24" fill="none"><path d="M2 12L13.5714 22M2 12L13.5714 2M2 12L29 12" stroke="url(%23paint0_linear_6119_304)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_6119_304" x1="7.04427" y1="4.17512" x2="8.43367" y2="20.882" gradientUnits="userSpaceOnUse"><stop offset="0.31" stop-color="%23113460"/><stop offset="0.73" stop-color="%23315687"/><stop offset="1" stop-color="%23759FD9"/></linearGradient></defs></svg>');
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.swiper-arrow.right {
}

.swiper-arrow.right::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="31" height="24" viewBox="0 0 31 24" fill="none"><path d="M29 12L17.4286 22M29 12L17.4286 2M29 12L2 12" stroke="url(%23paint0_linear_6119_258)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_6119_258" x1="23.9557" y1="4.17512" x2="22.5663" y2="20.882" gradientUnits="userSpaceOnUse"><stop offset="0.31" stop-color="%23113460"/><stop offset="0.73" stop-color="%23315687"/><stop offset="1" stop-color="%23759FD9"/></linearGradient></defs></svg>');
}

.tag-button {
  height: 30px;
  padding: 10px 30px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  border-radius: 10px;
  background: rgba(117, 159, 217, 0.1);

  color: var(--Dark-blue, #00205c);
  font-feature-settings: "clig" off, "liga" off;

  /* Body text small */
  font-family: "ThreeDS";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  width: fit-content;
  text-decoration: none;
}

.tag-button:hover {
  font-family: "ThreeDS";
  font-weight: 300;
  color: var(--White, #fff);
  border-radius: 10px;
  background: var(--Secondary-blue, #759fd9);
  text-decoration: none;
}

/* Form inputs */

/* Container for the dropdown */
.dropdown {
  position: relative;
  display: inline-block;
}

/* The button that opens the dropdown */
.dropdown-btn {
  color: var(--Primary-blue, #113460);
  font-feature-settings: "liga" off, "clig" off;

  /* Desktop/Body */
  font-family: Raleway;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 22.1px */
  cursor: pointer;
  outline: none;
  border-radius: 10px;
  background: var(--White, #fff);

  /* Tiny drop */
  box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);

  display: flex;
  height: 55px;
  padding: 23px 11px 19px 17px;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  position: relative;
}

.dropdown-btn::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" viewBox="0 0 16 10" fill="none"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z" fill="%23759FD9"/></svg>');
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 1;

  border-radius: 10px;
  background: var(--White, #fff);

  /* Tiny drop */
  box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
}

/* Dropdown content links */
.dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;

  color: var(--Primary-blue, #113460);
  font-feature-settings: "liga" off, "clig" off;

  /* Desktop/Body */
  font-family: Raleway;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 22.1px */
}

/* Change background color of links on hover */
.dropdown-content a:hover {
  opacity: 0.1;
  background: var(--Secondary-blue, #759fd9);
  z-index: 999;
}

/* Show the dropdown content when the button is clicked */
.dropdown:hover .dropdown-content {
  display: block;
  z-index: 999;
}

.dropdown-content a:hover {
  background-color: #f0f0f0; /* Slightly darker grey on hover */
}
/* 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;
}

/* 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 input[type='date'],
form select,
form textarea {
  display: inline-block;
  width: 100% !important; /* stylelint-disable-line declaration-no-important */
}

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;
  cursor: pointer;
}

/* Form fields - date picker remove calender icon on mobile */
.hs-dateinput input::-webkit-calendar-picker-indicator { 
  opacity: 0; 
}

form .hs-dateinput:before {
  position: absolute;
  top: 50%;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%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='%23759FD9'/%3E%3C/svg%3E");
  transform: translateY(-50%);
}

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: #ef6b51;
    font-size: 25px;
    line-height: 0;
  margin-left:5px;
}

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

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

/* Submit button */

form input[type="submit"],
form .hs-button {
  min-width: 200px;
  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 {
  border-color: var(--blue);
  color: var(--blue);
  padding: 0.6rem 0.8rem;
  border-radius: 20px;
  font-family: "Krona One", sans-serif;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.28571%200L8%205.71429L13.7143%200L16%201.14286L8%209.14286L0%201.14286L2.28571%200Z%22%20fill%3D%22%23759FD9%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 15px;
}
/* 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;
}
@font-face {
    font-family: 'ThreeDS';
    src: url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Roman-wght-wdth.woff2') format('woff2-variations'),
         url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Roman-wght-wdth.woff') format('woff'),
         url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Roman-wght-wdth.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ThreeDS';
    src: url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Italic-wght.woff2') format('woff2-variations'),
         url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Italic-wght.woff') format('woff'),
         url('http://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/raw_assets/public/spatial-2024-theme/fonts/ThreeDS/3DSV2-Italic-wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

html {
    position: relative;
}

body {
    color: var(--Dark-grey, #292929);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Raleway;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 22.1px */
}

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

/* Paragraphs */

p {
    margin: 0 0 1.4rem;
    font-size: 1rem;
}

/* Anchors */

a {
    cursor: pointer;
    font-weight: inherit;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
    padding-left: 1rem;
    margin: 0 0 1.4rem;
}

ul {
    list-style-image: url('https://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/Website assets 2024/icons/Vector (18).svg');
}

ul li,
ol li {
    margin: 0.7rem;
    padding-left: 5px;
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin: 1.4rem 0;
}

.no-list {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.no-list li {
    margin: 0;
}

/* Code blocks */

pre {
    overflow: auto;
}

code {
    vertical-align: bottom;
}

/* Blockquotes */

blockquote {
    position: relative;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--Primary-blue, #113460);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "ThreeDS";
    font-size: 23px;
    font-style: italic;
    font-weight: 400;
    line-height: 140%;
}

@media (max-width: 767px) {
    blockquote {
        margin-left: 10px;
    }
}

blockquote::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: linear-gradient(180deg, #113460 0%, #759FD9 55.37%, #8EEBE5 100%);
    margin-right: 40px;
}

q {
    color: var(--Primary-blue, #113460);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "ThreeDS";
    font-size: 23px;
    font-style: italic;
    font-weight: 400;
    line-height: 140%;
}

@media (min-width: 768px) {
    q {
        font-size: 30px;
    }
}

.big-number {
    font-family: "ThreeDS";
    font-size: 100px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
}

@media (min-width: 768px) {
    .big-number {
        font-size: 168px;
    }
}

/* Horizontal rules */

hr {
    border: 0 none;
    border-bottom: 1px solid;
}

/* Subscripts and superscripts */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Image alt text */

img {
    font-size: 1rem;
    word-break: normal;
}

.big {
    margin-bottom: 20px;

    color: var(--Dark-grey, #292929);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media (min-width: 768px) {
    .big {
        font-size: 23px;
    }
}

.small {
    color: var(--Dark-grey, #292929);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 118%;
}

.label {
    margin-bottom: 20px;

    font-family: "ThreeDS";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: var(--Primary-blue, #113460);
}

.blue {
   color: var(--Primary-blue, #113460);
}
.video-container {
    position: relative;
    overflow: clip;
    padding-bottom: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--border-radius);
}

.video-container video,
.video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    transform: none;
    margin-left: 0;
    object-fit: cover;
}

.video-thumbnail {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;

	z-index: 1;
	opacity: 1;
	transition: opacity 0.3s ease-in-out;

	cursor: pointer;
}

.video-thumbnail .play {
    pointer-events: none;
}

.video-thumbnail.is-hidden {
    opacity: 0;
    visibility: hidden;
}

.video-thumbnail + video {
    visibility: hidden;
}

.video-thumbnail.is-hidden + video {
    visibility: visible;
}

.video-thumbnail .bg-image-container {
    display: flex;
    height: 100%;
    width: 100%;
}

.video-thumbnail .bg-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-thumbnail:hover .play {
    cursor: pointer;
    opacity: 0.9;
}

/* video play button */
.play {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    background-color: var(--White);
    border-radius: 50%;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;

    transition: all 0.3s ease;
}

.play svg {
    height: 24px;
    width: 24px;
}

.play svg path {
    fill: var(--Primary-blue);
}

.video-thumbnail:hover .play {
    background-color: var(--Primary-blue);
}

.video-thumbnail:hover .play svg path {
    fill: var(--White);
}

@media only screen and (min-width: 767px) {
    .play {
        height: 142px;
        width: 142px;
    }

    .play svg {
        margin-left: 8px;
        height: 44px;
        width: 39px;
    }
}

/* Components */

/* Navigation skipper */

.header__skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  overflow: hidden;
  height: 1px;
  width: 1px;
  text-align: left;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  z-index: 2;
  top: 0;
  left: 0;
  overflow: visible;
  height: auto;
  width: auto;
}
/* Rich text */

.widget-type-rich_text img {
  height: auto;
  max-width: 100%;
}
.blog-posts .wrapper {
    max-width: 1440px;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

.blog-posts__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap:30px;
    margin-bottom: 60px;
}

.blog-posts__header p:last-of-type {
    margin-bottom: 0;
}

.blog-posts-card {
    position: relative;
    overflow: clip;
    background-color: var(--White);
    border-radius: 20px;
    filter: drop-shadow(0px 2px 5px rgba(17, 52, 96, 0.08));
    text-decoration: none;
    transition: filter ease-in-out 0.3s;
}

.blog-posts-card:hover {
    text-decoration: none;
    filter: drop-shadow(0px 28px 65px rgba(56, 92, 173, 0.2));
}

.blog-posts-card:hover .blog-post-card-image img {
    transform: scale(1.2);
}

.blog-post-card-image {
    position: relative;
    overflow: clip;
    height: 215px;
    width: 100%;
    max-width: 100%;
}

.blog-post-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.3s;
}

.blog-posts-readtime {
    position: absolute;
    z-index: 2;
    bottom: 15px;
    right: 25px;
    margin-bottom: 0;
    color: var(--White);
}

.blog-post-card-content {
    padding: 40px 30px;
    padding-bottom: 60px;
}

.blog-post-card-content .tag {
    margin-bottom: 10px;
}

.blog-post-card-content .h4 {
    margin-bottom: 20px;
}

.blog-post-card-content .h4 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.blog-post-card-content .h4 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.blog-posts-card-button {
    position: absolute;
    display: flex;
    gap: 10px;
    bottom: 23px;
    right: 23px;
}

.blog-posts__footer {
    margin-top: 45px;
}

/* blog posts slider specific styling */
.blog-posts .swiper {
    overflow: visible;
}

.blog-posts .swiper-nav {
    display: none;
}

@media screen and (min-width: 768px) {
    .blog-posts .swiper-nav {
        display: flex;
        gap: 30px;
    }
}

.blog-posts .swiper-button {
    position: relative;
    left: auto;
    right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
}

.swiper-slide.blog-posts-card {
    height: auto;
    transition-property: initial;
}

/* === Modifiers === */

.blog-posts.blog-posts-post-template {
    padding-bottom: 100px;
}

.blog-posts.blog-posts-post-template .title-container h2 {
    margin-bottom: 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 */



/* Settings */

html {
    scroll-behavior: smooth;
}

main {
    background-color: #F5F7F9;
}

hr {
    border-bottom-color: #eee;
}
blockquote {
    font-size: 20px;
}

section:not(.hero-hexagons-wrapper):not(.hero) {
    position: relative;
    z-index: 1;
}

:root {
    --White: #fff;
    --Black: #000;
    --Primary-blue: #113460;
    --Secondary-blue: #759FD9;
    --Light-blue: #EEF3F8;
    --Dark-grey: #292929;
    --Light-grey: #F5F7F9;
    --Turquoise: #8EEBE5;

    --primary-colour: #292929;
    --secondary-colour: #FFFFFF;
    --primary-font: {font=ThreeDS_WOFF, font_set=BRANDING, styles={font-weight=400, font-family=ThreeDS_WOFF}, size=null, size_unit=null, color=#231f20, variant=Regular, fallback=null, style=font-weight: 400; font-family: ThreeDS_WOFF, css=color: #231f20;font-weight: 700; font-family: ThreeDS_WOFF;};
  
    --Primary-blue---3D-Modeling: #113460;
    --3D-Meshing: #40287B;
    --3D-Interoperability: #5D764D;
    --3D-Visualization: #C3B532;
    --Meshing: #40287B;
    --Interoperability: #5D764D;
    --Visualization: #C3B532;
    --Application-Framework: #DE701F;
    --Constraint-solver: #905385;

    --border-radius: 20px;
    --contained: 1200px;

    --narrow: 960px;
    --medium: 1200px;
    --full: 100%;
}

p > img {
    border-radius: var(--border-radius);
}

/* === base style for containers === */

.base-style {
    max-width: 100%;
}

.base-style .wrapper {
    max-width: 1340px;
    margin: 0 auto;
    position: relative;
    z-index: 6;
}

.base-style--contained {
    position: relative;
    overflow: clip;
    max-width: 1340px;
    margin: 0 auto;
    border-radius: var(--border-radius);
    padding: 48px 20px;
}

.bg-none.base-style--contained {
    padding: 48px 0px;
}

@media (min-width: 1024px) {
    .bg-none.base-style--contained,
    .base-style--contained {
        padding: 40px 48px;
    }
}

@media (min-width: 1440px) {
    .bg-none.base-style--contained,
    .base-style--contained {
        padding: 80px 88px;
    }
}

.base-style--contained .wrapper {
    max-width: var(--contained);
    margin: 0 auto;
}

/* === bg colors === */


    .bg-secondary-blue {
        background-color: #759FD9;
    }

    .bg-light-grey {
        background-color: #F5F7F9;
    }

    .bg-white {
        background-color: #FFFFFF;
    }

    .bg-primary-blue {
        background-color: #113460;
    }

    .bg-light-blue {
        background-color: #EEF3F8;
    }

    .bg-turquoise {
        background-color: #8EEBE5;
    }

    .bg-dark-grey {
        background-color: #292929;
    }
 

/* === Grids === */

.grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.grid-1 {
  grid-template-columns: 1fr;
}

.grid-2,
.grid-3 {
    row-gap: 67px;
    column-gap: 78px;
}

.grid-4 {
    row-gap: 30px;
    column-gap: 30px;
}

@media screen and (min-width: 768px) {
    .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .grid-1 {
      grid-template-columns: 1fr;
    }
}

@media screen and (min-width: 1024px) {
    .grid-1 {
      grid-template-columns: 1fr;
    }
  
    .grid-2,
    .grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (min-width: 1200px) {
    .grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.base-style--contained .grid-2,
.base-style--contained .grid-3,
.cards .grid-3 {
    row-gap: 41px;
    column-gap: 41px;
}

.cards .grid-2 {
    row-gap: 60px;
    column-gap: 60px;
}
@media screen and (max-width: 580px) {
    .text-columns__body.grid-3 {
        row-gap: 25px;
        column-gap: 25px;
    }
}
/* === Custom form settings === */

/* === Custom checkbox === */
ul.inputs-list.multi-container li.hs-form-checkbox,
ul.inputs-list li.hs-form-booleancheckbox {
    margin: 16px 0;
}

ul.inputs-list.multi-container li.hs-form-checkbox label,
ul.inputs-list li.hs-form-booleancheckbox label {
    position: relative;
    display: flex;
}

ul.inputs-list.multi-container li.hs-form-checkbox label span:not(.hs-form-required),
ul.inputs-list li.hs-form-booleancheckbox label span:not(.hs-form-required) {
    display: inline-block;
    margin-left: 30px;
    margin-right: 16px;
}

/* Resize and hide the original input */
ul.inputs-list.multi-container li.hs-form-checkbox label input,
ul.inputs-list li.hs-form-booleancheckbox label input {
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 20px;
}

/* Add new input */
ul.inputs-list.multi-container li.hs-form-checkbox label span:not(.hs-form-required)::before,
ul.inputs-list li.hs-form-booleancheckbox label span:not(.hs-form-required)::before {
    border: 1px solid;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 20px;

    background-color: var(--White);
    box-shadow: 0px 2px 5px rgba(17, 52, 96, 0.08);
    border-radius: 3px;
    border: 1px solid var(--White);
    background-size: 100% 1px;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;

}

/* Checked item */
ul.inputs-list.multi-container li.hs-form-checkbox label span:not(.hs-form-required)::after,
ul.inputs-list li.hs-form-booleancheckbox label span:not(.hs-form-required)::after {
    content: "";
    height: 14px;
    width: 14px;
    border: 1px solid var(--Secondary-blue);
    left: 3px;
    opacity: 0;
    position: absolute;
    background: var(--Secondary-blue);
    top: 9px;
    transition: opacity 0.2s ease-in-out;
    cursor: pointer;
    border-radius: 1px;
}

/* Show checked style */
ul.inputs-list.multi-container li.hs-form-checkbox label input:checked + span:not(.hs-form-required)::after,
ul.inputs-list li.hs-form-booleancheckbox label input:checked + span:not(.hs-form-required)::after {
    opacity: 1;
}

/* Focused state */
ul.inputs-list.multi-container li.hs-form-checkbox label input:focus + span:not(.hs-form-required)::after,
ul.inputs-list li.hs-form-booleancheckbox label input:focus + span:not(.hs-form-required)::after {
    outline: 3px solid transparent; /* For Windows high contrast mode. */
}

/* === Custom radio button === */

ul.inputs-list.multi-container li.hs-form-radio {
    margin: 16px 0;
}

ul.inputs-list.multi-container li.hs-form-radio label {
    position: relative;
}

ul.inputs-list.multi-container li.hs-form-radio label span {
    display: inline-block;
    margin-left: 30px;
    margin-right: 16px;
}

/* Resize and hide the original input */
ul.inputs-list.multi-container li.hs-form-radio label input {
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 20px;
}

/* Add new input */
ul.inputs-list.multi-container li.hs-form-radio label span::before {
    border: 1px solid var(--White);
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 6;
    width: 20px;
    border-radius: 50%;
    background-color: var(--White);
    box-shadow: 0px 2px 5px rgba(17, 52, 96, 0.08);
}

/* Checked item */
ul.inputs-list.multi-container li.hs-form-radio label span::after {
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    position: absolute;
    top: 10px;
    border-radius: 50%;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    cursor: pointer;
}

/* Show checked style */
ul.inputs-list.multi-container li.hs-form-radio label input:checked + span::after {
    background-color: var(--Secondary-blue);
    border: 1px solid var(--Secondary-blue);
}

/* Focused state */
ul.inputs-list.multi-container li.hs-form-radio label input:focus + span::after {
    outline: 3px solid transparent; /* For Windows high contrast mode. */
}


/* === system pages === */

.error-page-wrapper .thank-you-banner h1 {
    font-weight: 300;
}

/* 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 */

/* Templates */
/* Top line */

.top-product-line {
    width: 100%;
    height: 5px;
    margin-top: -1px;
}

.modeling .top-product-line {
    background-color: var(--Primary-blue---3D-Modeling);
}

.meshing .top-product-line {
    background-color: var(--Meshing);
}

.interoperability .top-product-line {
    background-color: var(--Interoperability);
}

.visualization .top-product-line {
    background-color: var(--Visualization);
}

.application-framework .top-product-line {
    background-color: var(--Application-Framework);
}

.constraint-solver .top-product-line {
    background-color: var(--Constraint-solver);
}

.modeling .hero--media .hero__header .icon-tag {
    color: var(--Primary-blue---3D-Modeling);
}

.meshing .hero--media .hero__header .icon-tag {
    color: var(--Meshing);
}

.interoperability .hero--media .hero__header .icon-tag {
    color: var(--Interoperability);
}

.visualization .hero--media .hero__header .icon-tag {
    color: var(--Visualization);
}

.application-framework .hero--media .hero__header .icon-tag {
    color: var(--Application-Framework);
}

.constraint-solver .hero--media .hero__header .icon-tag {
    color: var(--Constraint-solver);
}

/* Hero styles */

.modeling .hero-background-hexagons .background-hexagon.one path {
    fill: var(--Primary-blue---3D-Modeling);
}

.meshing .hero-background-hexagons .background-hexagon.one path {
    fill: var(--Meshing);
}

.interoperability .hero-background-hexagons .background-hexagon.one path {
    fill: var(--Interoperability);
}

.visualization .hero-background-hexagons .background-hexagon.one path {
    fill: var(--Visualization);
}

.application-framework .hero-background-hexagons .background-hexagon.one path {
    fill: var(--Application-Framework);
}

.constraint-solver .hero-background-hexagons .background-hexagon.one path {
    fill: var(--Constraint-solver);
}

/* footer styles */
.modeling .newsletter-signup-wrapper:after {
    background-image: url("data:image/svg+xml,%3Csvg width='163' height='67' viewBox='0 0 163 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M11 8.7062L11 3.29381C11 3.08405 10.8831 2.89012 10.6937 2.78502L5.80629 0.0788242C5.61692 -0.026275 5.38308 -0.0262751 5.19371 0.0788242L0.306295 2.78502C0.116925 2.89012 1.25484e-06 3.08405 1.24567e-06 3.2938L1.00913e-06 8.70619C9.99958e-07 8.91595 0.116924 9.10988 0.306295 9.21498L5.19371 11.9212C5.38308 12.0263 5.61692 12.0263 5.80629 11.9212L10.6937 9.21542C10.8831 9.11032 11 8.91639 11 8.70664L11 8.7062Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M163 35.3338L163 27.6662C163 27.3691 162.83 27.0943 162.554 26.9454L155.446 23.1117C155.17 22.9628 154.83 22.9628 154.554 23.1117L147.446 26.9454C147.17 27.0943 147 27.3691 147 27.6662L147 35.3338C147 35.6309 147.17 35.9057 147.446 36.0546L154.554 39.8883C154.83 40.0372 155.17 40.0372 155.446 39.8883L162.554 36.0552C162.83 35.9063 163 35.6316 163 35.3344L163 35.3338Z' fill='%23759FD9'/%3E%3Cpath d='M25 62.3338L25 54.6662C25 54.3691 24.8299 54.0943 24.5545 53.9454L17.4455 50.1117C17.1701 49.9628 16.8299 49.9628 16.5545 50.1117L9.44552 53.9454C9.17007 54.0943 9 54.3691 9 54.6662L9 62.3338C9 62.6309 9.17007 62.9057 9.44552 63.0546L16.5545 66.8883C16.8299 67.0372 17.1701 67.0372 17.4455 66.8883L24.5545 63.0552C24.8299 62.9063 25 62.6309 25 62.3338Z' fill='%23113460'/%3E%3Cpath d='M76 63.5296L76 59.4704C76 59.313 75.915 59.1676 75.7772 59.0888L72.2228 57.0591C72.085 56.9803 71.915 56.9803 71.7772 57.0591L68.2228 59.0888C68.085 59.1676 68 59.313 68 59.4704L68 63.5296C68 63.687 68.085 63.8324 68.2228 63.9112L71.7772 65.9409C71.915 66.0197 72.085 66.0197 72.2228 65.9409L75.7772 63.9116C75.915 63.8327 76 63.687 76 63.5296Z' fill='%23113460'/%3E%3C/svg%3E%0A");
}

.meshing .newsletter-signup-wrapper:after {
    background-image: url("data:image/svg+xml,%3Csvg width='163' height='67' viewBox='0 0 163 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M11 8.7062L11 3.29381C11 3.08405 10.8831 2.89012 10.6937 2.78502L5.80629 0.0788242C5.61692 -0.026275 5.38308 -0.0262751 5.19371 0.0788242L0.306295 2.78502C0.116925 2.89012 1.25484e-06 3.08405 1.24567e-06 3.2938L1.00913e-06 8.70619C9.99958e-07 8.91595 0.116924 9.10988 0.306295 9.21498L5.19371 11.9212C5.38308 12.0263 5.61692 12.0263 5.80629 11.9212L10.6937 9.21542C10.8831 9.11032 11 8.91639 11 8.70664L11 8.7062Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M163 35.3338L163 27.6662C163 27.3691 162.83 27.0943 162.554 26.9454L155.446 23.1117C155.17 22.9628 154.83 22.9628 154.554 23.1117L147.446 26.9454C147.17 27.0943 147 27.3691 147 27.6662L147 35.3338C147 35.6309 147.17 35.9057 147.446 36.0546L154.554 39.8883C154.83 40.0372 155.17 40.0372 155.446 39.8883L162.554 36.0552C162.83 35.9063 163 35.6316 163 35.3344L163 35.3338Z' fill='%23759FD9'/%3E%3Cpath d='M25 62.3338L25 54.6662C25 54.3691 24.8299 54.0943 24.5545 53.9454L17.4455 50.1117C17.1701 49.9628 16.8299 49.9628 16.5545 50.1117L9.44552 53.9454C9.17007 54.0943 9 54.3691 9 54.6662L9 62.3338C9 62.6309 9.17007 62.9057 9.44552 63.0546L16.5545 66.8883C16.8299 67.0372 17.1701 67.0372 17.4455 66.8883L24.5545 63.0552C24.8299 62.9063 25 62.6309 25 62.3338Z' fill='%2340287B'/%3E%3Cpath d='M76 63.5296L76 59.4704C76 59.313 75.915 59.1676 75.7772 59.0888L72.2228 57.0591C72.085 56.9803 71.915 56.9803 71.7772 57.0591L68.2228 59.0888C68.085 59.1676 68 59.313 68 59.4704L68 63.5296C68 63.687 68.085 63.8324 68.2228 63.9112L71.7772 65.9409C71.915 66.0197 72.085 66.0197 72.2228 65.9409L75.7772 63.9116C75.915 63.8327 76 63.687 76 63.5296Z' fill='%2340287B'/%3E%3C/svg%3E");
}

.interoperability .newsletter-signup-wrapper:after {
    background-image: url("data:image/svg+xml,%3Csvg width='163' height='67' viewBox='0 0 163 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M11 8.7062L11 3.29381C11 3.08405 10.8831 2.89012 10.6937 2.78502L5.80629 0.0788242C5.61692 -0.026275 5.38308 -0.0262751 5.19371 0.0788242L0.306295 2.78502C0.116925 2.89012 1.25484e-06 3.08405 1.24567e-06 3.2938L1.00913e-06 8.70619C9.99958e-07 8.91595 0.116924 9.10988 0.306295 9.21498L5.19371 11.9212C5.38308 12.0263 5.61692 12.0263 5.80629 11.9212L10.6937 9.21542C10.8831 9.11032 11 8.91639 11 8.70664L11 8.7062Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M163 35.3338L163 27.6662C163 27.3691 162.83 27.0943 162.554 26.9454L155.446 23.1117C155.17 22.9628 154.83 22.9628 154.554 23.1117L147.446 26.9454C147.17 27.0943 147 27.3691 147 27.6662L147 35.3338C147 35.6309 147.17 35.9057 147.446 36.0546L154.554 39.8883C154.83 40.0372 155.17 40.0372 155.446 39.8883L162.554 36.0552C162.83 35.9063 163 35.6316 163 35.3344L163 35.3338Z' fill='%23759FD9'/%3E%3Cpath d='M25 62.3338L25 54.6662C25 54.3691 24.8299 54.0943 24.5545 53.9454L17.4455 50.1117C17.1701 49.9628 16.8299 49.9628 16.5545 50.1117L9.44552 53.9454C9.17007 54.0943 9 54.3691 9 54.6662L9 62.3338C9 62.6309 9.17007 62.9057 9.44552 63.0546L16.5545 66.8883C16.8299 67.0372 17.1701 67.0372 17.4455 66.8883L24.5545 63.0552C24.8299 62.9063 25 62.6309 25 62.3338Z' fill='%235D764D'/%3E%3Cpath d='M76 63.5296L76 59.4704C76 59.313 75.915 59.1676 75.7772 59.0888L72.2228 57.0591C72.085 56.9803 71.915 56.9803 71.7772 57.0591L68.2228 59.0888C68.085 59.1676 68 59.313 68 59.4704L68 63.5296C68 63.687 68.085 63.8324 68.2228 63.9112L71.7772 65.9409C71.915 66.0197 72.085 66.0197 72.2228 65.9409L75.7772 63.9116C75.915 63.8327 76 63.6873 76 63.53L76 63.5296Z' fill='%235D764D'/%3E%3C/svg%3E");
}

.visualization .newsletter-signup-wrapper:after {
    background-image: url("data:image/svg+xml,%3Csvg width='163' height='67' viewBox='0 0 163 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M11 8.7062L11 3.29381C11 3.08405 10.8831 2.89012 10.6937 2.78502L5.80629 0.0788242C5.61692 -0.026275 5.38308 -0.0262751 5.19371 0.0788242L0.306295 2.78502C0.116925 2.89012 1.25484e-06 3.08405 1.24567e-06 3.2938L1.00913e-06 8.70619C9.99958e-07 8.91595 0.116924 9.10988 0.306295 9.21498L5.19371 11.9212C5.38308 12.0263 5.61692 12.0263 5.80629 11.9212L10.6937 9.21542C10.8831 9.11032 11 8.91639 11 8.70664L11 8.7062Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M163 35.3338L163 27.6662C163 27.3691 162.83 27.0943 162.554 26.9454L155.446 23.1117C155.17 22.9628 154.83 22.9628 154.554 23.1117L147.446 26.9454C147.17 27.0943 147 27.3691 147 27.6662L147 35.3338C147 35.6309 147.17 35.9057 147.446 36.0546L154.554 39.8883C154.83 40.0372 155.17 40.0372 155.446 39.8883L162.554 36.0552C162.83 35.9063 163 35.6316 163 35.3344L163 35.3338Z' fill='%23759FD9'/%3E%3Cpath d='M25 62.3338L25 54.6662C25 54.3691 24.8299 54.0943 24.5545 53.9454L17.4455 50.1117C17.1701 49.9628 16.8299 49.9628 16.5545 50.1117L9.44552 53.9454C9.17007 54.0943 9 54.3691 9 54.6662L9 62.3338C9 62.6309 9.17007 62.9057 9.44552 63.0546L16.5545 66.8883C16.8299 67.0372 17.1701 67.0372 17.4455 66.8883L24.5545 63.0552C24.8299 62.9063 25 62.6309 25 62.3338Z' fill='%23C3B532'/%3E%3Cpath d='M76 63.5296L76 59.4704C76 59.313 75.915 59.1676 75.7772 59.0888L72.2228 57.0591C72.085 56.9803 71.915 56.9803 71.7772 57.0591L68.2228 59.0888C68.085 59.1676 68 59.313 68 59.4704L68 63.5296C68 63.687 68.085 63.8324 68.2228 63.9112L71.7772 65.9409C71.915 66.0197 72.085 66.0197 72.2228 65.9409L75.7772 63.9116C75.915 63.8327 76 63.6873 76 63.53L76 63.5296Z' fill='%23C3B532'/%3E%3C/svg%3E%0A");
}

.application-framework .newsletter-signup-wrapper:after {
    background-image: url("data:image/svg+xml,%3Csvg width='163' height='67' viewBox='0 0 163 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M11 8.7062L11 3.29381C11 3.08405 10.8831 2.89012 10.6937 2.78502L5.80629 0.0788242C5.61692 -0.026275 5.38308 -0.0262751 5.19371 0.0788242L0.306295 2.78502C0.116925 2.89012 1.25484e-06 3.08405 1.24567e-06 3.2938L1.00913e-06 8.70619C9.99958e-07 8.91595 0.116924 9.10988 0.306295 9.21498L5.19371 11.9212C5.38308 12.0263 5.61692 12.0263 5.80629 11.9212L10.6937 9.21542C10.8831 9.11032 11 8.91639 11 8.70664L11 8.7062Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M163 35.3338L163 27.6662C163 27.3691 162.83 27.0943 162.554 26.9454L155.446 23.1117C155.17 22.9628 154.83 22.9628 154.554 23.1117L147.446 26.9454C147.17 27.0943 147 27.3691 147 27.6662L147 35.3338C147 35.6309 147.17 35.9057 147.446 36.0546L154.554 39.8883C154.83 40.0372 155.17 40.0372 155.446 39.8883L162.554 36.0552C162.83 35.9063 163 35.6316 163 35.3344L163 35.3338Z' fill='%23759FD9'/%3E%3Cpath d='M25 62.3338L25 54.6662C25 54.3691 24.8299 54.0943 24.5545 53.9454L17.4455 50.1117C17.1701 49.9628 16.8299 49.9628 16.5545 50.1117L9.44552 53.9454C9.17007 54.0943 9 54.3691 9 54.6662L9 62.3338C9 62.6309 9.17007 62.9057 9.44552 63.0546L16.5545 66.8883C16.8299 67.0372 17.1701 67.0372 17.4455 66.8883L24.5545 63.0552C24.8299 62.9063 25 62.6309 25 62.3338Z' fill='%23DE701F'/%3E%3Cpath d='M76 63.5296L76 59.4704C76 59.313 75.915 59.1676 75.7772 59.0888L72.2228 57.0591C72.085 56.9803 71.915 56.9803 71.7772 57.0591L68.2228 59.0888C68.085 59.1676 68 59.313 68 59.4704L68 63.5296C68 63.687 68.085 63.8324 68.2228 63.9112L71.7772 65.9409C71.915 66.0197 72.085 66.0197 72.2228 65.9409L75.7772 63.9116C75.915 63.8327 76 63.6873 76 63.53L76 63.5296Z' fill='%23DE701F'/%3E%3C/svg%3E%0A");
}

.constraint-solver .newsletter-signup-wrapper:after {
    background-image: url("data:image/svg+xml,%3Csvg width='163' height='67' viewBox='0 0 163 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M11 8.7062L11 3.29381C11 3.08405 10.8831 2.89012 10.6937 2.78502L5.80629 0.0788242C5.61692 -0.026275 5.38308 -0.0262751 5.19371 0.0788242L0.306295 2.78502C0.116925 2.89012 1.25484e-06 3.08405 1.24567e-06 3.2938L1.00913e-06 8.70619C9.99958e-07 8.91595 0.116924 9.10988 0.306295 9.21498L5.19371 11.9212C5.38308 12.0263 5.61692 12.0263 5.80629 11.9212L10.6937 9.21542C10.8831 9.11032 11 8.91639 11 8.70664L11 8.7062Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M163 35.3338L163 27.6662C163 27.3691 162.83 27.0943 162.554 26.9454L155.446 23.1117C155.17 22.9628 154.83 22.9628 154.554 23.1117L147.446 26.9454C147.17 27.0943 147 27.3691 147 27.6662L147 35.3338C147 35.6309 147.17 35.9057 147.446 36.0546L154.554 39.8883C154.83 40.0372 155.17 40.0372 155.446 39.8883L162.554 36.0552C162.83 35.9063 163 35.6316 163 35.3344L163 35.3338Z' fill='%23759FD9'/%3E%3Cpath d='M25 62.3338L25 54.6662C25 54.3691 24.8299 54.0943 24.5545 53.9454L17.4455 50.1117C17.1701 49.9628 16.8299 49.9628 16.5545 50.1117L9.44552 53.9454C9.17007 54.0943 9 54.3691 9 54.6662L9 62.3338C9 62.6309 9.17007 62.9057 9.44552 63.0546L16.5545 66.8883C16.8299 67.0372 17.1701 67.0372 17.4455 66.8883L24.5545 63.0552C24.8299 62.9063 25 62.6309 25 62.3338Z' fill='%23905385'/%3E%3Cpath d='M76 63.5296L76 59.4704C76 59.313 75.915 59.1676 75.7772 59.0888L72.2228 57.0591C72.085 56.9803 71.915 56.9803 71.7772 57.0591L68.2228 59.0888C68.085 59.1676 68 59.313 68 59.4704L68 63.5296C68 63.687 68.085 63.8324 68.2228 63.9112L71.7772 65.9409C71.915 66.0197 72.085 66.0197 72.2228 65.9409L75.7772 63.9116C75.915 63.8327 76 63.6873 76 63.53L76 63.5296Z' fill='%23905385'/%3E%3C/svg%3E");
}

@media (min-width: 768px) {
    .modeling .newsletter-signup-wrapper:after {
        background-image: url("data:image/svg+xml,%3Csvg width='215' height='120' viewBox='0 0 215 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M27 10.8827L27 4.11726C27 3.85506 26.8512 3.61265 26.6102 3.48127L20.3898 0.0985302C20.1488 -0.0328438 19.8512 -0.0328438 19.6102 0.0985302L13.3898 3.48127C13.1488 3.61265 13 3.85506 13 4.11726L13 10.8827C13 11.1449 13.1488 11.3874 13.3898 11.5187L19.6102 14.9015C19.8512 15.0328 20.1488 15.0328 20.3898 14.9015L26.6102 11.5193C26.8512 11.3879 27 11.1455 27 10.8833L27 10.8827Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M215 43.2358L215 33.7642C215 33.3971 214.787 33.0577 214.443 32.8738L205.557 28.1379C205.213 27.954 204.787 27.954 204.443 28.1379L195.557 32.8738C195.213 33.0577 195 33.3971 195 33.7642L195 43.2358C195 43.6029 195.213 43.9423 195.557 44.1262L204.443 48.8621C204.787 49.046 205.213 49.046 205.557 48.8621L214.443 44.127C214.787 43.9431 215 43.6037 215 43.2366L215 43.2358Z' fill='%23759FD9'/%3E%3Cpath d='M20 114.236L20 104.764C20 104.397 19.7874 104.058 19.4431 103.874L10.5569 99.1379C10.2126 98.954 9.78741 98.954 9.4431 99.1379L0.556898 103.874C0.212588 104.058 -2.35877e-07 104.397 -2.5192e-07 104.764L-6.65875e-07 114.236C-6.81918e-07 114.603 0.212587 114.942 0.556897 115.126L9.4431 119.862C9.78741 120.046 10.2126 120.046 10.5569 119.862L19.4431 115.127C19.7874 114.943 20 114.603 20 114.236Z' fill='%23113460'/%3E%3Cpath d='M108 78.9807L108 74.0193C108 73.827 107.894 73.6493 107.722 73.5529L103.278 71.0723C103.106 70.9759 102.894 70.9759 102.722 71.0723L98.2784 73.5529C98.1063 73.6493 98 73.827 98 74.0193L98 78.9807C98 79.173 98.1063 79.3507 98.2784 79.4471L102.722 81.9277C102.894 82.0241 103.106 82.0241 103.278 81.9277L107.722 79.4475C107.894 79.3511 108 79.173 108 78.9807Z' fill='%23113460'/%3E%3C/svg%3E%0A");
    }

    .meshing .newsletter-signup-wrapper:after {
        background-image: url("data:image/svg+xml,%3Csvg width='215' height='120' viewBox='0 0 215 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M27 10.8827L27 4.11726C27 3.85506 26.8512 3.61265 26.6102 3.48127L20.3898 0.0985302C20.1488 -0.0328438 19.8512 -0.0328438 19.6102 0.0985302L13.3898 3.48127C13.1488 3.61265 13 3.85506 13 4.11726L13 10.8827C13 11.1449 13.1488 11.3874 13.3898 11.5187L19.6102 14.9015C19.8512 15.0328 20.1488 15.0328 20.3898 14.9015L26.6102 11.5193C26.8512 11.3879 27 11.1455 27 10.8833L27 10.8827Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M215 43.2358L215 33.7642C215 33.3971 214.787 33.0577 214.443 32.8738L205.557 28.1379C205.213 27.954 204.787 27.954 204.443 28.1379L195.557 32.8738C195.213 33.0577 195 33.3971 195 33.7642L195 43.2358C195 43.6029 195.213 43.9423 195.557 44.1262L204.443 48.8621C204.787 49.046 205.213 49.046 205.557 48.8621L214.443 44.127C214.787 43.9431 215 43.6037 215 43.2366L215 43.2358Z' fill='%23759FD9'/%3E%3Cpath d='M20 114.236L20 104.764C20 104.397 19.7874 104.058 19.4431 103.874L10.5569 99.1379C10.2126 98.954 9.78741 98.954 9.4431 99.1379L0.556898 103.874C0.212588 104.058 -2.35877e-07 104.397 -2.5192e-07 104.764L-6.65875e-07 114.236C-6.81918e-07 114.603 0.212587 114.942 0.556897 115.126L9.4431 119.862C9.78741 120.046 10.2126 120.046 10.5569 119.862L19.4431 115.127C19.7874 114.943 20 114.603 20 114.236Z' fill='%2340287B'/%3E%3Cpath d='M108 78.9807L108 74.0193C108 73.827 107.894 73.6493 107.722 73.5529L103.278 71.0723C103.106 70.9759 102.894 70.9759 102.722 71.0723L98.2784 73.5529C98.1063 73.6493 98 73.827 98 74.0193L98 78.9807C98 79.173 98.1063 79.3507 98.2784 79.4471L102.722 81.9277C102.894 82.0241 103.106 82.0241 103.278 81.9277L107.722 79.4475C107.894 79.3511 108 79.173 108 78.9807Z' fill='%2340287B'/%3E%3C/svg%3E ");
    }

    .interoperability .newsletter-signup-wrapper:after {
        background-image: url("data:image/svg+xml,%3Csvg width='215' height='120' viewBox='0 0 215 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M27 10.8827L27 4.11726C27 3.85506 26.8512 3.61265 26.6102 3.48127L20.3898 0.0985302C20.1488 -0.0328438 19.8512 -0.0328438 19.6102 0.0985302L13.3898 3.48127C13.1488 3.61265 13 3.85506 13 4.11726L13 10.8827C13 11.1449 13.1488 11.3874 13.3898 11.5187L19.6102 14.9015C19.8512 15.0328 20.1488 15.0328 20.3898 14.9015L26.6102 11.5193C26.8512 11.3879 27 11.1455 27 10.8833L27 10.8827Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M215 43.2358L215 33.7642C215 33.3971 214.787 33.0577 214.443 32.8738L205.557 28.1379C205.213 27.954 204.787 27.954 204.443 28.1379L195.557 32.8738C195.213 33.0577 195 33.3971 195 33.7642L195 43.2358C195 43.6029 195.213 43.9423 195.557 44.1262L204.443 48.8621C204.787 49.046 205.213 49.046 205.557 48.8621L214.443 44.127C214.787 43.9431 215 43.6037 215 43.2366L215 43.2358Z' fill='%23759FD9'/%3E%3Cpath d='M20 114.236L20 104.764C20 104.397 19.7874 104.058 19.4431 103.874L10.5569 99.1379C10.2126 98.954 9.78741 98.954 9.4431 99.1379L0.556898 103.874C0.212588 104.058 -2.35877e-07 104.397 -2.5192e-07 104.764L-6.65875e-07 114.236C-6.81918e-07 114.603 0.212587 114.942 0.556897 115.126L9.4431 119.862C9.78741 120.046 10.2126 120.046 10.5569 119.862L19.4431 115.127C19.7874 114.943 20 114.603 20 114.236Z' fill='%235D764D'/%3E%3Cpath d='M108 78.9807L108 74.0193C108 73.827 107.894 73.6493 107.722 73.5529L103.278 71.0723C103.106 70.9759 102.894 70.9759 102.722 71.0723L98.2784 73.5529C98.1063 73.6493 98 73.827 98 74.0193L98 78.9807C98 79.173 98.1063 79.3507 98.2784 79.4471L102.722 81.9277C102.894 82.0241 103.106 82.0241 103.278 81.9277L107.722 79.4475C107.894 79.3511 108 79.173 108 78.9807Z' fill='%235D764D'/%3E%3C/svg%3E%0A");
    }

    .visualization .newsletter-signup-wrapper:after {
        background-image: url("data:image/svg+xml,%3Csvg width='215' height='120' viewBox='0 0 215 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M27 10.8827L27 4.11726C27 3.85506 26.8512 3.61265 26.6102 3.48127L20.3898 0.0985302C20.1488 -0.0328438 19.8512 -0.0328438 19.6102 0.0985302L13.3898 3.48127C13.1488 3.61265 13 3.85506 13 4.11726L13 10.8827C13 11.1449 13.1488 11.3874 13.3898 11.5187L19.6102 14.9015C19.8512 15.0328 20.1488 15.0328 20.3898 14.9015L26.6102 11.5193C26.8512 11.3879 27 11.1455 27 10.8833L27 10.8827Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M215 43.2358L215 33.7642C215 33.3971 214.787 33.0577 214.443 32.8738L205.557 28.1379C205.213 27.954 204.787 27.954 204.443 28.1379L195.557 32.8738C195.213 33.0577 195 33.3971 195 33.7642L195 43.2358C195 43.6029 195.213 43.9423 195.557 44.1262L204.443 48.8621C204.787 49.046 205.213 49.046 205.557 48.8621L214.443 44.127C214.787 43.9431 215 43.6037 215 43.2366L215 43.2358Z' fill='%23759FD9'/%3E%3Cpath d='M20 114.236L20 104.764C20 104.397 19.7874 104.058 19.4431 103.874L10.5569 99.1379C10.2126 98.954 9.78741 98.954 9.4431 99.1379L0.556898 103.874C0.212588 104.058 -2.35877e-07 104.397 -2.5192e-07 104.764L-6.65875e-07 114.236C-6.81918e-07 114.603 0.212587 114.942 0.556897 115.126L9.4431 119.862C9.78741 120.046 10.2126 120.046 10.5569 119.862L19.4431 115.127C19.7874 114.943 20 114.603 20 114.236Z' fill='%23C3B532'/%3E%3Cpath d='M108 78.9807L108 74.0193C108 73.827 107.894 73.6493 107.722 73.5529L103.278 71.0723C103.106 70.9759 102.894 70.9759 102.722 71.0723L98.2784 73.5529C98.1063 73.6493 98 73.827 98 74.0193L98 78.9807C98 79.173 98.1063 79.3507 98.2784 79.4471L102.722 81.9277C102.894 82.0241 103.106 82.0241 103.278 81.9277L107.722 79.4475C107.894 79.3511 108 79.173 108 78.9807Z' fill='%23C3B532'/%3E%3C/svg%3E");
    }

    .application-framework .newsletter-signup-wrapper:after {
        background-image: url("data:image/svg+xml,%3Csvg width='215' height='120' viewBox='0 0 215 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M27 10.8827L27 4.11726C27 3.85506 26.8512 3.61265 26.6102 3.48127L20.3898 0.0985302C20.1488 -0.0328438 19.8512 -0.0328438 19.6102 0.0985302L13.3898 3.48127C13.1488 3.61265 13 3.85506 13 4.11726L13 10.8827C13 11.1449 13.1488 11.3874 13.3898 11.5187L19.6102 14.9015C19.8512 15.0328 20.1488 15.0328 20.3898 14.9015L26.6102 11.5193C26.8512 11.3879 27 11.1455 27 10.8833L27 10.8827Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M215 43.2358L215 33.7642C215 33.3971 214.787 33.0577 214.443 32.8738L205.557 28.1379C205.213 27.954 204.787 27.954 204.443 28.1379L195.557 32.8738C195.213 33.0577 195 33.3971 195 33.7642L195 43.2358C195 43.6029 195.213 43.9423 195.557 44.1262L204.443 48.8621C204.787 49.046 205.213 49.046 205.557 48.8621L214.443 44.127C214.787 43.9431 215 43.6037 215 43.2366L215 43.2358Z' fill='%23759FD9'/%3E%3Cpath d='M20 114.236L20 104.764C20 104.397 19.7874 104.058 19.4431 103.874L10.5569 99.1379C10.2126 98.954 9.78741 98.954 9.4431 99.1379L0.556898 103.874C0.212588 104.058 1.78339e-07 104.397 1.62296e-07 104.764L-2.51659e-07 114.236C-2.67702e-07 114.603 0.212588 114.942 0.556898 115.126L9.4431 119.862C9.78741 120.046 10.2126 120.046 10.5569 119.862L19.4431 115.127C19.7874 114.943 20 114.604 20 114.237L20 114.236Z' fill='%23DE701F'/%3E%3Cpath d='M108 78.9807L108 74.0193C108 73.827 107.894 73.6493 107.722 73.5529L103.278 71.0723C103.106 70.9759 102.894 70.9759 102.722 71.0723L98.2785 73.5529C98.1063 73.6493 98 73.827 98 74.0193L98 78.9807C98 79.173 98.1063 79.3507 98.2784 79.4471L102.722 81.9277C102.894 82.0241 103.106 82.0241 103.278 81.9277L107.722 79.4475C107.894 79.3511 108 79.1734 108 78.9811L108 78.9807Z' fill='%23DE701F'/%3E%3C/svg%3E");
    }
  
    .constraint-solver .newsletter-signup-wrapper:after {
        background-image: url("data:image/svg+xml,%3Csvg width='215' height='120' viewBox='0 0 215 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M27 10.8827L27 4.11726C27 3.85506 26.8512 3.61265 26.6102 3.48127L20.3898 0.0985302C20.1488 -0.0328438 19.8512 -0.0328438 19.6102 0.0985302L13.3898 3.48127C13.1488 3.61265 13 3.85506 13 4.11726L13 10.8827C13 11.1449 13.1488 11.3874 13.3898 11.5187L19.6102 14.9015C19.8512 15.0328 20.1488 15.0328 20.3898 14.9015L26.6102 11.5193C26.8512 11.3879 27 11.1455 27 10.8833L27 10.8827Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M215 43.2358L215 33.7642C215 33.3971 214.787 33.0577 214.443 32.8738L205.557 28.1379C205.213 27.954 204.787 27.954 204.443 28.1379L195.557 32.8738C195.213 33.0577 195 33.3971 195 33.7642L195 43.2358C195 43.6029 195.213 43.9423 195.557 44.1262L204.443 48.8621C204.787 49.046 205.213 49.046 205.557 48.8621L214.443 44.127C214.787 43.9431 215 43.6037 215 43.2366L215 43.2358Z' fill='%23759FD9'/%3E%3Cpath d='M20 114.236L20 104.764C20 104.397 19.7874 104.058 19.4431 103.874L10.5569 99.1379C10.2126 98.954 9.78741 98.954 9.4431 99.1379L0.556898 103.874C0.212588 104.058 1.78339e-07 104.397 1.62296e-07 104.764L-2.51659e-07 114.236C-2.67702e-07 114.603 0.212588 114.942 0.556898 115.126L9.4431 119.862C9.78741 120.046 10.2126 120.046 10.5569 119.862L19.4431 115.127C19.7874 114.943 20 114.604 20 114.237L20 114.236Z' fill='%23905385'/%3E%3Cpath d='M108 78.9807L108 74.0193C108 73.827 107.894 73.6493 107.722 73.5529L103.278 71.0723C103.106 70.9759 102.894 70.9759 102.722 71.0723L98.2784 73.5529C98.1063 73.6493 98 73.827 98 74.0193L98 78.9807C98 79.173 98.1063 79.3507 98.2784 79.4471L102.722 81.9277C102.894 82.0241 103.106 82.0241 103.278 81.9277L107.722 79.4475C107.894 79.3511 108 79.173 108 78.9807Z' fill='%23905385'/%3E%3C/svg%3E");
    }
}
.content-wrapper.blog-wrapper {
    max-width: 1200px;
}

.blog-listing__top {
    padding-top: 150px;
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
}

.blog-listing__top__content-wrapper {
    position: relative;
    z-index: 1;
}

.blog-listing__title::after,
.blog-listing__bottom__filters__title::after {
    display: block;
    font-size: 26px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="95" height="2" viewBox="0 0 95 2" fill="none"><path d="M1 1H94" stroke="url(%23paint0_linear_4845_5535)" stroke-width="2" stroke-linecap="round"/><defs><linearGradient id="paint0_linear_4845_5535" x1="94" y1="1.50005" x2="1" y2="1.50005" gradientUnits="userSpaceOnUse"><stop stop-color="%238EEBE5"/><stop offset="0.495" stop-color="%23759FD9"/><stop offset="1" stop-color="%23113460"/></linearGradient></defs></svg>');
    margin-top: 20px;
}{}

/* Featured Post */

.blog-listing__featured-post__bg-image {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.blog-listing__featured-post {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 80px;
    box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
    text-decoration: none;
    color: #231f20;
}

.blog-listing__featured-post:hover,
.blog-listing__featured-post:focus {
    text-decoration: none;
    color: #231f20;
}

.blog-listing__featured-post h2 {
    color: #113460;
}

.blog-listing__featured-post h2 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.blog-listing__featured-post h2 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.blog-listing__featured-post__image {
    display: flex;
}

.blog-listing__featured-post__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-listing__featured-post__info {
    background-color: #fff;
    padding: 40px 72px;
}

.blog-listing__featured-post__accreditation {
    font-size: 14px;
}

.blog-listing__bottom {
    margin-top: 100px;
    position: relative;
    padding-bottom: 140px;
    padding-right: 20px;
    padding-left: 20px;
}

.blog-listing__bottom__content-wrapper {
    display: flex;
}

.blog-listing__blog-listing__bottom__bg-image {
    position: absolute;
    top: 100px;
    right: 0;
}

/* Filters */

.blog-listing__bottom__filters {
    height: 100%;
    position: sticky;
    top: 135px;
    width: 33%;
    z-index: 5;
}

.blog-listing__bottom__filters__desktop {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.blog-listing__bottom__filters a {
    position: relative;
    color: #113460;
    text-decoration: none;
}

.blog-listing__bottom__filters a.active {
  font-weight: 700;
}

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

/* Blog post */

.blog-listing__bottom__posts {
    width: 66%;
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.blog-listing__post.blog-post {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
    transition: 0.3s ease-in-out;
    text-decoration: none;
    color: #231f20;
}

.blog-listing__post.blog-post:hover,
.blog-listing__post.blog-post:focus {
    box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
    text-decoration: none;
    color: #231f20;
}

.blog-listing__post__image {
    position: relative;
    overflow: hidden;
    display: flex;
}

.blog-listing__post__image::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(17, 52, 96, 0.00) 39.26%, rgba(17, 52, 96, 0.50) 100%);
}

.blog-listing__post__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}

.blog-listing__post__image__read-time {
    position: absolute;
    z-index: 1;
    color: #fff;
    bottom: -5px;
    left: 25px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: ThreeDS, arial, sans-serif;
}

.blog-listing__post.blog-post:hover .blog-listing__post__image img {
    transform: scale(1.2);
}

.blog-listing__post__content {
    background-color: #fff;
    padding: 40px 33px;
}

.blog-listing__post__content__top h4 {
    color: #113460;
    margin-bottom: 10px;
}

.blog-listing__post__content__top h4 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.blog-listing__post__content__top h4 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.blog-listing__post__link {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 20px;
}

.blog-listing__post__accreditation {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.blog-listing__post__accreditation p {
    font-size: 14px;
    margin-bottom: 0;
}

.blog-listing__post__accreditation,
.blog-listing__post__accreditation__left__author {
    font-size: 14px;
}

.blog-listing__post__accreditation__left {
    display: flex;
    align-items: center;
    padding-right: 25px;
}

.blog-listing__post__accreditation__left::after {
    content: "";
    width: 1px;
    height: 18px;
    display: block;
    background-color: #292929;
    margin-left: 20px;
}

.blog-listing__post__accreditation__left__author {
    display: flex;
    flex-direction: column;
}

.blog-listing__post__tags {
    gap: 10px;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}

.blog-listing__post__tags span.tag {
    border-radius: 10px;
    background: rgba(117, 159, 217, 0.10);
    padding: 10px 30px;
    text-align: center;
    color: #00205C;
    font-size: 12px;
    font-family: ThreeDS, arial, sans-serif;
    font-weight: 300;
    text-decoration: none;
}

/* Pagination */

.blog-listing__pagination {
    display: flex;
    justify-content: center;
    margin-top: -20px;
    gap: 30px;
    position: relative;
    z-index: 1;
}

.blog-listing__pagination a {
    text-decoration: none;
    color: #103460;
}

.blog-listing__pagination__page-link {
    color: #103460;
    font-size: 19px;
    font-weight: 600;
    font-family: ThreeDS, arial, sans-serif;
    text-decoration: none;
}

.blog-listing__pagination__page-link:hover {
    font-size: 19px;
    font-weight: 600;
    font-family: ThreeDS, arial, sans-serif;
    text-decoration: none;
}

.blog-listing__pagination__page-link.pagination__link--active {
    color: #fff;
    position: relative;
    z-index: 1;
}

.blog-listing__pagination__page-link__wrapper {
    position: relative;
}

.blog-listing__pagination__page-link__wrapper::after {
    content: "";
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    top: -7px;
    left: -12px;
    background-color: #103460;
    z-index: 0;
}

.pagination__link--disabled {
    display: none;
}

.blog-listing__filters__dropdown {
    background-color: #fff;
    border: 1px #113460;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(17, 52, 96, .08);
    box-shadow: 0 2px 5px 0 rgba(17, 52, 96, .08);
    color: #231f20;
    font-family: Raleway, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    padding: 20px 15px;
    text-decoration: none;
    
}

@media (min-width: 768px) {
    .blog-listing__filters__dropdown {
        display: none;
    }
}

@media (max-width: 767px) {
    .blog-listing__bottom__filters__desktop {
        display: none;
    }

    .blog-listing__featured-post,
    .blog-listing__post.blog-post {
        grid-template-columns: 1fr;
    }

    .blog-listing__featured-post__image img,
    .blog-listing__post__image.blog-post-img img {
        height: 152px;
    }

    .blog-listing__featured-post__info,
    .blog-listing__post__content {
        padding: 28px 23px;
    }
    
    .blog-listing__bottom__content-wrapper {
        flex-direction: column;
    }

    .blog-listing__bottom__posts {
        width: 100%;
        margin-top: 40px;
    }

    .blog-listing__bottom {
        margin-top: 60px;
    }

    .blog-listing__bottom__filters,
    .blog-listing__filters__dropdown {
        width: 100%;
    }
    
    .blog-listing__bottom__filters {
        top: 80px;
    }

    .blog-listing__pagination {
        margin-top: 20px;
        left: 50%;
        bottom: -90px;
        transform: translateX(-50%);
        position: absolute;
    }
}

/* Modules */

header.header-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: 0.15s ease-in-out;
	z-index: 999;
	width: 100%;sear
	top: 20px;
}

header.header-wrapper.position-fixed.scrolled {
	background-color: var(--White, #FFF);
	/*width: calc(100% - 40px);*/
	border-radius: 20px;
	/*left: 20px;*/
	top: 20px;
	box-shadow: 0px 18px 45px 0px rgba(56, 92, 173, 0.08);
}

header.header-wrapper.position-fixed.scrolled .content-wrapper {
	padding-top: 20px;
}


header.header-wrapper .content-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	/*max-width: 1230px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	transition: 0.15s ease-in-out;
}

header.header-wrapper .content-wrapper .header-column {
	display: flex;
}

header.header-wrapper .content-wrapper .header-column.logo {
	/*margin-right: 70px;*/
	width: 10%;
	position: relative;
}

header.header-wrapper .content-wrapper .header-column.logo .desktop-logo {
	width: auto;
	max-width: 205px;
	height: auto;
	object-fit: contain;
	width: 100%;
}

header.header-wrapper .content-wrapper .header-column.logo .mobile-logo {
	display: none;
	height: auto;
	max-width: 142px;
	object-fit: contain;
	width: 100%;
}

header.header-wrapper .content-wrapper .header-column.logo .logo-cover-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

header.header-wrapper .content-wrapper .header-column.navigation {
	width: 70%;
	justify-content: flex-end;
	margin-left: auto;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul {
	list-style: none;
	display: flex;
	gap: 32px;
	padding: 0px;
	margin: 0px;
	height: 22px;
	align-items: flex-start;
	gap: 0;
	/*gap: 33px;*/
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: relative;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li.mega {
	position: unset !important;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li a.nav-link {
	text-decoration: none;
	font-family: ThreeDS, arial, sans-serif;
	color: var(--Primary-blue, #113460);
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 133.333% */
}
header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li.nav-li-1>a.nav-link {
	
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	flex-wrap: wrap;
	row-gap: 0px;
	flex-direction: column;
	

}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li.nav-li-1:hover>a.nav-link {
	color: #759FD9;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li a.nav-link.has-child {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	flex-wrap: wrap;
	row-gap: 0px;
	flex-direction: column;
}

header li.nav-li.nav-li-1>a.nav-link .nav-link-line {
	display: block;
	height: 2px;
	width: 70%;
	background: #759FD9;
	margin-bottom: -2px;
	transform: translateY(7px);
	opacity: 0;
	transition: all 0.3s ease;
}
header li.nav-li.nav-li-1:hover>a.nav-link .nav-link-line {
	opacity: 1;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li a.nav-link.has-child .indicator {
	width: 10px;
	height: auto;
	object-fit: contain;
}



header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-width: 100vw;
	list-style: none;
	margin: 0;
	padding: 25px 0 0 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.15s ease-in-out;
	z-index: 99;
	pointer-events: none;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li.nav-li-1:hover>.nav-child-wrap {
	opacity: 1;
	visibility: visible;
	pointer-events: initial;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap.visible {
	opacity: 1;
	visibility: visible;
}

header.header-wrapper .nav-child-wrap>.nav-child-ul {
	background-color: #fff;
	border-radius: 20px 20px 20px 20px;
	box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
	list-style: none;
	margin: 0;
	max-width: 100vw;
	padding: 35px 40px;
	transition: .15s ease-in-out;
	width: max-content;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
}

header.header-wrapper .nav-child-wrap>.nav-child-ul.mega {
	transform: none;
	left: 0;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap li.nav-child-li {
	padding: 10px 0px;
	margin: 0px;
	list-style: none;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap li.nav-child-li a.nav-link {
	color: var(--Primary-blue);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: "ThreeDS";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px; /* 136.364% */
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap li.nav-child-li a.nav-link:hover {
	color: #759FD9;	
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap li.nav-child-li a.nav-link:hover {
	/*  Insert a hover colour for Child Menu Links Here*/
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap>.mega {
	display: flex;
	flex-direction: row;
	padding: 40px 34px;
	gap: 80px;
	z-index: 99;
	/*position: absolute;
	top: 100%;
	left: calc(10%);*/
	width: 100%;
	max-width: 1085px;
	background-color: white;
	border-radius: 20px 20px 20px 20px;
	box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
	margin: 0 auto;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap>.mega .mega-column {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: start;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap>.mega .mega-column .mega-column-title {
	font-weight: 500;
	display: inline-block;
	min-width: max-content;
	padding: 16px 0px;
	border-bottom: 1px solid #0078ff;
	font-family: 'Krona One';
	font-size: 14px;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap>.mega .mega-column .mega-column-links-wrapper {
	display: flex;
	flex-direction: row;
	gap: 32px;
}

header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap>.mega .mega-column .mega-column-links-wrapper .mega-column-links {
	display: flex;
	flex-direction: column;
	max-height: 165px;
	flex-wrap: wrap;
	margin-top: 12px;
	width: auto;
}

header.header-wrapper .content-wrapper .header-column.cta {
	display: flex;
	flex-direction: row;
	gap: 18px;
	justify-content: flex-end;
	align-items: center;
	/*width: 20%;*/
}

header.header-wrapper .content-wrapper .header-column.cta .cta .default-cta {
	font-weight: normal;
	padding: 16px 40px;
}

.header-column.cta .cta {
	display: flex;
	gap: 15px;
	padding-left: 20px;
}
.header-column.cta .cta a {
	font-size: 15px;
	white-space: nowrap;
	font-weight: 400;
	padding: 10px 33px !important;
	height: auto;
	line-height: 1.2;
}

.header-column.cta .cta a.button-primary {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.header-column.cta .cta a.button-tertiary {
	/*border: 2px solid #113460;
	background: none; */
}

header.header-wrapper .content-wrapper .header-column.mobile-menu {
	display: none;
}

header.header-wrapper .content-wrapper .header-column.mobile-menu .hamburger .line {
	width: 24px;
	height: 1px;
	background-color: var(--Primary-blue); /* Change this setting to adjust the colour of the lines */
	display: block;
	margin: 6px auto; /* Change this setting to adjust the space between Hamburger Lines */
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

header.header-wrapper .content-wrapper .header-column.mobile-menu .hamburger:hover {
	cursor: pointer;
}

#hamburger-8 {
	transition: all 0.3s ease;
}
#hamburger-8.is-active {
	margin-top: -12px;
}
#hamburger-8.is-active .line:nth-child(2) {
	opacity: 1;
	transform: translateY(1px) rotate(40deg);
}

#hamburger-8.is-active .line:nth-child(1) {
	-webkit-transform: translateY(8px) rotate(-40deg);
	-ms-transform: translateY(8px) rotate(-40deg);
	-o-transform: translateY(8px) rotate(-40deg);
	transform: translateY(8px) rotate(-40deg);
}

#hamburger-8.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-6px) rotate(40deg);
	-ms-transform: translateY(-6px) rotate(40deg);
	-o-transform: translateY(-6px) rotate(40deg);
	transform: translateY(-6px) rotate(40deg);
}


@media screen and (max-width: 1184px) {
	header.header-wrapper .content-wrapper .header-column.cta .cta .button-primary {
		display: none;
	}
  
  

	header.header-wrapper .content-wrapper .header-column.navigation {
		width: 80%;
	}
}

@media screen and (max-width: 767px) {
	header.header-wrapper {
		position: relative;
		background-color: var(--White);
		margin: 10px;
		width: calc(100% - 20px);
		border-radius: 10px;
		top: 0;
	}

	header.header-wrapper .content-wrapper {
		padding: 24px 20px 24px 20px;
		box-shadow: 0px 18px 45px 0px rgba(56, 92, 173, 0.08);
		z-index: 6;
		border-radius: 10px;
		background-color: var(--White);
	}
	header.header-wrapper.position-fixed.scrolled {
		top: 0;
		box-shadow: none;
	}
	
	header.header-wrapper.position-fixed.scrolled .content-wrapper {
		padding: 24px 20px 24px 20px;
		background-color: var(--White);
		
	}



	header.header-wrapper .content-wrapper .header-column.cta {
		width: 5%;
		display: none;
	}

	header.header-wrapper .content-wrapper .header-column.logo .desktop-logo {
		display: none;
	}

	header.header-wrapper .content-wrapper .header-column.logo .mobile-logo {
		display: flex;
	}

	header.header-wrapper .content-wrapper .header-column.mobile-menu {
		display: flex;
	}

	header.header-wrapper .content-wrapper .header-column.logo {
		width: 80%;
	}

} /* END 767 */



.mega-menu {
	display: flex;
	width: 100%;
	max-width: 1085px;
}

.mega-column-titles {
	width: 50%; 
	display: flex;
	flex-direction: column;
	padding-right: 50px;
	gap: 8px;
}

.mega-column-title-section {
	font-size: 16px;
	margin-bottom: 45px;
	padding-left: 20px;
	color: #8899AF;
	text-transform: uppercase;
	font-family: "ThreeDS";
}
.mega-column-title-section a {
	font-size: 16px;
	margin-bottom: 45px;
	color: var(--Primary-blue);
	text-transform: uppercase;
	font-family: "ThreeDS";
	font-weight: 600;
	text-decoration: none;
}
.mega-column-title-section a:hover {
	color: #759FD9;
}


.mega-column-links-wrap .mega-column-title-section {
	padding-left: 0;
}

.mega-column-title {

	cursor: pointer;
	color: var(--Primary-blue);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: "ThreeDS";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%; /* 25px */
	padding: 16px 20px;
	align-items: center;
	gap: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	border-radius: 20px;
}

.mega-column-title::after {
	margin-left: auto;
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="22" viewBox="0 0 27 22" fill="none"><path d="M25 11L15.1429 20M25 11L15.1429 2M25 11L2 11" stroke="%23113460" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	margin-right: 10px;
	transition: all 0.3s ease;
}
.mega-column-title:hover {
	opacity: 0.6;
}

.mega-column-title:hover:after {
	margin-right: 0;
}

.mega-column-title::before {
  content:'';
	display: block;
	position: absolute;
	left: -34px;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: calc(100% + 8px);
	background: #113460;
	transition: all 0.3s ease;
	opacity: 0;
}
.mega-column-title:hover:before,
.mega-column-title.active:before {
	opacity: 1;
}


.mega-column-title.active {
	opacity: 1;
	background: var(--Light-blue);
	pointer-events: none;
}


.mega-column-title-icon {
	padding-top: 8px;
	padding-bottom: 8px;
}

.mega-column-title-icon:before {
	opacity: 0 !important;
}

.mega-column-links-container {
	/*display: none; */
	width: calc(50% + 34px);
	margin-top: -40px;
	margin-bottom: -40px;
	margin-right: -34px;
	border-radius: 0 20px 20px 0;
	overflow: hidden;
}

.mega-column-links {
	display: block;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: opacity 0.3s ease;
	opacity: 0;
	visibility: hidden;
	height: 0;
	display: grid;
	align-content: start;
	padding: 0 35px 0 35px;
	overflow: hidden;
}

.mega-column-links.active {
	opacity: 1;
	visibility: visible;
	height: 100%;
}

.mega-column-link-bottom {
	padding-left: 20px;
	margin-top: 55px;
	margin-bottom: 0;
}

.mega-column-link-bottom, 
.mega-column-link-bottom a {
	font-size: 16px;
	color: var(--Primary-blue);
	text-transform: uppercase;
	font-family: "ThreeDS";
	font-weight: 600;
	text-decoration: none;
}

.mega-column-link-bottom a:hover {
	color: #759FD9;
}

/*
.mega-column-links>li:first-child {
	margin-top: 55px !important;
}

.mega-column-links>li:last-child {
	margin-bottom: 55px !important;
}
*/










li.nav-li.nav-li-1 {
	padding: 0 8px !important;
}
li.nav-li.nav-li-1:first-child {
	padding-left: 0 !important;
}

li.nav-li.nav-li-1:last-child {
	padding-right: 0 !important;
}

.nav-li-1>a.nav-link.has-child:before {
	content: '';
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='15' viewBox='0 0 30 15' fill='none'%3E%3Cpath d='M14.811 0L29.5 15L-3.92324e-07 15L14.811 0Z' fill='white'/%3E%3C/svg%3E");
	width: 30px;
	height: 25px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	pointer-events: none;
	opacity: 0;
	transition: 0.15s ease-in-out;
}

.nav-li-1.mega > a.nav-link.has-child.right:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='15' viewBox='0 0 30 15' fill='none'%3E%3Cpath d='M14.811 0L29.5 15L-3.92324e-07 15L14.811 0Z' fill='%23E7EBEF'/%3E%3C/svg%3E") !important;
}

.nav-li-1>a.nav-link.has-child {
	position: relative;
}

.nav-li-1:hover>a.nav-link.has-child:before {
	opacity: 1;
}

.nav-child-li>a {
	display: flex !important;
	align-items: center;
	gap: 20px;
}
img.nav-child-icon {
	width: 42px;
}

li.nav-child-li.nav-li-2>a {
    gap: 10px;
}

li.nav-child-li.nav-li-2>a>.nav-child-icon {
    width: 35px;
}


li.nav-child-li.nav-li-2.nav-li-last>a {
	font-weight: 700;
	color: #113460;
	padding-left: 55px;
	font-size: 15px;
	padding-top: 10px;
	text-decoration: none;
}

@media only screen and (min-width: 768px) {
  li.nav-child-li.nav-li-2.nav-li-last>a {
    padding-left: 40px;
    padding-top: 5px;
  }
}

li.nav-child-li.nav-li-2.nav-li-last>a:hover {
	color: #759FD9;
}

.nav-li-3-menu>a {
	background: #ffffff;
	border-radius: 20px;
	padding: 16px 60px 16px 20px;
	position: relative;
}
.nav-li-3-menu>a:after {
	content: '';
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='22' viewBox='0 0 27 22' fill='none'%3E%3Cpath d='M25 11L15.1429 20M25 11L15.1429 2M25 11L2 11' stroke='%23113460' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	width: 25px;
	height: 21px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s ease;
	opacity: 0;
}
.nav-li-3-menu>a:hover {
	background: #F3F5F7;
	box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.20);
	color: var(--Primary-blue) !important;
}
.nav-li-3-menu>a:hover:after {
	opacity: 1;
}
.nav-li-3.nav-li-3-title>a {
	color: #ffffff !important;
	font-size: 18px !important;
	width: 100%;
	justify-content: space-between;
	border-radius: 20px;
}
.nav-li-3.nav-li-3-title>a.nav-link:after {
	content: '';
	width: 25px;
	height: 21px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='22' viewBox='0 0 27 22' fill='none'%3E%3Cpath d='M25 11L15.1429 20M25 11L15.1429 2M25 11L2 11' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.nav-li-3-subtext {
	display: block;
	font-family: Raleway;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 400;
}

.nav-li-3-titmenu {
	font-size: 18px;
	line-height: 1.2;
	display: flex;
	gap: 6px;
	min-height: 35px;
	align-items: center;
	flex-wrap: wrap;
}

.nav-li-3-titmenu h6 {
	margin-bottom: 0;
	color: var(--Primary-blue);
	font-style: normal;
	font-weight: 600;
}
.nav-li-3-titmenu>* {
	width: 100%;
}

.nav-li-3-titmenu p {
	font-size: 14px;
	margin: 0;
}

.nav-li-3-menu>a.nav-link-image {
	position: relative;
	padding-left: 100px;
}
.nav-li-3-menu>a.nav-link-image.nav-link-noicon {
	padding-left: 25px;
}
.nav-li-3-menu>a.nav-link-image .nav-child-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 100% !important;
	border-radius: 20px 0 0 20px;
	object-fit: cover;
}


/* SEARCH */
.header_search {
  display:none!important;
	position: relative;
	padding-left: 15px;
	margin-left: auto;
}
..header_search svg {
	display: block;
}

.header_search-form {
	position: absolute;
	right: -30px;
	top: 250%;
	width: 460px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
}

.header_search-form button {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	appearance: none;
	background: none;
	border: none;
}

.header_search-form input[type="search"] {
	padding: 0 17px;
	height: 55px;
	box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
	padding-right: 60px;
}

.header_search.header_search-open .header_search-form {
	visibility: visible;
	opacity: 1;
}
.header_search .header_search-toggle svg path {
	transition: all 0.3s ease;
}
.header_search .header_search-toggle:hover svg path {
	stroke: #759FD9;
}
.header_search.header_search-open .header_search-toggle svg path {
	stroke: #759FD9;
}

@media(min-width: 768px){
	
	header.header .dnd-section {
		overflow: visible;
	}

	
	header.header-wrapper.position-fixed {
		transition: all 0.6s ease;
	}
	header.header-wrapper.position-fixed.scrolled {
		transform: translateY(-150%) translateX(-50%);
		box-shadow: none;
	}
	
	header.header-wrapper.position-fixed.scrolled.scroll-up {
		transform: translateY(0%) translateX(-50%);
		box-shadow: 0px 18px 45px 0px rgba(56, 92, 173, 0.08);
	}
	header.header-wrapper.position-fixed.scrolled.scroll-show {
    transform: translateY(0%) translateX(-50%);
    box-shadow: 0px 18px 45px 0px rgba(56, 92, 173, 0.08);
	}
	
	
	
	header.header-wrapper {
		border-radius: 20px;
		width: calc(100% - 64px);
		max-width: 1440px;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease;
		position: absolute;
	}
	header.header-wrapper li.li.nav-li.nav-li-1:hover>a.has-child:after {
    content: '';
    display: block;
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 300%;
    height: 0px;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    border-bottom: 26px solid #428bca00;
	}
	.nav-li-1:hover>a.has-child:after {
		content: '';
		display: block;
		position: absolute;
		left: -100%;
		bottom: 0;
		width: 300%;
		height: 0px;
		border-right: 50px solid transparent;
		border-left: 50px solid transparent;
		border-bottom: 26px solid #428bca00;
	}

	header.header-wrapper .content-wrapper {
		padding-top: 0;
		padding-bottom: 0;
		justify-content: space-between;
	}

	header.header-wrapper .content-wrapper .header-column.logo {
		transform: translateY(-3px);
		width: 100px;
		min-width: 100px;
	}

	header.header-wrapper.position-fixed.scrolled .content-wrapper {
		padding-top: 0;
	}

	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul {
		height: auto;
	}

	header.header-wrapper .nav-li-1>a {
		height: 83px;
		font-size: 13px !important;
		text-align: center;
		/*display: flex !important;
		align-items: center;*/
	}
	
	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul {
		/*gap: 15px;*/
	}
	/*
	.header-column.cta {
    display: none !important;
	}*/
	
	.mega-column-links-wrap {
    padding-top: 35px;
    padding-bottom: 35px;
	}
	
	
	
	
	
	
	
	/*
	.mega-column-links {
		max-height: calc((70vh - 80px) + 80px);
		overflow: auto;
	}

	.mega-column-titles-wrap {
		max-height: calc(70vh - 80px);
		overflow: auto;
	}
	*/
}


@media screen and (min-width: 768px) {
	@media screen and (max-height: 800px) {

		header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap>.mega {
			padding: 35px 34px 40px 34px;
		}

		.mega-column-title-section {
			margin-bottom: 35px;
			padding-top: 25px;
		}

		.nav-li-3-menu>a {
			padding: 10px 60px 10px 20px;
		}
		
		.nav-li-3.nav-li-3-title>a {
			font-size: 20px !important;
			padding: 10px 25px;
			height: auto;
		}

		.mega-column-title {
			padding: 12px 20px;
		}

		.mega-column-links-container {
			margin-top: -35px;
			margin-bottom: -40px;
		}

		.mega-column-links-wrap {
			padding-top: 30px;
			padding-bottom: 40px;
			max-height: 70vh;
			overflow: auto;
			margin-left: -35px;
			padding-left: 35px;
			margin-right: -35px;
			padding-right: 35px;
		}

		.mega-column-links-wrap .mega-column-title-section {
			margin-bottom: 30px;
		}
		
		.mega-column-title img {
			width: 35px;
		}

		.mega-column-link-bottom {
			margin-top: 40px;
		}
	}
}


@media(min-width: 992px){
	
	header.header-wrapper .nav-li-1>a {
		font-size: 15px !important;
	}
	
	
	header.header-wrapper .content-wrapper .header-column.logo {
		transform: translateY(-6px);
		width: 150px;
		min-width: 150px;
	}
	
	.mega-column-links-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
	}
	
	.mega-column-titles {
		padding-top: 25px;
	}
	
	
	.mega-column-title {
		font-size: 25px;
	}
	
	.mega-column-title::before {
		left: -55px;
	}
	
	.mega-column-links {
		padding: 0 74px 0 55px;
	}
	
	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap>.mega {
		padding: 40px 55px 70px 55px;
	}
	
	.mega-column-links-container {
		width: calc(50% + 55px);
		margin-right: -55px;
		margin-bottom: -70px;
	}
	
	.nav-li-3.nav-li-3-title>a {
		font-size: 25px !important;
	}
	
	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap li.nav-child-li a.nav-link {
		font-size: 22px;
	}
	
	/*
	.mega-column-links {
    max-height: calc((65vh - 80px) + 135px);
	}

	.mega-column-titles-wrap {
		max-height: calc(65vh - 80px);
	}
	*/
	
}


@media screen and (min-width: 992px) {
	@media screen and (max-height: 800px) {
		.mega-column-links-container {
			margin-top: -15px;
			margin-bottom: -40px;
		}

		header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap>.mega {
			padding: 15px 55px 40px 55px;
		}

		.mega-column-links-wrap {
			padding-top: 10px;
			margin-left: -55px;
			padding-left: 55px;
			margin-right: -55px;
			padding-right: 55px;
		}
		
		.mega-column-links-wrap .mega-column-title-section {
			margin-bottom: 25px;
			padding-top: 35px;
		}

		.mega-column-titles {
			padding-top: 5px;
		}

		.mega-column-title {
			font-size: 20px;
			padding: 12px 20px;
		}
		

		.nav-li-3-menu>a {
			padding: 16px 60px 16px 20px;
		}
		
		.nav-li-3.nav-li-3-title>a {
			font-size: 20px !important;
		}
	}
}

@media(min-width: 1200px){
	
	.header_search {
    padding-left: 33px;
	}
	
	.header_search-form {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	
	/*.header-column.cta {
    display: flex !important;
	}*/
}

@media(min-width: 1440px){
	header.header-wrapper {
		max-width: 1508px;
	}

	header.header-wrapper .content-wrapper {
		max-width: 100%;
	}
	
	header.header-wrapper .content-wrapper .header-column.logo {
		transform: translateY(-6px);
		width: 205px;
		min-width: 205px;
	}
	
	li.nav-li.nav-li-1 {
    padding: 0 16px !important;
	}
	
	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul {
		/*gap: 33px;*/
	}
	
	
	.header_search {
		padding-left: 32px;
	}
	
	.header-column.cta .cta {
		padding-left: 40px;
	}

}


@media(max-width: 767px){
	
	
	.header_search-form {
		width: 80vw;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		top: 130%;
	}

	.header_search {
		position: initial;
		padding-right: 20px
	}
	
	
	.mega-column-title::after {
		margin-right: 0;
		display: none;
	}
}

/* Language switcher */

.header_lang {
	padding-right: 25px;
	padding-left: 5px;
	z-index: 2;
}

@media only screen and (min-width: 768px) {
  .header_lang {
    padding-right: 0;
    padding-left: 5px;
  }
}

.header_lang .lang_list_class {
	transition: all 0.3s ease;
	display: block;
	opacity: 0;
	visibility: hidden;
  width: 120px;
}

.header_lang .lang_list_class:after, 
.header_lang .lang_list_class:before {
	display: none;
}

.header_lang .globe_class {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M11 0C8.82441 0 6.69767 0.645138 4.88873 1.85383C3.07979 3.06253 1.66989 4.78049 0.83733 6.79048C0.00476594 8.80047 -0.21307 11.0122 0.211367 13.146C0.635804 15.2798 1.68345 17.2398 3.22183 18.7782C4.76021 20.3165 6.72022 21.3642 8.85401 21.7886C10.9878 22.2131 13.1995 21.9952 15.2095 21.1627C17.2195 20.3301 18.9375 18.9202 20.1462 17.1113C21.3549 15.3023 22 13.1756 22 11C21.9966 8.08367 20.8365 5.28777 18.7744 3.22561C16.7122 1.16345 13.9163 0.00342494 11 0ZM19.7968 6.90196H15.4421C14.9229 4.90136 13.9762 3.03709 12.6673 1.43755C14.207 1.70905 15.6588 2.34736 16.8998 3.2985C18.1408 4.24964 19.1344 5.48564 19.7968 6.90196ZM20.7059 11C20.7066 11.9498 20.5674 12.8946 20.2928 13.8039H15.7246C16.0396 11.9479 16.0396 10.0521 15.7246 8.19608H20.2928C20.5674 9.10537 20.7066 10.0501 20.7059 11ZM11 20.4719C10.377 19.8363 9.8275 19.1327 9.36187 18.3743C8.73345 17.3522 8.24522 16.2502 7.9103 15.098H14.0897C13.7548 16.2502 13.2666 17.3522 12.6381 18.3743C12.1725 19.1327 11.623 19.8363 11 20.4719ZM7.59755 13.8039C7.24531 11.9512 7.24531 10.0488 7.59755 8.19608H14.4025C14.7547 10.0488 14.7547 11.9512 14.4025 13.8039H7.59755ZM1.29412 11C1.2934 10.0501 1.43257 9.10537 1.70716 8.19608H6.2754C5.96043 10.0521 5.96043 11.9479 6.2754 13.8039H1.70716C1.43257 12.8946 1.2934 11.9498 1.29412 11ZM11 1.52814C11.623 2.16366 12.1725 2.86727 12.6381 3.62569C13.2666 4.64783 13.7548 5.74978 14.0897 6.90196H7.9103C8.24522 5.74978 8.73345 4.64783 9.36187 3.62569C9.8275 2.86727 10.377 2.16366 11 1.52814ZM9.33275 1.43755C8.02378 3.03709 7.07711 4.90136 6.55794 6.90196H2.20324C2.86558 5.48564 3.85925 4.24964 5.10022 3.2985C6.34119 2.34736 7.79296 1.70905 9.33275 1.43755ZM2.20324 15.098H6.55794C7.07711 17.0986 8.02378 18.9629 9.33275 20.5624C7.79296 20.2909 6.34119 19.6526 5.10022 18.7015C3.85925 17.7504 2.86558 16.5144 2.20324 15.098ZM12.664 20.5624C13.9741 18.9632 14.9219 17.0989 15.4421 15.098H19.7968C19.1344 16.5144 18.1408 17.7504 16.8998 18.7015C15.6588 19.6526 14.207 20.2909 12.6673 20.5624H12.664Z' fill='%23113460'/%3E%3C/svg%3E");
	background-size: contain;
}

.header_lang_title {
  display: none;
}

.header_lang_lang {
  width: 60px;
  text-align: end;
  padding-right: 5px;
	text-transform: capitalize;
	font-family: ThreeDS;
	color: #113460;
}

.header_lang .lang_list_class li {
	margin: 0;
	border: none !important;
	list-style: none;
	padding: 0;
}

.header_lang .lang_list_class li a {
	display: block;
	padding: 8px 15px;
	color: #113460;
	font-family: ThreeDS;
	font-size: 15px;
}

.header_lang .lang_list_class li a:hover {
	color: #759FD9;
}

.header_lang .lang_list_class li:first-child {
	display: none;
}

.header_lang .lang_list_class li:nth-child(2) {
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
	padding-top: 5px;
}

.header_lang .lang_list_class li:last-child {
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	overflow: hidden;
	padding-bottom: 5px;
}

.header_lang .globe_class:hover .lang_list_class {
	opacity: 1;
	visibility: visible;
}

/* FIX MENU MOBILE */

.nav-li-back,
a.nav-link-back {
	display: none;
}

.mega-column-title>a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.link_mobile {
	display: none;
}


/* FEATURED */

.featured_content {
	background-color: #E7EBEF;
}

.featured_content .mega-column-links {
	opacity: 1;
	visibility: visible;
	height: 100%;
}

.featured_content li.nav-child-li {
	padding: 5px 0px !important;
}

.featured_content .nav-li-3-menu>a {
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.featured_content .nav-li-3-menu>a:after {
	display: none;
}


@media(max-width: 767px){
	
	.link_mobile {
		display: block;
	}

	header a.nav-link.button-primary-arrow {
		padding: 15px 20px !important;
		color: #fff !important;
		width: 100%;
		display: flex !important;
		justify-content: space-between;
		border-radius: 15px;
	}

	header a.nav-link.button-primary-arrow:after { 
		content: url("data:image/svg+xml,%3Csvg class='indicator' xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M21 9.00001L12.4286 16.8261M21 9.00001L12.4286 1.17392M21 9.00001L0.999999 9.00001' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
	}

	header .nav-li-back,
	header a.nav-link-back {
		display: block;
	}
	header .nav-li-back {
		padding: 0 !important;
	}
	header a.nav-link-back {
		padding: 10px 0 !important;
		color: var(--Primary-blue, #113460);
		text-decoration: none;
		font-size: 15px;
		font-family: ThreeDS, arial, sans-serif;
		font-weight: 400;
		display: flex;
		align-items: center;
		gap: 14px;
		margin-bottom: 20px;
	}

	header.header-wrapper .content-wrapper {
		box-shadow: none;
	}

	header.header-wrapper:before,
	.header-column.navigation:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0px 18px 45px 0px rgba(56, 92, 173, 0.08);
		height: 77px;
		border-radius: 10px;
	}

	.header-column.navigation:before {
		width: calc(100% - 20px);
		margin: 10px;
		position: fixed;
		z-index: 4;
	}
	
	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li.nav-li-1:hover>.nav-child-wrap {
		opacity: 1;
		visibility: visible;
		pointer-events: initial;
	}



	header.header-wrapper .content-wrapper .header-column.navigation {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		display: block;
		z-index: 1;
		background-color: #fff;
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s ease;
		overflow: auto;
	}

	header.header-wrapper .content-wrapper .header-column.logo {
		z-index: 2;
	}

	.header_search {
		z-index: 2;
	}

	header.header-wrapper .content-wrapper .header-column.mobile-menu {
		z-index: 2;
	}

	
	header.header-wrapper .content-wrapper .header-column.navigation.show-mobile {
    visibility: visible;
    opacity: 1;
	}
	
	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 170px;
    padding-top: 120px;
    display: block;
    height: auto;
	}
	

	header.header-wrapper .content-wrapper .header-column.navigation>nav {
		padding-bottom: 170px;
		padding-top: 87px;
		height: 100%;
	}

	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0;
		padding-top: 33px;
		display: block;
		height: auto;
		max-height: 100%;
		overflow: auto;
	}

	li.nav-li.nav-li-1 {
		padding: 0 !important;
	}

	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li.nav-li-1>a.nav-link {
		padding: 16px 20px;
		display: block;
		padding-right: 0px;
		font-size: 20px;
		text-align: left;
		font-weight: 600;
	}

	.nav-li-1>a.nav-link.has-child:before {
		display: none;
	}

	.nav-li-1>a.nav-link.has-child:after {
		display: block;
		content: "";
		width: 22px;
		height: 18px;
		background-image: url("data:image/svg+xml,%3Csvg class='indicator' xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M21 9.00001L12.4286 16.8261M21 9.00001L12.4286 1.17392M21 9.00001L0.999999 9.00001' stroke='%23113460' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}

	header li.nav-li.nav-li-1>a.nav-link .nav-link-line {
		display: none;
	}


	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li a.nav-link.has-child {
		z-index: 1;
	}
	
	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap {
    position: fixed;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
		padding-bottom: 0;
		padding-top: 87px;
		background: #fff;
		z-index: 2;
		pointer-events: initial;
		opacity: 1;
		visibility: visible;
	}
	
	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap>.mega {
		height: 100%;
		overflow: auto;
		padding: 33px 0 50px 0;
		background: none;
		display: block;
		max-width: none;
		box-shadow: none;
		border-radius: 0;
	}
	
	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li.open-mega>.nav-child-wrap {
		left: 0;
	}

	.mega-menu {
		display: block;
		max-width: none;
		padding-left: 25px;
		padding-right: 25px;
	}

	.mega-column-titles {
		width: 100%;
		display: block;
		padding: 0;
	}
	.mega-column-title.active {
    pointer-events: initial;
		background: none;
		opacity: 1;
	}

	.mega-column-links-container {
    position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		margin: 0;
		pointer-events: none;
	}
	
	
	
	
	header.header-wrapper .nav-child-wrap>.nav-child-ul {
    box-shadow: none;
    padding: 0;
    width: 100%;
		padding: 33px 25px 50px 25px;
		height: 100%;
		overflow: auto;
	}

	li.nav-child-li.nav-li-2>a>.nav-child-icon {
		width: 42px;
	}
	
	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap li.nav-child-li {
		padding: 0;
	}

	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap li.nav-child-li>a {
		padding: 7px 0;
		gap: 14px;
	}

	header.header-wrapper .content-wrapper .header-column.navigation nav ul.nav-ul li.nav-li .nav-child-wrap li.nav-child-li.nav-li-last>a {
    padding-left: 56px;
		margin-top: 10px;
	}

	
	.mega-column-title-icon {
		padding: 7px 0;
		align-items: center;
		justify-content: start;
	}
	
	.mega-column-title-section {
		padding-left: 0;
		margin-bottom: 15px;
	}
	
	.mega-column-title-section>a {
		background: linear-gradient(3deg, #113460 1.93%, #759fd9 211.17%);
		color: #fff;
		width: 100%;
		margin-bottom: 0;
		border-radius: 15px;
		font-size: 20px;
		text-transform: none;
		font-weight: 400;
		padding: 13px 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.mega-column-title-section>a:after {
		content: '';
		display: block;
		width: 25px;
		height: 21px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='22' viewBox='0 0 27 22' fill='none'%3E%3Cpath d='M25 11L15.1429 20M25 11L15.1429 2M25 11L2 11' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.mega-column-title-section>a:hover {
		transform: translateY(-7px);
		color: #ffffff;
		background: linear-gradient(3deg, #113460 -33.07%, #759fd9 169.8%);
	}
	
	
	/* FEATURED CONTENT */

	.mega-column-links-container.featured_content {
		position: initial;
		margin: 30px 0 0 0;
		padding: 30px 0;
		border-radius: 20px;
		height: auto;
	}

	.featured_content .mega-column-links-wrap {
		padding: 0;
	}
	
	.featured_content .nav-li-3-menu>a {
		padding-left: 100px !important;
		padding-right: 20px !important;
	}

	.mega-column-links-container.featured_content .mega-column-links {
		padding: 0 20px;
		height: auto !important;
		position: initial !important;
	}
	
	.mega-column-haschild:after {
		content: '';
		display: block;
		background-image: url("data:image/svg+xml,%3Csvg class='indicator' xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M21 9.00001L12.4286 16.8261M21 9.00001L12.4286 1.17392M21 9.00001L0.999999 9.00001' stroke='%23113460' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
		width: 22px;
		height: 18px;
	}


	.mega-column-links-container .mega-column-links {
		position: fixed;
		display: block;
		left: 100%;
		top: 0;
		width: 100%;
		height: 100vh;
		transition: all 0.3s ease;
		pointer-events: initial;
		opacity: 1;
		visibility: visible;
		padding: 0;
	}
	
	.mega-column-links-wrap {
		height: 100%;
		overflow: auto;
		padding: 120px 25px 50px 25px;
	}

	.mega-column-links-container .mega-column-links.active_mobile {
		left: 0;
	}

	.mega-column-links-wrap .mega-column-title-section.no_mobile {
		display: none;
	}	
	
	.nav-li-3-title>a {
		padding: 12px 20px !important;
		border-radius: 15px !important;
		margin-bottom: 10px;
		height: auto;
	}

	.nav-li-3-menu>a {
		padding: 16px 60px 16px 20px !important;
		margin-bottom: 10px;
	}

	
	/* CTAS */
	header.header-wrapper .content-wrapper .header-column.cta {
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 3;
		width: 100%;
		padding: 20px 40px;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease;
	}

	header.header-wrapper .content-wrapper .header-column.cta .cta {
		display: flex;
		padding: 0;
		width: 100%;
		flex-flow: column;
		gap: 20px;
	}

	header.header-wrapper .content-wrapper .header-column.cta a {
		width: 100%;
    padding: 13px 33px !important;
	}
	
	header.header-wrapper .content-wrapper .header-column.cta.is-active {
    opacity: 1;
    visibility: visible;
	}
	header.header-wrapper .content-wrapper .header-column.cta.is-active.is_inactive {
    opacity: 0;
    visibility: hidden;
	}

}
.footer-row {
	gap: 30px;
	@media (max-width: 767px) {
		flex-wrap: wrap;
	}
}
.footer-row .col:nth-child(1) {
	flex: 0 0 33.33333333%;
}
.footer-row .col:nth-child(2) {
	flex: 0 0 25%;
}

.footer-row .col:last-of-type {
	text-align: left;
}
.footer-row .col:last-of-type a {
	flex: 0 0 calc(50% - 22px);
}

footer .header__logo-image {
	width: 205px;
	margin-bottom: 52px;
}

footer h4 {

	color: var(--Primary-blue);
	margin-bottom: 45px;
	font-size: 28px;
	
	@media (max-width: 767px) {
		margin-bottom: 36px;
	}

}

footer .footer-links {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 44px;
	row-gap: 10px;
	
	@media (max-width: 767px) {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}



footer .hs-menu-flow-horizontal>ul {
	margin: 0;
	list-style: none;
	padding: 0;
	display: flex;
	font-size: 14px;
	gap: 20px;
	flex-wrap: wrap;
	row-gap: 5px;
}

footer .hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
	margin: 0;
}
footer .hs-menu-flow-horizontal a {
	font-family: Raleway;
  text-decoration: none;
  color: #000;
}

footer .hs-menu-flow-horizontal a:hover {
  color: #000;
  opacity: 0.8;
}

@media(max-width: 767px){
	
	footer .footer-links {
		column-gap: 30px;
	}
	.footer-row .col:last-of-type a {
		flex: initial;
	}
	footer .hs-social-follow {
		justify-content: start !important;
		border-bottom: 1px solid #E7EBEF;
		padding-bottom: 28px;
	}

	footer .dnd-section>.row-fluid>.span12>.row-fluid-wrapper:last-child>.row-fluid {
		display: flex;
		flex-wrap: wrap-reverse;
	}

	footer .dnd-section>.row-fluid>.span12>.row-fluid-wrapper:last-child>.row-fluid>.dnd-column {
		width: 100%;
	}

	.footer-row .col {
		flex: 0 0 100% !important;
	}
	footer hr {
		opacity: 0;
	}
	
	.footer-row p {
		font-family: Raleway, sans-serif;
		font-size: 17px;
	}
}
.sector-tabber .selector {
    display: none;
}

.sector-tabber .tab-columns {
    max-width: 40%;
}

.sector-tabber .tab-columns:first-of-type {
    align-items: flex-start;
}

.tabber {
    gap: 80px;
}

.sector-tabber .tab-columns .tab-column {
    cursor: pointer;
    padding: 20px 0px;
}

.sector-tabber .tab-columns .tab-column p {
    margin-bottom: 0px !important;
    max-width: 65%;
}

.sector-tabber .tab-content-block {
    display: flex;
    width: 100%;
}

.sector-tabber .tab-content-block .tab-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.accordion-wrapper {
    background-color: #fff;
    border-radius: 20px;
    padding: 10px 37px 10px;
    box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.1);
    transition: box-shadow ease-in-out 0.2s;
}

.accordion-wrapper:hover {
    box-shadow: 0px 28px 65px rgba(56, 92, 173, 0.2);
}

.accordion {
    background-color: transparent;
    font-size: 20px;
    padding: 20px 20px 20px 0;
    cursor: pointer;
    width: 100%;
    position: relative;
}

.accordion h4 {
    color: #113460;
    margin: 0;
}

.accordion::after {
    content: "";
    position: absolute;
    top: 17px;
    right: 0px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 17H17V30H13V17H0V13H13V0H17V13H30V17Z' fill='%23113460'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.accordion.acc-active::after {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='4' viewBox='0 0 30 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 4H0V0H30V4Z' fill='%23113460'/%3E%3C/svg%3E%0A");
    top: 30px;
}

.tabber-button {
    margin-top: 45px;
}

.panel {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
}

.panel-content {
    padding: 20px 0 20px 0;
}

.tabber-footer,
.tabber-footer .tabber-button {
    display: none;
}

@media screen and (max-width: 1024px) {
    .tabber {
        gap: 40px;
    }

    .sector-tabber {
        padding: 0px 16px;
    }

    .sector-tabber .tab-columns {
        width: 50%;
    }

    .sector-tabber .tab-columns .tab-column h5 {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .tabber {
        gap: 0px;
    }

    .sector-tabber {
        padding: 0px;
    }

    .accordion {
        width: 100%;
    }

    .accordion:after {
        font-size: 30px;
    }

    .sector-tabber .tabber {
        flex-direction: column;
    }

    .sector-tabber .tab-columns {
        margin-bottom: 45px;
        width: 100%;
        max-width: 100%;
    }

    .sector-tabber .tab-content-block .tab-content {
        flex-direction: column;
    }

    .accordion span {
        display: flex;
        max-width: 90%;
    }
    
    .tabber-button {
        display: none;
    }

    .tabber-footer,
    .tabber-footer .tabber-button {
        display: block;
    }

    .tabber-footer .button-primary-arrow {
        width: 100%;
    }
}
.testimonial {
  position: relative;
}

.testimonial.testimonial-bg-ele {
  padding-top: 120px;
  padding-bottom: 120px;
}

.testimonial .wrapper {
    max-width: 960px;
    margin: 0 auto;
}

.testimonial__header {
    text-align: center;
}

.testimonial-image {
    margin: 0 auto;
    margin-bottom: 35px;
}

.testimonial-image--hexagon {
    height: 106px;
    width: 92px;
    overflow: clip;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='94' height='106' viewBox='0 0 94 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.702 1.54764L3.29784 25.4524C1.69321 26.3788 0.698633 28.0822 0.686548 29.918L0.422716 77.2705C0.410631 79.1063 1.38854 80.8001 2.98445 81.7075L44.1248 105.155C45.7207 106.063 47.6932 106.053 49.2978 105.127L90.702 81.222C92.3067 80.2955 93.3012 78.5921 93.3133 76.7563L93.5772 29.4038C93.5892 27.568 92.6113 25.8742 91.0154 24.9668L49.8784 1.51708C48.2825 0.609638 46.31 0.619258 44.7054 1.54569L44.702 1.54764Z' fill='%23905385'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='94' height='106' viewBox='0 0 94 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.702 1.54764L3.29784 25.4524C1.69321 26.3788 0.698633 28.0822 0.686548 29.918L0.422716 77.2705C0.410631 79.1063 1.38854 80.8001 2.98445 81.7075L44.1248 105.155C45.7207 106.063 47.6932 106.053 49.2978 105.127L90.702 81.222C92.3067 80.2955 93.3012 78.5921 93.3133 76.7563L93.5772 29.4038C93.5892 27.568 92.6113 25.8742 91.0154 24.9668L49.8784 1.51708C48.2825 0.609638 46.31 0.619258 44.7054 1.54569L44.702 1.54764Z' fill='%23905385'/%3E%3C/svg%3E");
}

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

.testimonial-image img {
    object-fit: contain;
    max-width: 250px;
    width: 100%;
    height: auto;
}

.testimonial-quote {
    margin-bottom: 55px;
}

/* Hexagons */

.bg__diamond {
	position: absolute;
}

.bg__diamond-1 {
	left: 100px;
	top: 80px;
}

.bg__diamond-2 {
	left: 180px;
	top: 10px;
}

.bg__diamond-3 {
	left: 240px;
	top: 70px;
}

.bg__diamond-4 {
	bottom: 140px;
	right: 270px;
}

.bg__diamond-5 {
	bottom: 100px;
	right: 175px;
}

.bg__diamond-6 {
	bottom: 200px;
	right: 80px;
}
.hero-hexagons {
    margin-top: 43px;
}

@media screen and (max-width: 768px) {
    .hero-hexagons-wrapper .path-image {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .hero-hexagons-wrapper svg {
        width: 150%;
    }
}

.hero-hexagons-wrapper::before,
.hero-hexagons-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: var(--Light-grey, #F5F7F9);
    filter: blur(50px);
}


.hero-hexagons-wrapper::before {
    z-index: 1;
      height: 200px;
}


.hero-hexagons-wrapper::after {
    z-index: 0;
   height: 220px;
}




@media screen and (max-width: 768px) {
    .hero-hexagons-wrapper::before,
    .hero-hexagons-wrapper::after {
        height: 200px;
    }
}

.hero-hexagons-wrapper::before {
    top: -14%;
}

.hero-hexagons-wrapper::after {
    bottom: -5%;
}

@media screen and (max-width: 768px) {
    .hero-hexagons-wrapper::after {
        bottom: 200%;
    }
}


.hero-hexagons-wrapper .hex-container {
    position: absolute;
    top: -5vw;
    width: 100%;
    left: 0;
}

.hero-hexagons .content-container {
    z-index: 9;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    position: relative;
}

@media screen and (max-width: 1600px) {
  
    .hero-hexagons-wrapper .hex-container {
        top: 0;
    }

}

@media screen and (max-width: 768px) {

    .hero-hexagons .content-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.hero-hexagons .center-content {
    align-items: center;
    text-align: center;
}

.hero-hexagons .hero-buttons {
    display: flex;
    gap: 33px;
    flex-wrap: nowrap;
}

@media screen and (max-width: 768px) {
    .hero-hexagons .hero-buttons {
        flex-direction: column;
        width: 100%; 
    }

    .hero-hexagons .hero-buttons a {
        width: 100%;
    }
}

.hero-hexagons .blurred-background {
    background: var(--Light-grey, #F5F7F9);
    border-radius: 50%;
    filter: blur(60px);
    height: 110%;
    left: 20%;
    position: absolute;
    top: -10px;
    width: 60%;
    z-index: 2;
}

.hero-hexagons .content-container {
    z-index: 3;
}

.hero-hexagons .content-container .big {
    max-width: 800px;
}

/* Logo slider */

div.logo-slider-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    overflow: visible;
    margin-top: 80px;
}

div.logo-slider-wrapper .title-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

div.logo-slider-wrapper .title-nav h3 {
    color: var(--Dark-grey, #292929);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    opacity: 0.3;

    /* Desktop/Lable */
    font-family: "ThreeDS";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
  margin-bottom:0px!important;
}

div.logo-slider-wrapper .swiper-wrapper {
    transition-timing-function: linear;
    padding: 30px 0px;
    align-items: center !important;
    flex-direction: row;
    height: auto;
}

div.logo-slider-wrapper .swiper-wrapper .swiper-slide {
    height: auto;
}

@media screen and (max-width: 768px) {
    div.logo-slider-wrapper {
        margin-top: 55px;
    }

    div.logo-slider-wrapper .content-wrapper {
        padding: 24px;
        border-radius: 0px;
        width: 100%;
    }
}

.hero-hexagons-wrapper .slider-container {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .hero-hexagons-wrapper .slider-container {
        max-width: 100%;
    }
}

g foreignObject {
  width: 100%;
  height: 100%;
}

g video {
  position: relative;
  object-fit: cover;
}
.hero .wrapper {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
}

@media (min-width: 768px) {
    .hero .wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 120px;
    }
  
    .hero .wrapper.wrapper--60-40 {
      grid-template-columns: 60% 40%;
    }
}

@media (min-width: 1440px) {
    .hero .wrapper {
        gap: 35px;
    }

    .hero.hero--media .wrapper {
        gap: 70px;
    }
}

.hero__header {
    padding-top: 240px; /* offset for hexagon container */
    position: relative;
    z-index: 6;
    order: 2;
}

@media (min-width: 520px) {
    .hero__header {
        padding-top: 320px; /* offset for hexagon container */
    }
}

.hero--media .hero__header {
    padding-top: 0px;
}

@media (min-width: 768px) {
    .hero--media .hero__header,
    .hero__header {
        align-self: center;
        padding-top: 140px;
        padding-bottom: 95px;
        order: 1;
    }

    .hero--media .hero__header {
        padding-top: 55px;
    }
}

.hero--media .hero__header .icon-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 35px;

    font-size: 21px;
    font-weight: 600;
}

.hero--media .hero__header .icon-tag img {
    max-width: 37px;
    width: 100%;
    height: 37px;
    object-fit: contain;
}

@media (min-width: 768px) {
    .hero--media .hero__header .icon-tag {
        font-size: 30px;
        font-weight: 600;
    }
    
    .hero--media .hero__header .icon-tag img {
        max-width: 65px;
        height: 65px;
    }
}

.hero__body {
    position: absolute;
    right: 0;
    top: 0;
    order: 1;
}

.hero--media .hero__body {
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: clip;
    min-height: 250px;
    margin-top: 45px;
}

.hero--media .hero__body {
    margin-top: 0;
}

.hero .hero__body .hero-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    z-index: 8;
    top: 15px;
    left: 15px;
    width: 107px;
    height: 107px;
    padding: 5px;
    background: var(--White);
    border-radius: 50%;
}

.hero .hero__body .hero-logo-wrapper img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 0;
}

@media (min-width: 768px) {
    .hero--media .hero__body,
    .hero__body {
        position: relative;
        order: 2;
        overflow: inherit;
        margin-top: 0;
    }

    .hero--media .hero__body {
        min-height: 250px;
    }
  
  .hero--media .hero__body.hero__body--fixed {
    height: 550px;
  }
}

.hero__body .video-container,
.hero__body .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 50vw;
    height: 100%;
}

.hero__body .video-container {
    padding-bottom: 0;
}

.hero--media .hero__body .video-container,
.hero--media .hero__body .image-wrapper {
    width: 100%;
}

@media (min-width: 768px) {
    .hero--media .hero__body .video-container,
    .hero--media .hero__body .image-wrapper,
    .hero__body .video-container,
    .hero__body .image-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 50vw;
        height: 100%;
    }
}

@media (min-width: 1681px) {
    .hero--media .hero__body .video-container,
    .hero--media .hero__body .image-wrapper,
    .hero__body .video-container,
    .hero__body .image-wrapper {
        width: 120%;
    }
}

.hero__body .video-container video,
.hero__body .image-wrapper img {
    position: relative;
    z-index: 6;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.hero .hero-product-tags {
    margin-top: 25px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.hero .hero-product-tags .product-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 15px;
    color: var(--Primary-blue);
    border-radius: 10px;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    background-color: var(--Light-blue);
}


/* === Media background Hexagons === */

.hero--media .hero-background-hexagons {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

@media (min-width: 768px) {
    .hero--media .hero-background-hexagons {
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
    }

    .hero--media .hero-background-hexagons .background-hexagon.one {
        position: absolute;
        top: -25px;
        right: 250px;
    }

    .hero--media .hero-background-hexagons .background-hexagon.two {
        position: absolute;
        right: 80px;
        top: -140px;
    }
}

.hero-background-glow {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.hero-background-glow img {
    display: block;
    object-fit: contain;
    margin-left: auto;
}

/* === Hexagons === */

.hero__body .hexagon-container {
    position: relative;
    z-index: 4;
    top: auto;
    left: auto;
    width: 100%;
    height: 450px;
}

@media (min-width: 768px) {
    .hero__body {
        height: 100%;
    }
}

.hero__body .hexagon-container .hero-hexagon {
    position: absolute;
    width: 130px;
    height: 135px;

    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='422' height='391' viewBox='0 0 422 391' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M373.093 331.935L420.94 156.585C422.794 149.789 420.555 142.466 415.08 137.376L273.732 6.21563C268.258 1.12572 260.35 -0.95495 253.017 0.765104L63.8217 44.954C56.4889 46.674 50.8206 51.9166 48.9663 58.7123L1.11874 234.062C-0.735603 240.858 1.50384 248.181 6.97845 253.271L148.326 384.431C153.801 389.521 161.709 391.602 169.042 389.882L358.233 345.707C365.566 343.987 371.234 338.745 373.089 331.949L373.093 331.935Z' fill='%23F5F7F9'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='422' height='391' viewBox='0 0 422 391' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M373.093 331.935L420.94 156.585C422.794 149.789 420.555 142.466 415.08 137.376L273.732 6.21563C268.258 1.12572 260.35 -0.95495 253.017 0.765104L63.8217 44.954C56.4889 46.674 50.8206 51.9166 48.9663 58.7123L1.11874 234.062C-0.735603 240.858 1.50384 248.181 6.97845 253.271L148.326 384.431C153.801 389.521 161.709 391.602 169.042 389.882L358.233 345.707C365.566 343.987 371.234 338.745 373.089 331.949L373.093 331.935Z' fill='%23F5F7F9'/%3E%3C/svg%3E");
    background-color: var(--Light-grey);
}

.hero__body .hexagon-container .hero-hexagon .video-container {
    width: 100%;
    height: 100%;
}

.hero__body .hexagon-container .hero-hexagon video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero__body .hexagon-container .hero-hexagon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  color:white;
}

.hero__body .hexagon-container.hexagon-cover .hero-hexagon img {
    object-fit: cover;
}

@media (min-width: 520px) {
    .hero__body .hexagon-container .hero-hexagon {
        width: 170px;
        height: 190px;
    }
}

@media (min-width: 768px) {
    .hero__body .hexagon-container .hero-hexagon {
        width: 405px;
        height: 385px;
    }
}

.hero__body .hexagon-container .hexagon-0 {
    right: 220px;
    top: -60px;
}

.hero__body .hexagon-container .hexagon-1 {
    right: 185px;
    top: 75px;
}

.hero__body .hexagon-container .hexagon-2 {
    right: 90px;
    top: -12px;
}

.hero__body .hexagon-container .hexagon-3 {
    right: 54px;
    top: 106px;
}

@media (min-width: 520px) {
    .hero__body .hexagon-container .hexagon-0 {
        right: 230px;
        top: -60px;
    }
    
    .hero__body .hexagon-container .hexagon-1 {
        right: 179px;
        top: 96px;
    }
    
    .hero__body .hexagon-container .hexagon-2 {
        right: 56px;
        top: -18px;
    }
    
    .hero__body .hexagon-container .hexagon-3 {
        right: 8px;
        top: 137px;
    }
}






@media (min-width: 768px) {
    .hero__body .hexagon-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 50vw;
    }
}

@media (min-width: 1184px) {
    .hero__body .hexagon-container .hexagon-0 {
        right: 435px;
        top: -135px;
    }

    .hero__body .hexagon-container .hexagon-1 {
        right: 315px;
        top: 230px;
    }
    
    .hero__body .hexagon-container .hexagon-2 {
        right: 35px;
        top: -40px;
    }
    
    .hero__body .hexagon-container .hexagon-3 {
        top: 329px;
        right: -81px;
    }

}


/*  Media queries fox hexagons */

/* Scale to 0.55 between 768px and 1000px */
@media (max-width: 1000px) and (min-width: 768px) {
    .hero__body .hexagon-container .hero-hexagon {
        transform: scale(0.55);
        transform-origin: center;
    }

    /* Adjust positions */
    .hero__body .hexagon-container .hexagon-0 {
        right: 239px;  /* 435px * 0.55 */
        top: -74px;    /* -135px * 0.55 */
    }

    .hero__body .hexagon-container .hexagon-1 {
        right: 173px;  /* 315px * 0.55 */
        top: 126px;    /* 230px * 0.55 */
    }

    .hero__body .hexagon-container .hexagon-2 {
        right: 19px;   /* 35px * 0.55 */
        top: -22px;    /* -40px * 0.55 */
    }

    .hero__body .hexagon-container .hexagon-3 {
        right: -44.55px; /* -81px * 0.55 */
        top: 180.95px;   /* 329px * 0.55 */
    }
}

/* Scale to 0.75 between 1001px and 1184px */
@media (max-width: 1184px) and (min-width: 1001px) {
    .hero__body .hexagon-container .hero-hexagon {
        transform: scale(0.75);
        transform-origin: center;
    }

    /* Adjust positions */
    .hero__body .hexagon-container .hexagon-0 {
        right: 326px;  /* 435px * 0.75 */
        top: -101px;   /* -135px * 0.75 */
    }

    .hero__body .hexagon-container .hexagon-1 {
        right: 236px;  /* 315px * 0.75 */
        top: 173px;    /* 230px * 0.75 */
    }

    .hero__body .hexagon-container .hexagon-2 {
        right: 26px;   /* 35px * 0.75 */
        top: -30px;    /* -40px * 0.75 */
    }

    .hero__body .hexagon-container .hexagon-3 {
        right: -60.75px; /* -81px * 0.75 */
        top: 246.75px;   /* 329px * 0.75 */
    }
}




/*  end of Media queries fox hexagons */






@media (min-width: 2200px) {
    .hero__body .hexagon-container {
        width: 120%;
    }
}

/* breadcrumbs */

.hero .breadcrumbs {
    left: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 35px;
}

.hero--media .breadcrumbs {

}

@media (min-width: 768px) {
    .hero .breadcrumbs {
        margin-bottom: 75px;
    }

    .hero--media .breadcrumbs {
        margin-bottom: 0;
        position: absolute;
        top: -4%;
        left: 0;
    }
}

.hero .breadcrumbs a,
.hero .breadcrumbs span {
    text-decoration: none;

    font-family: "ThreeDS";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

.hero .breadcrumbs a {
    color: #759FD9;
    backdrop-filter: blur(2px);
}

.hero .breadcrumbs span {
    color: var(--Primary-blue);
}

.hero .breadcrumbs a svg {
    margin-left: 5px;
}
.dnd-section:has(.solutions-slider-wrapper > .bg-image.bg-overflow) {
    overflow: visible;
    overflow-x: clip;
}

section.solutions-slider-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    gap: 42px;
}

@media (min-width: 1200px) {
    section.solutions-slider-wrapper {
        flex-wrap: nowrap;
    }
}

.solutions-slider-wrapper .bg-image {
    height: calc(100% + 20%);
    position: absolute;
    right: -10%;
    top: -10%;
}

.solutions-slider-wrapper {
    overflow-y: clip;
}

@media (min-width: 768px) {
    section.solutions-slider-wrapper .solutions-slider {
        display: flex;
    }
}

section.solutions-slider-wrapper .content-wrapper.solutions-slider {
    padding: 0px;
    overflow: visible;
    max-width: 100%;
    width: 100%;
}

@media (min-width: 640px) {
  width: 100%;
}

@media (min-width: 1200px) {
    section.solutions-slider-wrapper .content-wrapper.solutions-slider {
        max-width: 100%;
    }
}

@media (min-width: 1440px) {
    section.solutions-slider-wrapper .content-wrapper.solutions-slider {
        max-width: 100%;
    }
}

@media (min-width: 1681px) {
    section.solutions-slider-wrapper .content-wrapper.solutions-slider {
        max-width: 82%;
    }
}

section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper {
    overflow: hidden;
    padding: 0 40px 40px 25px;
    width: 100%;
    padding-left: 15px;
    margin-left: 0;
    padding-right: 100px;
}

@media (max-width: 640px) {
    section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper {
      margin-left: 0;
      padding-right: 30px;
    }
}

@media (max-width: 1200px) {
    section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper {
      padding-left: 0;
    }
}

section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper-wrapper .swiper-slide {
    height: auto;
    transition: box-shadow 0.3s ease-in-out;
    border-radius: 20px;
}

@media (min-width: 680px) {
  section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper-wrapper .swiper-slide {
      min-width: 330px;
      width: calc(100%/4); 
  }
}

@media (min-width: 1200px) {
  section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper {
    padding-right: 346px;
  }
  
  section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper-wrapper .swiper-slide {
      min-width: 300px; 
  }
}

@media (min-width: 1680px) {
  section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper {
    padding-right: 100px;
  }
  section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper-wrapper .swiper-slide {
    min-width: 330px;
  }
}

section.solutions-slider-wrapper .swiper-slide:hover {
    box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.10);
}

section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper-wrapper .swiper-slide .solution {
    background-color: var(--White);
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
}

@media (max-width: 768px) {
    section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper-wrapper .swiper-slide .solution {
        border-radius: 15px;
    }
}

section.solutions-slider-wrapper .content-wrapper.solutions-slider .swiper-wrapper .swiper-slide .solution p {
    font-family: Raleway, sans-serif;
}

section.solutions-slider-wrapper .content-wrapper.solutions-slider .solutions-slider-pagination {
    position: relative;
    display: inline-flex;
    width: 100%;
    padding-top: 50px;
    justify-content: center;
    align-items: center;
    top: 0;
}

section.solutions-slider-wrapper .content-wrapper.solutions-slider .solutions-slider-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    border: 1px solid var(--blue);
    background-color: transparent;
    opacity: 1;
}

section.solutions-slider-wrapper .content-wrapper.solutions-slider .solutions-slider-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--blue);
}

.solutions-slider-wrapper .solutions .background_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    z-index: 0;
}

.solution-content {
    z-index: 1;
    padding: 40px 30px 30px 30px;
    display: flex;
    flex: auto;
    flex-direction: column;
    justify-content: space-between;
}

.solution-image img {
    aspect-ratio: 11 / 7;
    object-fit: cover;
    display: block;
}

.solution-cta {
    margin-left: auto;
}

.solution-content h1,
.solution-content h2,
.solution-content h3,
.solution-content h4,
.solution-content h5,
.solution-content h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 1;
}

.solution-content .solution-content-top h3 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.solution-content .solution-content-top h3 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.slider-text-content p {
    font-family: Raleway, sans-serif;
}

@media (max-width: 767px) {
    .slider-text-content-bottom {
        display: none;
    }
}

@media (min-width: 1200px) {
    .slider-text-content {
        flex: 0 0 25%;
        align-self: stretch;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        margin-bottom: 40px;
    }
}

.solutions-slider-wrapper>.bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}


.slider-text-content .swiper-nav {
    display: none;
}

@media screen and (min-width: 1200px) {
    .slider-text-content .swiper-nav {
        display: flex;
        gap: 30px;
    }
}

.slider-text-content .swiper-button {
    position: relative;
    left: auto;
    right: auto;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
    transition: all ease-in-out 0.2s;
}

.slider-text-content .swiper-button:hover {
    transform: translateY(-10px);
}

@media (max-width: 767px) {
  .slider-text-content .swiper-button:hover {
      transform: translateY(0);
  }
}

.solution {
    border-radius: var(--border-radius);
    overflow: hidden;
    text-decoration: none;
    color: var(--Dark-grey);
}

.solutions-slider .swiper-slide {
    text-decoration: none;
}

.solution-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 215px;
    height: 100%;
    transition: transform ease-in-out 0.3s;
}

.solution-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform ease-in-out 0.3s;
}

.solution:hover .solution-image img {
    transform: scale(1.15);
}

@media (max-width: 767px) {
  .solution:hover .solution-image img {
      transform: scale(1);
  }
}

.solution-cta.button-arrow {
    margin-top: auto;
}

/* modifier */

.solution-image--blend {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 215px;
    border-radius: 20px 20px 0px 0px;
}

.solution-image--blend .blend-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 102%;
    /* 102% instead of 100% due to mix-blend being glitchy on hover*/
    height: 100%;
}

.solution-image--blend .blend-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    mix-blend-mode: luminosity;
    transition: all ease-in-out 0.3s;
}

.solution:hover .solution-image--blend .blend-bg img {
    transform: scale(1.15);
    mix-blend-mode: initial;
}

@media (max-width: 767px) {
  .solution:hover .solution-image--blend .blend-bg img {
      transform: scale(1);
      mix-blend-mode: luminosity;
  }
}

.solutions-no-slider .solutions-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

.solutions-no-slider .solutions-wrapper .solution {
    max-width: 312px;
}

@media (min-width: 768px) {
    .solutions-no-slider .solutions-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}
.image-card-slider {
    position: relative;
    z-index: 1;
}

.image-card-slider .wrapper {
    display: flex;
    flex-direction: column;
    gap: 70px;
}

.image-card-slider__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.image-card-slider__header .swiper-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}

.image-card-slider__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* individual cards */

.image-card-slider__body .slide-card {
    position: relative;
    min-height: 350px;
    transition: initial;
    cursor: pointer;
}

.image-card-slider__body .slide-card .image-container {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.image-card-slider__body .slide-card .image-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    mix-blend-mode: luminosity;
    transition: all ease-in-out 0.3s;
}

.image-card-slider__body .slide-card:hover .image-container::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(17, 52, 96, 0) 0%, rgba(17, 52, 96, 0.9) 0%);
    transition: all ease-in-out 0.2s;
}

@media (min-width: 767px) {
  .image-card-slider__body .slide-card:hover .image-container::after {
      background: linear-gradient(180deg, rgba(17, 52, 96, 0) 0%, rgba(17, 52, 96, 0.9) 75.32%);
  }
  
  .image-card-slider__body .slide-card:hover .image-container img {
      transform: scale(1.15);
      mix-blend-mode: initial;
  }
}

.item-arrow {
    position: absolute;
    z-index: 5;
    top: 20px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background: -webkit-linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
}

.item-arrow img {
    transform: none;
    object-fit: contain;
    width: 39px;
}

.image-card-slider__body .slide-card:hover .item-arrow {
  display: flex;
}

.image-card-slider__body .slide-card:hover .item-arrow img {
    transform: none;
    object-fit: contain;
    width: 39px;
}

@media (min-width: 1080px) {
  .item-arrow {
      display: none;
  }

  .image-card-slider__body .slide-card:hover .item-arrow {
      display: flex;
  }
}

.image-card-content {
    z-index: 5;
    padding: 35px;
    padding-bottom: 25px;

}

.image-card-content h3 {
    margin-bottom: 0;
    color: var(--White);
}

.image-card-content h3 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.image-card-content h3 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.image-card-content .content {
    display: grid; 
    grid-template-rows: 0fr;
    transition: grid-template-rows ease-in-out 0.3s;
    color: var(--White);
}

.image-card-content .content > p {
    overflow: hidden;
    margin-bottom: 0;
}

.image-card-slider__body .slide-card:hover .image-card-content .content {
    grid-template-rows: 0fr;
}

@media (min-width: 767px) {
  .image-card-slider__body .slide-card:hover .image-card-content .content {
      grid-template-rows: 1fr;
  }
}

/* === Slider styling === */

.image-card-slider__body .swiper {
    overflow: visible;
}

.image-card-slider__body .swiper-slide {
    display: flex;
    align-items: flex-end;
    border-radius: var(--border-radius);
    overflow: clip;
}

.image-card-slider__footer .swiper-nav {
  display: none;
}

@media (min-width: 580px) {
  .image-card-slider__footer .swiper-nav {
    display: flex;
    gap: 30px;
  }
}

.image-card-slider__footer .nav-spacer { 
  display: none;
}

@media (min-width: 1200px) {
  .image-card-slider__footer .nav-spacer { 
    display: block;
  }
}

.image-card-slider__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.image-card-slider__footer .swiper-button {
    position: relative;
    left: auto;
    right: auto;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
    transition: all ease-in-out 0.2s;
}

.image-card-slider__footer .swiper-button:hover {
    transform: translateY(-10px);
}

@media (max-width: 767px) {
  .image-card-slider__footer .swiper-button:hover {
      transform: translateY(0);
  }
}
.text-columns__header,
.text-columns__body {
    margin: 0 auto;
}

.text-columns__header + .text-columns__body {
    margin-bottom: 30px;
    margin-top: 35px;
}

/* === Modifiers === */

.text-columns__header--centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.text-columns--boxed .wrapper {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: clip;
    padding: 30px 20px;
}

@media screen and (min-width: 768px) {
    .text-columns--boxed .wrapper {
        padding: 80px 120px;
    }
}

.text-columns--narrow .text-columns__header,
.text-columns--narrow .text-columns__body {
    max-width: var(--narrow);
}

.text-columns--medium .text-columns__header,
.text-columns--medium .text-columns__body {
    max-width: var(--medium);
}

.text-columns--full .text-columns__header,
.text-columns--full .text-columns__body {
    max-width: var(--full);
}

.text-columns--left .text-columns__header,
.text-columns--left .text-columns__body {
    margin-left: 0;
    margin-right: auto;
}

.text-columns--right .text-columns__header,
.text-columns--right .text-columns__body {
    margin-left: auto;
    margin-right: 0;
}
.image-text .wrapper {
    position: relative;
    z-index: 2;
    max-width: 1320px;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr;
    gap: 40px;
}

.image-text .wrapper.two-images {
  gap: 120px;
}

@media screen and (min-width: 980px) {
    .image-text .wrapper {
        grid-template-columns: repeat(2,1fr);
        gap: 60px;
        margin-left: auto;
    }
}

@media screen and (min-width: 1200px) {
    .image-text .wrapper {
        gap: 120px;
    }
}

.image-text .wrapper--top {
  align-items: start;
}

.image-text .wrapper--bottom {
  align-items: end;
}

.image-text .wrapper--sticky {
  align-items: start;
}

@media screen and  (min-width: 780px) {
  .image-text .wrapper--sticky .image-text__media {
    position: sticky;
    top: 120px;
  }
}

@media screen and  (max-width: 980px) {
    .image-text .wrapper:has(.overlay-media--bottom-right) {
        gap: 140px;
    }
}

.image-text__content {
    order: 2;
    justify-self: center;
    align-self: center;
    max-width: 600px;
}

@media screen and (min-width: 980px) { 
    .image-text__content {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}

.image-text__content p:last-of-type {
    margin-bottom: 0;
}

@media screen and (min-width: 980px) {
    .image-text__content {
        order: 1;
    }
}

.image-text-cta {
    margin-top: 45px;
}

.image-text__media {
    order: 1;
}

.image-text__media img,
.image-text__media video {
    border-radius: var(--border-radius);
    overflow: clip;
}

@media screen and (min-width: 980px) {
    .image-text__media {
        order: 2;
    }
}

/* === Modifiers === */

.image-text.image-text--mobile-bottom .image-text__content {
    order: 1;
}

.image-text.image-text--mobile-bottom .image-text__media {
    order: 2;
}

@media screen and (min-width: 980px) {
    .image-text.image-text--reversed .wrapper {
        margin-right: auto;
        margin-left: 0;
    }

    .image-text.image-text--reversed .image-text__content {
        order: 2;
    }

    .image-text.image-text--reversed .image-text__media {
        order: 1;
    }
}

.image-text__media.image-text__media--cover {
    height: 300px;
}

.image-text__media.image-text__media--cover:has(.hexagon-wrapper) {
    height: 200px;
}

@media screen and (min-width: 600px) {
  .image-text__media.image-text__media--cover:has(.hexagon-wrapper) {
      height: 350px;
  }
}

@media screen and (min-width: 767px) {
  .image-text__media.image-text__media--cover {
      height: 350px;
  }
}

@media screen and (min-width: 980px) {
  .image-text__media.image-text__media--cover {
      height: 100%;
  }
}

.image-text__media.image-text__media--cover img,
.image-text__media.image-text__media--cover video {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}

@media screen and (min-width: 980px) {
    .image-text__media.image-text__media-full {
        position: relative;
        overflow: visible;
        height: 100%;
    }
    
    .image-text__media.image-text__media-full > img {
        position: absolute;
        max-width: none !important;
        width: 50vw;
        height: 100% !important;
        object-fit: cover;
        left: 0;
        top: 0;
    }

    .image-text.image-text--reversed .image-text__media.image-text__media-full > img {
        left: auto;
        right: 0;
    }
}

@media screen and (min-width: 2000px) {
    .image-text__media.image-text__media-full > img {
        width: 120%;
    }
}

/* === multirow === */

.multi-row-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    text-align: center;
}

@media screen and (min-width: 980px) {
    .multi-row {
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        gap: 60px;
    }
}

.multi-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 35px;
}

.multi-row .icon-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.multi-row .icon-wrapper svg {
    width: 65px;
    height: 75px;
}

.multi-row .icon-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    max-height: 40px !important;
    max-width: 40px !important;
    object-fit: contain;
}

@media screen and (min-width: 980px) {
    .multi-row {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 35px;
    }
}

.multi-row-content {
    margin-top: 10px;
}

.multi-row-content h1,
.multi-row-content h2,
.multi-row-content h3,
.multi-row-content h4,
.multi-row-content h5,
.multi-row-content h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 1;
}

/* === 2 images variation === */
.image-text__media:has(.image-two) {
    position: relative;
}

.image-text__media .image-two {
    position: absolute;
    width: 100%;
    max-width: 195px;
    height: 170px;
}

@media screen and (min-width: 680px) {
  .image-text__media .image-two {
      max-width: 225px;
      height: 200px;
  }
}

@media screen and (min-width: 980px) {
  .image-text__media .image-two {
      max-width: 295px;
      height: 270px;
  }
}

.image-text__media .image-two img,
.image-text__media .image-two video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-text__media .image-two--left {
    bottom: 75px;
    left: -60px;
    right: auto;
}

@media screen and (min-width: 768px) {
    .image-text__media:has(.hexagon-wrapper) {
        min-width: 585px;
    }
}

.image-text__media .image-two--right {
    bottom: 75px;
    left: auto;
    right: -60px;
}

.image-text__media .image-two--bottom-left {
    bottom: -80px;
    left: -60px;
}

.image-text__media .image-two--bottom-right {
    bottom: -80px;
    left: auto;
    right: -60px;
}

@media screen and (min-width: 980px) {
  .image-text__media .image-two--bottom-left {
      bottom: -120px;
  }

  .image-text__media .image-two--bottom-right {
      bottom: -120px;
  }
}

.image-text__media.overlay-media--left,
.image-text__media.overlay-media--bottom-left {
    margin-left: 60px;
}

.image-text__media.overlay-media--right,
.image-text__media.overlay-media--bottom-right {
    margin-right: 60px;
}

/* === hexagons === */

.image-text__media:has(.hexagon-wrapper) {
    width: 100%;
    min-width: 255px;
}

@media screen and (min-width: 640px) {
    .image-text__media:has(.hexagon-wrapper) {
        min-width: 585px;
    }
}

.hexagon-wrapper {
    position: relative;
    max-width: 255px;
    height: 240px;
}

.image-text__media .hexagon {
  opacity: 1;
}

@media screen and (max-width: 640px) {
    .hexagon-wrapper {
        margin: 0 auto;
    }
}

.hexagon {
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: var(--White);

    position: absolute;
    max-width: 114px;
    width: 100%;
    height: 106px;
}

.hexagon video {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.hexagon img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.hexagon-cover .hexagon img {
    object-fit: cover;
}

.hexagon--1 {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='267' height='247' viewBox='0 0 267 247' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M235.891 209.551L266.059 98.9921C267.228 94.7073 265.816 90.09 262.365 86.8808L173.244 4.18322C169.792 0.973994 164.806 -0.337881 160.183 0.746623L40.894 28.608C36.2706 29.6925 32.6967 32.9979 31.5275 37.2827L1.35936 147.842C0.190182 152.126 1.60217 156.744 5.05393 159.953L94.1747 242.65C97.6264 245.86 102.612 247.172 107.236 246.087L226.522 218.235C231.146 217.15 234.719 213.845 235.889 209.56L235.891 209.551Z' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='267' height='247' viewBox='0 0 267 247' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M235.891 209.551L266.059 98.9921C267.228 94.7073 265.816 90.09 262.365 86.8808L173.244 4.18322C169.792 0.973994 164.806 -0.337881 160.183 0.746623L40.894 28.608C36.2706 29.6925 32.6967 32.9979 31.5275 37.2827L1.35936 147.842C0.190182 152.126 1.60217 156.744 5.05393 159.953L94.1747 242.65C97.6264 245.86 102.612 247.172 107.236 246.087L226.522 218.235C231.146 217.15 234.719 213.845 235.889 209.56L235.891 209.551Z' fill='white'/%3E%3C/svg%3E");

    bottom: 17%;
    left: 0;
}

.hexagon--2 {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='267' height='247' viewBox='0 0 267 247' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M235.891 209.551L266.059 98.9921C267.228 94.7073 265.816 90.09 262.365 86.8808L173.244 4.18322C169.792 0.973994 164.806 -0.337881 160.183 0.746623L40.894 28.608C36.2706 29.6925 32.6967 32.9979 31.5275 37.2827L1.35936 147.842C0.190182 152.126 1.60217 156.744 5.05393 159.953L94.1747 242.65C97.6264 245.86 102.612 247.172 107.236 246.087L226.522 218.235C231.146 217.15 234.719 213.845 235.889 209.56L235.891 209.551Z' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='267' height='247' viewBox='0 0 267 247' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M235.891 209.551L266.059 98.9921C267.228 94.7073 265.816 90.09 262.365 86.8808L173.244 4.18322C169.792 0.973994 164.806 -0.337881 160.183 0.746623L40.894 28.608C36.2706 29.6925 32.6967 32.9979 31.5275 37.2827L1.35936 147.842C0.190182 152.126 1.60217 156.744 5.05393 159.953L94.1747 242.65C97.6264 245.86 102.612 247.172 107.236 246.087L226.522 218.235C231.146 217.15 234.719 213.845 235.889 209.56L235.891 209.551Z' fill='white'/%3E%3C/svg%3E");
    top: 7.5%;
    right: 23.5%;
}

.hexagon--3 {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='267' height='247' viewBox='0 0 267 247' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M235.891 209.551L266.059 98.9921C267.228 94.7073 265.816 90.09 262.365 86.8808L173.244 4.18322C169.792 0.973994 164.806 -0.337881 160.183 0.746623L40.894 28.608C36.2706 29.6925 32.6967 32.9979 31.5275 37.2827L1.35936 147.842C0.190182 152.126 1.60217 156.744 5.05393 159.953L94.1747 242.65C97.6264 245.86 102.612 247.172 107.236 246.087L226.522 218.235C231.146 217.15 234.719 213.845 235.889 209.56L235.891 209.551Z' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='267' height='247' viewBox='0 0 267 247' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M235.891 209.551L266.059 98.9921C267.228 94.7073 265.816 90.09 262.365 86.8808L173.244 4.18322C169.792 0.973994 164.806 -0.337881 160.183 0.746623L40.894 28.608C36.2706 29.6925 32.6967 32.9979 31.5275 37.2827L1.35936 147.842C0.190182 152.126 1.60217 156.744 5.05393 159.953L94.1747 242.65C97.6264 245.86 102.612 247.172 107.236 246.087L226.522 218.235C231.146 217.15 234.719 213.845 235.889 209.56L235.891 209.551Z' fill='white'/%3E%3C/svg%3E");

    bottom: 5%;
    right: 10%;
}

@media screen and (min-width: 600px) {
    .hexagon-wrapper {
        max-width: 350px;
        height: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    .hexagon {
        max-width: 158px;
        height: 150px;
    }
  
    .hexagon--1 {
        bottom: 17%;
        left: 0;
    }

    .hexagon--2 {
      right: 23.5%;
      top: 9.5%;
    }

    .hexagon--3 {
        bottom: 5.5%;
        right: 10%;
    }
}

@media screen and (min-width: 980px) {
    .hexagon-wrapper {
        max-width: 585px;
        height: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .hexagon {
        max-width: 266px;
        height: 250px;
    }
  
  .hexagon--1 {
      bottom: 17%;
      left: 0;
  }

  .hexagon--2 {
      top: 5%;
      right: 23.5%;
  }

  .hexagon--3 {
      bottom: 5%;
      right: 10%;
  }
}

/* === bg elements === */

.bg-element {
    position: absolute;
    z-index: -1;
    width: 260px;
    height: 160px;
}

.bg-element.bg-right {
    right: -75px;
    top: -35px;
}

.bg-element.bg-left {
    left: -70px;
    top: -60px;
}

@media screen and (min-width: 768px) {
    .bg-element {
        width: 460px;
        height: 260px;
    }

    .bg-element.bg-left {
        left: -17px;
        top: -92px;
    }

    .bg-element.bg-right {
        right: -150px;
        top: -50px;
    }
}

.bg-element img {
    width: 100%;
    height: 100%;
}
.stat-counter {
  display: grid;
  grid-gap: 35px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	position: relative;
}

.stat-number-wrapper {
	position: relative;
	line-height: 1;
	font-weight: 300;
}

.stat-pre-suf {
	bottom: 9%;
	display: block;
	font-weight: 200;
	line-height: 1;
	position: absolute;
	font-size: 48px;
	color: #87d3e2;
}
.stat-pre {
	right: 100%;
}
.stat-suf {
	left: 100%;
}

.stat-number {
	background: var(--Gradient-2, linear-gradient(180deg, #113460 15%, #759FD9 35.37%, #8EEBE5 100%));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.stat-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	column-gap: 30px;
	gap: 30px;
	z-index: 1;
}

.stat-content h6 {
	margin-bottom: 10px;
}

.stat-content {

  max-width: 272px;

}


.stat-shape-left {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateX(-50%);
}


.stat-shape-right {
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
}



@media (max-width: 767px) {
  .stat-counter {
    grid-gap: 15px;
  }
	.stat-shape-left {
		left: 0;
		transform: none;
		top: 0;
		width: 56px;
		height: auto;
	}
	.stat-shape-right {
		right: -32px;
		transform: none;
		top: auto;
		bottom: 0;
		left: auto;
	}
}
section.cta-module {
    position: relative;
    z-index: 1;
}

section.cta-module > .d-flex {
    position: relative;
    flex-direction: column;
    gap: 50px;
    border-radius: 20px;
    position: relative;
}

section.cta-module .cta__content {
    position: relative;
    z-index: 3;
    width: 100%;
    z-index: 2;
    max-width: 85%;
    padding: 77px 22px;
}

@media screen and (min-width: 768px) {
    section.cta-module .cta__content {
        padding: 109px 120px;
        max-width: 60%;
    }
}

section.cta-module .cta__content .cta__content-cta {
    margin-top: 45px;
}

section.cta-module>.d-flex.bg-contain {
    background-size: contain !important;
}

/* === hexagon elements === */

.cta-hexagons {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.hexa-1,
.hexa-2,
.hexa-3,
.hexa-4 {
    position: absolute;
}


.hexa-1 {
    left: 115px;
    top: -40px;
}

.hexa-2 {
    left: -30px;
    top: -30px;
}

.hexa-3 {
    left: -50px;
    top: 65px;
}

.hexa-4 {
    left: -40px;
    top: 125px;
}

.cta-hexagons .hexa-1 path,
.cta-hexagons .hexa-3 path {
    fill: var(--Primary-blue---3D-Modeling);
}

.cta-hexagons .hexa-3 path {
    opacity: 0.5;
}

/* === product modifiers === */

.modeling .cta-hexagons .hexa-1 path,
.modeling .cta-hexagons .hexa-3 path {
    fill: var(--Primary-blue---3D-Modeling);
}

.modeling .cta-hexagons .hexa-3 path {
    opacity: 0.5;
}

.meshing .cta-hexagons .hexa-1 path,
.meshing .cta-hexagons .hexa-3 path {
    fill: var(--Meshing);
}

.meshing .cta-hexagons .hexa-3 path {
    opacity: 0.5;
}

.interoperability .cta-hexagons .hexa-1 path,
.interoperability .cta-hexagons .hexa-3 path {
    fill: var(--Interoperability);
}

.interoperability .cta-hexagons .hexa-3 path {
    opacity: 0.5;
}

.visualization .cta-hexagons .hexa-1 path,
.visualization .cta-hexagons .hexa-3 path {
    fill: var(--Visualization);
}

.visualization .cta-hexagons .hexa-3 path {
    opacity: 0.5;
}

.application-framework .cta-hexagons .hexa-1 path,
.application-framework .cta-hexagons .hexa-3 path {
    fill: var(--Application-Framework);
}

.application-framework .cta-hexagons .hexa-3 path {
    opacity: 0.5;
}

.constraint-solver .cta-hexagons .hexa-1 path,
.constraint-solver .cta-hexagons .hexa-3 path {
    fill: var(--Constraint-solver);
}

.constraint-solver .cta-hexagons .hexa-3 path {
    opacity: 0.5;
}
.video-slider {
	position: relative;
}

.video-slider .bg-element {
    position: absolute;
	width: 127px;
	z-index: 4;
	top: 0px;
	right: 0px;
}

@media screen and (min-width: 768px) {
	.video-slider .bg-element {
		top: -105px;
		right: -19px;
	}
}

.video-slider__header {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 3;
	margin-bottom: 30px;
}

.video-slider__header .content p:last-of-type {
	margin-bottom: 0;
}

.video-slider__body {
	position: relative;
}

@media screen and (min-width: 768px) {
	.video-slider .wrapper {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 60px;
	}
	
	.video-slider__header {
		grid-column: span 1;
		margin-bottom: 0px;
	}
	
	.video-slider__body {
		grid-column: span 3;
	}
}

.video-slider .swiper-nav {
	display: none;
}

@media screen and (min-width: 768px) {
	.video-slider .swiper-nav {
		display: flex;
		gap: 30px;
		margin-top: auto;
		height: 58px; /* same as button height */
	}
}

.video-slider .swiper-button {
    position: relative;
    left: auto;
    right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
	  background: -webkit-linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
	  transition: all ease-in-out 0.2s;
}

.video-slider .swiper-button:hover {
	  background: -webkit-linear-gradient(0deg, rgba(117, 159, 217, 0.3), rgba(117, 159, 217, 0.3)), #FFFFFF;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.3), rgba(117, 159, 217, 0.3)), #FFFFFF;
    transform: translateY(-10px);
}

.video-slider-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
	position: relative;
	z-index: 3;
	margin-top: 35px;
	text-align: right;
}

@media screen and (min-width: 768px) {
	.video-slider-footer {
		margin-top: 55px;
	}
}

.videos-slider {
	width: 100%;
}

@media screen and (min-width: 1681px) {
	.videos-slider {
		position: relative;
		width: 110%;
		overflow: hidden;
	}

	.videos-slider::before {
	  content: "";
	  position: absolute;
	  z-index: 3;
	  top: 0;
	  height: 100%;
	  width: 120px;
	}
  
	.videos-slider::before {
	  right: 0;
	}
}

/* === slider styles === */

.video-slider .swiper.videos {
	overflow: visible;
}

.content-wrapper.videos-slider::after {
    content: "";
    display: block;
    height: 120%;
    position: absolute;
    right: 100%;
    top: -10%;
    width: 50vw;
    z-index: 2;
}

.video-slider .swiper.videos .swiper-slide {
	border-radius: var(--border-radius);
	overflow: clip;
	filter: drop-shadow(0px 2px 5px rgba(17, 52, 96, 0.08));
	transition: filter ease-in-out 0.3s;
	cursor: pointer;
}

.video-slider .swiper-slide,
.video-slider .swiper-slide .video {
	aspect-ratio: 16 / 9; /* to match video */
}

@media screen and (min-width: 768px) {
	.videos-slider .play {
		height: 90px;
		width: 90px;
	}

	.videos-slider .play svg {
		height: 25px;
		width: 28px;
		margin-left: 6px;
	}
}

.video-slider-footer .swiper-nav .swiper-button-next,
.video-slider-footer .swiper-nav .swiper-button-prev {
	top: auto;
  margin-top: 0;
}

/* === lightbox === */

body.light-box-open {
	overflow: hidden;
}

.video-cta {
	margin-top: auto;
	margin-left: auto;
}

.videos-slider video {
  width: 100%;
	object-fit: cover;
	height: auto;
	aspect-ratio: 16 / 9;
}

.videos-slider .video::after {
	z-index: 9;
	position: absolute;
	top: 50%;
	left: 50%;
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="91" height="91" viewBox="0 0 91 91" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M45.7093 90.7243C70.5213 90.7243 90.6354 70.6102 90.6354 45.7982C90.6354 20.9862 70.5213 0.87207 45.7093 0.87207C20.8973 0.87207 0.783203 20.9862 0.783203 45.7982C0.783203 70.6102 20.8973 90.7243 45.7093 90.7243Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M45.7093 90.7243C70.5213 90.7243 90.6354 70.6102 90.6354 45.7982C90.6354 20.9862 70.5213 0.87207 45.7093 0.87207C20.8973 0.87207 0.783203 20.9862 0.783203 45.7982C0.783203 70.6102 20.8973 90.7243 45.7093 90.7243Z" fill="url(%23paint0_linear_5807_1057)"/><path d="M36.5356 34.2763C36.5356 32.3279 38.6449 31.1101 40.3322 32.0843L60.1483 43.5252C61.8357 44.4994 61.8357 46.9349 60.1483 47.9091L40.3322 59.3499C38.6449 60.3241 36.5356 59.1064 36.5356 57.158L36.5356 34.2763Z" fill="%23113460"/><defs><linearGradient id="paint0_linear_5807_1057" x1="90.6354" y1="79.4927" x2="206.114" y2="79.4927" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%238EEBE5"/></linearGradient></defs></svg>');
	transform: translate(-50%, -50%);
}

.videos-slider .lightbox {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
}

.videos-slider .lightbox.active {
	display: flex;
}

.videos-slider .lightbox-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 90%;
}

.videos-slider .lightbox video {
	width: 100%;
	height: auto;
}

.videos-slider .lightbox-close {
	position: absolute;
	right: -30px;
    top: -45px;
	color: #fff;
	cursor: pointer;
	font-size: 40px;
}

.lightbox .video-frame,
.lightbox .video-frame iframe {
	max-width: 100%;
}

.videos-slider .lightbox-content {
	width: 100%;
}

.videos-slider .lightbox-close {
	position: absolute;
	right: 0px;
    top: -50px;
	color: #fff;
	cursor: pointer;
	font-size: 40px;
}

@media screen and (min-width: 768px) {
	.lightbox .video-frame,
	.lightbox .video-frame iframe {
		max-width: 100%;
	}

	.videos-slider .lightbox-content {
		width: auto;
	}

	.videos-slider .lightbox-close {
		right: -30px;
		top: -45px;
	}
}
section.testimonial-slider-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	overflow: hidden;
	position: relative;
}

section.testimonial-slider-wrapper .content-wrapper.testimonial-slider {
	padding: 0px;
	overflow: visible;
	width: 100%;
}

section.testimonial-slider-wrapper .content-wrapper.testimonial-slider .swiper {
	padding: 0px;
	overflow: hidden;
	max-width: 1140px;
}

.section.testimonial-slider-wrapper
.content-wrapper.testimonial-slider
.swiper {
	z-index: 2;
}

section.testimonial-slider-wrapper
.content-wrapper.testimonial-slider
.swiper-wrapper
.swiper-slide
.testimonial {
	background-color: var(--blue);
	min-height: 420px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	border-radius: 20px;
	background-size: cover;
	background-position: center;
	
	@media (min-width: 768px) {
		padding: 0 90px;

	}
}

section.testimonial-slider-wrapper
.content-wrapper.testimonial-slider
.swiper-wrapper
.swiper-slide
.testimonial
h3,
section.testimonial-slider-wrapper
.content-wrapper.testimonial-slider
.swiper-wrapper
.swiper-slide
.testimonial
p {
	color: var(--Primary-blue);
}

section.testimonial-slider-wrapper
.content-wrapper.testimonial-slider
.testimonial-slider-pagination {
	position: relative;
	display: inline-flex;
	width: 100%;
	padding-top: 50px;
	justify-content: center;
	align-items: center;
	top: 0;
	gap: 25px;
}

section.testimonial-slider-wrapper .content-wrapper.testimonial-slider .testimonial-slider-pagination .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.testimonial-slider-wrapper .testimonial-slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 7px !important;
	height: 7px !important;
	border: 1px solid var(--Primary-blue);
	background-color: var(--Primary-blue);
	opacity: 0.2;
	margin: 0;
}

section.testimonial-slider-wrapper .content-wrapper.testimonial-slider .testimonial-slider-pagination .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.testimonial-slider-wrapper .testimonial-slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--Primary-blue);
	opacity: 1;
}

.testimonial-slider-wrapper .testimonials .background_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	z-index: 0;
}
.testimonial-content {
	position: relative;
	z-index: 1;
	text-align: center;
}

.testimonial-content img {
	max-width: 161px;
}

.testimonials .swiper-button-next::after,
.testimonials .swiper-button-prev::after {
	content: "";
}

.testimonial-slider__diamond {
	position: absolute;
}

.testimonial-slider__diamond-1 {
	left: 100px;
	top: 80px;
}

.testimonial-slider__diamond-2 {
	left: 180px;
	top: 10px;
}

.testimonial-slider__diamond-3 {
	left: 240px;
	top: 70px;
}

.testimonial-slider__diamond-4 {
	bottom: 140px;
	right: 270px;
}

.testimonial-slider__diamond-5 {
	bottom: 100px;
	right: 175px;
}

.testimonial-slider__diamond-6 {
	bottom: 200px;
	right: 80px;
}


@media (max-width: 767px){
	.swiper-button-next, .swiper-button-prev {
		display: none;
	}
}
.linked-card {
    display: flex;
    flex-direction: column;
    padding: 32px 30px;
    padding-bottom: 30px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0px 18px 45px 0px rgba(56, 92, 173, 0.10);
    height: 122px;
    transition: height 0.5s ease;
    text-decoration: none;
    color: var(--Primary-blue);
}

.linked-card:hover {
    text-decoration: none;
    color: var(--Primary-blue);
    height: 100%;
}

.linked-card__header {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
}

.linked-card__header h3 {
    margin: 0;
}

.linked-card-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background: -webkit-linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
    transition: all ease-in-out 0.2s;
}

.linked-card:hover .linked-card-button {
    background: -webkit-linear-gradient(0deg, rgba(117, 159, 217, 0.3), rgba(117, 159, 217, 0.3)), #FFFFFF;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.3), rgba(117, 159, 217, 0.3)), #FFFFFF;
    transition: all ease-in-out 0.2s;
}

.linked-card__body {
    max-width: 70%;
}

.linked-card__body {
    display: grid; 
    grid-template-rows: 0fr;
    transition: grid-template-rows ease-in-out 0.3s;
}

.linked-card__body .linked-card__body-content {
    overflow: hidden;
    margin-bottom: 0;
}

.linked-card:hover .linked-card__body {
    grid-template-rows: 1fr;
}
.boxed-text-image .wrapper {
    display: grid;
    grid-template-columns: 1fr;
    border-radius: var(--border-radius);
    overflow: clip;
}

@media screen and (min-width: 768px) {
    .boxed-text-image .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

.boxed-text-image__header {
    order: 2;
    background-color: var(--White);
    padding: 45px 20px;
}

@media screen and (min-width: 1024px) {
    .boxed-text-image__header {
        padding: 90px;
    }
}

.boxed-text-image__body {
    order: 1;
    height: 100%;
}

.boxed-text-image__body > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* === modifiers === */



@media screen and (min-width: 768px) {
    .boxed-text-image--reversed .boxed-text-image__header {
        order: 1;
    }
    
    .boxed-text-image--reversed .boxed-text-image__body {
        order: 2;
    }
}
.breadcrumbs {
    left: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.breadcrumbs a,
.breadcrumbs span {
    text-decoration: none;

    font-family: "ThreeDS";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

.breadcrumbs a {
    color: #759FD9;
    backdrop-filter: blur(2px);
}

.breadcrumbs span {
    color: var(--Primary-blue);
}

.breadcrumbs a svg {
    margin-left: 5px;
}
.case-study-listing {

}

.case-study-listing .wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

/* === Case study filters === */

.case-study-filters {
    max-width: 600px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    margin-bottom: 45px;
}

@media (min-width: 540px) {
    .case-study-filters {
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 95px;
    }
}

.case-study-filters select {
    cursor: pointer;
    outline: none;
    border: none;
    padding: 18px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(17, 52, 96, 0.08);
    border-radius: 10px;
    color: rgba(17, 52, 96, 0.5);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z' fill='%23759FD9'/%3E%3C/svg%3E");
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-size: 25px 10px;
    background-position: 96% 55%;
}

/* === Case study grid === */

.case-study-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}

@media (min-width: 768px) {
    .case-study-cards {
        grid-template-columns: repeat(2,1fr);
        gap: 50px;
    }
}

.case-study-card {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius);
    overflow: clip;
    background-color: var(--White);
    text-decoration: none;
    box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
    transition: all ease-in-out 0.3s, opacity 0.5s ease, transform 0.5s ease;
    color: var(--Dark-grey, #292929);
}

.case-study-card.visible {
    opacity: 1;
    display: flex;
}

.case-study-card.hidden {
    opacity: 0;
    display: none;
}

.case-study-card:hover,
.case-study-card:focus,
.case-study-card:active {
    color: inherit;
    box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
    text-decoration: none;
}

.case-study-card-image {
    position: relative;
    min-height: 300px;
    height: 300px;
    overflow: hidden;
}

.case-study-card-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.4s;
}

.case-study-card:hover .case-study-card-image img:not(.case-study-card-logo img) {
    transform: scale(1.1);
}

.case-study-card:hover .button-arrow {
    color: var(--Secondary-blue, #759fd9);
}

.case-study-card:hover .button-arrow:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M12 5L7.28571 9M12 5L7.28571 1M12 5L1 5" stroke="%23759FD9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transform: translateX(4px);
}

.case-study-card-logo {
    position: absolute;
    top: 25px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 107px;
    height: 107px;
    background: var(--White, #FFF);
    border-radius: 50%;
}

.case-study-card-logo img {
    max-width: 90%;
    height: auto;
    object-fit: contain;
    width: 100%;
}

.case-study-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    padding-bottom: 50px;
}

.case-study-card-content h3 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.case-study-card-content h3 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.case-study-card-content .button-arrow {
    margin-top: auto;
}

.case-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.case-tags .tag-button {
    padding: 9px 20px;
    pointer-events: none;
}

/* === Case study pagination === */

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 70px;
    gap: 20px;
}

.pagination .nav-button,
.page-button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--Primary-blue);
    cursor: pointer;
    border: none;
    background: transparent;
}

.page-button.active {
    background-color: var(--Primary-blue);
    color: var(--White);
}
.case-study-slider .swiper {
	overflow: visible;
}

.case-study-slider__header {
	margin-bottom: 45px;
}

.case-study-slider .slide-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--border-radius);
    background-color: var(--White);
    text-decoration: none;
    box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
    transition: all ease-in-out 0.3s, opacity 0.5s ease, transform 0.5s ease;
    color: #292929;
}

@media screen and (min-width: 1024px) {
    .case-study-slider .slide-card {
        height: auto;
    }
}

.case-study-slider .slide-card:hover {
    text-decoration: none;
    box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.10);
    color: #292929;
}

.case-study-slider .slide-card:hover .button-arrow {
    color: var(--Secondary-blue, #759fd9);
}

.case-study-slider .slide-card:hover .button-arrow:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M12 5L7.28571 9M12 5L7.28571 1M12 5L1 5" stroke="%23759FD9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transform: translateX(4px);
}

.case-study-slider .slide-card-image {
    position: relative;
    overflow: hidden;
    height: 300px;
    min-height: 300px;;
}

.case-study-slider .slide-card-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: all ease-in-out 0.3s;
}

.case-study-slider .slide-card:hover .slide-card-image > img {
    transform: scale(1.1);
}

.case-study-slider .slide-card-logo {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    padding: 10px;
    width: 75px;
    height: 75px;
    background: var(--White);
    border-radius: 50%;
}

@media screen and (min-width: 768px) {
    .case-study-slider .slide-card-logo {
        width: 105px;
        height: 105px;
    }
}

.case-study-slider .slide-card-logo img {
    object-fit: contain;
    width: 100%;
    height: auto;
}

.case-study-slider .slide-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
}

.case-study-slider .slide-card-content .button-arrow {
    margin-top: auto;
}

.case-study-slider .slide-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}

.case-study-slider .slide-card-tags .tag-button {
    height: auto;
    pointer-events: none;
}

.case-study-slider .slide-card-content h4 {
    margin-bottom: 15px;
}

.case-study-slider .slide-card-content h4 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.case-study-slider .slide-card-content h4 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.case-study-slider__footer {
	margin-top: 65px;
}
.featured-case {
    position: static !important;
}

.featured-case .content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.featured-case__header {
    max-width: 840px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .featured-case__header {
        margin-bottom: 80px;
    }
}

/* === Featured case box === */

.featured-case-study-card {
    display: grid;
    grid-template-columns: 1fr;
    border-radius: 20px;
    background: var(--White, #FFF);
    overflow: hidden;
    box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.10);
    text-decoration: none;
    color: var(--Dark-grey, #292929);
}

.featured-case-study-card:hover,
.featured-case-study-card:focus,
.featured-case-study-card:active {
    text-decoration: none;
    color: var(--Dark-grey, #292929);
}

.featured-case-study-card:hover .button-arrow {
    color: var(--Secondary-blue, #759fd9);
}

.featured-case-study-card:hover .button-arrow:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M12 5L7.28571 9M12 5L7.28571 1M12 5L1 5" stroke="%23759FD9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transform: translateX(4px);
}

.case-image {
    position: relative;
    overflow: hidden;
    height: 300px;
}

.case-image img {
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.4s;
}

.featured-case-study-card:hover .case-image img {
    transform: scale(1.1);
}

.case-logo {
    position: absolute;
    top: 25px;
    left: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 107px;
    height: 107px;
    background: var(--White, #FFF);
    border-radius: 50%;
}

.case-logo img {
    max-width: 90%;
    height: auto;
    object-fit: contain;
    width: 100%;
}

.case-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.case-tags .tag-button {
    padding: 9px 20px;
}

.case-content {
    padding: 25px;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
}

.case-content h2 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.case-content h2 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.featured-case__body .case-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .featured-case-study-card {
        grid-template-columns: repeat(2,1fr);
    }

    .case-image {
        height: auto;
    }

    .case-content {
        padding: 72px;
        padding-top: 40px;
    }

    .case-content .button-arrow {
        margin-top: 30px;
    }

    .featured-case__body .case-tags {
        margin-top: 50px;
    }
}
.newsletter-signup-wrapper {
	padding-bottom: 50px;
	position: relative;
	
	@media (max-width: 767px) {
		padding-bottom: 70px;
	}
	
}
.newsletter-signup-wrapper:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	background: #e7ebef;
	height: 1px;
}

.newsletter-signup-wrapper:after {
	content: '';
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='215' height='120' viewBox='0 0 215 120' fill='none'%3E%3Cpath opacity='0.4' d='M27 10.8827L27 4.11726C27 3.85506 26.8512 3.61265 26.6102 3.48127L20.3898 0.0985302C20.1488 -0.0328438 19.8512 -0.0328438 19.6102 0.0985302L13.3898 3.48127C13.1488 3.61265 13 3.85506 13 4.11726L13 10.8827C13 11.1449 13.1488 11.3874 13.3898 11.5187L19.6102 14.9015C19.8512 15.0328 20.1488 15.0328 20.3898 14.9015L26.6102 11.5193C26.8512 11.3879 27 11.1455 27 10.8833L27 10.8827Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M215 43.2358L215 33.7642C215 33.3971 214.787 33.0577 214.443 32.8738L205.557 28.1379C205.213 27.954 204.787 27.954 204.443 28.1379L195.557 32.8738C195.213 33.0577 195 33.3971 195 33.7642L195 43.2358C195 43.6029 195.213 43.9423 195.557 44.1262L204.443 48.8621C204.787 49.046 205.213 49.046 205.557 48.8621L214.443 44.127C214.787 43.9431 215 43.6037 215 43.2366L215 43.2358Z' fill='%23759FD9'/%3E%3Cpath d='M20 114.236L20 104.764C20 104.397 19.7874 104.058 19.4431 103.874L10.5569 99.1379C10.2126 98.954 9.78741 98.954 9.4431 99.1379L0.556898 103.874C0.212588 104.058 1.78339e-07 104.397 1.62296e-07 104.764L-2.51659e-07 114.236C-2.67702e-07 114.603 0.212588 114.942 0.556898 115.126L9.4431 119.862C9.78741 120.046 10.2126 120.046 10.5569 119.862L19.4431 115.127C19.7874 114.943 20 114.604 20 114.237L20 114.236Z' fill='%238EEBE5'/%3E%3Cpath d='M108 78.9807L108 74.0193C108 73.827 107.894 73.6493 107.722 73.5529L103.278 71.0723C103.106 70.9759 102.894 70.9759 102.722 71.0723L98.2785 73.5529C98.1063 73.6493 98 73.827 98 74.0193L98 78.9807C98 79.173 98.1063 79.3507 98.2784 79.4471L102.722 81.9277C102.894 82.0241 103.106 82.0241 103.278 81.9277L107.722 79.4475C107.894 79.3511 108 79.1734 108 78.9811L108 78.9807Z' fill='%238EEBE5'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	width: 215px;
	height: 120px;
	position: absolute;
	right: -25px;
	bottom: 25px;
	z-index: -1;
}

.newsletter-signup {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	
	@media (max-width: 767px) {
		gap: 40px;
	}
}

.newsletter-text-content {
	flex: 0 0 50%;
	font-family: Raleway, sans-serif;
	
	@media (max-width: 767px) {
		flex: 0 0 100%;
	}
}
.newsletter-text-content h3 {
	color: var(--Primary-blue);
	font-size: 38px;
}
.newsletter-cta {
	align-content: center;
	flex: 0 0 30%;
	
	@media (max-width: 767px) {
		flex: 0 0 100%;
	}
}

.newsletter-cta a { 
	gap: 100px;
	
	@media (max-width: 991px) {
		gap: 10px;
	}
	@media (max-width: 767px) {
		width: 100%;
		display: flex;
		justify-content: space-between;
		height: auto;
	}
}



.newsletter-form {
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease;
	opacity: 0;
	height: 60px;
}
.newsletter-form .form-title {
	padding: 0;
}
.newsletter-form .hs-form-field>label {
	padding: 0;
}

.newsletter-cta a {
	margin-top: -60px;
	z-index: 3;
	position: relative;
}

.newsletter-form form .hs-submit {
	position: absolute;
	right: 0;
	bottom: 0;
}

@media (max-width: 640px) {
	.newsletter-form form .hs-submit {
		position: relative;
		right: auto;
	}

	.newsletter-form form .hs-button, form input[type=submit] {
		width: 100%;
	}
}

.newsletter-form form .hs_error_rollup {
	display: none;
}

.newsletter-form form .hs_i_agree_to_allow_spatial_corp_to_store_and_process_my_personal_data_ {
	width: 50% !important;
	margin: 0;
}

@media (max-width: 640px) {
	.newsletter-form form .hs_i_agree_to_allow_spatial_corp_to_store_and_process_my_personal_data_ {
		width: 100% !important;
		margin-bottom: 20px;
	}
}

.newsletter-form form .hs_i_agree_to_allow_spatial_corp_to_store_and_process_my_personal_data_ li.hs-form-booleancheckbox {
	margin-bottom: 0;
}

.newsletter-form-open .newsletter-form {
	opacity: 1;
	overflow: visible;
}
.newsletter-form-open.newsletter-cta a {
	gap: 20px;
	margin-left: calc(34% + 80px);
	opacity: 0;
	pointer-events: none;
	
	@media (max-width: 767px) {
		margin-left: 0;
		margin-top: -50px;
	}
}


.newsletter-form form input[type=email], 
.newsletter-form form input[type=number], 
.newsletter-form form input[type=password], 
.newsletter-form form input[type=search], 
.newsletter-form form input[type=tel], 
.newsletter-form form input[type=text], 
.newsletter-form form select, 
.newsletter-form form textarea,
.newsletter-form ul.inputs-list li.hs-form-booleancheckbox label span:not(.hs-form-required):before, 
.newsletter-form ul.inputs-list.multi-container li.hs-form-checkbox label span:not(.hs-form-required):before {
	background: #EEF3F8;
}

.newsletter-form form .hs-button, form input[type=submit] {
	text-align: left;
}

.newsletter-form form .actions {
	position: relative;
}
.newsletter-form form .actions:before {
	display: block;
	position: absolute;
	right: 15px;
	top: 0;
	content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" fill="none" viewBox="0 0 13 10"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5 7.286 9M12 5 7.286 1M12 5H1"/></svg>');
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	transition: all .15s linear;
}
.newsletter-form form .actions:hover:before {
	margin-top: -7px;
}

@media (max-width: 767px) {

	.newsletter-signup-wrapper:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='163' height='67' viewBox='0 0 163 67' fill='none'%3E%3Cpath opacity='0.4' d='M11 8.7062L11 3.29381C11 3.08405 10.8831 2.89012 10.6937 2.78502L5.80629 0.0788242C5.61692 -0.026275 5.38308 -0.0262751 5.19371 0.0788242L0.306295 2.78502C0.116925 2.89012 1.25484e-06 3.08405 1.24567e-06 3.2938L1.00913e-06 8.70619C9.99958e-07 8.91595 0.116924 9.10988 0.306295 9.21498L5.19371 11.9212C5.38308 12.0263 5.61692 12.0263 5.80629 11.9212L10.6937 9.21542C10.8831 9.11032 11 8.91639 11 8.70664L11 8.7062Z' fill='%23759FD9'/%3E%3Cpath opacity='0.3' d='M163 35.3338L163 27.6662C163 27.3691 162.83 27.0943 162.554 26.9454L155.446 23.1117C155.17 22.9628 154.83 22.9628 154.554 23.1117L147.446 26.9454C147.17 27.0943 147 27.3691 147 27.6662L147 35.3338C147 35.6309 147.17 35.9057 147.446 36.0546L154.554 39.8883C154.83 40.0372 155.17 40.0372 155.446 39.8883L162.554 36.0552C162.83 35.9063 163 35.6316 163 35.3344L163 35.3338Z' fill='%23759FD9'/%3E%3Cpath d='M25 62.3338L25 54.6662C25 54.3691 24.8299 54.0943 24.5545 53.9454L17.4455 50.1117C17.1701 49.9628 16.8299 49.9628 16.5545 50.1117L9.44552 53.9454C9.17007 54.0943 9 54.3691 9 54.6662L9 62.3338C9 62.6309 9.17007 62.9057 9.44552 63.0546L16.5545 66.8883C16.8299 67.0372 17.1701 67.0372 17.4455 66.8883L24.5545 63.0552C24.8299 62.9063 25 62.6316 25 62.3344L25 62.3338Z' fill='%238EEBE5'/%3E%3Cpath d='M76 63.5296L76 59.4704C76 59.313 75.915 59.1676 75.7772 59.0888L72.2228 57.0591C72.085 56.9803 71.915 56.9803 71.7772 57.0591L68.2228 59.0888C68.085 59.1676 68 59.313 68 59.4704L68 63.5296C68 63.687 68.085 63.8324 68.2228 63.9112L71.7772 65.9409C71.915 66.0197 72.085 66.0197 72.2228 65.9409L75.7772 63.9116C75.915 63.8327 76 63.6873 76 63.53L76 63.5296Z' fill='%238EEBE5'/%3E%3C/svg%3E");
		bottom: 35px;
		right: 5px;
		top: auto;
		width: 163px;
		height: 67px;
	}

	.newsletter-signup {
		width: 100%;
	}

	.newsletter-text-content {
		width: 100%;
		flex: initial;
	}

	.newsletter-cta {
		width: 100%;
		flex: initial;
	}
	
	.newsletter-form,
	.newsletter-form-wrap {
		width: 100%;
	}
}


@media (min-width: 768px) {

	.newsletter-signup {
		justify-content: initial;
	}

	.newsletter-cta {
		flex: 0 0 calc(50% - 20px);
	}

}

@media (min-width: 768px) {
	.newsletter-cta a {
		margin-left: 34%;
	}
}

@media (min-width: 1200px) {
	.newsletter-form {
		width: calc(34% + 267px);
		max-width: 100%;
		height: 60px;
	}
}




@media(min-width: 768px) and (max-width: 991px){
	.newsletter-cta a {
    margin-left: 0 !important;
    width: 100%;
		justify-content: space-between;
	}
	
	.newsletter-form form .hs_i_agree_to_allow_spatial_corp_to_store_and_process_my_personal_data_ {
		width: 100% !important;
	}

	.newsletter-form form .hs-submit {
		position: initial;
	}

	.newsletter-form form .hs-submit input[type=submit] {
		width: 100%;
	}

	.newsletter-form form .hs-submit {
		padding-top: 30px;
	}
}
.dnd-section:has(.form-banner__hexagon-image__wrapper) {
    overflow: visible;
}

.form-banner-wrapper {
    overflow: clip;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 768px) {
    .form-banner-wrapper {
        overflow: inherit;
    }
}

.form-banner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    padding-top: 100px;
    padding-bottom: 75px;
}

@media (min-width: 768px) {
    .form-banner {
        grid-template-columns: repeat(2, 1fr);
        gap: 80px;
    }
}

.form-banner__left,
.form-banner__right {
    position: relative;
    z-index: 2;
}

.form-banner__right{
    padding: 50px;
    background-color: #dee9f5;
    border-radius: 20px;
}

.form-banner__left h1.small-title {
    font-size: 48px;
}

.form-banner__left__tag {
    color: #292929;
    font-family: ThreeDS, arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.form-banner__left__numbers {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-banner__left__numbers__number {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-banner__left__numbers__number a {
    background-color: #759fd9;
    padding: 5px 10px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
}

.form-banner__left__numbers__number p {
    margin: 0;
}

.form-banner__image {
    border-radius: var(--border-radius);
}

.form-banner__left .hex {
    transform: rotate(0) scale(1.4);
}

.form-banner__left .hs-video-widget {
    margin-top: 40px;
}

.form-banner__hexagon-image__wrapper {
    position: absolute;
    z-index: 3;
    display: none;
}

@media (min-width: 768px) {
    .form-banner__hexagon-image__wrapper {
        display: block;
    }
}

.form-banner__hexagon-image__wrapper-1 {
    bottom: 0px;
    left: 150px;
}

.form-banner__hexagon-image__wrapper-2 {
    bottom: -240px;
    left: -100px;
}

.form-banner__bg-image {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.form-banner__diamond {
    position: absolute;
    z-index: -1;
}

.form-banner__diamond-1 {
    bottom: 200px;
    left: 340px;
}

.form-banner__diamond-2 {
    bottom: 180px;
    left: 520px;
}

.form-banner__diamond-3 {
    bottom: 140px;
    left: 465px;
}

.form-banner__diamond-4 {
    bottom: 55px;
    left: 460px;
}

/* === Form Banner Video === */

.form-banner .video-container {
    position: relative;
    overflow: clip;
    padding-bottom: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--border-radius);
    margin-top: 40px;
}

.form-banner .video-container video {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    transform: none;
    margin-left: 0;
    object-fit: cover;
}

.form-banner .video-thumbnail {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;

	z-index: 1;
	opacity: 1;
	transition: opacity 0.3s ease-in-out;

	cursor: pointer;
}

.form-banner .video-thumbnail .play {
    pointer-events: none;
}

.form-banner .video-thumbnail.is-hidden {
    opacity: 0;
    visibility: hidden;
}

.form-banner .video-thumbnail + video {
    visibility: hidden;
}

.form-banner .video-thumbnail.is-hidden + video {
    visibility: visible;
}

.form-banner .video-thumbnail .bg-image-container {
    display: flex;
    height: 100%;
    width: 100%;
}

.form-banner .video-thumbnail .bg-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-banner .video-thumbnail:hover .play {
    cursor: pointer;
    opacity: 0.9;
}

/* video play button */
.form-banner .play {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    background-color: var(--White);
    border-radius: 50%;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;

    transition: all 0.3s ease;
}

.form-banner .play svg {
    height: 24px;
    width: 24px;
}

.form-banner .play svg path {
    fill: var(--Primary-blue);
}

.form-banner .video-thumbnail:hover .play {
    background-color: var(--Primary-blue);
}

.form-banner .video-thumbnail:hover .play svg path {
    fill: var(--White);
}

@media only screen and (min-width: 767px) {
    .form-banner .play {
        height: 86px;
        width: 86px;
    }

    .form-banner .play svg {
        margin-left: 8px;
        height: 27px;
        width: 24px;
    }
}

/* === Form Banner Author === */

.host-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}
.host-image {
    max-width: 48px;
    width: 100%;
    height: 48px;
    border-radius: 50%;
    overflow: clip;
}

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

.host-title,
.host-name {
    font-size: 14px;
}

.host-title {
    font-weight: 600;
}

.form-banner__right form .hs_submit .hs-button {
    text-align: center;
}

/* === Form Banner Tags === */

.form-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 25px;
}

.form-tag {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 13px;
    background: var(--White);
    border-radius: 8.5px;

    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}
.glossary .wrapper {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 35px;
    min-height: 100vh;
}

@media (min-width: 768px) {
    .glossary .wrapper {
        flex-direction: row;
        gap: 120px;
    }
}


.glossary__header {
    width: 100%;
}

@media (min-width: 768px) {
    .glossary__header {
        max-width: 250px;
    }
}

.glossary__header .glossary-wrapper {
    position: sticky;
    top: 180px;
    left: 0;
}

.glossary__body {
    position: relative;
}

.glossary__body .container {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    width: 100%;
}

.glossary__body .bg-element {
    position: absolute;
    z-index: 1;
    top: -15%;
    right: -45%;
    width: 100%;
}

.glossary__body .bg-element svg {
    width: 100%;
}

@media (min-width: 768px) {
    .glossary__body .container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .glossary__body .container {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* === filters === */

.glossary .filters {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.glossary .filters > a {
    color: var(--Secondary-blue);
}

.glossary .filters > a:hover,
.glossary .filters > a.active {
    color: var(--Primary-blue);
    font-weight: 600;
    text-decoration: none;
}

.glossary .filters .container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    line-height: 1;
    cursor: pointer;
}

.glossary  .filters .container input[type="checkbox"] {
    display: none;
}

.glossary .filters .container .checkmark {
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    border-color: var(--White);
    background: var(--White);
    box-shadow: 0px 2px 5px rgba(17, 52, 96, 0.08);
    border-radius: 3px;
}

.glossary  .filters .container:has(input:checked) {
    color: var(--Secondary-blue);
}

.filters .container input:checked ~ .checkmark::after {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 1px;
    top: 2px;
    left: 2px;
    background: var(--Secondary-blue);
}

.glossary .filters .container .checkmark {
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    border-color: var(--White);
    background: var(--White);
    box-shadow: 0px 2px 5px rgba(17, 52, 96, 0.08);
    border-radius: 3px;
}

.glossary .filters .container:has(input:checked) {
    color: var(--Secondary-blue);
}

.glossary .filters .container input:checked ~ .checkmark::after {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 1px;
    top: 2px;
    left: 2px;
    background: var(--Secondary-blue);
}

.glossary .filter-group.desk {
    display: none;
}

.glossary .filter-group.mobile {
    display: flex;
}

@media (min-width: 768px) {
    .glossary .filter-group.desk {
        display: flex;
    }
    
    .glossary .filter-group.mobile {
        display: none;
    }
}

.glossary .filter-group.mobile {
    flex-direction: column;
    padding: 23px 11px 19px 17px;
    background-color: var(--White);
    box-shadow: 0px 2px 5px rgba(17, 52, 96, 0.08);
    border-radius: 10px;
    margin-top: 35px;
}

.glossary .filter-group.mobile .filter-title {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.glossary .filter-group.mobile .filters {
    display: none;
    margin-top: 25px;
}

.glossary .filter-group.mobile.active .filters {
    display: flex;
}

/* === cards === */

.glosary-card {
    position: relative;
    opacity: 0; /* Start items hidden */
    display: none;
    flex-direction: column;
    border-radius: var(--border-radius);
    overflow: clip;
    background-color: var(--White);
    padding: 40px 25px 30px 30px;
    text-decoration: none;
    box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
    transition: all ease-in-out 0.3s, opacity 0.5s ease, transform 0.5s ease;
    transform: translateY(20px);
    color: #231f20;
}

.glosary-card:hover {
    text-decoration: none;
    box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
}

.glosary-card.show {
    opacity: 1; /* Fade in */
    transform: translateY(0); /* Bring back to normal position */
    display: flex; /* Display the element */
}

.glosary-card .card-link {
    text-decoration: underline;
    color: var(--Primary-blue);
}

/* pagination */

.pagination {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    margin-top: 70px;
    gap: 20px;
}

.pagination-button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--Primary-blue);
    cursor: pointer;
    border: none;
    background: transparent;
}

.pagination-button.active {
    background-color: var(--Primary-blue);
    color: var(--White);
}
section.hexagons-text .d-flex {
  flex-direction: row;
  justify-content: space-between;
  gap: 50px;
  align-items: stretch;
}

section.hexagons-text .hexagons-text__content,
section.hexagons-text .hexagons-text__img {
  width: 100%;
}

section.hexagons-text .content-wrapper {
  margin-top: 65px;
}

section.hexagons-text .content-wrapper h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 1;
}

section.hexagons-text .hexagons-text__content {
  z-index: 3;
  flex-grow: 1;
}

section.hexagons-text .hexagons-text__img {
  overflow: visible;
  z-index: 2;
  position: relative;
  height: auto;
}

section.hexagons-text .hexagons-text__content h3 {
  max-width: 485px;
}

section.hexagons-text .height_100 {
  align-items: center;
}

section.hexagons-text .height_100 .hexagons-text__img img {
  height: 100% !important;
  object-fit: cover;
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 767px) {
  section.hexagons-text .d-flex {
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  section.hexagons-text .hexagons-text__content,
  section.hexagons-text .hexagons-text__img {
    width: calc(50% - 25px);
  }
}

section.hexagons-text .multi-row-container {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  section.hexagons-text .multi-row-container {
    margin-top: 58px;
  }
}

.hexagons-text__content .multi-row-container {
  text-align: left;
}

section.hexagons-text .multi-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 26px;
}

section.hexagons-text .multi-row img {
  object-fit: contain;
  max-width: 45px;
}

section.hexagons-text .hexagons-text__img-grid {
  position: relative;
  z-index: 2;
  top: 0;
}

section.hexagons-text .image-text__img-grid img {
  max-width: 100%;
  height: auto;
  text-align: center;
}

section.hexagons-text .hex-grid {
  display: flex;
  --s: 223px;
  /* size  */
  --m: 4px;
  /* margin */
  --f: calc(1.732 * var(--s) + 4 * var(--m) - 1px);
  width: calc(var(--s) * 2);
  transform: rotate(12deg);
}

section.hexagons-text .hex-container {
  font-size: 0;
  /*disable white space between inline block element */
}

section.hexagons-text .hex-container div {
  width: var(--s);
  margin: var(--m);
  height: calc(var(--s)*1.1547);
  display: inline-block;
  font-size: initial;
  clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
  background: red;
  margin-bottom: calc(var(--m) - var(--s)*0.2885);
  
 
}

section.hexagons-text .hex-container::before {
  content: "";
  width: calc(var(--s)/2 + var(--m));
  float: left;
  height: 120%;
  shape-outside: repeating-linear-gradient(#0000 0 calc(var(--f) - 3px),#000 0 var(--f));
}

.hexagons-text .blurred-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 500px;
  background: var(--Secondary-blue, #F5F7F9);
  filter: blur(221px);
  border-radius: 50%;
  z-index: 2;
}

.hexagons-text .blurred-content {
  position: sticky;
  top: 20%;
  width: 100%;
  height: 300px;
  background: var(--White, #FFF);
  filter: blur(28px);
  border-radius: 50%;
  z-index: 9;
}

section.hexagons-text .hex-img svg.hexes {
  height: 100%;
  overflow: visible;
  position: absolute;
  top: 0%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  section.hexagons-text .hex-img svg.hexes {
    height: 1000px;
    overflow: visible;
    position: sticky;
    right: 0;
    top: 100px;
    width: 100%;
    margin-bottom: -1000px;
  }
}

section.hexagons-text .hex-img {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  section.hexagons-text .hex-img {
    top: -70px;
  }
}

section.hexagons-text .sticky-svg {
  position: sticky;
  top: 200px;
  z-index: 99;
  width: 100vw;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 40%,
    hsla(0, 0%, 100%, .7) 70%,
    hsla(0, 0%, 100%, .99));
  margin-bottom: -400px;
  height: 100%;
  filter: blur(100px);
}

section.hexagons-text .sticky-svg svg {
  position: absolute;
}

section.hexagons-text .fade-in.grey {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

section.hexagons-text .fade-in.in-view.grey {
  opacity: 0;
}

section.hexagons-text .fade-in.hexagon-mobile {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

section.hexagons-text .fade-in.in-view.hexagon-mobile {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  section.hexagons-text .sticky-svg {
    display: none;
  }

  section.hexagons-text .grey {
    display: none;
  }

  section.hexagons-text .hexagon {
    display: none;
  }

  section.hexagons-text .text-move {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
  }

  section.hexagons-text .text-move.in-view {
    opacity: 1;
  }

  .hexagons-text .hexagons-text__img {
    display: none;
  }
}

@media screen and (min-width: 767px) {
  section.hexagons-text .hexagon-mobile {
    display: none;
  }

  section.hexagons-text .text-move {
    transform: translateX(0);
    transition: transform 0.5s ease-in-out;
  }

  section.hexagons-text .text-move.in-view {
    transform: translateX(15px);
  }

  section.hexagons-text .mobile-hex {
    display: none;
  }
}

.hexagons-text .bg-blur {
  position: absolute;
  width: 100vw;
}

.path-6,
.hexagon-6 {
  -webkit-transform: translate(-180px, 1220px);
  transform: translate(-180px, 1220px);
}

.hexagon {
  opacity: 0; /* Default to transparent when not in view */
  transition: opacity 0.5s ease-in-out; /* Smooth transition */
}
.history-swiper__wrapper {
    position: relative;
}

.history-header {
  display: flex;
  align-items: center;
  gap: 64px;
  margin-bottom: 32px;
}

.history-swiper {
    overflow: visible;
    position: relative;
    z-index: 1;
    cursor: grab;
}

.history-swiper::after {
    width: 100vw;
    height: 1px;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 20px;
    content: "";
    background: linear-gradient(90deg, #8EEBE5, #759FD9, #00008b);
}

.history-swiper__item {
    display: flex;
    flex-direction: column;
}

.history-swiper__item h2 {
    margin-bottom: 40px;
}

.history-swiper__item__image {
    margin-top: 30px;
}

.history-swiper__navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.history-header .swiper-nav {
  display: none;
}

@media (min-width: 580px) {
  .history-header .swiper-nav {
    display: flex;
    gap: 30px;
  }
}

.history-header .swiper-button {
    position: relative;
    left: auto;
    right: auto;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
    transition: all ease-in-out 0.2s;
}

.history-header .swiper-button:hover {
    transform: translateY(-10px);
}

@media (max-width: 767px) {
  .history-header .swiper-button:hover {
      transform: translateY(0);
  }
}
.hubdb-card {
	background-color: var(--White);
	height: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	border-radius: 20px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
	text-decoration: none;
	color: #292929;
  position: relative;
}

@media (max-width: 768px) {
	.hubdb-card {
		border-radius: 15px;
	}
}

.hubdb-card:hover {
    text-decoration: none;
    box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
    color: #292929;
}

.hubdb-card:hover .button-arrow {
    color: var(--Secondary-blue, #759fd9);
}

.hubdb-card:hover .button-arrow:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M12 5L7.28571 9M12 5L7.28571 1M12 5L1 5" stroke="%23759FD9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transform: translateX(4px);
}

.hubdb-card-content {
	z-index: 1;
	padding: 40px 30px 30px 30px;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.hubdb-card-content h4 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.hubdb-card-content h4 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.hubdb-card-image {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 215px;
	min-height: 215px;
}

.hubdb-card-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: all ease-in-out 0.3s;
}

.hubdb-card:hover .hubdb-card-image > img {
    transform: scale(1.1);
}

.hubdb-card-cta {
	display: flex;
	gap: 20px;
	flex-direction: column;
}

.hubdb-card-cta > a {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 14px;
	line-height: 1;
	padding-top: 9px;
	padding-bottom: 9px;
	height: auto;
}

.hubdb-card .tag-button {
	position: absolute;
	background-color: #FFFFFF;
	z-index: 3;
	top: 15px;
	left: 15px;
}

.hubdb-card .tag {
    display: flex;
	padding: 10px 15px;
	height: 32px;
}

.hubdb-card .tag img {
	height: 25px;
    width: auto;
    object-fit: contain;
}

.hubdb-cards-slider .swiper-slide {
  position: relative;  
}
.icon-cards__header {
    margin-bottom: 40px;
}

.icon-cards-wrapper h4,
.icon-cards-wrapper h3 {
    color: var(--Primary-blue, #113460);
    margin-bottom: 0;
}

.icon-card {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    text-align: center;
    gap: 23px;
    border-radius: var(--border-radius);
    background: var(--White, #fff);
    padding: 28px 30px;
    padding-bottom: 60px;
}

.icon-card__image-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-card__image-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    max-height: 45px !important;
    max-width: 45px !important;
    object-fit: contain;
}

.icon-card img {
    max-width: 75px !important;
    width: 100%;
    height: auto;
}

.icon-card .button-wrapper {
    margin-top: auto;
}

/* === modifier === */

.icon-cards .wrapper--narrow {
    max-width: var(--narrow);
}

.icon-cards .wrapper--medium {
    max-width: var(--medium);
}

.icon-cards .wrapper--full {
    max-width: var(--full);
}

.icon-cards__header--centered {
    text-align: center;
}

.icon-cards--center .wrapper{
    margin: 0 auto;
}

.icon-cards--left {
    margin-left: 0;
    margin-right: auto;
}

.icon-cards--right {
    margin-left: auto;
    margin-right: 0;
}

.icon-cards .wrapper--narrow .grid-2,
.icon-cards .wrapper--narrow .grid-3,
.icon-cards .wrapper--medium .grid-2,
.icon-cards .wrapper--medium .grid-3 {
    row-gap: 41px;
    column-gap: 41px;
}
.icon-text-grid .grid-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 35px;
}

.icon-text-grid__header {
    margin-bottom: 65px;
}

.icon-text-grid .grid-item {
    flex: 1 1 calc(25% - 35px);
}

.icon-text-grid .grid-item img {
    margin-bottom: 23px;
    height: 50px;
    max-width: 70px !important;
    width: 100%;
}

.icon-text-grid .grid-item h4 {
    margin-bottom: 36px;
}

.icon-text-grid .button-container {
  margin-top: 35px;
}
.list-choice-wrapper {
    overflow-y: clip;
    position: relative;
    z-index: 1;
}

.list-choice__header {
    display: inline-block;
    margin-bottom: 75px;
}

.list-choice-content {
    display: flex;
    justify-content: space-between;
}

.list-choice__footer {
    margin-top: 20px;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .list-choice-content {
        gap: 80px;
    }
}

@media (min-width: 1440px) {
    .list-choice-content {
        gap: 200px;
    }
}

.master-item {
    gap: 35px;
    padding: 15px;
    padding-right: 60px;
    cursor: pointer;
    color: var(--Primary-blue, #113460);
    border-radius: 20px;
    position: relative;
    margin-bottom: 27px;
}

@media (min-width: 768px) {
    .master-item {
        padding-right: 15px;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
}

.master-item svg {
    opacity: 0;
}

@media (max-width: 768px) {
    .master-item::after {
        content: "";
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 17H17V30H13V17H0V13H13V0H17V13H30V17Z' fill='%23113460'/%3E%3C/svg%3E%0A");
        background-size: contain;
        background-repeat: no-repeat;
    }

    .master-item.active::after {
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='4' viewBox='0 0 30 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 4H0V0H30V4Z' fill='%23113460'/%3E%3C/svg%3E%0A");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media (min-width: 768px) {
    .master-item.active::after {
        display: none;
    }
}

.master-item:hover,
.master-item.active {
    color: var(--Secondary-blue, #759FD9);
    background: var(--White, #FFF);
    box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.10);
    font-weight: 600;
}

.master-item:hover svg,
.master-item.active svg {
    opacity: 0;
}

@media (min-width: 768px) {
    .master-item:hover svg,
    .master-item.active svg {
        opacity: 1;
    }
}

.list-detail {
    padding: 20px;
    width: 100%;
}

@media (min-width: 768px) {
    .list-detail {
        max-width: 520px;
    }
}

@media (min-width: 1024px) {
    .list-detail {
        max-width: 720px;
    }
}

.item-content {
    display: none;
    position: relative;
    top: 0;
    left: 0;
}

.master-list {
    max-width: 450px;
    width: 100%;
}

@media (max-width: 768px) {
    .list-choice-content {
        flex-direction: column;
    }

    .master-list, 
    .list-detail {
        max-width: 100%;
        width: 100%;
    }

    .item-content {
        display: none;
        padding: 15px;
    }

    .item-content:not(:first-of-type) {
        display: none;
    }
}

.list-choice-content .image1,
.list-choice-content .image2 {
  aspect-ratio: 4/3;
  object-fit: cover;
  max-width: 350px !important;
}

.list-choice-content .image1 {
    position: relative;
    max-width: 50% !important;
    width: 100%;
    margin-top: 80px;
    z-index: 1;
}

.list-choice-content .image1.image1-single {
  margin-top: 0;
}

.list-choice-content .image2 {
    position: absolute;
    right: 30px;
    max-width: 50% !important;
    width: 100%;
}

.list-choice-content .image1, .list-choice-content .image2 {
    border-radius: 20px;
}

.list-choice-content .image-video-container {
    position: relative;
    width: 70%;
    margin-bottom: 45px;
}

.list-choice-content .image-video-container video {
    max-width: 100%;
}

.list-choice-content h3 {
    color: var(--Primary-blue, #113460);
}

.item-content-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.item-content-tag .icon,
.item-content-tag .icon img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.item-content-tag {
  display: inline-flex;
  align-items: center;
  background: rgba(117, 159, 217, 0.1);
  border-radius: 8px;
  padding: 8px 12px;
}

.item-content-tag:hover img{
  scale:1.05;
}

.item-content-tag img {
	height: 26px;
  width: 100%;
  object-fit: contain;
}
section.logo-slider-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    overflow: visible;
}

section.logo-slider-wrapper .title-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

section.logo-slider-wrapper .title-nav h3 {
    color: var(--Dark-grey, #292929);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    opacity: 0.3;

    /* Desktop/Lable */
    font-family: "ThreeDS";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

section.logo-slider-wrapper .swiper-wrapper {
    transition-timing-function: linear;
    align-items: center;
}

section.logo-slider-wrapper .swiper-wrapper .swiper-slide {
    height: auto;
}

section.logo-slider-wrapper .logo-slider-logo {
    display: flex;
    aspect-ratio: 3 / 2;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    section.logo-slider-wrapper {
        margin-top: 0px;
    }

    section.logo-slider-wrapper .content-wrapper {
        padding: 24px;
        border-radius: 0px;
        width: 100%;
    }
}
.products-slider {
	overflow-y: clip;
}

.products-slider__header {
	padding-top: 15px;
	margin-bottom: 30px;
}	

.products-slider .swiper-nav {
	display: none;
}

@media (min-width: 768px) {
	.products-slider__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 30px;
	}	

	.products-slider .swiper-nav {
		display: block;
	}
}

.products-slider .swiper {
    overflow: visible;
}

.products-slider .swiper-nav {
    display: none;
}

@media screen and (min-width: 768px) {
    .products-slider .swiper-nav {
        display: flex;
        gap: 30px;
    }
}

.products-slider .swiper-button {
    position: relative;
    left: auto;
    right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
	transition: all ease-in-out 0.2s;
}

.products-slider .swiper-button:hover {
	transform: translateY(-8px);
}

@media (min-width: 768px) {
	.products-slider .hubdb-cards-slider {
		display: flex;
	}
}

.products-slider .swiper-slide {
	height: auto;
}

.products-slider .product-card {
	background-color: var(--White);
	height: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	border-radius: 20px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
}

@media (max-width: 768px) {
	.products-slider .product-card {
		border-radius: 15px;
	}
}

.products-slider .product-card p {
	font-family: Raleway, sans-serif;
}

.products-slider .product-card h3, .products-slider .product-card p{
	color: var(--Dark-grey);
}

.products-slider .product-card-content {
	position: relative;
	z-index: 1;
	padding: 40px 30px 30px 30px;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.products-slider .product-card-image {
	position: relative;
}

.products-slider .product-card-cta {
	display: flex;
	gap: 20px;
	flex-direction: column;
}

.products-slider .product-card-cta > a {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 14px;
	line-height: 1;
	padding-top: 9px;
	padding-bottom: 9px;
	height: auto;
}

.products-slider .product-card-content p {
	font-family: Raleway, sans-serif;
}

.products-slider .tag-button {
	position: absolute;
	background-color: #FFFFFF;
	z-index: 3;
	top: 15px;
	left: 15px;
}

.products-slider .tag {
    display: flex;
	padding: 10px 15px;
	height: 32px;
}

.products-slider .tag img {
	height: 25px;
    width: auto;
    object-fit: contain;
}

/* === Slider specific overwrites === */

.swiper.products-cards {
	max-width: 100%;
}

/* === Big screen fade === */
.region-listing {
  padding: 100px 0;
}

.region-listing__title {
  text-align: center;
  margin-bottom: 70px;
}

.region-listing__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .region-listing__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .region-listing__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.region-listing__grid__item {
  background-color: #fff;
  border-radius: 20px;
  padding: 46px 34px;
}

.region-listing__grid__item__label {
  color: #292929;
  font-family: "ThreeDS";
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.region-listing__grid__item__blocks {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.region-listing__grid__item__block * {
  margin: 0;
}
.dnd-section:has(.related-videos-slider),
.row-fluid:has(.related-videos-slider) {
    max-width: 100%;
    padding: 0;
}

.related-videos-text-content {
    padding-top: 100px;
}

.related-videos-slider .swiper {
    padding-top: 60px;
    padding-bottom: 100px;
    max-width: 1680px;
}

@media (min-width: 780px) {
  .related-videos-slider .swiper {
      padding-bottom: 0px;
  }
}

.related-videos-slider .swiper {
  position: relative;
}

@media (min-width: 1350px) {
  .related-videos-slider .swiper::after,
  .related-videos-slider .swiper::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    height: 100%;
    width: 120px;
  }

  .related-videos-slider .swiper::after {
    right: 0;
  }

  .related-videos-slider .swiper::before {
    left: 0;
  }
}

.related-videos-slider .swiper-slide {
    max-width: 312px;
    height: 180px;
    position: relative;
    border-radius: 20px;
    filter: drop-shadow(0px 13px 30px rgba(56, 92, 173, 0.1));
}

.description {
    margin-top: 15px;
    width: 100%;
    text-align: center;
}

@media (min-width: 780px) {
    .related-videos-slider .swiper-slide {
        max-width: 580px;
        height: 375px;
    }
}

@media (min-width: 980px) {
    .related-videos-slider .swiper-slide {
        max-width: 680px;
        height: 475px;
    }
}

.video-container iframe {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.video-frame {
  transition: opacity 0.3s ease-in-out;
}

.related-videos-slider .swiper-slide .play {
  display: none;
}

.related-videos-slider .swiper-slide.swiper-slide-active .play {
  display: flex;
}

.related-videos-slider .swiper-nav {
  display: none;
}

@media (min-width: 767px) {
  .related-videos-slider .swiper-nav {
    display: flex;
    gap: 30px;
  }
}

@media (max-width: 767px) {
  .related-videos-slider .swiper-nav {
    bottom: 57px;
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translatex(-50%);
  }
}

.related-videos-slider .video-thumbnail .play {
  pointer-events: all;
}

.related-videos-slider .swiper-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
    transition: all ease-in-out 0.2s;
}

.related-videos-slider .swiper-button.swiper-button-next,
.related-videos-slider .swiper-button.swiper-button-prev {
  top: 43%;
}
.related-videos-slider .swiper-button.swiper-button-next {
  right: 4%;
}
.related-videos-slider .swiper-button.swiper-button-prev {
  left: 4%;
}

.related-videos-slider .swiper-button:hover {
    transform: translateY(-10px);
}

@media (max-width: 767px) {
  .related-videos-slider .swiper-button:hover {
      transform: translateY(0);
  }
}

@media (min-width: 768px) {
  .related-videos-slider .swiper-button {
      width: 68px;
      height: 68px;
  }

  .related-videos-slider .swiper-button.swiper-button-next,
  .related-videos-slider .swiper-button.swiper-button-prev {
    top: 48%;
  }
  .related-videos-slider .swiper-button.swiper-button-next {
    right: 4%;
  }
  .related-videos-slider .swiper-button.swiper-button-prev {
    left: 4%;
  }
}

@media (min-width: 1080px) {
  .related-videos-slider .swiper-button {
      width: 88px;
      height: 88px;
  }

  .related-videos-slider .swiper-button.swiper-button-next,
  .related-videos-slider .swiper-button.swiper-button-prev {
    top: 43%;
  }
  .related-videos-slider .swiper-button.swiper-button-next {
    right: 7%;
  }
  .related-videos-slider .swiper-button.swiper-button-prev {
    left: 7%;
  }
}
.webinar-filter .wrapper {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 35px;
    min-height: 100vh;
}

@media (min-width: 768px) {
    .webinar-filter .wrapper {
        flex-direction: row;
        gap: 120px;
    }
}

.webinar-filter__header {
    width: 100%;
}

@media (min-width: 768px) {
    .webinar-filter__header {
        max-width: 250px;
    }
}

.webinar-filter__header .webinar-filter-wrapper {
    position: sticky;
    top: 180px;
    left: 0;
}

.webinar-filter__body .container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    width: 100%;
}

@media (min-width: 768px) {
    .webinar-filter__body .container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .webinar-filter__body .container {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* === filters === */

.filters {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.filters .container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    line-height: 1;
    cursor: pointer;
}

.filters .container input[type="checkbox"] {
    display: none;
}

.filters .container .checkmark {
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    border-color: var(--White);
    background: var(--White);
    box-shadow: 0px 2px 5px rgba(17, 52, 96, 0.08);
    border-radius: 3px;
}

.filters .container:has(input:checked) {
    color: var(--Secondary-blue);
}

.filters .container input:checked ~ .checkmark::after {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 1px;
    top: 2px;
    left: 2px;
    background: var(--Secondary-blue);
}

.filter-group.desk {
    display: none;
}

.filter-group.mobile {
    display: flex;
}

@media (min-width: 768px) {
    .filter-group.desk {
        display: flex;
    }
    
    .filter-group.mobile {
        display: none;
    }
}

.filter-group.mobile {
    flex-direction: column;
    padding: 23px 11px 19px 17px;
    background-color: var(--White);
    box-shadow: 0px 2px 5px rgba(17, 52, 96, 0.08);
    border-radius: 10px;
    margin-top: 35px;
}

.filter-group.mobile .filter-title {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.filter-group.mobile .filters {
    display: none;
    margin-top: 25px;
}

.filter-group.mobile.active .filters {
    display: flex;
}

/* === cards === */

.resource-card {
    position: relative;
    opacity: 0; /* Start items hidden */
    display: none;
    flex-direction: column;
    border-radius: var(--border-radius);
    overflow: clip;
    background-color: var(--White);
    text-decoration: none;
    box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
    transition: all ease-in-out 0.3s, opacity 0.5s ease, transform 0.5s ease;
    transform: translateY(20px);
}

.resource-card:hover {
    text-decoration: none;
    box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
}

.resource-card.show {
    opacity: 1; /* Fade in */
    transform: translateY(0); /* Bring back to normal position */
    display: flex; /* Display the element */
}

.resource-card-image {
    height: 215px;
    overflow: hidden;
}

.resource-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.5s;
}

.resource-card:hover .resource-card-image img {
    transform: scale(1.15);
}

.resource-card-content {
    flex: auto;
    display: flex;
    flex-direction: column;
    padding: 40px 25px 30px 30px;
}

.resource-card-content h4 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.resource-card-content h4 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.resource-card-content .tags {
    margin-bottom: 15px;
}

.resource-card-content .desc {
    margin-bottom: 35px;
}

.resource-card-content .webinar-host {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.resource-card-content .webinar-host img {
    max-width: 48px;
    width: 100%;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
}

.resource-card-arrow {
    position: absolute;
    width: 13px;
    height: 18px;
    bottom: 40px;
    right: 30px;
}

/* pagination */

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 70px;
    gap: 20px;
}

.pagination-button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--Primary-blue);
    cursor: pointer;
    border: none;
    background: transparent;
}

.pagination-button.active {
    background-color: var(--Primary-blue);
    color: var(--White);
}
.resource-grid .bg-image {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
}

.dnd-section:has(.resource-grid > .bg-image.bg-overflow) {
	overflow: visible;
	overflow-x: clip;
}

.resource-grid .bg-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

@media screen and (min-width: 768px) {
    .resource-grid .bg-image {
        height: 100%;
        right: -20%;
        top: 20%;
        bottom: auto;
    }
}

.resource-grid .wrapper {
    position: relative;
    z-index: 2;
}

.resource-grid__header {
    margin-bottom: 65px;
}

.resource-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.resource-grid__header .tag-button {
    cursor: pointer;
    height: auto;
    line-height: 1;
}

.resource-grid__header .tag-button.active {
    background: var(--Secondary-blue, #759fd9);
    color: var(--White);
}

.resource-grid__body {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.feature-grids {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .feature-grids {
        display: grid;
        gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 1024px) {
    .feature-grids {
        grid-template-columns: repeat(2, 1fr);
    }
}

.secondary-grid.desktop {
    display: none;
}

.secondary-grid.mobile {
    display: block;
}

.secondary-grid.mobile .swiper {
    overflow: visible;
}

@media screen and (min-width: 768px) {
    .secondary-grid {
        display: grid;
        align-content: flex-start;
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .secondary-grid.desktop {
        display: grid;
    }
    
    .secondary-grid.mobile {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .secondary-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.main-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--border-radius);
    background-color: var(--White);
    text-decoration: none;
    box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
    transition: all ease-in-out 0.3s, opacity 0.5s ease, transform 0.5s ease;
    color: #292929;
}

@media screen and (min-width: 1024px) {
    .main-card {
        height: 100%;
    }
}

.main-card:hover {
    text-decoration: none;
    box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
    color: #292929;
}

.main-card-image {
    position: relative;
}

.main-card-image-wrapper {
    overflow: hidden;
    height: 175px;
}

@media screen and (min-width: 767px) {
  .main-card-image-wrapper {
      overflow: hidden;
      height: 350px;
  }
}

.main-card-image-wrapper img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: all ease-in-out 0.3s;
}

.main-card:hover .main-card-image-wrapper > img {
    transform: scale(1.1);
}

.main-card-logo {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    padding: 10px;
    width: 75px;
    height: 75px;
    background: var(--White);
    border-radius: 50%;
}

@media screen and (min-width: 768px) {
    .main-card-logo {
        width: 105px;
        height: 105px;
    }
}

.main-card-logo img {
    object-fit: contain;
    width: 100%;
    height: auto;
}

.main-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
}

.main-card-content .button-arrow {
  margin-top: auto;
}

.main-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}

.main-card-tags .tag-button {
    height: auto;
    pointer-events: none;
}

.main-card-content h4 {
    margin-bottom: 15px;
}

.main-card-content h4 a,
.secondary-card-content h4 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.main-card-content h4 a:before,
.secondary-card-content h4 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.secondary-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    padding: 30px;
    border-radius: var(--border-radius);
    background-color: var(--White);
    text-decoration: none !important;
    box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
    transition: all ease-in-out 0.3s, opacity 0.5s ease, transform 0.5s ease;
    color: #292929;
}

.swiper-slide.secondary-card {
    height: auto;
}

.secondary-card:hover {
    text-decoration: none;
    box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
    color: #292929;
}

.secondary-card-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.secondary-card-tags {
    margin-bottom: 10px;
}

.secondary-card-host {
    margin-top: auto;
    display: flex;
    gap: 10px;
    text-decoration: none;;
    align-items: center;
    color: #292929;
}

.secondary-card-host img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.secondary-card-host .host-info {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1;
}

.secondary-card .button-arrow {
    position: absolute;
    right: 30px;
    bottom: 20px;
}
.cards__header {
    margin-bottom: 45px;
}

.cards__body.grid {
    margin-bottom: 45px;
}

.card {
    display: flex;
    flex-direction: column;
}

.card-image-wrapper {
    border-radius: var(--border-radius);
    overflow: hidden;
    margin-bottom: 45px;
}

.card-image-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.statement-cards__header {
    margin-bottom: 60px;
}

.statement-card {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    text-align: center;
    gap: 23px;
    overflow: clip;
    border-radius: var(--border-radius);
    background: var(--White, #fff);
}

.statement-card-image {
    position: relative;
    height: 215px;
    width: 100%;
}

.statement-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.statement-card-content {
    padding: 40px 20px;
}
.single-testimonial .testimonial-box > img {
    flex: 50%;
    object-fit: cover;
}

.single-testimonial .testimonial-box  {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 20px;
    flex-wrap: nowrap;
    perspective: 1px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .single-testimonial .testimonial-box {
        flex-direction: column;
    } 
}

.single-testimonial .testimonial-content img {
    height: 63px;
    width: auto;
}

.single-testimonial .testimonial-content {
    text-align: center;
    background-color: var(--White, #FFF);
    gap: 20px;
    display: flex;
    flex-direction: column;
    padding: 72px 60px;
    flex: 50%;
}
section.text-changing-images .d-flex {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  margin-top: 45px;
}

.text-changing-images h2 {
  margin-top: 20px;
}

section.text-changing-images .text-changing-images__content,
section.text-changing-images .text-changing-images__img {
  width: 100%;
}

section.text-changing-images .text-changing-images__content {
  z-index: 3;
}

section.text-changing-images .text-changing-images__img {
  height: 100%;
  overflow: visible;
  z-index: 2;
  position: sticky;
  top: calc(50% - 225px);

  @media screen and (max-width: 767px) {
    top: 100px;
  }
}

section.text-changing-images .text-changing-images__content h3 {
  max-width: 485px;
}
section.text-changing-images .height_100{
  align-items: flex-start;
}

section.text-changing-images .height_100 .text-changing-images__img img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  z-index: 2;
  position: absolute;
}
@media screen and (max-width: 767px) {
  section.text-changing-images .d-flex {
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  section.text-changing-images .text-changing-images__content,
  section.text-changing-images .text-changing-images__img {
    width: calc(50% - 25px);
  }
}

section.text-changing-images .multi-row-container {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 44px 0px;
}

section.text-changing-images .multi-row-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  padding: 30px 0px;
}

section.text-changing-images .multi-row:first-of-type .multi-row-inner {
  padding-top: 0px;  
}

@media screen and (max-width: 1200px) {
    
  section.text-changing-images .multi-row-container {
    margin: 44px 0px;
  }
  
  section.text-changing-images .multi-row-inner {
    padding: 44px 0px;
  }

}
  
@media screen and (max-width: 768px) {
   
  section.text-changing-images .multi-row-container {
    margin: 0px;
    gap: 44px;
  }
  
  section.text-changing-images .multi-row-inner {
    padding: 0;
    text-align: left; 
  }
  
}

section.text-changing-images .multi-row img { 
  object-fit: cover;
}
section.text-changing-images .image-text__img img {
  max-width: 100%; 
  height: 100% !important;
  text-align: center;
}

section.text-changing-images .hex-img.mobile img {
  max-width: 100%; 
  height: 100%;
  text-align: center;
}

section.text-changing-images .hex-container {
  font-size: 0; /*disable white space between inline block element */
}

section.text-changing-images .hex-img {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  /*  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="258.02 374.55 573.6 1233.73"><g opacity="0.5" filter="url(%23filter0_f_6520_7491)"><ellipse cx="637.286" cy="637.46" rx="193.12" ry="193.12" fill="%23759FD9"/></g><path d="M582.147 817.114L617.457 687.713C618.825 682.698 617.172 677.293 613.132 673.537L508.823 576.746C504.783 572.99 498.947 571.454 493.536 572.724L353.917 605.333C348.506 606.603 344.323 610.471 342.955 615.486L307.645 744.887C306.277 749.902 307.929 755.307 311.969 759.063L416.278 855.854C420.318 859.61 426.154 861.146 431.565 859.876L571.181 827.277C576.593 826.008 580.776 822.139 582.144 817.124L582.147 817.114Z" fill="%23F5F7F9"/><path d="M747.175 1363.77L782.485 1234.37C783.853 1229.35 782.201 1223.95 778.161 1220.19L673.851 1123.4C669.811 1119.64 663.976 1118.11 658.564 1119.38L518.945 1151.99C513.534 1153.26 509.351 1157.13 507.983 1162.14L472.673 1291.54C471.305 1296.56 472.957 1301.96 476.997 1305.72L581.307 1402.51C585.347 1406.26 591.182 1407.8 596.594 1406.53L736.21 1373.93C741.621 1372.66 745.804 1368.79 747.172 1363.78L747.175 1363.77Z" fill="%23F5F7F9"/><path d="M795.832 619.376L831.141 489.975C832.51 484.96 830.857 479.556 826.817 475.8L722.508 379.008C718.468 375.252 712.632 373.717 707.221 374.986L567.602 407.595C562.191 408.865 558.008 412.734 556.639 417.749L521.33 547.15C519.961 552.165 521.614 557.569 525.654 561.325L629.963 658.116C634.003 661.872 639.839 663.408 645.25 662.139L784.866 629.54C790.277 628.27 794.46 624.401 795.829 619.386L795.832 619.376Z" fill="%23F5F7F9"/><path d="M661.732 1091.06L697.042 961.657C698.41 956.643 696.758 951.238 692.718 947.482L588.409 850.691C584.368 846.935 578.533 845.399 573.122 846.668L433.503 879.278C428.091 880.547 423.908 884.416 422.54 889.431L387.23 1018.83C385.862 1023.85 387.515 1029.25 391.555 1033.01L495.864 1129.8C499.904 1133.56 505.739 1135.09 511.151 1133.82L650.767 1101.22C656.178 1099.95 660.361 1096.08 661.73 1091.07L661.732 1091.06Z" fill="%23F5F7F9"/><path d="M532.991 1565.08L568.3 1435.68C569.669 1430.66 568.016 1425.26 563.976 1421.5L459.667 1324.71C455.627 1320.96 449.791 1319.42 444.38 1320.69L304.761 1353.3C299.349 1354.57 295.167 1358.44 293.798 1363.45L258.488 1492.85C257.12 1497.87 258.773 1503.27 262.813 1507.03L367.122 1603.82C371.162 1607.58 376.998 1609.11 382.409 1607.84L522.025 1575.24C527.436 1573.98 531.619 1570.11 532.988 1565.09L532.991 1565.08Z" fill="%23F5F7F9"/><defs><filter id="filter0_f_6520_7491" x="0.166214" y="0.339355" width="1274.24" height="1274.24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="222" result="effect1_foregroundBlur_6520_7491"/></filter></defs></svg>');*/

  @media screen and (max-width: 767px) {
    top: 0px;
    height: 100%;
  }
}

section.text-changing-images .sticky-svg {

  @media screen and (max-width: 767px) {
    display: none;
  }
  position: sticky;
  top: 0; 
  z-index: 99999; 
  height: 100vh;
  width: 100vw;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 40%, 
    hsla(0, 0%, 100%, .7) 70%,
    hsla(0, 0%, 100%, .99));
  margin-bottom: -400px;
}

section.text-changing-images .sticky-svg svg {
  position: absolute;
}

section.text-changing-images .main-fade-in, section.text-changing-images .second-fade-in {
  position: absolute;
  opacity: 0; 
  transition: opacity 0.4s ease-in-out; 
}

section.text-changing-images .main-fade-in.in-view, section.text-changing-images .second-fade-in.in-view {
  opacity: 1; 
}

@media screen and (max-width: 767px) {
  section.text-changing-images .grey {
    display: none;
  }
}

section.text-changing-images .fade-in.hexagon-mobile {
  opacity: 0; 
  transition: opacity 0.4s ease-in-out; 
}

section.text-changing-images .fade-in.in-view.hexagon-mobile {
  opacity: 1; 
}

@media screen and (min-width: 767px) {
  section.text-changing-images .hexagon-mobile {
    display: none;
  }
}

section.text-changing-images .text-move {

  @media screen and (min-width: 767px) {
    transform: translateX(0); 
    transition: transform 0.4s ease-in-out; 
  }

  @media screen and (max-width: 767px) {
    transition: opacity 0.4s ease-in-out; 
    opacity: 1;
  }
}

section.text-changing-images .text-move.in-view {
  @media screen and (min-width: 767px) {
    transform: translateX(30px); 
  }

  @media screen and (max-width: 767px) {
    opacity: 1;
  }
}

.text-changing-images .main-images {
  position: relative;
  z-index: 7;
  top: 0;
  right: 0px;
  width: 80%;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 1;

  @media screen and (max-width: 767px) {
    width: 80%;
    height: 300px;
    position: relative;
  }

  @media screen and (min-width: 767px) {
    margin-right: 0;
    margin-left: auto;
  }
}

.text-changing-images .secondary-images {
  position: absolute;
  z-index: 8;
  bottom: 10%;
  left: 10%;
  width: 244px;
  height: 244px;
  border-radius: 20px;
  overflow: hidden;
}

  @media screen and (max-width: 767px) {
    .text-changing-images .secondary-images {
      right: 20px;
      left: auto;
      width: 150px;
      height: 150px;
      top: 190px;
    }
  }

.text-changing-images .hex-img.mobile {
  @media screen and (min-width: 767px) {
    display: none; 
  }
}

@media screen and (max-width: 767px) {
  .text-changing-images .text-changing-images__img {
    display: none; 
  }
}

.text-changing-images .hex-img.mobile:not(:has(.secondary-images)) .main-images {
  width: 100%;
}

.hex-img.mobile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 95px;
}
.thank-you-banner {
  max-width: 654px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.thank-you-banner h1 {
  margin-bottom: 30px;
}

.thank-you-banner h1.large {
  font-size: 168px;
}

.thank-you-banner svg {
  position: absolute;
}

.thank-you-banner__diamond-1 {
  top: -40px;
  left: -100px;
}

.thank-you-banner__diamond-2 {
  top: 0;
  left: -10px;
}

.thank-you-banner__diamond-3 {
  top: 40px;
  left: -60px;
}

.thank-you-banner__diamond-4 {
  top: 50px;
  right: -50px;
}

.thank-you-banner__diamond-5 {
  top: 120px;
  right: -120px;
}

.thank-you-banner__diamond-6 {
  top: 60px;
  right: -200px;
}
section.three-images-wrapper .three-images {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 31px;
}

.three-images img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.three-images .image {
    max-width: 100%;
}

.middle-image {
    flex: 1.5;
}

.three-images .image:not(.middle-image) {
    flex: 1;
}


@media (max-width: 768px) {
    .three-images {
        flex-wrap: wrap;
    }

    .middle-image {
        max-width: 100%;
        flex: auto;
    }

    .three-images .image:not(.middle-image) {
        max-width: calc(50% - 16px) !important;
    }

    .three-images .image:first-of-type {
        order: 2;
    }

    .image {
        width: 100%;
    }
}
section.two-column-grid-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position-x: right;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="756" height="1222" viewBox="0 0 756 1222" fill="none"><g opacity="0.1"><path d="M635.146 512.545C636.315 508.196 634.904 503.51 631.455 500.252L542.416 416.314C538.968 413.056 533.986 411.725 529.367 412.825L410.188 441.105C405.568 442.206 401.998 445.561 400.83 449.91L370.689 562.128C369.521 566.477 370.931 571.164 374.38 574.421L463.419 658.36C466.868 661.617 471.849 662.949 476.468 661.848L595.646 633.577C600.265 632.477 603.835 629.122 605.003 624.773L635.146 512.545Z" fill="url(%23paint0_linear_7631_2551)"/><path d="M819.676 341.46C820.844 337.111 819.434 332.425 815.985 329.167L726.947 245.229C723.498 241.971 718.517 240.64 713.898 241.74L594.718 270.02C590.099 271.121 586.529 274.476 585.36 278.825L555.22 391.043C554.052 395.392 555.462 400.079 558.911 403.336L647.95 487.275C651.399 490.532 656.38 491.864 660.999 490.763L780.175 462.493C784.795 461.392 788.365 458.037 789.533 453.688L819.676 341.46Z" fill="url(%23paint1_linear_7631_2551)"/><path d="M1073.41 412.496C1074.57 408.147 1073.16 403.46 1069.72 400.203L980.676 316.264C977.227 313.006 972.246 311.675 967.627 312.776L848.447 341.055C843.828 342.156 840.258 345.511 839.09 349.86L808.949 462.078C807.781 466.427 809.192 471.114 812.64 474.371L901.679 558.31C905.128 561.567 910.109 562.899 914.728 561.798L1033.91 533.528C1038.52 532.427 1042.1 529.072 1043.26 524.723L1073.41 412.496Z" fill="url(%23paint2_linear_7631_2551)"/><path d="M888.128 584.663C889.296 580.314 887.885 575.628 884.437 572.37L795.398 488.432C791.949 485.174 786.968 483.843 782.349 484.944L663.17 513.223C658.551 514.324 654.98 517.679 653.812 522.028L623.672 634.246C622.504 638.595 623.914 643.282 627.363 646.539L716.402 730.478C719.851 733.735 724.832 735.067 729.451 733.966L848.627 705.696C853.246 704.595 856.817 701.24 857.985 696.891L888.128 584.663Z" fill="url(%23paint3_linear_7631_2551)"/><path d="M958.074 826.702C959.242 822.353 957.832 817.666 954.383 814.409L865.344 730.47C861.896 727.212 856.914 725.881 852.295 726.982L733.116 755.261C728.497 756.362 724.927 759.717 723.759 764.066L693.618 876.284C692.45 880.633 693.861 885.32 697.309 888.577L786.347 972.516C789.796 975.773 794.777 977.105 799.396 976.004L918.574 947.734C923.193 946.633 926.763 943.278 927.932 938.929L958.074 826.702Z" fill="url(%23paint4_linear_7631_2551)"/><path d="M450.698 687.052C451.866 682.703 450.456 678.016 447.007 674.759L357.968 590.82C354.519 587.563 349.538 586.231 344.918 587.332L225.739 615.612C221.12 616.712 217.549 620.068 216.381 624.417L186.24 736.635C185.072 740.984 186.483 745.67 189.932 748.928L278.971 832.866C282.419 836.124 287.401 837.455 292.02 836.355L411.198 808.084C415.817 806.983 419.387 803.628 420.555 799.279L450.698 687.052Z" fill="url(%23paint5_linear_7631_2551)"/><path d="M518.499 926.42C519.667 922.071 518.257 917.384 514.808 914.127L425.769 830.188C422.321 826.931 417.339 825.599 412.72 826.7L293.54 854.979C288.921 856.08 285.35 859.435 284.182 863.784L254.042 976.002C252.873 980.352 254.284 985.038 257.733 988.295L346.772 1072.23C350.22 1075.49 355.202 1076.82 359.821 1075.72L478.999 1047.45C483.618 1046.35 487.188 1043 488.356 1038.65L518.499 926.42Z" fill="url(%23paint6_linear_7631_2551)"/><path d="M1139.6 652.615C1140.76 648.266 1139.35 643.579 1135.91 640.322L1046.87 556.383C1043.42 553.126 1038.44 551.794 1033.82 552.895L914.638 581.175C910.019 582.275 906.448 585.63 905.28 589.98L875.139 702.198C873.971 706.547 875.382 711.233 878.831 714.491L967.87 798.429C971.318 801.687 976.299 803.018 980.919 801.918L1100.1 773.647C1104.71 772.546 1108.29 769.191 1109.45 764.842L1139.6 652.615Z" fill="url(%23paint7_linear_7631_2551)"/><path d="M264.861 861.074C266.029 856.725 264.618 852.038 261.169 848.781L172.13 764.842C168.682 761.585 163.701 760.253 159.081 761.354L39.9017 789.634C35.2826 790.734 31.712 794.089 30.5439 798.438L0.403351 910.657C-0.764754 915.006 0.645945 919.692 4.09455 922.95L93.1336 1006.89C96.5822 1010.15 101.564 1011.48 106.183 1010.38L225.36 982.106C229.979 981.005 233.55 977.65 234.718 973.301L264.861 861.074Z" fill="url(%23paint8_linear_7631_2551)"/><path d="M375.063 447.338C376.231 442.989 374.82 438.303 371.372 435.045L282.332 351.106C278.883 347.849 273.902 346.518 269.283 347.618L150.103 375.898C145.484 376.998 141.914 380.354 140.745 384.703L110.605 496.921C109.437 501.27 110.848 505.957 114.296 509.214L203.335 593.153C206.784 596.41 211.765 597.742 216.384 596.641L335.562 568.37C340.181 567.27 343.752 563.915 344.92 559.566L375.063 447.338Z" fill="url(%23paint9_linear_7631_2551)"/><path d="M772.863 1001.28C774.031 996.934 772.62 992.247 769.172 988.99L680.134 905.051C676.685 901.794 671.704 900.462 667.085 901.563L547.905 929.842C543.286 930.943 539.715 934.298 538.547 938.647L508.407 1050.87C507.238 1055.21 508.649 1059.9 512.098 1063.16L601.137 1147.1C604.586 1150.35 609.567 1151.69 614.186 1150.59L733.362 1122.31C737.981 1121.21 741.552 1117.86 742.72 1113.51L772.863 1001.28Z" fill="url(%23paint10_linear_7631_2551)"/><path d="M1026.59 1072.32C1027.76 1067.97 1026.35 1063.28 1022.9 1060.02L933.863 976.086C930.414 972.829 925.433 971.497 920.814 972.598L801.634 1000.88C797.015 1001.98 793.445 1005.33 792.276 1009.68L762.136 1121.9C760.968 1126.25 762.378 1130.94 765.827 1134.19L854.866 1218.13C858.315 1221.39 863.296 1222.72 867.915 1221.62L987.092 1193.35C991.711 1192.25 995.282 1188.89 996.45 1184.55L1026.59 1072.32Z" fill="url(%23paint11_linear_7631_2551)"/><path d="M744.499 100.1C745.667 95.7506 744.256 91.064 740.808 87.8066L651.77 3.86788C648.321 0.610493 643.34 -0.721067 638.721 0.379713L519.541 28.6592C514.922 29.76 511.351 33.115 510.183 37.4641L480.043 149.682C478.874 154.031 480.285 158.718 483.734 161.975L572.773 245.914C576.221 249.171 581.203 250.503 585.822 249.402L704.998 221.132C709.617 220.031 713.188 216.676 714.356 212.327L744.499 100.1Z" fill="url(%23paint12_linear_7631_2551)"/></g><defs><linearGradient id="paint0_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint3_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint4_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint5_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint6_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint7_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint8_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint9_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint10_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint11_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient><linearGradient id="paint12_linear_7631_2551" x1="289.608" y1="397.312" x2="1079.17" y2="498.638" gradientUnits="userSpaceOnUse"><stop stop-color="%23759FD9"/><stop offset="1" stop-color="%23759FD9" stop-opacity="0"/></linearGradient></defs></svg>');
  overflow: visible;
}

section.two-column-grid-wrapper .content-wrapper.two-column-grid {
  padding: 0px;
  overflow: visible;
  /*display: flex;
  flex-direction: row;*/
  width: 100%;
}

section.two-column-grid-wrapper .content-wrapper.two-column-grid .swiper{
  padding: 0px;
  overflow: visible !important;
}

section.two-column-grid-wrapper .content-wrapper.two-column-grid .swiper-wrapper .swiper-slide .grid-card{
  background-color: var(--blue);
  min-height: 100%;;
  padding: 20px 33px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
  height: 340px;
}

.two-column-grid-wrapper .grid-card h3 {

  margin: 0 0 1.0rem !important;

}

section.two-column-grid-wrapper .content-wrapper.two-column-grid .swiper-wrapper .swiper-slide .grid-card h3, section.grid-card-slider-wrapper .content-wrapper.image-card-slider .swiper-wrapper .swiper-slide .image-card p{
  color: var(--Primary-blue);
}

section.two-column-grid-wrapper .content-wrapper.two-column-grid .grid-card-slider-pagination {
  position: relative; 
  display: inline-flex;
  width: auto;
  padding-top: 0px;
  justify-content: center;
  align-items: center;
  top: 0;
  gap: 10px;
}

section.two-column-grid-wrapper .content-wrapper.two-column-grid .grid-card-slider-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 40px;
  height: 40px;
  border: 1px solid var(--Primary-blue);
  background-color: transparent;
  opacity: 1;
  text-align: center;
  line-height: 40px;
}


section.two-column-grid-wrapper .content-wrapper.grid-card-slider .two-column-grid-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--Primary-blue);
  color: var(--White, #FFF);
}

.two-column-grid-wrapper .grid-card .background_overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  z-index: 0;
}

.grid-card-content{
  position: relative;
  z-index: 1;
  /*margin-top: auto;*/
  margin-right: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: flex-start;
  height: 100%;
}

.grid-card-content a {

  margin-top: auto;
  margin-bottom: 0px;

}

section.two-column-grid-wrapper .content-wrapper.grid-card-slider .swiper-wrapper .swiper-slide {
  width: 450px;
  height: 357px;

}


section.two-column-grid-wrapper .swiper-wrapper {
  /*gap: 50px;*/

}

section.two-column-grid-wrapper .item-arrow {

  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  height: 61px;
  width: 61px;
  text-align: center;
  margin-left: auto;
  border-radius: 50%;
  background: linear-gradient(0deg, rgba(117, 159, 217, 0.20) 0%, rgba(117, 159, 217, 0.20) 100%), #FFF;

}

section.two-column-grid-wrapper .card-tags {

  text-align: center;
  gap: 10px;
  margin-top: 28px;
  margin-bottom: 69px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;

} 

section.two-column-grid-wrapper .swiper-wrapper {

  flex-direction: row !important;
  align-items: baseline;

}

section.two-column-grid-wrapper .swiper-slide {
  min-width: 347px;
  overflow: hidden;
  border-radius: 20px;
  /* Tiny drop */
  box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
  background: var(--White, #FFF);

  transition: box-shadow 0.3s ease-in-out;
}

section.two-column-grid-wrapper .swiper-slide:hover {

  box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.20);

}

.category-button {


  color: var(--Primary-blue);
  font-feature-settings: 'liga' off, 'clig' off;

  /* Desktop/Menu */
  font-family: "ThreeDS";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 133.333% */


}

.category-button.active {


  color: var(--Secondary-blue, #759FD9);


}

.two-column-grid .dropdown-btn {


  text-decoration: none;



}

.two-column-grid .grid-card-content p {

  color: var(--Dark-grey, #292929);
  font-feature-settings: 'liga' off, 'clig' off;

  /* Desktop/Body */
  font-family: Raleway;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;


}

.two-column-grid .cards-tags {


  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 12px;

}

.two-column-grid .card-logo {

  top: 16px;
  right: 16px;
  position: absolute;
  width: 105px;
  height: 107px;
  border-radius: 50%;
  background: var(--White, #FFF);
  object-fit: contain;

}

.two-column-grid .pagination-with-arrows {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  margin-top: 80px;
}

.two-column-grid .swiper-button-prev {

  position: relative;
  align-items: baseline;
  margin-inline: 10px;

}

.two-column-grid .swiper-button-next {

  position: relative;
  align-items: baseline;
  margin-inline: 10px;

}

.two-column-grid .swiper-button-prev svg {
  transform: rotate(180deg);
}

.two-column-grid-swiper {
  overflow: hidden !important;
}


section.two-column-grid-wrapper .two-column-grid-swiper img.featured-image {

  transition: transform ease-in-out 0.3s;
  height: 100%;
  width: 100%;
  object-fit: cover;

}

section.two-column-grid-wrapper .swiper-slide:hover img.featured-image {

  transform: scale(1.15);

}

.two-column-grid-wrapper .image-cont {

  height: 293px;
  overflow: hidden;

}
.two-by-two-wrapper {
    position: relative;
    z-index: 1;
}

.two-by-two {
    display: grid;
    grid-template-columns: 1fr;
    gap: 78px;
}

.two-by-two-wrapper .title {
    grid-column: span 1;
}

.two-by-two-wrapper .content {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: span 1;
    gap: 20px;
    row-gap: 40px;
}

@media screen and (min-width: 768px) {
    .two-by-two {
        grid-template-columns: repeat(3,1fr);
    }

    .two-by-two-wrapper .content {
        grid-template-columns: repeat(2,1fr);
        grid-column: span 2;
    }
}

.two-by-two-item {
    flex: 0 1 calc(50% - 20px);
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}

.two-by-two-item img {
    width: 46px;
    height: auto;
}

.two-by-two-item .text-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.two-by-two-item .text-content h4 {
    margin-bottom: 0;
}
.vert-side-menu-wrapper {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 23px;
  z-index: 9;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media (min-width: 1480px) {
  
  .vert-side-menu-wrapper {
    left: 10px;
  }
  
}

@media (min-width: 1640px) {
  
  .vert-side-menu-wrapper {
    left: initial;
    -webkit-transform: translateX(-130px);
    transform: translateX(-130px);
  }
  
}

@media (max-width: 768px) {
  .vert-side-menu-wrapper {
    display: none;
  }
}

.vert-side-menu-wrapper:before, 
.vert-side-menu-wrapper:after {
  content: "";
  position: relative;
  left: 2px;
  width: 1px;
  height: 100%;
  background-color: #759FD9;
  opacity: .25;
}

.vert-side-menu {
  padding: 20px 0;
}

.vert-side-menu__wrapper {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  display: flex;
  overflow: visible;
  gap: 20px;
}

.vert-side-menu .side-link {
  text-wrap: nowrap; 
  color: var(--Primary-blue---3D-Modeling, #113460);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "ThreeDS";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; 
  text-decoration: none;
  opacity: 0.5;
}

.vert-side-menu .side-link.active {
  opacity: 1;
  font-weight: bold;
}
.webinar-filter .wrapper {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 35px;
    min-height: 100vh;
}

@media (min-width: 768px) {
    .webinar-filter .wrapper {
        flex-direction: row;
        gap: 120px;
    }
}

.webinar-filter__header {
    width: 100%;
}

@media (min-width: 768px) {
    .webinar-filter__header {
        max-width: 250px;
    }
}

.webinar-filter__header .webinar-filter-wrapper {
    position: sticky;
    top: 180px;
    left: 0;
}

.webinar-filter__body .container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    width: 100%;
}

@media (min-width: 768px) {
    .webinar-filter__body .container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .webinar-filter__body .container {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* === filters === */

.filters {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.filters .container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    line-height: 1;
    cursor: pointer;
}

.filters .container input[type="checkbox"] {
    display: none;
}

.filters .container .checkmark {
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    border-color: var(--White);
    background: var(--White);
    box-shadow: 0px 2px 5px rgba(17, 52, 96, 0.08);
    border-radius: 3px;
}

.filters .container:has(input:checked) {
    color: var(--Secondary-blue);
}

.filters .container input:checked ~ .checkmark::after {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 1px;
    top: 2px;
    left: 2px;
    background: var(--Secondary-blue);
}

.filter-group.desk {
    display: none;
}

.filter-group.mobile {
    display: flex;
}

@media (min-width: 768px) {
    .filter-group.desk {
        display: flex;
    }
    
    .filter-group.mobile {
        display: none;
    }
}

.filter-group.mobile {
    flex-direction: column;
    padding: 23px 11px 19px 17px;
    background-color: var(--White);
    box-shadow: 0px 2px 5px rgba(17, 52, 96, 0.08);
    border-radius: 10px;
    margin-top: 35px;
}

.filter-group.mobile .filter-title {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.filter-group.mobile .filters {
    display: none;
    margin-top: 25px;
}

.filter-group.mobile.active .filters {
    display: flex;
}

/* === cards === */

.resource-card {
    position: relative;
    opacity: 0; /* Start items hidden */
    display: none;
    flex-direction: column;
    border-radius: var(--border-radius);
    overflow: clip;
    background-color: var(--White);
    text-decoration: none;
    box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
    transition: all ease-in-out 0.3s, opacity 0.5s ease, transform 0.5s ease;
    transform: translateY(20px);
}

.resource-card:hover {
    text-decoration: none;
    box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
}

.resource-card.show {
    opacity: 1; /* Fade in */
    transform: translateY(0); /* Bring back to normal position */
    display: flex; /* Display the element */
}

.resource-card-image {
    height: 215px;
    overflow: hidden;
}

.resource-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.5s;
}

.resource-card:hover .resource-card-image img {
    transform: scale(1.15);
}

.resource-card-content {
    flex: auto;
  word-break: break-word;
    display: flex;
    flex-direction: column;
    padding: 40px 25px 30px 30px;
}

.resource-card-content .tags {
    margin-bottom: 15px;
}

.resource-card-content .desc {
    margin-bottom: 35px;
}

.resource-card-content .webinar-host {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.resource-card-content .webinar-host img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
}

.resource-card-content h4 a {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
}

.resource-card-content h4 a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.resource-card-arrow {
    position: absolute;
    width: 13px;
    height: 18px;
    bottom: 40px;
    right: 30px;
}

/* pagination */

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 70px;
    gap: 20px;
}

.pagination-button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--Primary-blue);
    cursor: pointer;
    border: none;
    background: transparent;
}

.pagination-button.active {
    background-color: var(--Primary-blue);
    color: var(--White);
}
.workflow-slider {
  position: relative;
  z-index: 1;
}

.workflow-slider ul {
list-style-image:url("https://10956.fs1.hubspotusercontent-na1.net/hubfs/10956/Website assets 2024/icons/Vector (18) 1 (1).svg")!important;
}

.workflow-slider .wrapper {
  position: relative;
}

.workflow-slider__header {
  margin-bottom: 55px;
}

.workflow-slider__header .swiper-tags {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 45px;
}

.workflow-slider__header .swiper-tags .tag-button {
  border-radius: 8px;
  padding: 8px 12px;
}

.workflow-slider__footer {
  display: flex;
  max-width: 100%;
  flex-direction: column-reverse;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.workflow-slider__footer .workflow-slider__footer-title {
  text-wrap: nowrap;
  margin-bottom: 0px !important;
}

.workflow-slider__footer .workflow-slider__footer-title,
.workflow-slider__footer svg {
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .workflow-slider__footer {
    flex-direction: row;
  }

  .workflow-slider__footer svg {
    max-width: 75%;
  }

  .workflow-slider__footer .workflow-slider__footer-title {
    max-width: 20%;
  }
}

.workflow-slider__body .swiper {
  padding-bottom: 65px;
  overflow: visible;
}

.workflow-slider__body .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
}

.workflow-slider__body .slide-card {
  position: relative;
  flex-direction: column;
  border-radius: var(--border-radius);
  overflow: clip;
  background-color: var(--White);
  text-decoration: none;
  box-shadow: 0px 2px 5px 0px rgba(17, 52, 96, 0.08);
  transition: all ease-in-out 0.3s;
  padding: 30px;
}

.workflow-slider__body .slide-card:hover {
  text-decoration: none;
  box-shadow: 0px 28px 65px 0px rgba(56, 92, 173, 0.20);
}

.workflow-slider__body .slide-card .image-container {
  margin: 0 auto;
  margin-bottom: 35px;
  width: 120px;
  height: 110px;

  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='119' height='103' viewBox='0 0 119 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.2401 0H32.6271C30.5493 0 28.6284 1.09416 27.5873 2.86626L0.780803 48.602C-0.260268 50.3741 -0.260268 52.5624 0.780803 54.3345L27.5873 100.07C28.6284 101.842 30.5493 102.937 32.6271 102.937H86.2401C88.3179 102.937 90.2388 101.842 91.2799 100.07L118.086 54.3345C119.127 52.5624 119.127 50.3741 118.086 48.602L91.2843 2.86626C90.2432 1.09416 88.3222 0 86.2444 0H86.2401Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='119' height='103' viewBox='0 0 119 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.2401 0H32.6271C30.5493 0 28.6284 1.09416 27.5873 2.86626L0.780803 48.602C-0.260268 50.3741 -0.260268 52.5624 0.780803 54.3345L27.5873 100.07C28.6284 101.842 30.5493 102.937 32.6271 102.937H86.2401C88.3179 102.937 90.2388 101.842 91.2799 100.07L118.086 54.3345C119.127 52.5624 119.127 50.3741 118.086 48.602L91.2843 2.86626C90.2432 1.09416 88.3222 0 86.2444 0H86.2401Z' fill='black'/%3E%3C/svg%3E");
  background-color: var(--Light-grey);
}

.workflow-slider__body .slide-card .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.workflow-slider__body .slide-card .workflow-content {
  margin-bottom: 15px;
}

.workflow-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: auto;
}

.workflow-tag {
  display: inline-flex;
  align-items: center;
  background: rgba(117, 159, 217, 0.1);
  border-radius: 8px;
  padding: 8px 12px;
}

.workflow-tag:hover{
  scale:1.05;
}

.workflow-tag  img {
	height: 26px;
  width: 100%;
  object-fit: contain;
}

.workflow-slider__footer.w-arrows {
  margin-top: 65px;
}

.workflow-slider__footer.w-arrows.slider-arrows-nav {
  margin-top: 0px;
}

.workflow-slider__footer.w-arrows .swiper-nav {
  display: none;
}

@media (min-width: 580px) {
  .workflow-slider__footer.w-arrows .swiper-nav {
    display: flex;
    gap: 30px;
  }
}

.workflow-slider__footer.w-arrows .swiper-button {
    position: relative;
    left: auto;
    right: auto;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(117, 159, 217, 0.2), rgba(117, 159, 217, 0.2)), #FFFFFF;
    transition: all ease-in-out 0.2s;
}

.workflow-slider__footer.w-arrows .swiper-button:hover {
    transform: translateY(-10px);
}

@media (max-width: 767px) {
  .workflow-slider__footer.w-arrows .swiper-button:hover {
      transform: translateY(0);
  }
}