/* Theme base styles */

}

/* Generic */

/* Generic */
@font-face {
    font-family: 'UntitledSans1';
    src: url(//26859049.fs1.hubspotusercontent-eu1.net/hubfs/26859049/raw_assets/public/Loyal/fonts/untitled-sans-light.woff2);
    font-weight: 300;   
    font-display: swap;
}


@font-face {
    font-family: 'UntitledSans1';
  src: url(//26859049.fs1.hubspotusercontent-eu1.net/hubfs/26859049/raw_assets/public/Loyal/fonts/untitled-sans-bold.woff2);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'UntitledSans1';
    src: url(//26859049.fs1.hubspotusercontent-eu1.net/hubfs/26859049/raw_assets/public/Loyal/fonts/untitled-sans-medium.woff2);
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'UntitledSans1';
    src: url(//26859049.fs1.hubspotusercontent-eu1.net/hubfs/26859049/raw_assets/public/Loyal/fonts/untitled-sans-regular.woff2);
    font-weight: 400;
    font-display: swap;
}
:root {
    --ff-text: UntitledSans1, 'UntitledSans', Arial;
    --ff-headings: UntitledSans1, 'arial, helvetica, sans-serif', Arial;
    --fs-11: 0.6875rem;
    --fs-12: 0.75rem;
    --fs-14: 0.875rem;
    --fs-base: 18px;
    --fs-17: 1.0625rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-21: 1.3125rem;
    --fs-25: 1.5625rem;
    --fs-28: 1.75rem;
    --fs-30: 1.875rem;
    --fs-32: 2rem;
    --fs-37: 2.31rem;
    --fs-45: 2.81rem;
    --font-size-body-big: 18px;
    --font-size-body-small: 16px;
    --color-yellow: #FFC837;
    --clr-yellow: #FFC837;
    --clr-black: #000000;
    --clr-black-dark: #00000010;
    --clr-white: #ffffff;
    --clr-gray: #D9D9D6;
    --clr-gray-light: #F1F4F5;
    --clr-gray-dark: #4D4D4D;
/*    --clr-gray-soft: #838383;
    --clr-gray-darker: #707070;
    --clr-gray-shadow: #272726;
    --clr-gray-medium: #EAEAEA; */
    --clr-checkbox-border: #CECECE;
    --clr-checkbox-background: #F2F2F2;
    --clr-checkbox-green: #009F2B;
    --clr-checkbox-border-green: #009F2B5D;
  
    --fs-heading4: 25px;
    --fs-heading3: 31px;
    --fs-heading2: 34px;
    --fs-heading1: 38px;
  
  --swiper-theme-color: #000000;

    
    --primary-color: #FFC837;
    --secondary-color: #000000;
    --body-background-color: #F1F4F5;
    --accent-one-color: #FFC837;
    --accent-two-color: #373737;

       --primary-font: 'arial, helvetica, sans-serif', ;
    --secondary-font: 'arial, helvetica, sans-serif', ;
    --primary-font-color: #231f20;
    --secondary-font-color: #231f20;

    
    --container-width: 1440px;
    --container-padding-inline: 24px;

    --h1-font-family: 'arial, helvetica, sans-serif', ;
    --h1-font-size: 40px;
    --h1-color: #231f20;
    --h1-transform: none;
    
    --h2-font-family: 'UntitledSans', serif;
    --h2-font-size: 54px;
    --h2-color: #231f20;
    --h2-transform: none;
    
    --h3-font-family: 'arial, helvetica, sans-serif', ;
    --h3-font-size: 28px;
    --h3-color: #231f20;
    --h3-transform: none;
    
    --h4-font-family: 'UntitledSans', serif;
    --h4-font-size: 38px;
    --h4-color: #231f20;
    --h4-transform: none;
    
    --h5-font-family: 'arial, helvetica, sans-serif', ;
    --h5-font-size: 20px;
    --h5-color: #231f20;
    --h5-transform: none;
    
    --h6-font-family: 'arial, helvetica, sans-serif', ;
    --h6-font-size: 16px;
    --h6-color: #231f20;
    --h6-transform: none;
    
    --font-family: 'UntitledSans', ;
    --body-font-size: 16px;
    --body-color: #231f20;
    
    --link-color: #FFC837;
    --link-text-decoration: underline;
    --link-hover-color: #415239;
    --link-hover-text-decoration: underline;
    
    --blockquote-font-family: 'arial, helvetica, sans-serif', ;
    --blockquote-font-size: 24px;
    --blockquote-color: #231f20;
  
     /* Button Sizes */
    --btn-small-font-size: 14px;
    --btn-small-padding-top: 10px;
    --btn-small-padding-right: 20px;
    --btn-small-padding-bottom: 10px;
    --btn-small-padding-left: 20px;

    --btn-regular-font-size: 16px;
    --btn-regular-padding-top: 10px;
    --btn-regular-padding-right: 20px;
    --btn-regular-padding-bottom: 10px;
    --btn-regular-padding-left: 20px;

    --btn-large-font-size: 18px;
    --btn-large-padding-top: 10px;
    --btn-large-padding-right: 20px;
    --btn-large-padding-bottom: 10px;
    --btn-large-padding-left: 20px;

    /* Primary Button */
    --btn-primary-font-family: 'arial, helvetica, sans-serif', sans-serif;
    --btn-primary-font-color: #ffffff;
    --btn-primary-font-variant: 600;
    --btn-primary-transform: none;
    --btn-primary-background-color: #411a46;
    --btn-primary-border-color: #411a46;
    --btn-primary-border-width: 1px;
    --btn-primary-border-style: solid;
    --btn-primary-radius: 5px;
    --btn-primary-hover-font-color: #ffffff;
    --btn-primary-hover-background-color: #f1851f;
    --btn-primary-hover-border-color: #411a46;

    /* Secondary Button */
    --btn-secondary-font-family: 'arial, helvetica, sans-serif', sans-serif;
    --btn-secondary-font-color: #FFC837;
    --btn-secondary-font-variant: 600;
    --btn-secondary-transform: none;
    --btn-secondary-background-color: #F1F4F5;
    --btn-secondary-border-color: #411a46;
    --btn-secondary-border-width: 1px;
    --btn-secondary-border-style: solid;
    --btn-secondary-radius: 0px;
    --btn-secondary-hover-font-color: #ffffff;
    --btn-secondary-hover-background-color: #FFC837;
    --btn-secondary-hover-border-color: #411a46;

}



@media(min-width: 768px) {
    :root {
        --container-padding-inline: 64px;
        --fs-heading5: 1.3125rem;
        /* 20px */
        --fs-heading4: 1.5625rem;
        /* 25px */
        --fs-heading3: 2rem;
        /* 32px */
        --fs-heading2: 2.8125rem;
        /* 45px */
        --fs-heading1: 3.125rem;
        /* 50px */
      --font-size-body-big: 24px;
      --font-size-body-small: 18px;
    }
}

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

/**
 * 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-block-start: 0;
  margin-block-end: 0;
}
h2,
h3,
h4,
h5,
h6,
p,
a {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 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: bold;
}

/**
 * 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;
}
html {
    font-weight: 300;
    color: var(--clr-black);
    font-size: var(--fs-base);
    font-family: var(--ff-text);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    box-sizing: border-box;
}

body {
    margin: 0;
    height: 100%;
    background-color: var(--body-background-color);
  overflow-wrap: break-word;
  word-break: break-word;
}
.header__skip {
 display: none; 
}
figure {
    margin: 0;
}

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

a {
    text-decoration: underline;
    color: inherit;
}

a:hover {
    text-decoration: none;
    transition: all .4s ease;
}

button {
    cursor: pointer;
    font-weight: 700;
}

p,
ul li,
ol li {
    font-family: var(--ff-text);
}

p, li {
    line-height: 1.9;
  font-weight: 400;
}
.hs-cos-rich-text,
.rich-text p {
      margin-bottom: 18px;
  direction: ltr;
}
.font-small, p small, small, h6{
  font-size: 16px;
  line-height: 25px; /* 156.25% */
letter-spacing: -0.25px;
  font-weight: 400;
}
@media( min-width: 768px ){
.font-small, p small, small, h6{
  font-size: 18px;
  line-height: 28px;
}
}

.container{
    max-width: var(--container-width);
    margin-inline: auto;
  padding-inline: var(--container-padding-inline);
}
.css-padding{
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.css-margin__0{
margin-top: 0 !important;
}
.css-margin__40{
margin-top: 20px !important;
}
.css-margin__80{
margin-top: 40px !important;
}
@media( min-width: 768px ){
.css-padding{
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.css-margin__40{
margin-top: 40px !important;
}
.css-margin__80{
margin-top: 80px !important;
}
  .font-small{
  font-size: 18px;
    line-height: 28px;
}
}


.small_width {
  max-width: 900px;
    margin-inline: auto;
}

*, *:before, *:after {
  box-sizing: border-box;
}

/* Objects */

/* Responsive grid */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

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

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

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

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

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

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

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

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

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

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

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

  p,
  a, li, input {
    font-size:  18px;
    line-height: 26px;
    letter-spacing: -0.5px;
  }
@media( min-width: 768px ){
  p,
  a, li, input {
    font-size:  24px;
    line-height: 36px;
  }
  li.hs-form-radio,
  li.hs-form-checkbox{
     font-size:  18px;
      line-height: 36px;
  }
}
  li.hs-form-radio label,
  li.hs-form-checkbox label{
    display: flex;
    vertical-align: baseline;
    margin-left: 5px;
}

/*lists*/
ul[style="list-style-type: circle;"]{
 padding-left: 0;
}
ul[style="list-style-type: circle;"] li{
 display: flex;
 gap: 8px;
 align-items: center;

}
ul[style="list-style-type: circle;"] li::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><g clip-path="url(%23clip0_397_4553)"><path d="M5 18L12 25C16.7616 17.3541 20.2206 13.8093 28 9" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_397_4553"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
    height: 32px;
    width: 32px;
    display: block;
     padding-left: 32px;
    }
li{
margin-bottom: 11px;
}
ul li{
 display: list-item;
}
@media (min-width: 768px){
li{
margin-bottom: 8px;
}
}

.rounded-border-top{
border-radius: 32px 32px 0 0;
}

/*pill*/
.pill{
  font-size: 16px;
font-style: normal;
font-weight: 400;
  line-height: 26px;
    display: flex;
padding: 4px 12px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 24px;
background: var(--clr-gray);
  text-decoration: none;
  width: fit-content;
  color: var(--clr-black);
letter-spacing: -0.25px;
}
@media (min-width: 768px){
  .pill{
  font-size: 18px;
    padding: 6px 12px;
  }
}

/* margin-padding */
section{
overflow: hidden;
}

.margin-top-small{
  margin-top: 1rem;
}
.margin-top-medium{
  margin-top: 56px;
}
.margin-top-large{
  margin-top: 3rem;
}
.padding-small{
  padding-top: 40px;
  padding-bottom: 40px;
}
.padding-medium{
  padding-top: 64px;
  padding-bottom: 64px;
}
.padding-large{
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (min-width: 768px){
  .margin-top-small{
    margin-top: 1.5rem;
  }
  .margin-top-medium{
    margin-top: 120px;
  }
  .margin-top-large{
    margin-top: 3.5rem;
  }
  .padding-small{
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .padding-medium{
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .padding-large{
    padding-top: 200px;
    padding-bottom: 200px;
  }
}



.client__details {
display: grid;
grid-template-columns: 80px auto;
column-gap: 16px;
margin-bottom: 48px;
}
.client__details-name{
    display: grid;
    align-content: center;
}
.client__details-name p {
font-size: 18px;
line-height: 28px;
}
.client__details img {
border-radius: 40px;

}
.client__details a{
text-decoration: none;
}
/* Content wrappers for blog post and system templates */

.content-wrapper {
  padding: 0 20px;
  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;
  }
}
.hs_cos_wrapper_type_cta{
width: fit-content;
  display: block;
}
.hs_cos_wrapper_type_cta.center-cta{
  margin: auto;
}
.hs_cos_wrapper_type_cta a.cta_button{
display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  width: fit-content;
  border-radius: 999px;
  padding: 8px;
  padding-right: 24px;
  line-height: 28px !important;
}
.hs_cos_wrapper_type_cta.no_icon a.cta_button{
  padding-left: 24px;
}
.hs_cos_wrapper_type_cta.icon-big a.cta_button{
font-size: var(--font-size-body-big) !important;
}
.hs_cos_wrapper_type_cta.icon-small a.cta_button{
font-size: var(--font-size-body-small) !important;
}
.hs_cos_wrapper_type_cta.ib-yellow a.cta_button::before{
background-color: var(--clr-yellow);
}
.hs_cos_wrapper_type_cta.ib-white a.cta_button::before{
background-color: var(--clr-white);
}
.hs_cos_wrapper_type_cta.ib-black a.cta_button::before{
background-color: var(--clr-black);
}
.hs_cos_wrapper_type_cta.ib-light-gray a.cta_button::before{
background-color: var(--clr-gray-light);
}
.hs_cos_wrapper_type_cta.ib-gray a.cta_button::before{
background-color: var(--clr-gray);
}
.hs_cos_wrapper_type_cta.ib-transparent a.cta_button::before{
background-color: transparent;
}
.hs_cos_wrapper_type_cta.no_icon a.cta_button::before{
content: none;
}
.hs_cos_wrapper_type_cta.icon-big a.cta_button::before  {
height: 36px;
  width: 36px;
}
.hs_cos_wrapper_type_cta.icon-small a.cta_button::before  {
height: 28px;
  width: 28px;
}
a.cta_button::before {
  content: '';
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: block;
  padding: 6px;
  border: 6px solid transparent;
}
.card-big-img {
display: grid;
  gap: 24px;
}
.card-big-img__container{
    height: 400px;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
}
.card-big-img__image {
  height: 400px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
/*   position: absolute; */
   border-radius: 32px;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
}
.card-big-img__gradient{
 height: 400px;
  border-radius: 32px;
  overflow: hidden;
  top: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
  width: 100%;
}
.card-big-img__content{
height: 400px;
  border-radius: 32px;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
}
.card-big-img__content__number{
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  color: var(--clr-white);
  background-color: var(--clr-black);
  border-radius: 50%;
      display: flex;
    align-items: center;
    justify-content: center;
        position: absolute;
    right: 24px;
    left: auto;
    top: 24px;
}
.card-big-img__readmore{
  position: absolute;
  top: auto;
  bottom: 24px;
  left: 24px;
}
.card-big-img__readmore .button{
  text-decoration: none;
  padding-bottom: 5px;
  padding-left: 0;
    padding-bottom: 0;
}
.card-big-img__readmore .button:not(:has(span)){
padding-left: 0;
}


/* Elements */
h1, .heading-1 {

  font-size: var(--h1-font-size);
  color: var(--h1-color);
  text-transform: var(--h1-transform);
}

h2, .heading-2 {

  font-size: var(--h2-font-size);
  color: var(--h2-color);
  font-weight: 500;
  text-transform: var(--h2-transform);
  letter-spacing: -2px;
}

h3, .heading-3 {
 
  font-size: var(--h3-font-size);
  color: var(--h3-color);
  text-transform: var(--h3-transform);
}

h4, .heading-4 {

  font-size: var(--h4-font-size);
  color: var(--h4-color);
  text-transform: var(--h4-transform);
      font-weight: 500; /* maybe make changeable */
    line-height: 40px;
    letter-spacing: -2px;
}

h5, .heading-5 {

  font-size: var(--h5-font-size);
  color: var(--h5-color);
  text-transform: var(--h5-transform);
}


h1 span,
h2 span,
h3 span,
h4 span,
h5 span{
  color: var(--primary-color);
  font-size: 40px;
}


/**handmatige fontsizes**/

h1{
  font-size: 50px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -4px;
}
h2{
font-size: 42px;
  line-height: 44px;
  font-weight:500;
}
h3{
font-size: 24px;
  font-weight:500;
  line-height: 40px;
  letter-spacing: -2px;
}
h4 {
 font-size: 38px;
}
@media (min-width: 768px){
h1{
  font-size: 90px;
  line-height: 88px;
}
  h2{
font-size: 54px;
    line-height: 54px;
}
  h3{
  font-size: 38px;
  }
}
form input{ 
    border: none;
  outline: none;
}

.hs-form-field{
    border-bottom: 1px solid var(--color-black, #000);
    padding: 8px;
    width: 100%;
}
.hs-form-field legend, input::placeholder {
    font-size:  18px;
    line-height: 26px;
    letter-spacing: -0.5px;
  color: var(--clr-black);
  opacity: 0.5;
  }
@media( min-width: 768px ){
 .hs-form-field legend, input::placeholder {
    font-size:  24px;
    line-height: 36px;
  }
}
.hs-fieldtype-file{
    display: flex;
    align-items: center;
}
.hs-fieldtype-file .input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    width: 100%;
}
.hs_submit{
    text-align: center;
}
.hs_submit::after{
    margin-top: 8px;
    display: block;
        font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.5px;
}


.hs_submit .actions{
  background: var(--clr-yellow);
  color: var(--clr-black);
  padding-left: 24px;
  width: fit-content;
  margin: auto;
}
.hs_submit .actions::before{
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_510_6203)"><path d="M3.75 12C10.0113 12.0083 13.6246 12.0584 20.25 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 5.25C15.6772 8.25539 17.1868 9.70718 20.25 12C17.0077 14.2098 15.5696 15.7157 13.5 18.75" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_510_6203"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>') !important;
  width: 36px;
  height: 36px;
  background: var(--clr-black);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  content: '';
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 6px solid #000;
}
.hs_submit .actions .hs-button{
background: transparent;
    padding: 0;
}
form .inputs-list{
list-style-type: none;
  padding: 0;
}
.hs-input[type="checkbox"],
.hs-fieldtype-booleancheckbox{
border: none;
  padding: 0;
  margin-top: 28px;
  margin-bottom: 22px;
}
.hs-fieldtype-booleancheckbox .inputs-list{
margin: 0;
}

/* Hide the default checkbox */
.hs-form-booleancheckbox .hs-input {
  opacity: 0;
  width: 36px;
}

/* Styling for the custom checkbox container */
.hs-form-booleancheckbox-display {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 4px;
  cursor: pointer; /* Makes it clear that this element is interactive */
  position: relative;
}

/* Pseudo-element for the custom checkbox */
.hs-form-booleancheckbox-display::before {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid var(--color-gray, #D9D9D6);
  border-radius: 4px;
  background-color: white;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Filled checkmark when the checkbox is checked */
  .inputs-list .hs-input,
.hs-form-booleancheckbox-display.checked::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_510_4444)"><path d="M3.75 13.5L9 18.75C12.5712 13.0155 15.1655 10.357 21 6.75" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_510_4444"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
  border-color: var(--color-gray, #D9D9D6); /* Optional border color for checked state */
  background-size: 75%;
}
@media (min-width: 768px){
  .hs-fieldtype-booleancheckbox{
    grid-column: span 2;
 }
  .inputs-list .hs-input,
  .hs-form-booleancheckbox-display::before, .hs-form-booleancheckbox .hs-input{
  width: 40px;
  height: 40px;
  }
  .hs_submit{
    display: flex;
    align-items: center;
    grid-column: span 2;
}
    .hs_submit::after{
    margin-top: 0;
    margin-left: 24px;
font-size: 18px;
}
  .hs_submit .actions{
    margin: 0;
}
}
.hs-fieldtype-checkbox.hs-form-field {
  border-bottom: 0px;
}
ul.inputs-list.multi-container li.hs-form-checkbox label {
  position: relative;
}
ul.inputs-list.multi-container li.hs-form-radio label span {
    margin-left: 10px;
}
ul.inputs-list.multi-container li.hs-form-checkbox label span {
display: inline-block;
  margin-left: 50px; 
  margin-right: 16px; 
}
/* Hide the original checkbox */
ul.inputs-list.multi-container li.hs-form-checkbox label input {
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
/* Add new checkbox */
ul.inputs-list.multi-container li.hs-form-checkbox label span::before {
   border: 1px solid var(--color-gray, #D9D9D6);
  content: "";
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
  border-radius: 4px;
}
@media (min-width:768px){
  ul.inputs-list.multi-container li.hs-form-checkbox label span::before {
  height: 40px;
  width: 40px;
}
}
/* Style new checked item */
ul.inputs-list.multi-container li.hs-form-checkbox label span::after {
  content: "";
  height: 40px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 2px;
  width: 40px;
  transition: opacity 0.2s ease-in-out;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_510_4444)"><path d="M3.75 13.5L9 18.75C12.5712 13.0155 15.1655 10.357 21 6.75" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_510_4444"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
  border-color: var(--color-gray, #D9D9D6); /* Optional border color for checked state */
  background-size: 75%;
  background-repeat: no-repeat;
}
/* Show when checked */
ul.inputs-list.multi-container li.hs-form-checkbox label input:checked + span::after {
  opacity: 1;
}
/* Style when focused */
ul.inputs-list.multi-container li.hs-form-checkbox label input:focus + span::after {
  outline: 3px solid transparent; /* For Windows high contrast mode. */
}
ul.hs-error-msgs,
.hs-error-msgs li {
 margin: 0; 
  display: flex;
}
.hs-form-field {
 position: relative; 
}
ul.hs-error-msgs {
 position: absolute;
  bottom: 0px;
}
.hs-form-field,
.hs-form-field p,
.hs-error-msgs label{
  font-size: 14px;
  line-height: 18px;
}

/* Components */

/* Logo */

.widget-type-logo img {
  height: auto;
  max-width: 100%;
  margin-bottom: 1.4rem;
}

/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  padding-left: 0;
  margin: 0;
  flex-wrap: wrap;
  justify-content: space-around;
  list-style: none;
}

.hs-menu-wrapper li {
  margin: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper li {
    text-align: center;
  }
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

/* prettier-ignore */
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper {
  top: 100%;
  left: 0;
  opacity: 1;
}

/* prettier-ignore */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper {
  top: 0;
  left: 100%;
  opacity: 1;
}

@media (max-width: 767px) {
  /* prettier-ignore */
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
  .hs-item-has-children:hover
  > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts
  .hs-item-has-children:hover
  > .hs-menu-children-wrapper {
    position: relative;
    top: auto;
    left: 0;
    opacity: 1;
  }
}

/* Rich text */

.widget-type-rich_text img {
  height: auto;
  max-width: 100%;
}
.button, .hs_submit .actions{
display: flex;
  gap: 16px;
  text-decoration: none;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  padding: 8px;
  padding-right: 24px;
  line-height: 26px;
}
.button:not(:has(span)){
  padding-left: 24px;
}
.button.center-cta {
  margin: 0 auto;
}
.button__icon{
display: block;
  border-radius: 50%;
  padding: 6px;
}
.btn-with-icon-big{
  font-size: var(--font-size-body-big);
}
.button .icon-big{
height: 36px;
  width: 36px;
}
.btn-with-icon-small{
  font-size: var(--font-size-body-small);
}
.button .icon-small{
height: 28px;
  width: 28px;
}
.icon-big svg{
height: 24px;
  width: 24px;
}
.icon-small{
    align-items: center;
    display: flex;
}

.icon-small svg{
height: 16px;
  width: 16px;
}
.contact-block__box {
    display: flex;
    flex-direction: row;
    margin-bottom: 2.5rem;
}

.icon-box {
    width: 48px;
    height: 48px;
    background: var(--clr-black) 0% 0% no-repeat padding-box;
    border-radius: 50%;
    margin-right: 0.625rem;
    position: relative;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  text-decoration: none;
  color: var(--clr-white);
}
.icon-box i{
font-size: 32px;
}
.icon-box::after {
    font-family: 'Font Awesome 5.6 Free';
    padding-right: 0rem;
    position: absolute;
    
}



.icon-box--twitter::after {
    content: "\e931";
}

.icon-box--facebook::after {
    content: "\ea90";
}
.client-logos__container {
  padding-inline: 1.875rem;
  text-align: center;
}
.client-logos__container h2 {
  margin-bottom: 56px;
}
.client-logos__wrapper {
    margin-bottom: 40px;
}
.client-logos__logo img {
  max-height: 50px;
  object-fit: contain;
}

@media (min-width: 768px) {
  .client-logos__logo img {
    max-height: 88px;
  }
}

.splide__slide {
  align-self: center;
}
.splide__pagination__page.is-active {
background-color: var(--primary-color) !important;
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0 0 12px 0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}
.footer {  
    background: var(--clr-black);
  margin-bottom: -1px;
}
.footer__wrapper{
background-color: var(--primary-color);
  color: var(--clr-black);
}

.footer__top {
    grid-template-columns: 1fr;
    display: grid;
  margin-bottom: 14px;
}

.footer__col {
    padding-bottom: 40px;
      display: grid;
    align-content: space-between;
}


.footer__col h4 {
  margin-bottom: 16px;
}
  .footer__logo {
    margin-bottom: 16px;
  }
.footer__links ul {
    padding-left: 0;
}
.footer__links .hs-menu-wrapper ul {
    display: block;
}
.footer__links li {
    list-style-type: none;
    margin-bottom: 8px;
}

.footer__links {
    position: relative;

}

.footer__links a {
    text-decoration: none;
    text-align: left;
    display: block;
  line-height: 26px;
}

.footer__links a:hover {
    text-decoration: underline;
}


.footer__bottom {
    flex-wrap: wrap;
    padding: 16px 0;
   align-items: start; 
    flex-direction: column;
    gap: 1rem;
}
.footer__bottom ul li a{
    text-decoration: none;
    text-align: left;
    display: block;
  
}
.footer__bottom a,
.footer__bottom p {
    font-weight: 300;
    margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}


.footer hr {
   border-top: 1px solid rgba(0, 0, 0, 0.10);
background: var(--color-yellow, #FFC837);
    margin: 0;
  border-bottom: none;
}
  .footer-bottom a {
   text-decoration: none; 
  }
.footer .padding-medium,
.footer .padding-large {
  padding-bottom: 0;
}
.footer__box {
  display: grid;
    grid-gap: 16px;
  position: relative;
  grid-template-columns: 48px 48px auto;
}

.footer__box-image {
    position: absolute;
    top: unset;
  bottom: -30px;
    left: 130px;
  }

@media (max-width: 768px){
  .footer__col h4 {
font-size: 24px;
}
  .footer__bottom p,
  .footer__bottom li {
    margin-bottom: 16px;
  }
}

@media (min-width: 768px){
    .footer__top {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px;
      margin-bottom: 0;
  }
    .footer__logo {
    margin-bottom: 32px;
  }
.footer__links a {
  line-height: 36px;
}
  .footer__box-image {
    position: absolute; 
    display: block;
    top: -85px;
    right: 69px;
    left: unset;
    bottom: unset;
  }
  .footer__box-item {
    display: inline-block;
  }
  .footer__col {
    padding-bottom: 120px;
  }
  .footer__col h4 {
    margin-bottom: 32px;
  }
  .footer__bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .footer__bottom ul{
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }

  .footer__bottom a,
  .footer__bottom p {
    font-size: var(--fs-base);
  }
  .footer__box {
    grid-template-columns: none;
    justify-content: end;
  }
  .footer__box-item {
    display: block,
  }
}
.cta-contact{
 position: relative;
}
.cta-contact__title{
 max-width: 389px;
}
.cta-contact__text .cta_button{
 margin: 40px 0;
}
.cta-contact__cta-btns{
 max-width: 603px;
  margin-top: 6px;
}
.cta-contact__cta-btns .cta_button{
 margin: 0;
}
.cta-contact__img img{
 position: absolute;
 bottom: 0;
 left: auto;
 right: -20%;
 height: 72.77vw;
 width: auto;
}


@media (min-width: 579px){
.cta-contact__img img{

 right: -10%;
 height: 65vw;
}
}
@media( min-width: 768px ){
   .cta-contact{
  overflow: visible;
/*        overflow-x: hidden; */
 }
  .cta-contact__img img{

 right: 0;
/*  height: 72.77vw; */
}
}
@media( min-width: 992px ){

 .cta-contact .container{
 display: grid;
 grid-template-columns: 2fr 1fr;
 position: relative;
}
.cta-contact__img{
 position: absolute;
 
 left: auto;
 right: 64px;
 width: 486px;
}

.cta-contact .padding-medium .cta-contact__img{
bottom: -120px;
}
.cta-contact__img img{
 position: relative;
 right: 0;
  width: 100%;
 height: auto;
}
}

@media( min-width: 1200px ){

.cta-contact__cta-btns{
 display: flex;
 justify-content: space-between;
 align-items: center;
}
}
.blogpost-cta{
 padding: 24px;
 border-radius: 32px;
}
.blog-post .blogpost-cta h2{
 margin-bottom: 24px;
}
.blog-post__body .blogpost-cta__upper-title, .blog-post__body .hs_cos_wrapper_type_rich_text p:has(+h2).blogpost-cta__upper-title{
 margin-bottom: 8px;
}
@media (min-width: 768px){
 .blogpost-cta{
  padding: 56px;
 }
}
.quote img{
    width: 80px;
    height: 80px;
    display: block;
    margin: auto;
    border-radius: 50%;
    margin-bottom: 8px;
}
.quote h2{
text-align: center;
  margin: auto;
  margin-bottom: 32px;
  max-width: 992px;
}
.quote p{
  text-align: center;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -0.25px;
}
@media( min-width: 768px ){
.quote p{
  font-size: 18px;
  line-height: 28px;
}
}
.img-numbered-list .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 40px;
    align-items: end;
  }
  .img-numbered-list__img{
    max-width: 466px;
  }
.img-numbered-list__list ol{
  list-style-type: none; 
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  }
.img-numbered-list__list li::marker {
    counter-reset: list-counter;
}
.img-numbered-list__list li {
    counter-increment: list-counter; /* Verhoogt de teller voor elk item */
    position: relative;
    display: grid;
    grid-template-columns: 48px auto;
    gap: 16px;
    margin-bottom: 0;
}
.img-numbered-list__list li::before {
    content: counter(list-counter); 
    display: block;
    width: 48px;
    height: 48px;
    background-color: var(--clr-black);
    color: var(--color-yellow, #FFC837);
        align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
font-weight: 500;
line-height: 40px; 
}


@media screen and (min-width: 768px) {
  .img-numbered-list .container {
    grid-template-columns: 1fr 1fr;
    grid-gap: 80px;
  }
  .img-numbered-list__list ol{
    gap: 48px;
  }
  .img-numbered-list__list li::before{
    font-size: 38px;
    padding: 8px;
  }
}
.jobs-page-content__post .faqs .container{
padding-inline: 0;
}
.faqs.has-intro .faqs__wrapper .container{
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 767px){
  
  .faqs.has-intro .faqs__wrapper .container{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
}
.faqs__intro{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.faqs__title{
  margin-bottom: 8px;
}
.faqs .client__details{
  align-items: center;
}
.faqs .client__details p{
  font-size: 16px;
  line-height: 25px;
}
.faqs  .client__details-name{
  margin-top: 0;
}
@media (min-width: 767px){
  .faqs .client__details{
    display: none;
  }
}

.faqs__accordion-item{
  
border-bottom: 1px solid var(--color-gray, #D9D9D6);
}
.faqs__accordion-item:first-child{
  border-top: 1px solid var(--color-gray, #D9D9D6);
}

.faqs__accordion-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    font-weight: 400;
    padding: 16px 8px;
}
.faqs__accordion-content a,
.faqs__accordion-content p{
  font-size: 16px;
  line-height: 25px;
}
@media (min-width: 767px){
  .faqs__accordion-content a,
.faqs__accordion-content p{
  font-size: 18px;
  line-height: 28px;
}
}
.faqs__accordion-icon::after{
content: '';
    width: 32px;
    height: 32px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.faqs__accordion-button[aria-expanded="false"] .faqs__accordion-icon::after {
    
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><g clip-path="url(%23clip0_397_3685)"><path d="M5 16C13.5917 14.4898 18.408 14.3102 27 16" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.9999 5C15.9522 13.7659 16.0181 18.6 15.9999 27" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_397_3685"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}

.faqs__accordion-button[aria-expanded="true"] .faqs__accordion-icon::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><g clip-path="url(%23clip0_397_3692)"><path d="M5 16C13.5161 15.9392 18.4097 16.0139 27 16" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_397_3692"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}
.faqs__accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease-in;
  padding: 0 8px;

}

.faqs__accordion-button[aria-expanded="true"] + .faqs__accordion-content {
    max-height: 500px; 
        padding: 8px 8px 32px 8px;
   transition: all 1s ease-in;
}
.two-columns-extras__title {
  text-align: center;
}
.two-columns-extras__title {
    max-width: 1000px;
    margin: 0 auto;
}

.two-columns-extras__title h1,
.two-columns-extras__title h2,
.two-columns-extras__title h3,
.two-columns-extras__title h4,
.two-columns-extras__title h5,
.two-columns-extras__title h6 {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .two-columns-extras__title h1,
  .two-columns-extras__title h2,
  .two-columns-extras__title h3,
  .two-columns-extras__title h4,
  .two-columns-extras__title h5,
  .two-columns-extras__title h6 {
    margin-bottom: 64px;
  }
}
.two-columns-extras__columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 768px) {
  .two-columns-extras__columns {
    grid-template-columns: 1fr 1fr;
    padding-top: 80px;
    padding-bottom: 140px;
  }
}
.two-columns-extras__column {
  display: flex;
  flex-direction: column;
  gap: 21px;
}
.two-columns-extras__column h6{
 line-height: 25px;
}
@media (min-width: 576px){
 .two-columns-extras__column h6{
 line-height: 28px;
}
}
.two-columns-extras__pills {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .two-columns-extras__pills {
    flex-direction: row;
  }
}
.two-columns-extras__pills .pill {
  background: var(--clr-black);
  color: var(--clr-yellow);
  font-size: 18px;
  line-height: 26px;
  padding: 8px 24px;
  letter-spacing: -0.5px;
}
.two-columns-extras__pills .pill:last-of-type + svg {
display: none;
}
@media (min-width: 576px){
 .two-columns-extras__pills .pill {
 font-size: 24px;
   line-height: 36px;

 }
}
.two-columns-extras__btn {
  position: relative;
  margin: auto;
}
.two-columns-extras__btn::after {
  content: '';
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="38" height="100" viewBox="0 0 38 100" fill="none"><path opacity="0.6" d="M0.72892 95.5664C0.551119 96.0893 0.830859 96.6573 1.35374 96.8351L9.87459 99.7325C10.3975 99.9103 10.9655 99.6306 11.1433 99.1077C11.3211 98.5848 11.0413 98.0168 10.5185 97.839L2.94438 95.2635L5.51989 87.6894C5.69769 87.1665 5.41795 86.5985 4.89507 86.4207C4.37219 86.2429 3.80417 86.5227 3.62637 87.0455L0.72892 95.5664ZM2.1175 96.7854C22.8609 86.5695 33.8561 69.6485 36.5485 51.6427C39.2367 33.6646 33.6412 14.6589 21.3285 0.224905L19.8069 1.52289C31.7604 15.5357 37.1695 33.9654 34.5705 51.347C31.9756 68.7009 21.3916 85.0637 1.23387 94.9912L2.1175 96.7854Z" fill="black"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 38px;
  height: 100px;
  display: block;
  bottom: 80.8%;
  right: -3%;
  position: absolute;
}

@media (min-width: 576px) {
  .two-columns-extras__btn::after {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="145" height="181" viewBox="0 0 145 181" fill="none"><path opacity="0.6" d="M0.309274 172.685C-0.0901424 173.067 -0.104725 173.7 0.276705 174.099L6.49242 180.608C6.87385 181.007 7.50684 181.022 7.90626 180.64C8.30568 180.259 8.32026 179.626 7.93883 179.227L2.41374 173.441L8.19937 167.916C8.59878 167.534 8.61337 166.901 8.23194 166.502C7.85051 166.103 7.21751 166.088 6.81809 166.469L0.309274 172.685ZM0.976874 174.408C53.343 175.614 93.0701 153.158 117.282 119.886C141.478 86.6369 150.15 42.6313 140.538 0.753696L138.589 1.20108C148.076 42.5392 139.506 85.9478 115.665 118.709C91.8407 151.448 52.7364 173.6 1.02293 172.409L0.976874 174.408Z" fill="black"/></svg>');
    width: 145px;
    height: 181px;
    bottom: 35%;
  }
}
@media (min-width: 768px) {
 .two-columns-extras__btn{
  width: fit-content;
 }
  .two-columns-extras__btn::after {
    right: -175px;
  }
}

@media (min-width: 768px){
 .two-columns-extras__img-text{
    margin-top: 6px;
}
}
.btn-overlay{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.btn-overlay > .client__details,     .blog-post__body .hs_cos_wrapper_type_rich_text .btn-overlay h2,     .blog-post__body .hs_cos_wrapper_type_rich_text .btn-overlay img{
margin: 0;
  margin-bottom: 0;
}

.btn-overlay__btn{
 display: flex;
 gap: 8px;
 /* align-items: flex-start; */
 flex-direction: column;
}
.btn-overlay__btn button, .btn-overlay .hs_cos_wrapper_type_cta{
    text-align: left;
}
.blog-post__body .btn-overlay__btn p{
margin-bottom: 0;
}
.btn-overlay__btn-center{
 align-items: center;
}
@media (min-width: 768px){
 .btn-overlay__btn{
  flex-direction: row;
  gap: 24px;
 }
  .jobs-page-content__single-job .btn-overlay__btn{
  flex-direction: column;
 }
  .btn-overlay__btn button, .btn-overlay .hs_cos_wrapper_type_cta{
    width: fit-content;
}

}
@media (min-width: 1200px){
    .jobs-page-content__single-job .btn-overlay__btn{
  flex-direction: row;
 }

}
.btn-overlay__btn button{
 border: none;
 font-weight: 400;
}
.btn-overlay__overlay {
      position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh; /* Adjusted to cover the full height of the viewport */
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  transition: right 0.3s ease;
  z-index: 1000;
  overflow: auto; /* Ensures scrolling is enabled if content exceeds viewport */
  display: flex;
  flex-direction: column; /* Makes sure content stacks properly */
  max-width: 800px;
}

.overlay-content {
    padding: 20px;
    flex: 1; /* Allows content to expand and take up available space */
  overflow-y: auto; /* Enables vertical scrolling within the content area */
}

.btn-overlay__overlay.show {
    right: 0;
}

.close-overlay {
    position: absolute;
    top: 24px;
    right: 24px;
    background: none;
    border: none;
    cursor: pointer;
}
.btn-overlay__footer .client__details{

    align-items: center;

}
.btn-overlay__footer  .client__details-name{
margin: 0;
}

.btn-overlay__heading, .btn-overlay__content, .btn-overlay__wrapper .container, .btn-overlay__footer{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.btn-overlay__heading{
    gap: 8px;
}
.btn-overlay__footer{
    gap: 16px;
}
@media (min-width: 768px){
  .btn-overlay{
  gap: 40px;
  }
    .btn-overlay__heading, .btn-overlay__content, .btn-overlay__wrapper .container, .btn-overlay__footer{
    gap: 40px;
}
.btn-overlay__heading{
    gap: 16px;
}
.btn-overlay__footer{
    gap: 24px;
    margin-top: 8px;
}
}
.leader-with-video .container,
.leader-with-video__content-left {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.leader-with-video__content-left .pill {
  background: var(--clr-white);
}
.leader-with-video__title span {
  color: var(--clr-white);
}
.leader-with-video__layers {
  position: relative;
  width: 100%;
  /* height: 100%; */
  border-radius: 32px;
  overflow: hidden;
}
.leader-with-video__play {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 3;
  cursor: pointer;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.leader-with-video__play h3 {
  color: var(--clr-white);
}
.leader-with-video__play svg {
  background: var(--clr-yellow);
  border-radius: 50%;
  /* padding: 16px; */
  border: 16px solid var(--clr-yellow);
  width: 88px;
  height: 88px;
}

.leader-with-video__short {
  z-index: 2;
  width: 100%;
  height: 100%;
}
.leader-with-video .hs-video-widget,
.leader-with-video .hs-video-container,
.leader-with-video .hs-video-wrapper {
  height: 100%;
}
.leader-with-video iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.leader-with-video__video {
  display: none;
}
.leader-with-video__layers.playing .leader-with-video__short {
  display: none;
}
.leader-with-video__layers.playing .leader-with-video__play {
  display: none;
}
.leader-with-video__layers.playing .leader-with-video__video {
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
@media (min-width: 992px) {
  .leader-with-video .container {
    grid-template-columns: auto 400px;
    gap: 30px;
    align-items: center;
  }
  .leader-with-video h1 {
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 90%; /* 61.2px */
    letter-spacing:  -4px;
  }
}
@media (min-width: 1200px){
 .leader-with-video .container {
    grid-template-columns: auto 600px;
    gap: 66px;
  }
}
@media (max-width: 767px) {
  .leader-with-video .leader-with-video__wrapper {
    padding-top: 16px;
    padding-bottom: 56px;
  }
}
.card-blog {
background-color: #fff;
border-radius: 32px;
padding: 8px;
position: relative;
max-width: 100%;
align-self: auto;
display: grid;
}
.card-blog__container {
    display: flex;
    flex-direction: column;
    flex: 1;

    
}
.card-blog h3 {
    margin-top: 8px;
font-family: var(--font-family);
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing:  -0.25px;
  color: var(--color-black);
}
.card-blog a {
    text-decoration: none;
font-family: var(--font-family);
font-size: 18px;
line-height: 28px;
letter-spacing: -0.25px;
display: flex;
}
.card-blog a:hover {
  
}
.card-blog p {
    color: var(--color-black);
    opacity: 0.5;
    font-family: var(--ff-text);
    font-size: 14px;
    line-height: 20px; 
    letter-spacing: -0.25px;
    margin-bottom: 8px;
}
.card-blog__image {
    border-radius: 22px;
    width: 100%;
    height: 264px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.card-blog__tags {
position: absolute;
display: flex;
/* padding: 6px 24px; */
justify-content: center;
align-items: center;
gap: 16px;
color: var(--clr-white);;
background-color: var(--clr-black);
top: 16px;
right: 16px;
}
.card-blog__readmore {
    margin-top: auto;
    margin-bottom: 16px;
}
.card-blog__readmore svg {
    width: 28px;
    height: 28px;
    padding: 6px;
    color: var(--color-black);
    background-color: var(--accent-one-color);
    border-radius: 28px;
    display: inline-block;
    margin-bottom: -7px;
}

.card-blog__text {
    padding-inline: 8px;
    display: flex;
    flex-direction: column;
    flex: 1;
/*     justify-content: space-between; */
}
.four-cards__cards{
  margin-top: 40px;
  margin-bottom: 40px;
}
.four-cards:has(.client__details) .four-cards__cards{
  margin-bottom: 0;
}
.four-cards .client__details{
margin-bottom: 0;
}
@media (min-width: 768px){
  .four-cards__cards{
  margin-top: 56px;
  margin-bottom: 56px;
}
  .four-cards__cards:has(.client__details){
  margin-bottom: 0;
}
}
@media (max-width: 768px){
  .four-cards .container{
    padding-right: 0;
  }
  .four-cards__cards .splide__slide{
    width: 280px !important;
  }
}

/* Templates */
.hero-blogpost.jobs-page-hero{
 overflow: visible; 
 padding-bottom: 48px;
}

@media (max-width: 768px){
  .hero-blogpost.jobs-page-hero{
    overflow: visible; 
    padding-bottom: 32px;
  }
   .hero-blogpost.jobs-page-hero h1{
     margin-bottom:0;
  }
  .blog-post.jobs-page-content__post {
    padding-top: 0;
  }
  .jobs-page-content__aside,
  .jobs-page-hero__filters {
    display: none;
  }
  .jobs-page__listing-content .jobs-page-content__aside {
    display: block;  
    padding-top: 32px;
  }
  .jobs-page__listing-view .jobs-page-hero__filters{
    display: grid;
    padding: 32px 0;
  }
  .jobs-page-content__single-job h2:first-of-type {
  display: none; 
}
}

.jobs-page__listing-view .jobs-page-hero__filters{
    display: grid;
    gap: 8px;
}
.jobs-page-hero__filters .dropdown {
  display: block;
  position: relative;
    width: 100%;
}


.jobs-page-hero__filters .dropdown button{
    background: none;
    border: none;
    border-bottom: 1px solid var(--clr-black);
    display: flex;
    align-items: flex-start;
    align-items: center;
    padding: 8px;
    align-items: center;
    gap: 8px;
    width: 100%;
    justify-content: space-between;

}
.jobs-page-hero__filters .dropdown-content {
  display: none;
  /* position: absolute; */
  width: 100%;
  overflow: auto;    
  flex-direction: column;
    padding: 8px;
    gap: 8px;
}
.jobs-page-hero__filters .dropdown:hover .dropdown-content {
  display: flex;
}
.jobs-page-hero__filters .dropdown-content a{
 text-decoration: none;
}
.jobs-page__listing{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.jobs-page__card{
 display: flex;
padding: var(--font-size-block-title, 24px);
flex-direction: column;
align-items: flex-start;
gap: var(--font-size-block-title, 24px);
align-self: stretch;border-radius: 32px;
background: var(--clr-white, #FFF);
    margin-inline: var(--container-padding-inline);
    border: 1px solid var(--clr-white);
}
.jobs-page__card.active{

    border: 1px solid var(--clr-black);

}
.jobs-page__card__info{
display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
.jobs-page__card__info p:nth-of-type(2){
    justify-self: end;
}
.listing.jobs-page-content__single-job{
 display: none;
}

.jobs-page-content__single-job h2 {
  margin-bottom: 40px; 
}
@media screen and (min-width: 768px){
  .jobs-page-content__single-job h2:first-of-type {
    display: block; 
  }
  .hero-blogpost.jobs-page-hero{
    padding-bottom: 80px;
    padding-top: 128px;
  }
  .jobs-page-hero__filters{
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 30px;
  
  }
  .jobs-page-hero__filters .dropdown-content{
    position: absolute;
    left: 0;
    width: auto;
    z-index: 1;
    background-color: var(--body-background-color);
    width: 100%;
    border-radius: 12px;
  }
  .jobs-page-content .jobs-page-content__post{
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .jobs-page-content .jobs-page-content__post > .container{
    display: grid;
    gap: 24px;
    grid-template-columns: 250px auto;
  }
  .listing.jobs-page-content__single-job.active{
    display: block;
  }
  .jobs-page__card{
    margin-inline: 0;
  }
}
@media screen and (min-width: 992px){
  .jobs-page-hero__filters{
    grid-template-columns: 1fr;
    top: 0;
    z-index: 1;
    background: var(--body-background-color);
    width: 100%;
    position: sticky;

  }
  .jobs-page-content .jobs-page-content__post > .container{
    grid-template-columns: 421px auto;
  }
  .jobs-page-content__aside{
  position: relative;
    overflow: auto;
  }
  .jobs-page-content__aside .jobs-page__listing{
  position: absolute;
    width: 100%;
  }
}




.jobs-page-content__aside a {
 text-decoration: none; 
}
.jobs-page-content__aside a:hover .jobs-page__card {
  border: 1px solid var(--clr-black);

}
/* System pages */

.systems-page {
  margin: 0 auto;
  max-width: 700px;
  padding: 2.8rem 1.4rem;
}

.systems-page--search-results {
  max-width: 100%;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
  margin: 0;
  padding-left: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
  margin: 0;
}

/* Membership pages */

.systems-page .form-container {
  margin-bottom: 1.4rem;
}

#hs-membership-password-requirements ul {
  margin-bottom: 1.4rem;
  padding-left: 0;
}

#hs-membership-password-requirements ul li {
  line-height: 1.4;
  margin: 0;
}

.systems-page .hs-login-widget-show-password,
.systems-page .hs-register-widget-show-password,
.systems-page .hs-reset-widget-show-password {
  display: block;
  margin-bottom: 0.7rem;
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label {
  display: inline-block;
  margin-bottom: 0;
}

.systems-page #hs_login_reset {
  display: block;
  margin-bottom: 0.7rem;
}
/* System pages */

.systems-page {
  margin: 0 auto;
  max-width: 700px;
  padding: 2.8rem 1.4rem;
}

/* Password Prompt */

.password-prompt input[type='password'] {
  height: auto !important; /* stylelint-disable-line declaration-no-important */
  margin-bottom: 1.4rem;
}
/* Error pages */

.error-page {
  position: relative;
  padding: 9.8rem 0;
  text-align: center;
}

.error-page:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100%;
  color: #f3f6f9;
  content: attr(data-error);
  font-size: 40vw;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* System pages */

.systems-page {
  max-width: 700px;
  padding: 2.8rem 1.4rem;
  margin: 0 auto;
}

.systems-page--search-results {
  max-width: 100%;
}

.systems-page .success {
  display: inline-block;
  width: 100%;
  padding: 0.35rem 0.7rem;
  border: 1px solid #4f7d24;
  margin: 1.4rem 0;
  background-color: #cde3cc;
  color: #4f7d24;
}

/* Search pages */

.hs-search-results__title {
  margin-bottom: 0.35rem;
  font-size: 1.5rem;
  text-decoration: underline;
}

.hs-search-results__description {
  padding-top: 0.7rem;
}

/* Backup unsubscribe */

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.backup-unsubscribe input[type='email'] {
  margin-bottom: 1.4rem;
}

/* Subscription preferences */

form#email-prefs-form .header {
  background-color: transparent;
}

form#email-prefs-form .item.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

form#email-prefs-form .item.disabled input:disabled {
  cursor: not-allowed;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
  padding-left: 0;
  margin: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
  margin: 0;
}

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

@media (max-width: 768px){
  .padding-mobile {
  padding-inline: 1.875rem;
  }
}
/* stylelint-enable declaration-no-important */

/* Layouts */





/* plugins  */
/**
 * Swiper 8.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 6, 2022

 */@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: var(--clr-black);
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    display: none;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after, .swiper-button-prev:after {
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    /* position: absolute; */
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}