/* Theme base styles */

/* Generic */

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

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

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

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

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

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

body {
  margin: 0;
}

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

main {
  display: block;
}

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

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

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

/* Objects */

/* Responsive grid */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

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

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

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

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

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

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

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

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

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

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

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

  




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

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

/* Drag and drop layout styles */

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

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

/* Elements */
/* Team Member */

.team-member{
    height: 100%;
    padding: 40px 30px;
    background-color: var(--white);
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}

.team-member__image{
    width: 100%;
    height: 100%;
    max-width: 140px;
    max-height: 140px;
    overflow: hidden;
    border-radius: 100%;
}

.team-member__image img{
    width: 132px;
    height: 132px;
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
}

.team-member__header{
    text-align: center;
    display: flex;
    flex-direction: column;
}

.team-member__header h6, 
.team-member__header p, 
.team-member__body p{
    margin-bottom: 0px;
}

.team-member__footer{}

.team-member__footer a{
    color: var(--sapphire)!important;
}

.team-member__footer a::before{
    background-color: var(--sapphire)!important;
}

/* Blog Cards */

.blog-card {
    border-radius: 30px;
    overflow: clip;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 600px;
    background-color: white;
  }
  
  .blog-card__featured-image {
    min-height: 360px;
    max-height: 360px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: clip;
    transition: min-height var(--transition);
    z-index: 2;
  }
  
  .blog-card__featured-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform var(--transition);
  }
  
  .blog-card__read-time {
    position: absolute;
    bottom: 16px;
    right: 16px;
    font-size: 20px;
    color: white;
    padding: 4px 10px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 3;
    pointer-events: none;
  }
  
  .blog-card__content {
    padding: 30px 30px 40px;
    background-color: white;
    position: relative;
    z-index: 1;
  }
  
  .blog-card__content-tags{
    margin-bottom: 20px;
  }
  
  .blog-card__content-tags .label{
    color: var(--orchid);
  }
  
  .blog-card__content h3{
      margin-bottom: 0px;
      transition: var(--transition);
      text-wrap: balance;
      word-break: break-word;
      hyphens: auto;
  }
  
  .blog-card:hover .blog-card__content h3{
      margin-bottom: 24px;
  }
  
  .blog-card__content-footer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height var(--transition), opacity var(--transition);
  }
  
  .blog-card:hover .blog-card__featured-image {
    min-height: 240px;
  }
  
  .blog-card:hover .blog-card__featured-image img {
    transform: scale(1.05);
  }
  
  .blog-card:hover .blog-card__content-footer {
    max-height: 200px;
    opacity: 1;
  }
  
  
  @media screen and (max-width: 1000px){
  
    .blog-card{
      height: unset;
    }
    
    .blog-card__content-footer {
      max-height: unset;
      overflow: visible;
      opacity: 1;
    }
  
    .blog-card .blog-card__content h3, 
    .blog-card .blog-card__content p{
      margin-bottom: 20px;
    }
  
    .blog-card:hover .blog-card__content h3{
      margin-bottom: 20px;
    }
  
    .blog-card .blog-card__featured-image {
      min-height: 240px;
    }
  }
html {
  position: relative;
}

body {
  line-height: 1.4;
}

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

/* Paragraphs */

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

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3, 
h4,
h5,
h6 {
  margin: 0 0 24px;
}

h1,
h2,
h3{
  font-weight: 400!important;
}

h4,
h5,
h6 {
  font-weight: 500!important;
}

/* Lists */

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

ul li,
ol li {
  margin: 0.7rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 24px 0;
}

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

.no-list li {
  margin: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  padding-left: 1rem;
  border-left: 10px solid;
  margin: 0 0 24px;
}

/* Horizontal rules */

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

/* Subscripts and superscripts */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Image alt text */

img {
  font-size: 1rem;
  word-break: normal;
}
.primary-cta{
  font-size: 22px;
  font-weight: 400!important;
  line-height: 1;
  padding: 16px 40px;
  border-radius: 48px;
  transition: var(--transition);
  text-decoration: none;
  display: flex;
  gap: 10px;
  align-items: center;
  text-align: center;
  cursor: pointer;
  max-width: max-content;
  position: relative;
  isolation: isolate;
}

.primary-cta::after{
  content: '';
  width: 100%;
  height: 100%;
  display: inline-block;
  z-index: -1;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M15.2188%2011.25H0V8.75H15.2188L8.21875%201.75L10%200L20%2010L10%2020L8.21875%2018.25L15.2188%2011.25Z'%20fill='white'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: var(--transition);
  z-index: 1;
}

.primary-cta:hover
.text-cta:hover{
  font-weight: 400!important;
}

.text-cta{
  font-size: 22px;
  font-weight: 300;
  line-height: 1.1;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: var(--transition);
  display: flex;
  gap: 10px;
  align-items: center;
  text-align: center;
  cursor: pointer;
  max-width: max-content;
  position: relative;
  isolation: isolate;
}

.text-cta::after{
  content: '';
  width: 100%;
  height: 100%;
  display: inline-block;
  z-index: -1;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M15.2188%2011.25H0V8.75H15.2188L8.21875%201.75L10%200L20%2010L10%2020L8.21875%2018.25L15.2188%2011.25Z'%20fill='white'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: var(--transition);
  z-index: 1;
}

.text-cta::before{
  content: '';
  width: 0%;
  height: 2px;
  background-color: transparent;
  position: absolute;
  bottom: -6px;
  left: 0px;
  transition: var(--transition);
}

.text-cta:hover::before{
  width: 100%;
  z-index: -1;
}

.primary-cta.inactive-cta{
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* Colourways */

/* Colourways - Primary */

.primary-cta.sapphire-cta{
  background-color: var(--sapphire);
  color: var(--white);
}

.primary-cta.sapphire-cta:hover{
  background-color: var(--black);
}

.primary-cta.mint-cta{
  background-color: var(--mint);
  color: var(--black);
}

.primary-cta.mint-cta::after{
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M15.2188%2011.25H0V8.75H15.2188L8.21875%201.75L10%200L20%2010L10%2020L8.21875%2018.25L15.2188%2011.25Z'%20fill='black'/%3E%3C/svg%3E");
}

.primary-cta.mint-cta:hover{
  background-color: #46C6B6;
}

.primary-cta.black-cta{
  background-color: var(--black);
  color: var(--white);
}

.primary-cta.black-cta:hover{
  background-color: var(--sapphire);
}

.primary-cta.white-cta{
  background-color: var(--white);
  color: var(--black);
}

.primary-cta.white-cta::after{
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M15.2188%2011.25H0V8.75H15.2188L8.21875%201.75L10%200L20%2010L10%2020L8.21875%2018.25L15.2188%2011.25Z'%20fill='black'/%3E%3C/svg%3E");
}

.primary-cta.white-cta:hover{
  background-color: var(--sapphire);
  color: var(--white);
}

.primary-cta.white-cta:hover::after{
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M15.2188%2011.25H0V8.75H15.2188L8.21875%201.75L10%200L20%2010L10%2020L8.21875%2018.25L15.2188%2011.25Z'%20fill='white'/%3E%3C/svg%3E");
}


/* Colourways - Text Link */

.text-cta.sapphire-cta{
  color: var(--sapphire);
}

.text-cta.sapphire-cta::before{
  background-color: var(--sapphire);
}

.text-cta.sapphire-cta::after{
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M15.2188%2011.25H0V8.75H15.2188L8.21875%201.75L10%200L20%2010L10%2020L8.21875%2018.25L15.2188%2011.25Z'%20fill='%23544BFF'/%3E%3C/svg%3E");
}

.text-cta.mint-cta{
  color: var(--mint);
}

.text-cta.mint-cta::after{
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M15.2188%2011.25H0V8.75H15.2188L8.21875%201.75L10%200L20%2010L10%2020L8.21875%2018.25L15.2188%2011.25Z'%20fill='%2351FFDC'/%3E%3C/svg%3E");
}

.text-cta.mint-cta::before{
  background-color: var(--mint);
}

.text-cta.white-cta{
  color: white;
}

.text-cta.white-cta::after{
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M15.2188%2011.25H0V8.75H15.2188L8.21875%201.75L10%200L20%2010L10%2020L8.21875%2018.25L15.2188%2011.25Z'%20fill='white'/%3E%3C/svg%3E");
}

.text-cta.black-cta{
  color: black;
}

.text-cta.black-cta::after{
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M15.2188%2011.25H0V8.75H15.2188L8.21875%201.75L10%200L20%2010L10%2020L8.21875%2018.25L15.2188%2011.25Z'%20fill='black'/%3E%3C/svg%3E");
}



@media screen and (max-width: 767px){
  .cta_button.primary-cta, 
  .cta_button.secondary-cta{
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }

  .primary-cta, 
  .secondary-cta{
    width: 100%;
    max-width: unset;
    justify-content: center;
  }
}
/* Labels */

/* Help text */

form legend {

}

.hs-form__virality-link{
  display: none!important;
}

/* Form fields */

.simple-form{
  position: relative;
}

.hs-form-field{
  position: relative;
  transition: var(--transition);
  margin-top: 10px;
  margin-bottom: 28px;
}

@media screen and (max-width: 767px){
  .hs-form-field{
    margin-bottom: 24px;
  }
}

fieldset.form-columns-1 .hs-input:not(.hs-input[type='checkbox']) {
    width: 100%!important;
}

.hs-form-field.hs-form-field--active{
  
}

.hs-form-field:not(.hs-fieldtype-checkbox) label:not(.hs-error-msg, .hs-form-booleancheckbox-display, .hs-form-radio-display){
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 18px */
  text-transform: uppercase;
  color: black;
  margin-bottom: 8px;
  display: block;
}


.hs-fieldtype-radio label:first-of-type:not(.hs-form-radio-display), 
.hs-fieldtype-checkbox label:first-of-type:not(.hs-form-checkbox-display){
  top: 0px!important;
  position: relative!important;
  left: 0px!important;
  margin-bottom: 10px!important;
  display: block;
}

.hs-form-field:not(.hs-fieldtype-checkbox).hs-form-field--active label:not(.hs-error-msg), 
.hs-form-field:has(.hs-error-msgs):not(.hs-fieldtype-checkbox).hs-form-field--active label:not(.hs-error-msg){
  top: calc(0% - 10px);
  font-size: 10px;
  left: 0px;
}

.hs-form-booleancheckbox-display{
    position: relative !important;
    top: 0!important;
    transform: unset !important;
    font-size: 20px !important;
    pointer-events: all!important;
}

.hs-form-booleancheckbox-display a{
  color: var(--spring-green)!important;
}

.hs-error-msg{
  color: #F00;
  font-size: 20px;
  line-height: 1;
  margin-top: 18px;
  display: block;
}

.hs-form-field:has(.hs-error-msg) input{
  border-color: #F00!important;
}

.inputs-list.multi-container li label{
  display: flex;
  flex-direction: row;
  align-items: center;
}


form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='search'], 
form select, 
form textarea{
  width: 100%;
  padding: 10px 24px!important;
  border: 1px solid black!important;
  border-radius: 34px;
  background-color: white;
  font-size: 20px;
  font-weight: 300;
}

form textarea{
  min-height: 120px;
  border-radius: 16px;
}

form fieldset{
  max-width: unset!important;
}

form input::placeholder{
  color: var(--black);
  opacity: 1!important;
}

/* Light Form Styles */

.form--light form input,
.form--light form select,
.form--light form textarea {
  border-color: var(--white);
  color: var(--white);
}

.form--light .hs-form-field label:not(.hs-error-msg){
  color: var(--white);
}

.form--light .hs-richtext{
  color: white;
}


.legal-consent-container .hs-form-booleancheckbox-display input{
 
}

/* Form -fields -> intl phone */


.hs-fieldtype-intl-phone{
  display: flex;
  flex-direction: row;
  gap: 10px;
}

/* Form fields - placeholders */

::-webkit-input-placeholder {
  display: none;
}

::-moz-placeholder {
  display: none;
}

:-ms-input-placeholder {
  display: none;
}

:-moz-placeholder {
  display: none;
}

::placeholder {
  display: none;
}

/* Form fields - date picker */

form .hs-dateinput:before {
  
}

form .pika-table thead th {

}

form td.is-today .pika-button {
 
}

form .is-selected .pika-button {

}

form .pika-button:hover {

}

/* Headings and text */

form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {

}

form .hs-richtext a {

}

/* GDPR */

form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-size: 18px!important;
  color: var(--black);
  margin-bottom: 24px;
}

/* Inline thank you message */

.submitted-message {

}

/* Custom checkbox */

input[type="checkbox"]{
  position: relative;
  cursor: pointer;
  appearance: none; 
  width: 24px;
  height: 24px;
}

input[type="checkbox"]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: var(--transition);
}

input[type="checkbox"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" fill="%23F1F1F1" stroke="%23003934"/></svg>');
}

input[type="checkbox"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" fill="%23F1F1F1" stroke="%23003934"/><rect x="4" y="4" width="12" height="12" rx="2" fill="%23544BFF"/></svg>');
}

.form--dark input[type="checkbox"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" fill="%23F1F1F1" stroke="%23003934"/></svg>');
}

.form--dark input[type="checkbox"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" fill="%23F1F1F1" stroke="%23003934"/><rect x="4" y="4" width="12" height="12" rx="2" fill="%23544BFF"/></svg>');
}

.form--light input[type="checkbox"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" stroke="white"/></svg>');
}

.form--light input[type="checkbox"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" stroke="white"/><rect x="4" y="4" width="12" height="12" rx="2" fill="white"/></svg>');
}

input[type="checkbox"] + span:not(.legal-consent-container .hs-form-booleancheckbox-display>span){
  padding-left: 32px;
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 36px!important;
}

.legal-consent-container .hs-form-booleancheckbox-display p {
    font-size: 20px;
}

/* Custom Radio Button Styling */

/* Target radio inputs inside any label with the common HubSpot structure */
.hs-form-radio-display input[type="radio"] {
  position: relative;
  cursor: pointer;
  appearance: none; /* Hide default radio button */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.hs-form-radio-display input[type="radio"]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: var(--transition, 0.3s ease);
  pointer-events: none;
}

.hs-form-radio-display input[type="radio"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="white" stroke="%23003934"/></svg>');
}

.hs-form-radio-display input[type="radio"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="white" stroke="%23003934"/><rect x="4" y="4" width="12" height="12" rx="6" fill="%23544BFF"/></svg>');
}

.form--dark .hs-form-radio-display input[type="radio"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="white" stroke="%23003934"/></svg>');
}

.form--dark .hs-form-radio-display input[type="radio"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="white" stroke="%23003934"/><rect x="4" y="4" width="12" height="12" rx="6" fill="%23544BFF"/></svg>');
}

.form--light .hs-form-radio-display input[type="radio"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" stroke="white"/></svg>');
}

.form--light .hs-form-radio-display input[type="radio"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" stroke="white"/><rect x="4" y="4" width="12" height="12" rx="6" fill="white"/></svg>');
}


/* Position label text to the right of the custom radio */
.hs-form-radio-display input[type="radio"] + span {
  display: inline-block;
  padding-left: 36px; /* Leave room for the 20px icon and spacing */
  line-height: 20px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
}


.hs-form-radio-display{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.hs-form-radio-display label span{
  font-size: 16px;
  display: inline-block;
  margin-bottom: 8px;
}

/* Buttons */

input[type="submit"].hs-button{
  line-height: 1;
  padding: 14px 34px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  transition: var(--transition);
  text-decoration: none;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  letter-spacing: 1px;
}

form input[type="submit"].hs-button{
  font-size: 22px;
  font-weight: 400!important;
  line-height: 1;
  padding: 16px 60px;
  border-radius: 48px;
  transition: var(--transition);
  text-decoration: none;
  display: flex;
  gap: 10px;
  align-items: center;
  text-align: center;
  cursor: pointer;
  max-width: max-content;
  position: relative;
  isolation: isolate;
  background-color: var(--sapphire);
  color: var(--white);
  margin-top: 40px;
}

form input[type="submit"].hs-button:hover{
  background-color: #443CCD;
}
/* 

Need to make individual adjustments? -- Please use modifier classes e.g. slider-navigation--team-slider
inside of your modules respective css file 

*/


/* Slider Navigation */

.slider-navigation{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
}

.slider-navigation__item{
    width: 50px;
    height: 50px;
    background-color: var(--white);
    border: 1px solid rgba(0, 141, 127, 0.1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    cursor: pointer;
    opacity: 1;
}

.slider-navigation__item.swiper-button-disabled{
    opacity: 0.5;
    cursor: not-allowed;
}

.slider-navigation__item:hover{
    background-color: var(--teal);
    border-color: var(--teal);
}

.slider-navigation__item svg{
    width: 28px;
    max-width: 28px;
    height: auto;
}

.slider-navigation__item svg path{
    fill: var(--teal);
    transition: var(--transition);
}

.slider-navigation__item:hover svg path{
    fill: var(--white);
}

/* Logo Slider */

.logo-slider{
    position: relative;
    isolation: isolate;
}

.logo-slider::after, 
.logo-slider::before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    z-index: 5;
    pointer-events: none;
}

.logo-slider::after{
    top: 0;
    right: 0;
}

.logo-slider::before{
    top: 0;
    left: 0;
}

.logo-slider__logo{
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-slider.logo-slider--light .logo-slider__logo img{
 filter: brightness(0) saturate(100%) invert(1);
  -webkit-filter: brightness(0) saturate(100%) invert(1);
} 

.logo-slider.logo-slider--dark .logo-slider__logo img{
    filter: brightness(0) saturate(100%);
    -webkit-filter: brightness(0) saturate(100%);
}

.logo-slider__logo img{
    min-height: 90px;
    max-height: 100px;
    width: 100%;
    object-fit: contain;
}

.logo-slider .swiper-wrapper{
    transition-timing-function: linear;
}

/* Scrollbar */

.slider-scroll-bar{
    margin-top: 120px;
    height: 1px;
    background-color: #4D4D4D;
}

.slider-scroll-bar .swiper-scrollbar-drag {
    height: 12px;
    background-color: white;
    top: -6px;
}

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

    .logo-slider__logo img{
        min-height: 30px;
        max-height: 30px;
    }
}

.pagination{
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination__page, 
.pagination__arrow{
    max-width: 40px;
    max-height: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: inherit;
    background-color: transparent;
    transition: var(--transition);
    cursor: pointer;

}

.pagination__page:hover, 
.pagination__page.pagination__page--active{
    background-color: var(--tiber-green);
    color: white;
}

.pagination__arrow:hover{
    background-color: var(--tiber-green);
}

.pagination__arrow svg path{
    stroke: var(--tiber-green);
}

.pagination__arrow:hover svg path{
    stroke: var(--white);
}


.pagination__arrow svg{
    pointer-events: none;
}

.pagination__arrow.pagination__arrow--prev svg{
    transform: rotate(180deg);
}

.pagination__arrow.pagination__arrow--inactive{
    cursor: not-allowed;
    opacity: 0.3;
}

.pagination:has(.pagination__arrow.pagination__arrow--prev.pagination__arrow--inactive):has(.pagination__arrow.pagination__arrow--next.pagination__arrow--inactive) .pagination__arrow.pagination__arrow--inactive{
    display: none;
}
/* Table */

table {
  border-collapse: collapse;
  margin: 0px;
  width: 100%;
}

/* Table cells */

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

/* Table header */

thead th,
thead td {
    vertical-align: top;
    text-align: left;
}

thead th{
	border-right: 1px solid var(--grey);
}

thead th h6{
	margin: 0px;
} 

thead th:last-of-type{
	border-right: none;
}


table {
	border-collapse: collapse;
}
table td {
	padding: 15px;
	font-size: 14px;
}
table thead td {
	background-color: #54585d;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #54585d;
}
table tbody td {
	color: #636363;
	border: 1px solid #dddfe1;
}

table td p, 
table td h6{
	margin-bottom: 0px;
}

table tbody tr {
	background-color: #e6f3f2;
}

table:not(.pricing-table) tbody tr:first-of-type h1, 
table:not(.pricing-table) tbody tr:first-of-type h2, 
table:not(.pricing-table) tbody tr:first-of-type h3, 
table:not(.pricing-table) tbody tr:first-of-type h4, 
table:not(.pricing-table) tbody tr:first-of-type h5, 
table:not(.pricing-table) tbody tr:first-of-type h6{
	color: white!important;
	margin-bottom: 0px;
}

table tbody tr:first-of-type td{
	border: 0px solid transparent!important;
}

table:not(.pricing-table) tbody tr:first-of-type td:nth-child(odd) {
  border-right: 0;
  background-color: #008D7F;
  color: white!important;
}

table:not(.pricing-table) tbody tr:first-of-type td:nth-child(even) {
  border-right: 0;
  background-color: #1B6359;
  color: white!important;
}

table tbody tr:nth-child(odd) {
	background-color: #ffffff;
}

table tbody tr td:first-of-type{
	border-left: 0px solid red;
}

table tbody tr td:last-of-type{
	border-right: 0px solid red;
}

table ul{
	padding: 0;
	margin: 0;
	margin-left: 20px;
}

table li{
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.video-media{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.video-media.video-media--paused{

}

.video-media video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
    display: block;
}

.video-media .video-media__thumbnail{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    transition: var(--transition);
}

.video-media.video-media--paused .video-media__thumbnail{
    opacity: 1;
}

.video-media .video-media__controls{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    z-index: 3;
    transition: var(--transition);
}

.video-media:hover .video-media__controls{
    background-color: rgba(0, 0, 0, 0.3);
}

.video-media.video-media--paused .video-media__controls{
    opacity: 1;
    pointer-events: all;
}

.video-media__controls svg{
    transition: var(--transition);
    border: 0px solid rgba(255, 255, 255, 0);
    border-radius: 100%;
}

.video-media__controls svg circle{
    fill: var(--white);
    transition: var(--transition);
}

.video-media__controls svg path{
    fill: var(--sapphire);
    transition: var(--transition);
}

.video-media__controls:hover svg circle{
    fill: var(--sapphire);
}

.video-media__controls:hover svg path{
    fill: var(--white);
}

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

    .video-media__controls svg{
        width: 50px;
        height: 50px;
    }

}
.accordion{
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.30);
  background: rgba(255, 255, 255, 0.10);
  padding: 20px 20px 20px 30px;
  transition: var(--transition);
}

.accordion:not(.accordion.active):hover{
  background: rgba(255, 255, 255, 0.20);
}

.accordion__title-indicator__title span{
  font-weight: 500;
  font-size: 24px;
}

.accordion.accordion--light .accordion__title-indicator__title span{
  color: white;
  transition: var(--transition);
}

.accordion.accordion--dark .accordion__title-indicator__title span{
  color: black;
  transition: var(--transition);
}

.accordion .accordion__title-indicator{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  align-items: center;
  margin-bottom: 0px;
  transition: var(--transition);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

 .accordion.accordion--dark:hover .accordion__title-indicator__title span{
  color: var(--sapphire);
 }

.accordion.accordion--light:hover .accordion__title-indicator__title span{
  color: var(--mint);
 }

.accordion__title-indicator .accordion__title__indicator{
  position: relative;
  margin-left: 20px;
}

.accordion__title__indicator__plus{
  width: 26px;
  height: 26px;
  opacity: 1;
  transition: var(--transition)
}

.accordion.active .accordion__title__indicator__plus{
  transform: rotate(45deg);
}

.accordion.accordion--light .accordion__title__indicator__plus path, 
.accordion.accordion--light .accordion__title__indicator__minus path{
  fill: white;
  transition: var(--transition);
}

.accordion.accordion--light:hover .accordion__title__indicator__plus path{
    fill: var(--mint);
}



.accordion.accordion--dark .accordion__title__indicator__plus path, 
.accordion.accordion--dark .accordion__title__indicator__minus path{
  fill: black;
  transition: var(--transition);
}

.accordion.accordion--dark:hover .accordion__title__indicator__plus path{
    fill: var(--sapphire);
}

.accordion__title__indicator__minus{
  position: absolute;
  width: 20px;
  height: 20px;
  top: 4px;
  left: 0;
  opacity: 0;
  transition: var(--transition)
}

.accordion.active .accordion__title__indicator__minus{
  opacity: 1;
}

.accordion .accordion__title-indicator-svg{
  min-width: 14px;
  min-height: 7px;
  transform: rotate(0deg);
  transition: var(--transition);
}

.accordion.active .accordion__title-indicator-svg{
  transform: rotate(180deg);
}

.accordion .accordion__content{
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  opacity: 0;
  transition: grid-template-rows var(--transition), opacity var(--transition), padding var(--transition);
  width: 90%;
  line-height: 1.5;
  position: relative;
}

.accordion .accordion__content > * {
  min-height: 0;
}

.accordion.active .accordion__content{
  grid-template-rows: 1fr;
  opacity: 1;
  padding: 32px 0px;
}

.accordion.active .accordion__content img{
  border-radius: 8px;
  margin-bottom: 24px;
}

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

  .accordion__title__indicator{
    margin-left: 0px!important;
  }

  .accordion .accordion__content{
    width: 100%;
  }

}
.statistic{
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.statistic-number{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    letter-spacing: 2px;
    background: var(--Gradient-5, linear-gradient(270deg, #C15FFF -9.37%, #544BFF 100.06%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 112px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.8; /* Might change this... */
    letter-spacing: -3px;
}

.statistic-content p:last-of-type{
    margin-bottom: 0px;
}

/* Modules */
/* Rich text */

.widget-type-rich_text img {
  height: auto;
  max-width: 100%;
}
/* Setup */

.footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--black);
    padding-top: 100px;
}

.footer .content-wrapper{
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
}

.footer h4, 
.footer p, 
.footer a{
    color:white!important;
}

.footer a::before{
    background-color: white;
}

.footer p{
    margin-bottom: 0px;
}

/* Footer - Upper */

.footer__upper-logo{
    max-width: 140px;
    height: auto;
    position: relative;
}

/* Footer - Main */

.footer__main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(50px, 5vw, 150px);
}

.footer__main ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer__main ul li{
    margin: 0;
    padding: 0;
}

.footer__main-column h6{
    margin-bottom: 40px;
}

.footer__main-column .rte-link{
    display: block;
    max-width: max-content;
    margin-bottom: 20px;
}

.footer__socials{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.social-icon{
    position: relative;
}

/* Footer - Lower */

.footer__lower{
    display: flex;
    flex-direction: row;
    gap: 26px;
    align-items: center;
    padding: 32px 0px;
    border-top: 1px solid #4D4D4D;
}

.footer__lower-menu-item{
    padding-left: 26px;
    border-left: 1px solid #777777;
}

/* Footer - MQs */

@media screen and (max-width: 1400px){
    .footer .content-wrapper{
        padding: 0 24px;
    }
}

@media (max-width: 1024px) {
  .footer__main {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {

    .footer{
        padding-top: 70px;
    }

    .footer .content-wrapper{
        gap: 26px;
    }

    .footer__main {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .footer__main-column h6 {
        margin-bottom: 20px;
    }

    .footer__main ul {
        gap: 6px;
    }

    .footer__lower{
        flex-wrap: wrap;
    }

}

:not(.hs-inline-edit) .hs-meetings-placeholder {
  display: none;
}

.hs-inline-edit .hs-meetings-placeholder {
  display: block!important;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif!important;
  font-size: 14px!important;
  text-align: center!important;
  background-color: #f5f8fa!important;
  margin: 2px 1px!important;
  border: 1px dashed #516f90!important;
  outline: 1px dashed #fff!important;
}

.hs-inline-edit .hs-meetings-placeholder > * {
  display: block!important;
  box-sizing: border-box!important;
  padding: 12px!important;
  margin: 1px!important;
  width: calc(100% - 2px)!important;
}

.hs-inline-edit h3.hs-meetings-placeholder__title {
  color: #7c98b6!important;
  font-size: 14px!important;
  font-style: italic!important;
  font-weight: 700!important;
  line-height: initial!important;
  margin-bottom: 10px!important;
  margin-top: 0!important;
  padding: 0!important;
  text-shadow: 0 -1px 0 hsla(0,0%,100%,.5)!important;
}

.hs-inline-edit p.hs-meetings-placeholder__description {
  color: #7c98b6!important;
  font-style: italic!important;
  line-height: 1.6!important;
  margin: 0!important;
  text-shadow: 0 -1px 0 hsla(0,0%,100%,.5)!important;
}

.tabbed-meeting-form {
  position: relative;
  will-change: opacity, transform;
  contain: layout paint style;
}

.tabbed-meeting-form.tabbed-meeting-form--no-content::before {
  content: "";
  position: absolute;
  inset: 0;
  left: -100px;
  width: 50%;
  height: 100%;
  background: url('https://26016852.fs1.hubspotusercontent-eu1.net/hubfs/26016852/2025%20-%20Finago%20theme/Images/Adobe%20Express%20-%20file-1.webp') bottom right / cover no-repeat;
  will-change: transform;
  content-visibility: auto;
}

.tabbed-meeting-form .content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 100px;
  width: 100%;
  padding: clamp(60px,10vw,130px) 0;
}

.tabbed-meeting-form__column {
  width: 50%;
  contain: layout paint;
  will-change: transform;
}

.tabbed-meeting-form.tabbed-meeting-form--no-content .tabbed-meeting-form__column.tabbed-meeting-form__column--tabs {
  width: 60%;
}

.tabbed-meeting-form__column:first-of-type h1 {
  line-height: 1;
  margin-bottom: 36px;
}

.tabbed-meeting-form__column .cta-wrapper{
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.tabbed-meeting-form__column.tabbed-meeting-form__column--form {
  position: relative;
}

.tabbed-meeting-form__tab .simple-form{
  margin-top: 50px;
}

.tabbed-meeting-form__column-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.tabbed-meeting-form__column ul {
  margin-bottom: 24px;
  padding-left: 8px;
}

.tabbed-meeting-form__column .actions {
  pointer-events: auto;
}

.tabbed-meeting-form__column--form.submitted .tabbed-meeting-form__column-title {
  display: none;
}

.tabbed-meeting-form__column--form span,
.tabbed-meeting-form__column--form p {
  color: black;
}

.submitted-message {
  text-align: center;
  font-size: 18px;
  color: black;
}

.tabbed-meeting-form__tabs {
  position: relative;
  width: 100%;
  will-change: opacity, transform;
  contain: layout paint style;
}

.tabbed-meeting-form__tab {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity .3s ease;
}

.tabbed-meeting-form__tab.tabbed-meeting-form__tab--active {
  pointer-events: all;
  opacity: 1;
}

.tabbed-meeting-form__navigation {
  display: flex;
  flex-direction: row;
  gap: 40px;
  padding: 8px;
  border-radius: 40px;
  background: var(--Gradient-5,linear-gradient(270deg,#C15FFF -9.37%,#544BFF 100.06%));
  max-width: max-content;
  margin-bottom: 60px;
  position: relative;
  isolation:isolate;
}

.tabbed-meeting-form__navigation-indicator{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 50%;
  height: calc(100% - 16px);
  border-radius: 34px;
  background-color: white;
  z-index: -1;
  transition: left var(--transition), width var(--transition);
}

.tabbed-meeting-form__navigation-item {
  padding: 16px 32px;
  border-radius: 34px;
  cursor: pointer;
  color: white;
  min-width: 160px;
  text-align: center;
  transition: color var(--transition);
  transition-delay: 0.15s;
}

.tabbed-meeting-form__navigation-item.tabbed-meeting-form__navigation-item--active {
  color: black;
}

.tabbed-meeting-form__column.tabbed-meeting-form__column--form .custom-message {
  position: absolute;
  left: 60px;
  bottom: 20px;
}

.tabbed-meeting-form__column .submitted-message {
  background: transparent;
  border: none;
  padding: 0;
  color: #fff;
}

.tabbed-meeting-form__column .actions {
  pointer-events: auto;
  margin-top: 36px;
}

.tabbed-meeting-form__column .hs-form-booleancheckbox-display {
  position: relative!important;
  transform: unset!important;
}

.tabbed-meeting-form__column .hs-form-field:not(.hs-fieldtype-checkbox),
label:not(.hs-error-msg):not(.hs-form-radio-display) {
  pointer-events: all!important;
}

@media screen and (max-width:1400px) {
  .tabbed-meeting-form .content-wrapper {
    padding: clamp(60px,8vw,120px) 24px;
  }
}

@media screen and (max-width:1023px) {
  .tabbed-meeting-form .content-wrapper {
    flex-direction: column;
    gap: 60px;
  }

  .tabbed-meeting-form.tabbed-meeting-form--no-content .content-wrapper {
    gap: 0;
    padding: 60px 24px 220px 24px;
  }

  .tabbed-meeting-form:not(.tabbed-meeting-form.tabbed-meeting-form--no-content) .content-wrapper {
    padding: 60px 24px;
  }

  .tabbed-meeting-form.tabbed-meeting-form--no-content::before {
 
    height: 200px;
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    background-position: top;
  }

  .tabbed-meeting-form.tabbed-meeting-form--no-content .tabbed-meeting-form__column.tabbed-meeting-form__column--tabs {
    width: 100%;
  }

  .tabbed-meeting-form__column:not(.tabbed-meeting-form.tabbed-meeting-form--no-content .tabbed-meeting-form__column) {
    width: 100%;
    border: none;
  }

  .tabbed-meeting-form__column .hs-button,
  .tabbed-meeting-form__column input[type='submit'] {
    width: 100%;
    max-width: none;
    text-align: center;
  }
}

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

  .tabbed-meeting-form__navigation {
    gap: 20px;
  }

  .tabbed-meeting-form__navigation-item span{
    font-size: 14px;
  }
}
.highlighted-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 120px 0px;
    background-image: url('https://26016852.fs1.hubspotusercontent-eu1.net/hubfs/26016852/2025%20-%20Finago%20theme/Images/background-stripeX2.webp');
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}

.highlighted-title .content-wrapper{
    padding: 0px;
    width: 100%;
}

.highlighted-title__title{
    background: var(--Gradient-5, linear-gradient(270deg, #C15FFF -9.37%, #544BFF 100.06%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 104px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -3px;
    max-width: 80%;
    margin-bottom: 0px;
    transition: font-size var(--transition);
}


@media screen and (max-width: 1400px){
    .highlighted-title .content-wrapper{
        padding: 0px 32px;
    }
}


@media screen and (max-width: 1023px){
    
    .highlighted-title__title{
        font-size: 80px;
    }
}


@media screen and (max-width: 767px){
    
    .highlighted-title{
        padding: 80px 0px;
    }

    .highlighted-title__title{
        font-size: 48px;
        letter-spacing: -1.44px;
        max-width: unset;
    }
}
.product-slider{
    width: 100%;
}

.product-slider .content-wrapper{
    padding: 0px;
    margin: auto;
    width: 100%;
}

.product-slider__title{
    display: flex;
    flex-direction: row;
    gap: clamp(30px, 5vw, 80px);
    margin-bottom: 64px;
}

.product-slider__title-column--title {
  width: 35%;
  flex-shrink: 1;
  min-width: 0;
}

.product-slider__title-column--title h2 {
  margin-bottom: 0;
  color: white;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

.product-slider__title-column.product-slider__title-column--content{
    width: 70%;
}

.product-slider .swiper-slide{
    height: auto;
}

/* Product Card */

.product-card {
    border-radius: 33px;
    padding: 280px 24px 40px 32px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: clip;
    isolation: isolate;
    height: 100%;
}

.product-card__overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 33px;
}

.product-card__overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform: rotate(180deg);
    pointer-events: none;
    border-radius: 33px;
    border: 1px solid #B9B9B9;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    background: linear-gradient(192deg, #000 -29.66%, #00000054 73.29%);
    transition: var(--transition);
}

.product-card:hover .product-card__overlay::before{
  opacity: 0.9;
  border: 1px solid #FFF;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.50) 6.53%, rgba(84, 75, 255, 0.30) 33.29%, rgba(84, 75, 255, 0.35) 53.12%, rgba(7, 253, 212, 0.50) 90.72%), #FFF;
}

.product-card__content-wrapper{
    position: relative;
    z-index: 3;
    overflow: clip;
}

.product-card__content{
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(75px);
    transition: var(--transition);
}

.product-card:hover .product-card__content{
    transform: translateY(0px);
}

.product-card__content h3, 
.product-card__content p{
    color: white;
    margin-bottom: 20px;
    line-height: 1.1;
    transition: color var(--transition);
   
}

.product-card:hover .product-card__content h3, 
.product-card:hover .product-card__content p{
    color: black;
}

.product-card__content .primary-cta{
    padding: 16px 40px;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

.product-card:hover .primary-cta{
    opacity: 1;
    pointer-events: all;
}



.product-slider .slider-scroll-bar{
    margin-top: 70px;
    background-color: rgba(255, 255, 255, 0.3);
}


@media screen and (max-width: 1400px){
    .product-slider .content-wrapper{
        padding: 0px 20px;
    }
}

@media screen and (max-width: 1023px){
    .product-slider__title{
        flex-direction: column;
        gap: 40px;
        margin-bottom: 50px;
    }

    .product-slider__title-column--title {
        width: 100%;
    }

    .product-slider__title-column.product-slider__title-column--content{
        width: 100%;
    }

    .product-card{
        padding: 124px 24px 24px 24px;
    }

    .product-card__content{
        transform: translateY(0px);
    }

    .product-card:hover .product-card__content{
        transform: translateY(0px);
    }

    .product-card__content .primary-cta{
        max-width: max-content;
        opacity: 1;
        pointer-events: all;
    }
}

.switchback {
    display: flex;
    flex-direction: row;
    gap: clamp(100px, 10vw, 170px);
  }
  
  .switchback:has(.video-media){
    align-items: center;
    gap: 100px;
  }
  
  .switchback:has(.switchback-column--media-supporting) {
    padding-bottom: 100px;
  }
  
  .switchback-column {
    width: 50%;
  }
  
  .switchback-column--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .switchback-column--content h2 {
    overflow-wrap: break-word;
    hyphens: auto;
  }
  
  .switchback-column--content p:last-of-type:last-child {
    margin-bottom: 0px;
  }
  
  .switchback-column--media {
    position: relative;
  }
  
  .switchback-column--media .video-media {
    width: unset;
    height: unset;
    aspect-ratio: 16/9;
    border-radius: 16px;
  }
  
  .switchback-column--media .video-media video, 
  .video-media__thumbnail{
    border-radius: 16px!important;
  }
  
  .switchback-column--media .switchback-column--media-image {
    width: 100%;
    height: 100%;
    max-height: 620px;
    min-height: 620px;
    object-fit: cover;
    object-position: center left;
    transition: var(--transition);
  }
  
  .switchback-column--media-supporting {
    max-width: 350px;
    max-height: 350px;
    position: absolute;
    top: 55%;
    left: -15%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    transition: var(--transition);
  }
  
  .switchback-column--media img {
    border-radius: 32px;
  }
  
  .switchback.switchback--reverse {
    flex-direction: row-reverse;
  }
  
  .switchback.switchback--reverse .switchback-column--media .switchback-column--media-image {
    object-position: center right;
  }
  
  .switchback.switchback--reverse .switchback-column--media-supporting {
    left: auto;
    right: -15%;
  }
  
  .switchback .cta-wrapper {
    margin-top: 50px;
  }
  
  @media screen and (max-width: 1280px) {
    .switchback {
      align-items: stretch;
    }
  
    .switchback:has(.switchback-column--media-supporting) {
      padding-bottom: 0px;
    }
  
    .switchback:has(.switchback-column--media-supporting) .switchback-column--media .switchback-column--media-image {
      max-height: 90%;
    }
  
    .switchback-column--media-supporting {
      max-height: 300px;
      min-height: 200px;
      top: 60%;
    }
  
    .switchback.switchback--reverse .switchback-column--media-supporting {
      left: auto;
      right: -15%;
    }
  
    .switchback.switchback--reverse .switchback-column--media .switchback-column--media-image {
      object-position: center right;
    }
  }
  
  @media (max-width: 1000px) {
    .switchback {
      flex-direction: column !important;
      gap: 60px;
    }
  
    .switchback-column--content,
    .switchback-column--media {
      width: 100%;
    }
  
    .switchback.switchback--media-top {
      flex-direction: column !important;
    }
  
    .switchback.switchback--media-top .switchback-column--media {
      order: -1;
      display: flex;
      justify-content: flex-end;
    }
  
    .switchback.switchback--reverse.switchback--media-top .switchback-column--media {
      display: flex;
      justify-content: flex-start;
      order: -1;
    }
  
    .switchback .switchback-column--media {
      display: flex;
      justify-content: flex-end;
    }
  
    /* Qualify this so doesn't affect the other */
    .switchback-column--media .switchback-column--media-image{
      min-height: 350px;
      max-height: 350px;
    }
    
    .switchback.switchback--reverse .switchback-column--media {
      display: flex;
      justify-content: flex-start;
    }
  
    .switchback .cta-wrapper {
      margin-top: 24px;
    }
  
    .switchback-column--media-supporting {
      bottom: -30px;
      left: 0;
      max-height: 350px;
      max-width: 50%;
      top: unset;
      min-height: 140px;
    }
  
    .switchback.switchback--reverse .switchback-column--media-supporting {
      left: unset;
      right: 0;
    }
  
    .switchback:has(.switchback-column--media-supporting) .switchback-column--media .switchback-column--media-image {
      max-height: 80%;
      max-width: 80%;
      min-height: 220px;
      aspect-ratio: 1 / 1;
      object-position: center left;
    }
  
    .switchback.switchback--reverse:has(.switchback-column--media-supporting) .switchback-column--media .switchback-column--media-image {
      max-height: 80%;
      max-width: 80%;
      min-height: 220px;
      aspect-ratio: 1 / 1;
      object-position: center right;
    }
  }
.icon-image-repeater {
    display: grid;
    row-gap: 0;
    justify-items: start;
    align-items: start;
  }
  
  .icon-image-repeater__items {
    display: grid;
    grid-gap: 90px 32px;
    width: 100%;
  }
  
  .icon-image-repeater__items.icon-image-repeater__items--three {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 100px 32px;
  }
  
  .icon-image-repeater__items.icon-image-repeater__items--four {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .icon-image-repeater__items.icon-image-repeater__items--three:has(.repeater-image) {
    grid-gap: 28px 14px;
  }
  
  .icon-image-repeater__items__item .repeater-icon {
    width: auto;
    object-fit: contain;
  }
  
  .icon-image-repeater__items__item .repeater-icon.repeater-icon--small {
    max-height: 40px;
    min-height: 40px;
    margin-bottom: 24px;
  }
  
  .icon-image-repeater__items__item .repeater-icon.repeater-icon--large {
    max-height: 90px;
    min-height: 90px;
    margin-bottom: 32px;
  }
  
  .icon-image-repeater__items__item.icon-image-repeater__items__item--small-gap .repeater-icon {
    margin-bottom: 16px;
  }
  
  .icon-image-repeater__items__item.icon-image-repeater__items__item--large-gap .repeater-icon {
    margin-bottom: 50px;
  }
  
  .icon-image-repeater__items__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  
  .icon-image-repeater__items__item.icon-image-repeater__items__item--center {
    align-items: center;
    text-align: center;
  }
  
  .icon-image-repeater__items__item .repeater-image {
    width: 100%;
    min-height: 340px;
    max-height: 470px;
    object-fit: cover;
    object-position: center;
    margin-bottom: 36px;
  }
  
  @media screen and (min-width: 1440px) {
    .icon-image-repeater__items__item .repeater-image {
      min-height: 470px;
    }
  }
  
  .icon-image-repeater__items__item h3 {
    margin-bottom: 28px;
  }
  
  .icon-image-repeater__items__item p {
    padding-right: 16px;
  }
  
  .icon-image-repeater__items__item p:last-of-type {
    margin-bottom: 0;
  }
  
  @media screen and (max-width: 1023px) {
    .icon-image-repeater__items {
      grid-gap: 32px 24px;
    }
  
    .icon-image-repeater__items.icon-image-repeater__items--three {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .icon-image-repeater__items.icon-image-repeater__items--four {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .icon-image-repeater__items.icon-image-repeater__items--three > *:nth-child(3) {
      grid-column: 1 / -1;
    }
  
    .icon-image-repeater__items__item .repeater-image {
      margin-bottom: 32px;
    }
  }
  
  @media screen and (max-width: 767px) {
    
    .icon-image-repeater__items {
      grid-gap: 60px!important;
    }
  
    
  
    .icon-image-repeater__items.icon-image-repeater__items--three,
    .icon-image-repeater__items.icon-image-repeater__items--four {
      grid-template-columns: 1fr;
    }
  
    .icon-image-repeater__items__item{
      align-items: center;
      text-align: center;
    }
  
    .icon-image-repeater__items__item p {
      padding-right: 0px;
    }
  
    .icon-image-repeater__items.icon-image-repeater__items--three > *:nth-child(3) {
      grid-column: auto;
    }
  
    .icon-image-repeater__items__item .repeater-image {
      max-height: 400px;
      min-height: 400px;
      margin-bottom: 24px;
    }
  }
.testimonial{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    position: relative;
    isolation: isolate;
    align-items: center;
  }
  
  .testimonial__column.testimonial__column--content{
    height: max-content;
    grid-column: 1 / 9; 
    grid-row: 1;   
    border-radius: 33px;
    border: 1.5px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(50px);   
    padding: 36px 48px; 
    color: white;  
    margin: 70px 0px;
  }
  
  .testimonial__column.testimonial__column--content svg{
      margin-bottom: 20px;
  }
  
  .testimonial__column.testimonial__column--content blockquote{
      margin-bottom: 50px;
      max-width: 90%;
  }
  
  .testimonial-name p{
      margin-bottom: 0px;
  }
  
  .testimonial__column.testimonial__column--media{
    height: 100%;
    grid-column: 7 / -1; 
    grid-row: 1;         
    z-index: -1;
  }
  
  .testimonial__column.testimonial__column--media img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 33px;
      object-position: center;
  }
  
  .testimonial-footer{
      margin-top: 80px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end;
      gap: 50px;
      flex-wrap: wrap;
  }
  
  .testimonial-footer .cta-wrapper{
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 40px;
  }
  
  .testimonial-client-logo{
      max-height: 80px;
  }
  
  @media screen and (max-width: 1023px){
  
      .testimonial__column.testimonial__column--media{
          height: 100%;
          grid-column: 6 / -1; 
          grid-row: 1;         
          z-index: -1;
      }
  
      .testimonial__column.testimonial__column--content blockquote {
          margin-bottom: 40px;
          max-width: unset;
      }
  
      .testimonial-footer {
          margin-top: 40px;
      }
  
      .testimonial-client__logo-wrapper{
          width: 100%;
          justify-content: flex-end;
          display: flex;
      }
  }
  
  @media screen and (max-width: 767px){
  
      .testimonial{
          grid-template-columns: repeat(6, 1fr);
      }
  
      .testimonial__column.testimonial__column--content{
          grid-column: 1 / -1; 
          padding: 24px 24px; 
          border-radius: 20px;
          grid-row: 2;
          margin: -32px 0px 0px 0px;
      }
  
      .testimonial__column.testimonial__column--content svg{
          max-width: 60px;
          max-height: 60px;
      }
  
      .testimonial__column.testimonial__column--media{
          height: 100%;
          grid-column: 1 / -1; 
          grid-row: 2;         
          z-index: -1;
          margin-top: 30px;
          grid-row: 1;
          transform: translateX(16px);
          width: 50%;
          justify-self: end;
      }
  
      .testimonial-footer {
          margin-top: 32px;
          gap: 32px;
          justify-content: flex-start;
          align-items: flex-start;
          flex-direction: column;
      }
  
      .testimonial-footer .cta-wrapper {
          gap: 32px;
      }
  
      .testimonial-client-logo{
          max-height: 60px;
      }
  }


.highlighted-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 120px 0px;
    background-image: url('https://26016852.fs1.hubspotusercontent-eu1.net/hubfs/26016852/2025%20-%20Finago%20theme/Images/background-stripeX2.webp');
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}

.highlighted-title .content-wrapper{
    padding: 0px;
    width: 100%;
}

.highlighted-title__title{
    background: var(--Gradient-5, linear-gradient(270deg, #C15FFF -9.37%, #544BFF 100.06%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 104px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -3px;
    max-width: 80%;
    margin-bottom: 0px;
    transition: font-size var(--transition);
}


@media screen and (max-width: 1400px){
    .highlighted-title .content-wrapper{
        padding: 0px 32px;
    }
}


@media screen and (max-width: 1023px){
    
    .highlighted-title__title{
        font-size: 80px;
    }
}


@media screen and (max-width: 767px){
    
    .highlighted-title{
        padding: 80px 0px;
    }

    .highlighted-title__title{
        font-size: 48px;
        letter-spacing: -1.44px;
        max-width: unset;
    }
}


.section-indicator{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: max-content;
    transition: 0.3s ease-in-out;
    position: relative;
    border-radius: 20px;
    background-color: var(--tiber-green);
    padding: 8px 12px;
}

.section-indicator .section-indicator__icon {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-indicator .hs_cos_wrapper_type_icon{
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-indicator .section-indicator__icon svg{
    width: 16px;
}

.section-indicator .section-indicator__icon svg path{
    fill: white;
}

.section-indicator .section-indicator__label span{
    font-size: 12px;
    color: white;
    display: block;
}

/* Rules specifically created for the tabbed-dnd-sections */

.tabbed-dnd-section{
    display: block;
    opacity: 1;
    transition: var(--transition);
}

.tabbed-dnd-section.tabbed-dnd-section--hidden{
    opacity: 0;
    display: none;
}

/* utilise .tabbed-dnd-section[class*="PARTIAL-CLASS-MATCH] rules 
to adjust module styling if anything isn't looking quite right 

I'm using this here to override some of the styling applied to modules 
based on what the section settings are.

These will be very theme specific to Euronext so if moved themes, delete the below.

*/

/* Swithcback Rules */

.tabbed-dnd-section[class*="max-width-section-centering"] .switchback{
    gap: 80px;
}
  
.tabbed-dnd-section[class*="max-width-section-centering"] .switchback-column.switchback-column--content{
  padding: 0px;
}

.tabbed-dnd-section[class*="max-width-section-centering"] .switchback.switchback--full-width .switchback-column.switchback-column--media img:not(.video-media__thumbnail), 
.tabbed-dnd-section[class*="max-width-section-centering"] .switchback.switchback--full-width .switchback-column.switchback-column--media .video-media{
    max-width: 70%;
}

@media screen and (max-width: 900px) {
    .tabbed-dnd-section[class*="max-width-section-centering"] .switchback.switchback--full-width .switchback-column.switchback-column--media img:not(.video-media__thumbnail), 
    .tabbed-dnd-section[class*="max-width-section-centering"] .switchback.switchback--full-width .switchback-column.switchback-column--media .video-media{
        max-width: unset;
    }

    .tabbed-dnd-section[class*="max-width-section-centering"] .switchback--full-width .switchback-column.switchback-column--content{
        padding: 0px 20px!important;
    }
}

@media screen and (max-width: 767px){
    .tabbed-dnd-section[class*="max-width-section-centering"]{
        padding-left: 0px;
        padding-right: 0px;
    }

    .hs_cos_wrapper_type_module:not(.hs_cos_wrapper_type_module.has:(.switchback.switchback--full-width)){
        padding: 0px 24px;
    }

    /* This is a very specific rule about if the section has been centered and width adjusted, 
       and there's a switchback set to full width inside it, then remove the L/R padding from
       the section but re-apply it to all module wrappers that aren't the full width switchback
    */

    .tabbed-dnd-section[class*="max-width-section-centering"] .hs_cos_wrapper_type_module:not(:has(.switchback.switchback--full-width)) {
        padding: 0 24px;
    }
}

/* Add other module rules below if needed */

/* Macro */
/* Filterable Card Listing Skeleton */

.filterable-listing {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 40px;
}

.filterable-listing__filters-panel {
  width: 100%;
  max-width: 300px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.filterable-listing__cards-panel{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 64px;
  width: 100%;
}

/* Search */

.filterable-listing__search-input{
  padding: 10px 16px 10px 20px;
  width: 100%;
  border-radius: 55px;
  background-color: transparent;
  border: 1px solid var(--tiber-green);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M1 17L6.11111 11.8889M4.55556 7.22222C4.55556 8.87246 5.21111 10.4551 6.378 11.622C7.5449 12.7889 9.12754 13.4444 10.7778 13.4444C12.428 13.4444 14.0107 12.7889 15.1776 11.622C16.3444 10.4551 17 8.87246 17 7.22222C17 5.57199 16.3444 3.98934 15.1776 2.82245C14.0107 1.65555 12.428 1 10.7778 1C9.12754 1 7.5449 1.65555 6.378 2.82245C5.21111 3.98934 4.55556 5.57199 4.55556 7.22222Z" stroke="%23003934" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: 20px;
  background-position: center right 20px;
  background-repeat: no-repeat;
}

/* Filters */

.filterable-listing__filters {
  position: sticky;
  top: 120px;
  left: 0px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.filterable-listing__filter-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.filterable-listing__filter-title svg {
  transform: rotate(180deg);
  transition: var(--transition);
}

.filterable-listing__filter.filterable-listing__filter--active .filterable-listing__filter-title svg {
  transform: rotate(0deg);
}

.filterable-listing__filter-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 0px;
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: var(--transition);
}

.filterable-listing__filter.filterable-listing__filter--active .filterable-listing__filter-options {
  height: 100%;
  max-height: 1000px;
  overflow: visible;
  opacity: 1;
}

.filterable-listing__filter-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: inherit;
  transition: var(--transition);
  text-transform: capitalize;
}

.filterable-listing__filter-option:hover {
  color: var(--teal);
}

.filterable-listing__filter-option input[type="checkbox"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" stroke="%23003934"/></svg>');
}

.filterable-listing__filter-option input[type="checkbox"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" fill="white" stroke="%23003934"/><rect x="4" y="4" width="12" height="12" rx="2" fill="%23008D7F"/></svg>');
}


/* Cards Grid */

.filterable-listing__no-results{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 1;
  pointer-events: all;
}

.filterable-listing__no-results.filterable-listing__no-results--hidden{
  display: none;
  opacity: 0;
  pointer-events: none;
}

/* Card Grid: Base layout */
.filterable-listing__cards {
  display: grid;
  gap: 50px 30px;
  grid-template-columns: repeat(3, 1fr); /* fallback/default */
}

/* Modifier: 2 per row */
.filterable-listing__cards--two {
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.filterable-listing__cards.filterable-listing__cards--even-gap{
  gap: 30px;
}

/* Responsive Overrides */
@media screen and (max-width: 1165px) {
  .filterable-listing__cards{
    grid-template-columns: repeat(2, 1fr);
  }

  .filterable-listing__cards--two {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (max-width: 1000px) {
  .filterable-listing {
    flex-direction: column;
    gap: 32px;
  }

  .filterable-listing__filters-panel {
    width: 100%;
    max-width: unset;
  }

  .filterable-listing__cards-panel {
    width: 100%;
    gap: 32px;
  }
}

@media screen and (max-width: 767px) {
  .filterable-listing__cards{
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
/* Setup */
.filterable-listing-vertical {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 70px;
}

/* Filters */
.filterable-listing-vertical__filters {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.filterable-listing-vertical__filters p {
    margin-bottom: 0px;
}

.checkbox-filter {
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    padding: 8px 10px;
    background-color: #cfe5df;
    align-items: center;
    gap: 12px;
    transition: var(--transition);
    cursor: pointer;
    min-width: max-content;
}

.checkbox-filter p {
    color: inherit;
    transition: var(--transition);
}

.checkbox-filter.checkbox-filter--active,
.checkbox-filter:hover {
    background-color: var(--tiber-green);
}

.checkbox-filter.checkbox-filter--active p,
.checkbox-filter:hover p {
    color: white;
}

.checkbox-filter input[type="checkbox"]::before {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" stroke="%23003934"/></svg>');
}

.checkbox-filter:hover input[type="checkbox"]::before {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" stroke="white"/></svg>');
}

.checkbox-filter input[type="checkbox"]:checked::before {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" stroke="white"/><rect x="4" y="4" width="12" height="12" rx="2" fill="white"/></svg>');
}

.filterable-listing-vertical__select{
    display: none;
}

/* Card Grid */
.filterable-listing-vertical__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

@media (max-width: 1023px) {
    .filterable-listing-vertical__cards:not(.filterable-listing-vertical__cards--two) {
        grid-template-columns: repeat(2, 1fr);
    }
    .filterable-listing-vertical__cards:not(.filterable-listing-vertical__cards--two) > *:nth-child(3) {
        grid-column: 1 / -1;
    }

    .filterable-listing-vertical__cards--two {
        grid-template-columns: repeat(2, 1fr);
    }
    .filterable-listing-vertical__cards--two > *:nth-child(3) {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .filterable-listing-vertical__filters {
        justify-content: flex-start;
    }
    .filterable-listing-vertical__cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media (max-width: 1023px) {
    .filterable-listing-vertical__cards--two {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .filterable-listing-vertical {
        gap: 40px;
    }

    .filterable-listing-vertical__filters {
        display: none;
    }

    .filterable-listing-vertical__select {
        display: block;
        font-size: 20px;
        padding: 10px;
        background-color: transparent;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 4px;
    }

    .filterable-listing-vertical__cards{
        grid-template-columns: repeat(1, 1fr)!important;
        gap: 16px;
    }
}
.latest-articles__title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    margin-bottom: 50px;
}

.latest-articles__title h2{
    margin-bottom: 0px;
}

.latest-articles__articles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    align-items: stretch;
}

.latest-articles__articles .article-card{
    display: flex;
    opacity: 1;
}

@media (max-width: 1023px) {
    .latest-articles__articles {
        grid-template-columns: repeat(2, 1fr);
    }

    .latest-articles__title .primary-cta{
        display: none;
    }
}

@media (max-width: 767px) {
    .latest-articles__articles {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}
.ecs-modal {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999999999;
    pointer-events: none;
    opacity: 0;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ecs-modal.ecs-modal--show {
    opacity: 1;
    pointer-events: all;
}

.ecs-modal::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--tiber-green);
    opacity: 0.7;
    pointer-events: none;
}

.ecs-modal__content{
    position: relative;
    max-width: 85vw;
    width: 85vw;
    max-height: 90vh;
    background: white;
    border-radius: var(--radius);
    box-shadow: 0 0 50px rgba(0,0,0,0.4);
    overflow-y: auto;
    padding: 20px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    isolation: isolate;
}

.ecs-modal__content * {
    max-width: 100%;
    box-sizing: border-box;
}

.ecs-modal__content iframe,
.ecs-modal__content video {
    width: 100% !important;
    height: auto !important;
    max-height: 60vh;
    display: block;
}

.ecs-modal__content video{
    max-height: unset;
}

.ecs-modal__content:has(video){
    padding: 0px;
}

.ecs-modal__content .video-media{
    z-index: 1;
}

.ecs-modal__content:has(video) .ecs-modal-close-icon svg path{
    fill: white!important;
}

.ecs-modal-close-icon {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    z-index: 2;
}

.ecs-modal-close-icon:hover svg path {
    fill: var(--teal);
    transition: var(--transition);
}


/* Custom Macro Behaviours */

.ecs-modal .video-media.video-media--paused .video-media__controls{
    pointer-events: none;
}

.ecs-modal--show .video-media.video-media--paused .video-media__controls{
    pointer-events: all;
}

/* Sections */



/* Settings */

:root {
  --black: #000;
  --white: #fff;
  --ice: #EFEFFD;
  --grey: #B9B9B9;
  --light-grey: #F1F1F1;
  --sapphire: #544BFF;
  --mint: #51FFDC;
  --orchid: #BE5FFF;
  --transition: 0.3s ease-in-out;
  --box-shadow: 0px 10px 23px -5px rgba(0,0,0,0.05);
  --box-shadow--hidden: 0px 10px 23px -5px rgba(0,0,0,0.0);
  --radius: 6px;
}

/* Helpers */

.hide-desktop{
  display: none;
}

body.no-scroll{
  overflow-y: clip;
}

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

  .hide-desktop{
    display: flex!important;
  }
  .hide-mobile{
    display: none!important;
  }
}

/* All */

html {
  scroll-behavior: smooth;
}

.body-wrapper{
  overflow-x: clip;
}

.lp-gradient{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 1000px;
  background: linear-gradient(175deg, #EFEFFD 24.18%, #FFF 106.41%);
  background-blend-mode: darken;
  z-index: -1;
}

.cover-link{
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

a:not(.primary-cta):not(.secondary-cta):not(.text-cta) {
  color: var(--sapphire);
  position: relative;
  text-decoration: none;
  transition: var(--transition);
}

a:not(.primary-cta, .text-cta):hover {
  color: var(--sapphire);
}

a:not(.primary-cta, .text-cta)::before {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: var(--dark-teal-green);
  transition: var(--transition);
}

a:not(.primary-cta, .text-cta):hover::before {
  width: 100%;
}

.big-text{
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: -0.5px;
}

.small-text{
  font-size: 20px;
  line-height: 1.5;
}

/* h2{
  font-weight: 700!important;
}

h3, 
h4, 
h5, 
h6{
  font-weight: 600!important;
} */

blockquote {
  font-size: 56px;
  font-weight: 400;
  line-height: 1;
  border: 0px;
  padding: 0px;
  margin-bottom: 0px;
}

.label{
  font-size: 18px;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 500!important;
}

.hs-banner-optimization-animation{
  box-shadow: none!important;
}

.hs-banner-parent{
  position: relative!important;
}

body:has(.hs-banner-optimization-animation):not(body:has(.hs-banner-optimization-animation.hs-hidden)) .cookie-overlay{
  opacity: 0.7;
}

ul li::marker{
  font-size: 20px;
  color: var(--sapphire);
}

ul.inputs-list{
  list-style: none;
  margin: 0!important;
  padding: 0!important;
}

ul.inputs-list li{
  padding: 0px;
  margin: 0px;
  line-height: 1.5;
}


/* Custom List Style */

.icon-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.icon-checklist li {
  --icon-size: 1.25rem;
  --icon-gap: 0.75rem;
  position: relative;
  padding-left: calc(var(--icon-size) + var(--icon-gap));
  margin: 0;
}

.icon-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--icon-size);
  height: var(--icon-size);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M8.15344 14.8717L12.3745 19.0928L21.1472 10.3198' stroke='currentColor' stroke-width='2.0953'/%3E%3Ccircle cx='14.9194' cy='14.9195' r='11.3695' transform='rotate(-105 14.9194 14.9195)' stroke='url(%23paint0_linear_6558_4926)' stroke-width='1.62422'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6558_4926' x1='4.80076' y1='2.73785' x2='27.2073' y2='21.6826' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2351FFDC'/%3E%3Cstop offset='1' stop-color='%23544BFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.icon-checklist.icon-checklist--light li{
  color: var(--white);
}

.icon-checklist.icon-checklist--light li::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M8 14.5519L12.221 18.7729L20.9938 10' stroke='white' stroke-width='2.0953'/%3E%3Ccircle cx='14.9184' cy='14.9194' r='11.3695' transform='rotate(-105 14.9184 14.9194)' stroke='url(%23paint0_linear_6884_872)' stroke-width='1.62422'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6884_872' x1='4.79978' y1='2.73779' x2='27.2063' y2='21.6825' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2351FFDC'/%3E%3Cstop offset='1' stop-color='%23544BFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.icon-checklist li {
  color: #111;
}

.icon-checklist li strong {
  color: inherit;
}

.light-gradient{
background: linear-gradient(
  124deg,
  rgba(255, 255, 255, 0.5) 0%, 
  rgba(84, 75, 255, 0.3) 31.78%, 
  rgba(84, 75, 255, 0.35) 55.34%, 
  rgba(7, 253, 212, 0.5) 100%
);
}

.widget-type-linked_image{
  overflow: clip;
}


.article-quote{
    padding-left: 60px;
    border-left: 4px solid var(--sapphire);
    font-weight: 500;
    display: block;
}

.article-quote span{
  display: block;
  margin-bottom: 40px;
}

.article-quote p{
  margin-bottom: 0px;
}



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

  .align-center-mobile{
    text-align: center;
  }

  .big-text{
    font-size: 22px;
    line-height: 1.4;
  }

  blockquote {
    font-size: 30px;
    line-height: 1.3;
  }

}

/* Utilities */

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

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

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

.d-grid {
  display: grid;
}

.d-flex {
  display: flex;
}

.d-block {
  display: block;
}

.d-none {
  display: none;
}

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

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-end {
  justify-content: flex-end;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.text-center {
  text-align: center;
}

.w-100 {
  width: 100%;
}

.position-fixed {
  position: fixed !important;
}

@media screen and (max-width: 767px) {
  .flex-phone {
    display: flex;
  }

  .flex-row-phone {
    flex-direction: row;
  }

  .flex-row-reverse-phone {
    flex-direction: row-reverse;
  }

  .flex-col-phone {
    flex-direction: column;
  }

  .flex-col-reverse-phone {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .flex-row-tablet {
    flex-direction: row;
  }

  .flex-row-reverse-tablet {
    flex-direction: row-reverse;
  }

  .flex-col-tablet {
    flex-direction: column;
  }

  .flex-col-reverse-tablet {
    flex-direction: column-reverse;
  }
}

/* = box shadows -------------------- */
.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* For content that needs to be visually hidden but stay visible for screenreaders */

/* stylelint-disable declaration-no-important */
.show-for-sr {
  position: absolute !important;
  overflow: hidden !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    position: absolute !important;
    overflow: hidden !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }
}

/* stylelint-enable declaration-no-important */