/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

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

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

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

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, 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;
}

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

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 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;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

/**
 * 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 and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

body {
    padding-bottom: env(safe-area-inset-bottom);
}



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}

/* container width */
.row,
.row-fluid-wrapper:not(.dnd-section) {
  max-width: 1368px;
  margin: 0 auto;
}

.main-container-wrapper>.container-fluid>.row-fluid-wrapper>.row-fluid>div>.dnd-section>.row-fluid>.dnd-column {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.main-container-wrapper>.container-fluid>.row-fluid-wrapper>.row-fluid>div>.dnd-section>.row-fluid>.dnd-column.contains_sticky_heading {
  justify-content: unset;
}

.main-container-wrapper>.container-fluid>.row-fluid-wrapper>.row-fluid>div>.dnd-section>.row-fluid>.dnd-column>.row-fluid-wrapper {
  width: 100%;
}

.main-container-wrapper > .container-fluid > .row-fluid-wrapper,
.main-container-wrapper > .container-fluid > .row-fluid-wrapper > .row-fluid > div > .dnd-section.row-number-1,
.main-container-wrapper > .container-fluid > .row-fluid-wrapper > .row-fluid > div > .dnd-section > .row-fluid > .dnd-column > .dnd-row {
  max-width: initial; 
}

.main-container-wrapper > .container-fluid > .row-fluid-wrapper > .row-fluid,
.main-container-wrapper > .container-fluid > .row-fluid-wrapper > .row-fluid > div > .dnd-section.row-number-1 > .row-fluid,
.main-container-wrapper > .container-fluid > .row-fluid-wrapper > .row-fluid > div > .dnd-section > .row-fluid > .dnd-column,
.main-container-wrapper > .container-fluid > .row-fluid-wrapper > .row-fluid > div > .dnd-section > .row-fluid > .dnd-column > .dnd-row > .row-fluid {
  padding: 0; 
}

  .row-fluid {
      padding: 0rem 2.4rem;
  }

@media only screen and (max-width: 1025px) {
  .row-fluid {
      padding: 0rem 2.4rem;
  }
}

@media only screen and (max-width: 900px) {
  .row-fluid {
    display: block;
  }
  
  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
    min-height: 1px;
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .row-fluid {
      padding: 0rem 1.5rem;
  }
  
  br {
    display: none;
  }
}

.dnd-column.sticky-column {
    position: sticky;
    top: calc(76px + 20px);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

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

.dnd-section .dnd-column {
  padding: 0 1rem;
}

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

/* Global
Styles  
*/










button:hover {
  cursor: pointer;
}

html {
    font-size: 62.5%;
}

html body {
    font-size: 1.6rem;
    line-height: 1.18em;
}

@media only screen and (max-width: 1025px) {
    html {
        font-size: 48%;
    }
}

@media only screen and (max-width: 900px) {
    html {
        font-size: 44%;
    }
}

@media only screen and (max-width: 600px) {
    html {
        font-size: 38%;
    }
}


body {
  overflow-wrap: break-word;
}
/* Paragraphs */

p {
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

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

h1,
h2,
h3,
h4,
h5 {
   /* Cant get it to bring in the fallback font, tried 'theme.typography.h1.font.font-family' but it just errors  */
}

html body h1,
html body .h1,
html body .h1 h1,
html body .h1 h2,
html body .h1 h3,
html body .h1 h4,
html body .h1 h5,
html body .h1 h6,
html body .h1 p {
  font-size: 64px;
  font-family: "Poppins";
  line-height: 1.14em;
  font-weight: 600;
}

html body h2,
html body .h2,
html body .h2 h1,
html body .h2 h2,
html body .h2 h3,
html body .h2 h4,
html body .h2 h5,
html body .h2 h6,
html body .h2 p {
  font-size: 56px;
  font-family: "Poppins";
  line-height: 1.14em;
  font-weight: 600;
}

html body h3,
html body .h3,
html body .h3 h1,
html body .h3 h2,
html body .h3 h3,
html body .h3 h4,
html body .h3 h5,
html body .h3 h6,
html body .h3 p {
  font-size: 48px;
  font-family: "Poppins";
  line-height: 1.14em;
  font-weight: 600;
}

html body h4,
html body .h4,
html body .h4 h1,
html body .h4 h2,
html body .h4 h3,
html body .h4 h4,
html body .h4 h5,
html body .h4 h6,
html body .h4 p {
  font-size: 30px;
  font-family: "Poppins";
  line-height: 1.23em;
  font-weight: 600;
}

html body h5,
html body .h5,
html body .h5 h1,
html body .h5 h2,
html body .h5 h3,
html body .h5 h4,
html body .h5 h5,
html body .h5 h6,
html body .h5 p {
  font-size: 20px;
  font-family: "Poppins";
  line-height: 1.15em;
  font-weight: 600;
}

html body h6,
html body .h6,
html body .h6 h1,
html body .h6 h2,
html body .h6 h3,
html body .h6 h4,
html body .h6 h5,
html body .h6 h6,
html body .h6 p {
  font-size: 24px;
  font-family: "Poppins";
  line-height: 1.25em;
  font-weight: 400;
}

html body p,
html body .p,
html body .p h1,
html body .p h2,
html body .p h3,
html body .p h4,
html body .p h5,
html body .p h6,
html body ul li {
  font-size: 16px;
  font-family: "Roboto" !important;
  line-height: 1.5em;
}

@media only screen and (max-width: 1025px) {
  html body h1,
  html body .h1,
  html body .h1 h1,
  html body .h1 h2,
  html body .h1 h3,
  html body .h1 h4,
  html body .h1 h5,
  html body .h1 h6,
  html body .h1 p {
    font-size: 54px;
  }

  html body h2,
  html body .h2,
  html body .h2 h1,
  html body .h2 h2,
  html body .h2 h3,
  html body .h2 h4,
  html body .h2 h5,
  html body .h2 h6,
  html body .h2 p {
    font-size: 46px;
  }

  html body h3,
  html body .h3,
  html body .h3 h1,
  html body .h3 h2,
  html body .h3 h3,
  html body .h3 h4,
  html body .h3 h5,
  html body .h3 h6,
  html body .h3 p {
    font-size: 30px;
  }

  html body h4,
  html body .h4,
  html body .h4 h1,
  html body .h4 h2,
  html body .h4 h3,
  html body .h4 h4,
  html body .h4 h5,
  html body .h4 h6,
  html body .h4 p {
    font-size: 27px;
  }

  html body h5,
  html body .h5,
  html body .h5 h1,
  html body .h5 h2,
  html body .h5 h3,
  html body .h5 h4,
  html body .h5 h5,
  html body .h5 h6,
  html body .h5 p {
    font-size: 24px;
  }

  html body h6,
  html body .h6,
  html body .h6 h1,
  html body .h6 h2,
  html body .h6 h3,
  html body .h6 h4,
  html body .h6 h5,
  html body .h6 h6,
  html body .h6 p {
    font-size: 21px;
  }

  html body p,
  html body .p,
  html body .p h1,
  html body .p h2,
  html body .p h3,
  html body .p h4,
  html body .p h5,
  html body .p h6,
  html body ul li {
    font-size: 16px;
  }
}

@media only screen and (max-width: 900px) {
  html body h1,
  html body .h1,
  html body .h1 h1,
  html body .h1 h2,
  html body .h1 h3,
  html body .h1 h4,
  html body .h1 h5,
  html body .h1 h6,
  html body .h1 p {
    font-size: 45px;
  }

  html body h2,
  html body .h2,
  html body .h2 h1,
  html body .h2 h2,
  html body .h2 h3,
  html body .h2 h4,
  html body .h2 h5,
  html body .h2 h6,
  html body .h2 p {
    font-size: 41px;
  }

  html body h3,
  html body .h3,
  html body .h3 h1,
  html body .h3 h2,
  html body .h3 h3,
  html body .h3 h4,
  html body .h3 h5,
  html body .h3 h6,
  html body .h3 p {
    font-size: 28px;
  }

  html body h4,
  html body .h4,
  html body .h4 h1,
  html body .h4 h2,
  html body .h4 h3,
  html body .h4 h4,
  html body .h4 h5,
  html body .h4 h6,
  html body .h4 p {
    font-size: 23px;
  }

  html body h5,
  html body .h5,
  html body .h5 h1,
  html body .h5 h2,
  html body .h5 h3,
  html body .h5 h4,
  html body .h5 h5,
  html body .h5 h6,
  html body .h5 p {
    font-size: 21px;
  }

  html body h6,
  html body .h6,
  html body .h6 h1,
  html body .h6 h2,
  html body .h6 h3,
  html body .h6 h4,
  html body .h6 h5,
  html body .h6 h6,
  html body .h6 p {
    font-size: 18px;
  }

  html body p,
  html body .p,
  html body .p h1,
  html body .p h2,
  html body .p h3,
  html body .p h4,
  html body .p h5,
  html body .p h6,
  html body ul li {
    font-size: 16px;
  }
}

html body .row a {
  text-decoration: none;
}

html body .row a:hover {
  text-decoration: underline !important;
}

html body .row a span.hs_cos_wrapper_type_icon {
  width: 17px;
  height: 10px;
  display: inline-block;
  vertical-align: sub;
  margin-left: 10px;
}

html body .row a {
  font-size: 16px;
  font-family: "Poppins";
  line-height: 1.5em;
}

html body .row a.btn-primary {
  background-color: #E26B00;
  color: #fff;
  border-radius: 50px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1em;
  padding: 0.85em 2.28em;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: block;
  width: max-content;
  position: relative;
  z-index: 1;
}

html body .row a.btn-primary:hover {
  background-color: #C15C01;
  color: #fff;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
}

html body .row a.white-btn {
  background-color: #fff;
  color: #000;
  border-radius: 50px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1em;
  padding: 0.85em 2.28em;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: block;
  width: max-content;
  position: relative;
  z-index: 1;
}

html body .row a.white-btn:hover {
  background-color: #F0F0F0;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
}

/* Lists */

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

ul ul {
  margin: 0;
}

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

ol {
  counter-reset: custom-list-counter;
  list-style: none;
  padding-left: 0;
}

ol li {
  margin: 0 0 27px 0;
  counter-increment: custom-list-counter;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: #1C1B1F;
  padding-left: 62px;
}

ol li::before {
  content: counter(custom-list-counter) ". ";
  color: #1C1B1F;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  width: 62px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -62px;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

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

/* Image alt text */

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

@media only screen and (max-width: 600px) {
  html body .row a.btn-primary,
  html body .row a.white-btn {
    font-size: 1.7rem;
    padding: 1.2em 2.28em;
  }
}

/* Buttons */

.button {
  padding: 12px 32px;
  border-radius: 50px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}

.button:hover,
.button:focus { 
  transition: all 0.3s; 
}

.button.fill-primary {
  background: #E26B00;
  color: #FFFFFF;
  border: 1px solid #E26B00;
}

.button.fill-primary:hover,
.button.fill-primary:focus {
  background: #C15C01;
  border: 1px solid #C15C01;
}

.button.fill-white {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #000000;
}

.button.fill-white:hover,
.button.fill-white:focus {
  background: #F0F0F0;
  border: 1px solid #F0F0F0;
}

.button.outline-dark {
  border: 1px solid #000000;
  background: transparent;
  color: #000000;
}

.button.outline-dark:hover,
.button.outline-dark:focus {
  background: #FFECDB;
}

.button.outline-light {
  border: 1px solid #FFFFFF;
  background: transparent;
  color: #FFFFFF;
}

.button.outline-light:hover,
.button.outline-light:focus {
  background: #FFECDB;
  color: #B05101;
}

.button.arrow-left,
.button.arrow-right {
  padding: 0;
  color: #000000;
  background: transparent;
}

.button.arrow-left:hover,
.button.arrow-right:hover,
.button.arrow-right:focus,
.button.arrow-left:focus {
  color: #E26B00;
  background: transparent;
}

.button.arrow-left svg {
  margin-right: 8px;
  transition: all 0.3s;
  vertical-align: middle;
}

.button.arrow-right svg {
  margin-left: 8px;
  transition: all 0.3s;
  vertical-align: middle;
}

.button.arrow-left:hover svg,
.button.arrow-right:hover svg,
.button.arrow-left:focus svg,
.button.arrow-right:focus svg {
  filter: invert(40%) sepia(72%) saturate(1862%) hue-rotate(10deg) brightness(97%) contrast(104%);
}
form .field label {
  margin-bottom: 12px;
}

form .field label span,
form .field label {
  color: #3D3D3D;
  font-size: 16px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 152.2%;
}

form .field input:not([type="submit"], [type="checkbox"], [type="radio"]),
form .field select,
form .field textarea {
  max-width: 400px; 
  width: 100%;
  border-radius: 3px;
  border: 1px solid #B5B5B5;
  background: #FAFAFA;
  font-size: 16px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: 152.2%;
  padding: 12px;
  margin-bottom: 24px;
  margin-top: 0;
}

form.hs-form div.field.hs-form-field div.input input:not([type="submit"]):focus {
  box-shadow: 0px 0px 0px 3px #ACCBE2 !important; 
  border: 2px solid #5C99C7 !important; 
  outline: none !important;
}

form .field input.invalid:not([type="submit"]),
form .field input.error:not([type="submit"]) {
  box-shadow: 0px 0px 0px 3px #F7B5B5 !important;
  border: 2px solid #F06D6D !important;
  outline: none !important;
}

form .field .no-list.hs-error-msgs.inputs-list {
  margin-top: -24px;
  margin-bottom: 24px;
}

form .field .no-list.hs-error-msgs.inputs-list li label {
  color: #C75454;
  font-size: 16px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: 152.2%;
}

form .field .no-list.hs-error-msgs.inputs-list li label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(//25078588.fs1.hubspotusercontent-eu1.net/hubfs/25078588/raw_assets/public/oub-theme/global/images/form-error.svg);
  margin-right: 12px;
  vertical-align: sub;
}

input[type="submit"], 
input[type="button"] {
  padding: 12px 32px;
  border-radius: 50px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  background: #E26B00;
  color: #FFFFFF;
  border: 1px solid #E26B00;
}

input[type="submit"]:hover, 
input[type="button"]:hover,
input[type="submit"]:focus, 
input[type="button"]:focus { 
  transition: all 0.3s; 
  background: #C15C01;
  border: 1px solid #C15C01;
}

.notify-login,
.referrals-login,
.business-login {
  display: none;
}

.header-container-wrapper {
  z-index: 10000;
  position: relative;
  transition: all 0.5s;
}

.header-container-wrapper.sticky {
  position: sticky;
  top: 0;
  left: 0;
  animation: stickyNav 0.5s;
  background-color: #F5F5F5;
}

@keyframes stickyNav {
  0%   {top: -100%; background-color: transparent;}
  100% {top: 0; background-color: #F5F5F5;}
}

.header-content-wrapper {
  padding: 17px 36px;
  max-width: 1512px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}

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

.header-content-wrapper .header-column.header-middle {
  flex: 2;
  justify-content: center;
  display: flex;
  flex-direction: row;
}

.header-left.header-column img {
  width: 100%;
  max-width: 256px;
}

.header-container-wrapper.sticky .header-content-wrapper .header-left .black {
  display: block;
}

.header-content-wrapper .header-left .white {
  display: none;
}

.header-container-wrapper.sticky .header-content-wrapper .header-left .white {
  display: none;
}

.header-content-wrapper .header-right #login-button a {
  text-decoration: none;
  color: #000;
}

.header-content-wrapper .header-right #login-button  {
  border-color: #000;
  color: #000;
}

.header-content-wrapper .header-middle {
  margin-left: auto;
  margin-right: auto;
}

.header-content-wrapper .header-middle .hs-menu-wrapper ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  max-width: 493.5px;
  justify-content: space-between;
  flex-direction: row;
}

.header-content-wrapper .header-middle .hs-menu-wrapper ul li:not(:last-child) {
  margin-right: 40px;
}

.header-content-wrapper .header-middle .hs-menu-wrapper ul li.active {
  position: relative;
}

.header-content-wrapper .header-middle .hs-menu-wrapper ul li.active::after {
  position: absolute;
  width: 100%;
  height: 7px;
  background-color: #E26B00;
  left: 0;
  bottom: -24px;
  display: block;
  content: "";
}

.header-content-wrapper .header-middle .hs-menu-wrapper ul li:last-child a {
  background: #E26B00;
  border-radius: 50px;
  padding: 12px 32px;
  font-family: 'Poppins';
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}

.header-content-wrapper .header-middle .hs-menu-wrapper ul li a {
  text-decoration: none;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.03em;
  color: #000000;
  transition: color 0.3s;
}

.header-content-wrapper .header-middle .hs-menu-wrapper ul li a:hover {
  color: #E26B00;
}

.header-content-wrapper .header-middle .hs-menu-wrapper ul li:last-child a:hover {
  background: #C15C01;
  color: #FFFFFF;
}

.header-content-wrapper .header-right {
  text-align: right;
}

.header-content-wrapper .header-right #login-button,
.header-content-wrapper .header-right .menu-toggle-container {
  display: inline-block; 
}

.header-content-wrapper .header-right #login-button,
.header-content-wrapper .header-right #menu-button {
  background: transparent;
  border: none;
  padding: 0;
  text-align: center;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  transition: all 0.3s;
}

.header-content-wrapper .header-right #login-button {
  padding: 8px 16px;
  border: 1px solid #FFFFFF;
  border-radius: 32px;
  color: #FFFFFF;
  margin-right: 41px;
}

.header-content-wrapper .header-right #login-button:hover {
  background: #FFECDB;
}

.header-content-wrapper .header-right #login-button svg,
.header-content-wrapper .header-right #menu-button svg {
  vertical-align: middle;
}

.header-content-wrapper .header-right #login-button svg {
  margin-right: 8px;
}

.header-content-wrapper .header-right #menu-button svg {
  margin-left: 4px;
}

.header-content-wrapper .header-right #menu-button:hover {
  color: #E26B00;
}

.header-content-wrapper .header-right #menu-button:hover svg {
  filter: invert(42%) sepia(49%) saturate(1517%) hue-rotate(1deg) brightness(99%) contrast(106%);
}

.flyout-menu {
  position: fixed;
  right: -100%;
  top: 0;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
  transition: transform 1s ease;
  z-index: 3000;
  display: flex;
  height: 100%;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

.flyout-menu[aria-expanded="false"] {
  transform: translateX(100%);
}

.flyout-menu[aria-expanded="true"] {
  transform: translateX(-100%);
}

.flyout-menu .flyout-overlay {
  position: absolute;
  content: "";
  display: block;
  right: -100%;
  top: 0;
  width: 100%;
  height: 100vh;
  transition: transform 1s ease;
  animation-name: fadeInBackground;
  animation-duration: 0.5s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  z-index: 3000;
}

.flyout-menu[aria-expanded="false"] .flyout-overlay {
  transform: translateX(100%);
  animation-name: fadeOutBackground;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
}

.flyout-menu[aria-expanded="true"] .flyout-overlay {
  transform: translateX(-100%);
}

@keyframes fadeInBackground {
  from {
    background: none;
  }
  to {
    background: rgba(0, 0, 0, 0.16);
  }
}

@keyframes fadeOutBackground {
  from {
    background: rgba(0, 0, 0, 0.16);
  }
  to {
    background: none;
  }
}

.flyout-menu .main-menu-container .close-menu,
.flyout-menu .extended-menu-container .close-menu.extended {
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0.03em;
  color: #000000;
  background: none;
  border: none;
  display: block;
  position: absolute;
  right: 25px;
  top: 6.5%;
  display: none;
}

.flyout-menu[aria-expanded="true"] .main-menu-container .close-menu {
  display: block; 
}

.flyout-menu .extended-menu-container[aria-expanded="true"] .close-menu.extended {
  display: block; 
}

.flyout-menu .extended-menu-container .close-menu.extended {
  color: #FFFFFF;
}

.flyout-menu .main-menu-container .close-menu svg,
.flyout-menu .extended-menu-container .close-menu.extended svg {
  margin-left: 4px;
  vertical-align: middle;
}

.flyout-menu .extended-menu-container {
  max-width: calc(100% - 33.33333%); 
  width: 100%;
  transition: margin-right 1s ease;
  z-index: 3000;
  background-color: #181818;
  margin-right: -66.6667%;
}

.flyout-menu .extended-menu-container[aria-expanded="false"] {
  margin-right: -66.6667%;
}

.flyout-menu .extended-menu-container[aria-expanded="true"] {
  margin-right: 0;
}

.flyout-menu .extended-menu-container > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  align-items: center;
  padding: 48px 130px;
}

.flyout-menu .extended-menu-container > div > div {
  width: 100%;
}

.flyout-menu .main-menu-container,
.flyout-menu .extended-menu-container {
 z-index: 3000; 
}

.flyout-menu .main-menu-container {
  max-width: 33.33333%;
  background-color: #FFFFFF;
  padding: 64px 25px 49px;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  text-align: left;
}

.flyout-menu .main-menu-container .main-menu-wrapper {
  max-width: 335px;
  width: 100%;
  margin: 0 auto;
}

.flyout-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flyout-menu ul a {
  font-family: 'Poppins';
  font-weight: 600;
  text-decoration: none; 
  display: inline-block;
}

.flyout-menu ul > li {
  margin-bottom: 24px; 
}

.flyout-menu ul > li:last-child {
  margin-bottom: 48px;
}

.flyout-menu ul li a {
  color: #000000;
  position: relative;
}

.flyout-menu ul > li > a {
  font-size: 4.8rem;
  line-height: 1em;
}

.flyout-menu ul > li.hs-item-has-children > a {
  margin-bottom: 16px; 
}

.flyout-menu ul > li.hs-item-has-children ul li {
  margin-bottom: 16px;
}

.flyout-menu ul > li.hs-item-has-children ul li:last-child {
  margin-bottom: 24px;
}

.flyout-menu ul > li.hs-item-has-children > ul {
  margin-left: 25px; 
}

.flyout-menu ul > li.hs-item-has-children > ul a {
  font-size: 2rem;
  line-height: 1em;
}

.flyout-menu ul li a::before {
  display: inline-block;
  width: 25px;
  height: 24px;
  margin-right: 4px;
  background-image: url(//25078588.fs1.hubspotusercontent-eu1.net/hubfs/25078588/raw_assets/public/oub-theme/global/images/chevron-menu-icon.svg);
  background-size: cover;
  content: "";
  transition: margin-right 0.3s ease;
}


.flyout-menu ul li a:hover::before {
  filter: invert(47%) sepia(25%) saturate(6347%) hue-rotate(9deg) brightness(96%) contrast(101%);
  margin-right: 12px;
}

.flyout-menu #extended-menu-button {
  color: #000;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  display: block;
  margin: 0 auto;
  padding: 0;
  background: transparent;
  margin-bottom: 32px;
  cursor: pointer;
}

.flyout-menu #extended-menu-button .extended-open {
  display: none;
}

.flyout-menu #extended-menu-button span svg {
  vertical-align: middle;
}

.flyout-menu #hs_cos_wrapper_Main_Menu_Extended_Buttons #hs_menu_wrapper_Main_Menu_Extended_Buttons ul li:first-child {
  margin-bottom: 16px; 
}

.flyout-menu #hs_cos_wrapper_Main_Menu_Extended_Buttons #hs_menu_wrapper_Main_Menu_Extended_Buttons ul li:last-child {
  margin-bottom: 0;
}

.flyout-menu #hs_cos_wrapper_Main_Menu_Extended_Buttons #hs_menu_wrapper_Main_Menu_Extended_Buttons ul li a {
  display: block;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 141.7%;
  color: #FFFFFF;
  background-color: #E26B00;
  border-radius: 50px;
  padding: 12px;
  border: solid 1px #E26B00;
  text-align: center;
  transition: all 0.3s ease;
}

.flyout-menu #hs_cos_wrapper_Main_Menu_Extended_Buttons #hs_menu_wrapper_Main_Menu_Extended_Buttons ul li a:hover {
  background-color: #C15C01;
}

.flyout-menu #hs_cos_wrapper_Main_Menu_Extended_Buttons #hs_menu_wrapper_Main_Menu_Extended_Buttons ul li:last-child a {
  background-color: #FFFFFF;
  border-color: #000000;
  color: #000000;
}

.flyout-menu #hs_cos_wrapper_Main_Menu_Extended_Buttons #hs_menu_wrapper_Main_Menu_Extended_Buttons ul li:last-child a:hover {
  background-color: #FFECDB; 
}

.flyout-menu #hs_cos_wrapper_Main_Menu_Extended_Buttons #hs_menu_wrapper_Main_Menu_Extended_Buttons ul li a::before {
   display: none;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended {
  margin-top: 100px;
  display: block;
  text-align: left;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 80px;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended > ul > li {
  flex: auto;
  max-width: 33.3333%
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended ul li a {
  color: #fff;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended > ul > li > a {
  font-size: 30px;
  line-height: 37px;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended > ul > li > a::before {
  display: none;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended > ul > li ul {
  margin-left: 0;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended > ul > li ul li a {
  font-size: 20px;
  line-height: 23px;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended > ul > li ul li a::before {
  filter: invert(99%) sepia(30%) saturate(0%) hue-rotate(166deg) brightness(109%) contrast(100%);
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended > ul > li ul li a:hover::before {
  filter: invert(47%) sepia(25%) saturate(6347%) hue-rotate(9deg) brightness(96%) contrast(101%);
  margin-right: 12px; 
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended_Footer ul {
  text-align: center;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended_Footer ul li {
  display: inline-block;
  margin-right: 32px;
  margin-bottom: 0;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended_Footer ul li:last-chidl {
  margin-right: 0;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended_Footer ul li a {
  color: rgba(255,255,255,0.72);
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.flyout-menu #hs_menu_wrapper_Main_Menu_Extended_Footer ul li a:before {
  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(50deg) brightness(105%) contrast(101%);
  opacity: 0.72;
}

.data-partners-logo {
  display: none;
}

.tech-partners-template .data-partners-logo {
  display: block;
}


@media only screen and (max-width: 1100px){
 .header-content-wrapper .header-middle .hs-menu-wrapper ul li:not(:last-child) {
    margin-right: 20px;
  } 
  
  .header-content-wrapper .header-middle .hs-menu-wrapper ul li:last-child a {
    padding: 12px; 
  }
  
  .header-content-wrapper .header-right #login-button {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 950px){
 .header-content-wrapper .header-middle .hs-menu-wrapper ul li:not(:last-child) {
    margin-right: 10px;
  }
  
  .header-content-wrapper .header-middle .hs-menu-wrapper ul li a {
    font-size: 14px;
  }
  
  .header-content-wrapper .header-right #login-button {
    margin-right: 10px;
  }
}
  
.main-menu-mobile,
.main-menu-mobile-logo {
  display: none !important;
}

@media only screen and (max-width: 900px) {
  .main-menu-top-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }
  
  .main-menu-mobile-logo img {
    max-width: 159px;
  }
  
  .flyout-menu .main-menu-container .close-menu {
    position: relative;
    left: initial;
    right: initial;
    top: initial;
    bottom: initial;
  }
  
  .main-menu-desktop {
    display: none !important;
  }
  
  .main-menu-mobile,
  .main-menu-mobile-logo {
    display: block !important;
  }
  
  .flyout-menu .main-menu-container {
    padding: 24px; 
  }
  
  .flyout-menu ul li a::before,
  .flyout-menu #extended-menu-button {
    display: none;
  }
  
  .flyout-menu .main-menu-container .main-menu-wrapper {
    margin: 0 auto 0 0;
  }
  
  .flyout-menu ul > li > a,
  .flyout-menu ul > li.hs-item-has-children > ul a {
    font-size: 18px;
    line-height: 22px;
  }
  
  .flyout-menu ul > li:not(.hs-item-has-children):last-child {
    margin-bottom: 24px;
  }
  
  .header-content-wrapper {
    padding: 17px 16px;
  }
  
  .header-content-wrapper .header-column {
    flex: unset;
  }
  
  .flyout-menu #hs_menu_wrapper_Main_Menu_Extended>ul>li {
    max-width: 100%;
  }
  
  .header-content-wrapper .header-right #menu-button {
    font-size: 13px;
  }
  
  .header-left.header-column img {
    width: 100%;
    max-width: 159px;
  }
  
  .header-content-wrapper .header-middle .hs-menu-wrapper ul,
  .header-content-wrapper .header-right #login-button {
    display: none;
  }
  
  .flyout-menu .main-menu-container,
  .flyout-menu .extended-menu-container {
    max-width: 100%;
  }
  
  .flyout-menu .extended-menu-container {
      position: absolute;
  }
  
  .flyout-menu .extended-menu-container[aria-expanded=true] .extended-menu-wrapper {
    overflow-y: scroll; 
  }

  @keyframes slideIn {
      from {
          right: -100%;
      }

      to {
          right: 0%;
      }
  }

  @keyframes slideOut {
      from {
          right: 0%;
      }

      to {
          right: -100%;
      }
  }

  .flyout-menu .extended-menu-container[aria-expanded=true] {
      animation-duration: 1s;
      animation-name: slideIn;
      z-index: 31;
  }

  html body .flyout-menu .extended-menu-container[aria-expanded=false] {
      animation-duration: 1s;
      animation-name: slideOut;
    margin-right: -100%;
  }

  .flyout-menu .extended-menu-container>div {
    padding: 20px;
    height: 100vh;
  }

  .flyout-menu #hs_menu_wrapper_Main_Menu_Extended {
      margin-top: 0;
  }

  .flyout-menu #hs_menu_wrapper_Main_Menu_Extended>ul {
      flex-direction: column;
      column-gap: 0;
  }
  
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

body {
  background: #F5F5F5;
}
.employee-case-studies {
  padding: 4rem 2.4rem 8.8rem;}
.employee-case-studies .employee-hero-banner {
  max-width: 760px;
  margin: 0 auto 68px;
  text-align: center;}
.employee-case-studies .employee-hero-banner svg {
  margin-bottom: 16px;
  width: 112px;
  height: 112px;}
.employee-case-studies .employee-hero-banner h1 {
  margin-bottom: 0;}
.employee-listing-grid {
  max-width: 1464px;
  margin: 0 auto;
  padding: 0;
  row-gap: 24px;
  flex-wrap: wrap;}
.employee-listing-grid .span4 .employee-card {
  position: relative;
  height: 100%;}
.employee-listing-grid .span4 .employee-card .employee-card-border {
  position: absolute;
  top: -16px;
  left:0;}
.employee-listing-grid .span4 .employee-card .employee-card-inner {
  padding: 16px 14px;
  margin: 16px 0 0 30px;
  height: 100%;
  border-radius: 16px;
  background: #FFF;}
.employee-listing-grid .span4 .employee-card .employee-card-inner .employee-card-image {
  margin-bottom: 16px;}
.employee-listing-grid .span4 .employee-card .employee-card-inner .employee-card-image a {
  display: block;}
.employee-listing-grid .span4 .employee-card .employee-card-inner .employee-card-image a img {
  width: 100%;
  height: auto;
  max-width: 408px;
  position: relative;
  object-fit: cover;
  margin: 0 auto;
  display: block;}
.employee-listing-grid .span4 .employee-card .employee-card-inner .employee-card-info {
  text-align: left;}
.employee-listing-grid .span4 .employee-card .employee-card-inner .employee-card-info .employee-card-name {
  margin-bottom: 4px;}
.employee-listing-grid .span4 .employee-card .employee-card-inner .employee-card-info .employee-card-name a {
  color: #000000;
  text-decoration: none}
.employee-listing-grid .span4 .employee-card .employee-card-inner .employee-card-info .employee-card-roles {
  margin-bottom: 16px;}
.employee-listing-grid .span4 .employee-card .employee-card-inner .employee-card-info .employee-card-roles .employee-role {
  font-family: Poppins; !important}
.employee-listing-grid .span4 .employee-card .employee-card-inner .employee-card-info .button-container a {
  font-size: 16px;
  font-weight: 600;
  line-height: 168.5%;
  letter-spacing: 0.48px;}
@media only screen and (max-width: 900px){
  .employee-listing-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;}
  .employee-listing-grid .span4 {
    width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));}
}
@media only screen and (max-width: 767px) {
  .employee-listing-grid {
    flex-direction: column;}
  .employee-listing-grid .span4 {
    width: 100%;
    margin: 0 auto;
    max-width: 472px;}
}
.employee-case-study {
  padding: 52px 0 80px;
  max-width: 1464px;
  margin: 0 auto;}
.employee-case-study .employee-case-study-inner .employee-case-study-pretitle {
  margin-bottom: 10px;}
.employee-case-study .employee-case-study-inner .employee-case-study-pretitle svg {
  vertical-align: middle;
  margin-right: 8px;}
.employee-case-study .employee-case-study-inner .employee-case-study-name {
  margin-bottom: 24px;}
.employee-case-study .employee-case-study-inner .employee-case-study-quote {
  margin-bottom: 32px;}
.employee-case-study .employee-case-study-inner .employee-case-study-quote > svg {
  display: inline-block;
  margin-right: 24px;
  vertical-align: top;}
.employee-case-study .employee-case-study-inner .employee-case-study-quote > div {
  width: calc(100% - 70px);
  display: inline-block;
  color: #000;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 124%;}
.employee-case-study .employee-case-study-inner .employee-case-study-quote > div * {
  color: #000;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 124%;
  margin-bottom: 0;}
.employee-case-study .employee-case-study-inner .employee-case-study-journey .employee-case-study-journey-title {
  margin-bottom: 16px;}
.employee-case-study .employee-case-study-inner .employee-case-study-journey span,
.employee-case-study .employee-case-study-inner .employee-case-study-journey span * {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 152.2%;}
.employee-case-study .employee-case-study-inner .employee-case-study-image {
  border-radius: 29.103px;
  background: #FFF;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-right: 65px;
  padding: 34px 34px 0 34px;}
.employee-case-study .employee-case-study-inner .employee-case-study-image img {
  max-width: 452.922px;
  height: auto;
  width: 100%;
  margin-top: auto;}
@media only screen and (max-width: 900px){
  .employee-case-study {
    padding: 2.4rem 0 3.6rem;}
  .employee-case-study .employee-case-study-inner {
    padding: 0 2.4rem;}
  .employee-case-study .employee-case-study-inner .employee-case-study-image {
    max-width: 520px;
    margin: 0 0 24px;}
}
.data-partner-case-studies {
  padding: 4rem 2.4rem 8.8rem;}
.data-partner-case-studies .data-partners-hero-banner {
  max-width: 760px;
  margin: 0 auto 68px;
  text-align: center;}
.data-partner-case-studies .data-partners-hero-banner {
  max-width: 853px;}
.data-partner-case-studies .data-partners-hero-banner svg {
  margin-bottom: 16px;
  width: 112px;
  height: 112px;}
.data-partner-case-studies .data-partners-hero-banner h1 {
  margin-bottom: 0;}
.data-partners-listing-grid {
  max-width: 1464px;
  margin: 0 auto;
  padding: 0;
  row-gap: 24px;
  flex-wrap: wrap;}
..data-partners-listing-grid .span4 .data-partners-card {
  position: relative;
  height: 100%;}
.data-partners-listing-grid .span4 .data-partners-card .data-partners-card-inner {
  padding: 32px;
  background-color: #FFFFFF;
  border-radius: 16px;
  height: 100%;}
.data-partners-listing-grid .span4 .data-partners-card .data-partners-card-inner .data-partners-card-image {
  margin-bottom: 16px;}
.data-partners-listing-grid .span4 .data-partners-card .data-partners-card-inner .data-partners-card-image a {
  display: block;}
.data-partners-listing-grid .span4 .data-partners-card .data-partners-card-inner .data-partners-card-image a img {
  width: 100%;
  height: 408px;
  max-width: 408px;
  object-fit: cover;
  margin: 0 auto;
  display: block;}
.data-partners-listing-grid .span4 .data-partners-card .data-partners-card-inner .data-partners-card-info .data-partners-card-name {
  margin-bottom: 4px;}
.data-partners-listing-grid .span4 .data-partners-card .data-partners-card-inner .data-partners-card-info .data-partners-card-name a {
  color: #000000;
  text-decoration: none;}
.data-partners-listing-grid .span4 .data-partners-card .data-partners-card-inner .data-partners-card-info .data-partners-card-roles {
  margin-bottom: 16px;}
.data-partners-listing-grid .span4 .data-partners-card .data-partners-card-inner .data-partners-card-info .data-partners-card-roles .data-partners-role {
  font-family: Poppins; !important}
.data-partners-listing-grid .span4 .data-partners-card .data-partners-card-inner .data-partners-card-info .button-container a {
  font-size: 16px;
  font-weight: 600;
  line-height: 168.5%;
  letter-spacing: 0.48px;}
@media only screen and (max-width: 1000px){
  .data-partners-listing-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;}
  .data-partners-listing-grid .span4 {
    width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));}
}
@media only screen and (max-width: 767px) {
  .data-partners-listing-grid {
    flex-direction: column;}
  .data-partners-listing-grid .span4 {
    width: 100%;
    margin: 0 auto;
    max-width: 472px;}
}
.data-partner-case-study {
  max-width: 971px;
  width: 100%;
  margin: 0 auto;
  padding: 8rem 2.4rem;}
.data-partner-case-study .data-partner-case-study-inner {
  border-radius: 16px;
  background: #FFF;
  padding: 7.003089598352215% 12.976313079299691%;}
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content > img {
  border: solid 4px #E26B00;
  width: 158px;
  height: 158px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 32px;}
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-pretitle {
  margin-bottom: 8px;}
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-pretitle svg {
  vertical-align: middle;
  margin-right: 8px;}
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-name {
  margin-bottom: 33px;}
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-quote {
  margin-bottom: 32px;}
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-quote svg {  
  display: inline-block;
  margin-right: 24px;
  vertical-align: top;}
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-quote > div {
  width: calc(100% - 70px);
  display: inline-block;}
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-quote > div,
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-quote > div * {
  color: #000;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 124%;}
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-journey .data-partner-case-study-journey-title {
  margin-bottom: 16px;}
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-journey span,
.data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-journey span * {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 152.2%;}
@media only screen and (max-width: 900px){
  .data-partner-case-study {
    padding: 3.6rem 2.4rem;}
  .data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content > img,
  .data-partner-case-study .data-partner-case-study-inner .data-partner-case-study-content .data-partner-case-study-name {
    margin-bottom: 24px;}
}
.hs-blog-listing .header-container-wrapper.sticky .header-content-wrapper .header-left .black {
  display: block;
}

.hs-blog-listing .header-content-wrapper .header-left .white {
  display: none;
}

.hs-blog-listing .header-container-wrapper.sticky .header-content-wrapper .header-left .white {
  display: none;
}

.hs-blog-listing .header-content-wrapper .header-right #login-button  {
  border-color: #000;
  color: #000;
}

.hs-blog-listing .blog-hero {
  padding: 41px 30px 48px;
  text-align: center;
}

.hs-blog-listing .blog-hero svg {
  margin-bottom: 8px;
}

.hs-blog-listing .blog-featured {
  margin-bottom: 80px;
}

.hs-blog-listing .blog-featured h2.h4 {
  margin-bottom: 32px;
  text-align: center;
}

.hs-blog-listing .blog-featured h2.h4 span {
  vertical-align: middle;
  display: inline-block;
  margin-left: 25px;
}

.hs-blog-listing .blog-featured .row-fluid-wrapper {
  max-width: calc(1090px + 4.8rem);
}

.hs-blog-listing .blog-featured .row-fluid {
  justify-content: center;
  column-gap: 24px;
  padding-bottom: 66px;
}

.blog-card {
  padding-bottom: 67px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.blog-card .blog-card-stacked {
  display: flex;
  flex-direction: column;
}

.blog-card .blog-card-stacked .blog-card-image {
  margin-bottom: 12px;
}

.blog-card a {
  text-decoration: none;
}

.blog-card .blog-card-image a {
  display: block;
  position: relative;
  box-shadow: 0px 30px 45px 0px rgba(0, 0, 0, 0.06);
}

.blog-card .blog-card-image a::before {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  border: solid 5px #E26B00;
  opacity: 0;
  left: 0;
  top: 0;
  transition: opacity 0.3s;
  border-radius: 8px;
}

.blog-card .blog-card-image a:hover::before {
  opacity: 1;
}
  
.blog-card .blog-card-image img {
  display: block;
  border-radius: 8px;
  /*  max-width: 348px; */
  width: 100%;
  height: 206px;
  object-fit: cover;
}

.blog-card .blog-card-stacked .blog-card-image .blog-card-tags {
  position: absolute;
  bottom: 8px;
  right: 8px;
  text-align: right;
}

.blog-card-tags .blog-card-tag {
  border-radius: 49px;
  background: #FFECDB;
  padding: 4px 16px;
  text-align: center;
  color: #B05101;
  font-size: 13px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  line-height: 168.5%;
  letter-spacing: 0.39px;
  display: inline-block;
  margin: 3px 0;
}

.blog-card .blog-card-stacked .blog-card-meta {
  color: #000;
  font-size: 16px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  line-height: normal; 
  margin-bottom: 12px; 
}

.blog-card .blog-card-row .blog-card-meta {
  color: #000;
  font-size: 13px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
}

.blog-card .blog-card-stacked .blog-card-title {
  margin-bottom: 0;
}

.blog-card .blog-card-r0w .blog-card-title {
  margin-bottom: 8px;
}

.blog-card .blog-card-title,
.blog-card .blog-card-title a {
  color: #000;
  font-size: 21px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  line-height: normal;  
  transition: color 0.3s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 91px;
}

.blog-card .blog-card-title a:hover {
  color: #E26B00;
}

.blog-card .blog-card-row .row-fluid {
  padding: 0;
}

.blog-in-the-press .blog-feed-container.row-fluid-wrapper {
  max-width: calc(844px + 4.8rem); 
}

.blog-feed-container .blog-feed-wrapper {
  padding: 0 2.4rem 96px;
}

.blog-feed-container .blog-feed-wrapper .blog-feed-posts .blog-card {
  margin-bottom: 48px;
}

.blog-feed-container .blog-feed-wrapper .blog-feed-posts .blog-card:last-child {
  margin-bottom: 0;
}

.blog-feed-container .blog-feed-wrapper .blog-feed-filter .block {
  position: sticky;
  top: 90px;
  padding-bottom: 40px;
}

.blog-feed-container .blog-feed-wrapper .blog-feed-filter h3 {
  color: #000;
  font-size: 20px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  line-height: 114.5%;
  margin-bottom: 28px;
}

.blog-feed-container .blog-feed-wrapper .blog-feed-filter .widget-module ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
  column-gap: 19px;
  row-gap: 19px;
}

.blog-feed-container .blog-feed-wrapper .blog-feed-filter .widget-module ul li a {
  border-radius: 49px;
  background: rgba(228, 228, 228, 0.56);
  padding: 8px 24px;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  line-height: 168.5%;
  letter-spacing: 0.42px;
  display: inline-block;
  text-decoration: none;
  transition: all 0.3s;
}

.blog-feed-container .blog-feed-wrapper .blog-feed-filter .widget-module ul li.active a,
.blog-feed-container .blog-feed-wrapper .blog-feed-filter .widget-module ul li a:hover {
  background: #FFECDB;
  color: #B05101;
}

.blog-feed-container .blog-feed-wrapper .blog-feed-filter .widget-module ul li a .filter-link-count {
  display: none;
}

@media only screen and (max-width: 900px){
    .hs-blog-listing .blog-hero {
    padding: 20px 24px 24px;
    text-align: center;
  }
  
  .hs-blog-listing .blog-featured {
    margin-bottom: 40px;
  }

  .hs-blog-listing .blog-featured h2.h4 {
    margin-bottom: 16px;
  }
  
  .hs-blog-listing .blog-featured .row-fluid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 33px;
  }
  
  .hs-blog-listing .blog-featured .row-fluid .span4 {
    width: calc( 8.3333% * 6 - var(--column-gap) );
  }
  
  .hs-blog-listing .blog-featured .row-fluid .span4 .blog-card {
    max-width: 421px;
  }
  
  .blog-card .blog-card-image img {
    max-width: initial; 
  }
  
  .blog-feed-container .blog-feed-wrapper {
    padding: 0 2.4rem 48px;
  }

  .blog-feed-container .blog-feed-wrapper .blog-feed-posts .blog-card {
    margin-bottom: 24px;
  }
  
  .blog-card .blog-card-row .row-fluid {
    display: flex;
  }
  
  .blog-card {
    margin-bottom: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  
  .blog-card .blog-card-row .row-fluid {
    display: flex;
  }
  
  .blog-card .blog-card-row .row-fluid .span5 {
    order: 1;
    margin-bottom: 24px;
  }
  
  .blog-card .blog-card-row .row-fluid .span7 {
    order: 2;
  }
  
  .hs-blog-listing .blog-featured .row-fluid .span4 {
    width: 100%;
  }
  
  .hs-blog-listing .blog-featured .row-fluid .span4 .blog-card {
    margin: 0 auto;
  }
 
}

.b2b-blog .blog-card-tags .blog-card-tag {
  color: #5C99C7;
  background: #E1F2FF;
}

.b2b-blog .blog-feed-container .blog-feed-wrapper .blog-feed-filter .widget-module ul li.active a,
.b2b-blog .blog-feed-container .blog-feed-wrapper .blog-feed-filter .widget-module ul li a:hover {
  background: #E1F2FF;
  color: #5C99C7;
}

.b2b-blog .blog-card .blog-card-image a::before {
  border: solid 5px #5C99C7;
}

.b2b-blog .blog-card .blog-card-title a:hover {
  color: #5C99C7;
}
.hs-blog-post .header-container-wrapper.sticky .header-content-wrapper .header-left .black {
  display: block;
}

.hs-blog-post .header-content-wrapper .header-left .white {
  display: none;
}

.hs-blog-post .header-container-wrapper.sticky .header-content-wrapper .header-left .white {
  display: none;
}

.hs-blog-post .header-content-wrapper .header-right #login-button  {
  border-color: #000;
  color: #000;
}

.hs-blog-post article .article-header {
  max-width: calc(1216px + 4.8rem);
  margin: 0 auto;
  padding: 24px 2.4rem 40px;
}

.hs-blog-post article .article-header .button-container,
.hs-blog-post article .article-header .blog-card-meta,
.hs-blog-post article .article-header h1.blog-card-title,
.hs-blog-post article .article-header .blog-card-tags {
  max-width: 968px;
  margin: 0 auto;
}

.hs-blog-post article .article-header .button-container {
  margin-bottom: 36px;
}

.hs-blog-post article .article-header .button-container .button {
  font-size: 16px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  line-height: 168.5%;
  letter-spacing: 0.48px;
}

.hs-blog-post article .article-header .blog-card-meta {
  margin-bottom: 17px;
  color: #000;
  font-size: 16px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: 152.2%;
}

.hs-blog-post article .article-header h1.blog-card-title {
  color: #000;
  font-size: 64px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  line-height: 114.5%;
  margin-bottom: 16px;
}

@media only screen and (max-width: 900px){
  .hs-blog-post article .article-header h1.blog-card-title {
    font-size: 32px;
  }
}

.hs-blog-post article .article-header .blog-card-tags {
  margin-bottom: 33px;
}

.hs-blog-post article .article-header .blog-card-image img {
  border-radius: 32px;
  width: 100%;
  height: auto;
  max-width: initial;
  max-height: initial;
}

.hs-blog-post article .article-body,
.hs-blog-post article .article-footer  {
  margin: 0 auto;
  max-width: calc(720px + 4.8rem);
}

.hs-blog-post article .article-body {
  padding: 40px 2.4rem 25px;
}


.hs-blog-post article .article-body img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

.hs-blog-post article .article-footer {
  padding: 25px 2.4rem 76px;
}

.hs-blog-post article .article-footer h2 {
  color: #000;
  font-size: 12px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: 141.7%;
  margin-bottom: 17px;
}

ul.social-share {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.social-share li {
  display: inline-block;
  padding: 8px 24px;
  text-align: center;
  border-radius: 49px;
  margin-right: 24px;
  margin-bottom: 12px;
}

ul.social-share li:last-child {
  margin-right: 0;
}

ul.social-share li a {
  font-size: 16px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  line-height: 168.5%;
  letter-spacing: 0.48px;
  text-decoration: none;
}

ul.social-share li a svg {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

ul.social-share li.social-facebook {
  background: #E3E7EE;
}

ul.social-share li.social-facebook a {
  color: #315DA5;
}

ul.social-share li.social-twitter {
  background: #E9F1FF;
}

ul.social-share li.social-twitter a {
  color: #3CA4E7;
}

ul.social-share li.social-email {
  background: #FFECDB;
}

ul.social-share li.social-email a {
  color: #B15100;
}

@media only screen and (max-width: 900px){
  .hs-blog-post article .article-header {
    padding: 24px 2.4rem 20px;
  }
  
  .hs-blog-post article .article-header .blog-card-tags {
    margin-bottom: 16px;
  }
  
  .hs-blog-post article .article-body {
    padding: 20px 2.4rem 12px;
  }
  
  .hs-blog-post article .article-footer {
    padding: 12px 2.4rem 34px;
  }
}

@media only screen and (max-width: 767px) {
  .hs-blog-post article .article-header {
    padding: 24px 2.4rem 12px;
  }
  
  .hs-blog-post article .article-body {
    padding: 12px 2.4rem 12px;
  }
  
  .hs-blog-post article .article-footer {
    padding: 12px 2.4rem 12px;
  }
  
  ul.social-share li {
    margin-right: 12px;
  }

  ul.social-share li:last-child {
    margin-right: 0;
  }
}
.footer-container-wrapper {
  padding: 62px 0 29px;
  background: #fff;
}

.footer-container-wrapper a {
  transition: all 0.3s;
}

.footer-container-wrapper a:hover {
  color: #E26B00 !important;
}

.footer-container-wrapper .footer-content-wrapper img.company-logo {
  margin-bottom: 39px;
  width: 100%;
  max-width: 208px;
}

.footer-container-wrapper .footer-content-wrapper .span4 .trustpilot-widget iframe {
  margin-left: -26px;
}

.footer-container-wrapper .footer-content-wrapper .span4 > p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 32px;
}

.footer-container-wrapper .footer-content-wrapper .span4 ul {
  list-style: none;
  padding: 0;
  margin: 0 0 48px 0;
}


.footer-container-wrapper .footer-content-wrapper .span4 ul li {
  display: inline-block;
  margin-right: 16px;
}

.footer-container-wrapper .footer-content-wrapper .span4 ul li:last-child {
  margin-right: 0px;
}


.footer-container-wrapper .footer-content-wrapper .span2 h2 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 24px;
}

.footer-container-wrapper .footer-content-wrapper .span2 ul {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
}

.footer-container-wrapper .footer-content-wrapper .span2 ul li {
  margin-bottom: 16px; 
}

.footer-container-wrapper .footer-content-wrapper .span2 ul li:last-child {
  margin-bottom: 0; 
}

.footer-container-wrapper .footer-content-wrapper .span2 ul li a {
  font-family: 'Roboto';
  text-decoration: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

.footer-container-wrapper .footer-content-wrapper .copyright {
  padding-top: 90px;
}

.footer-container-wrapper .footer-content-wrapper .copyright p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #000000;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.footer-container-wrapper .footer-content-wrapper .copyright p span:not(.layers){
  margin: 0 9px;
}

.footer-container-wrapper .footer-content-wrapper .copyright p .layers {
  margin-left: auto;
  font-size: 16px;
  line-height: 24px;
}

.footer-container-wrapper .footer-content-wrapper .copyright p .layers a {
  color: #000000;
  text-decoration: none;
}

/* Responsive */
@media only screen and (max-width: 900px) {
  .footer-container-wrapper .footer-content-wrapper img.company-logo {
    margin-bottom: 24px;
    max-width: 240px;
    width: 100%;
  }
  
  .footer-content-wrapper {
    text-align: center;
  }
  
  .footer-container-wrapper {
    padding: 43px 0 32px;
  }
  
  .footer-container-wrapper .footer-content-wrapper .span4 ul {
      list-style: none;
      margin: 0 0 20px;
      padding: 0;
  }
  
  .footer-container-wrapper .footer-content-wrapper .span4 .trustpilot-widget iframe {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  
  .footer-container-wrapper .footer-content-wrapper .copyright {
    padding-top: 20px;
  }
  
  .footer-container-wrapper .footer-content-wrapper .copyright p {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 0;
    width: 100%;
  }
  
  .footer-container-wrapper .footer-content-wrapper .copyright p span:not(.layers) {
    margin: 0 0 10px;
  }
  
  .footer-container-wrapper .footer-content-wrapper .copyright p span.footer-separator {
    display: none;
  }
  
  .footer-container-wrapper .footer-content-wrapper .copyright p .layers {
    font-size: 16px;
    line-height: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.-template .header-container-wrapper.sticky .header-content-wrapper .header-left .black {
  display: block;
}

.-template .header-content-wrapper .header-left .white {
  display: none;
}

.-template .header-container-wrapper.sticky .header-content-wrapper .header-left .white {
  display: none;
}

.-template .header-content-wrapper .header-right #login-button  {
  border-color: #000;
  color: #000;
}

.outer-wrapper-404 {
  min-height: 700px;
  margin-top: 112px;
}

.inner-wrapper-404 {
  max-width: 600px;
  margin: 0px auto;
  padding: 105px 3.25rem;
}

.inner-wrapper-404 img.img-404 {
  max-width: 400px;
  width: 100%;
  margin: 0 auto 20px;
  display: block;
}

.inner-wrapper-404 p {
  max-width: 328px;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 16px;
}

.inner-wrapper-404 .buttons-wrapper {
  max-width: 275px;
  margin: 0 auto;
}

.inner-wrapper-404 .buttons-wrapper .button-container {
  margin-bottom: 25px;
}

.inner-wrapper-404 .buttons-wrapper .button-container:last-of-type {
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .outer-wrapper-404 {
    min-height: 600px;
    margin-top: 112px;
  }
  
  .inner-wrapper-404 {
    padding: 40px 8.25rem;
  }
  
  .inner-wrapper-404 p {
    max-width: unset;
    margin: 0 auto 40px;
  }

  .inner-wrapper-404 .buttons-wrapper {
    max-width: unset;
    margin: 0 auto;
  }
}