/* 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 16px;
  margin: 0 auto;
}

.content-wrapper-full{
    max-width: 1504px64px;
    margin: 0 auto;
}

/* Drag and drop layout styles */

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

@media (max-width: 767px) {
  
  .content-wrapper {
  padding: 0 32px;
}
  
  .dnd-section .dnd-column {
    padding: 0;
  }
}
@media (min-width: 1150px) {
.content-wrapper {
  padding: 0 32px;
}
}

/* Elements */

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 1.4rem;
}

.font-big {
	;
	font-size: ;
}

.font-small {
	font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
	font-size: ;
}
@media (min-width:992px) {
	.font-big {
	  font-size: 18px;
	}
	
	.font-small {
	  font-size: 14px;
	}
}

/* Anchors */

a {
  cursor: pointer;
}

.widget-type-rich_text a:not([class]) {
	text-decoration:none;
  color: #5b4ce2;
}

.widget-type-rich_text a:not([class]):hover {
  color: #5b4ce2;
	text-decoration:underline;
}
/* Headings */

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

/* Lists */

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

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

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

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

.no-list li {
  margin: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  padding-left: 1rem;
  border-left: 10px solid;
  margin: 0 0 1.4rem;
  font-size: 20px;
}

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


/* Button Styles */













































/* Form Submit */












.button-wrapper {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

/* Default */

button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
  text-decoration: none;
  font-weight: 500;
line-height: 24px;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}


button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #5B4CE2;

  padding-top: 10px;
padding-right: 22px;
padding-bottom: 10px;
padding-left: 22px;

  background-color: 

  
  
    
  


  rgba(91, 76, 226, 1.0)

;
  border-radius: 100px;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  font-size: 18px;
  text-transform: none;
  font-family: Space Grotesk, sans-serif;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 1px solid #9D94EE;

  background-color: 

  
  
    
  


  rgba(157, 148, 238, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  font-family: Space Grotesk, sans-serif;
  text-decoration: none;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  border: 1px solid #9D94EE;

  background-color: 

  
  
    
  


  rgba(157, 148, 238, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.button.button_primary {
  border: 1px solid #5B4CE2;

  background-color: 

  
  
    
  


  rgba(91, 76, 226, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
.button.button_primary:hover, .button.button_primary:focus, .button.button_primary:active {
  border: 1px solid #9D94EE;

  background-color: 

  
  
    
  


  rgba(157, 148, 238, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
.button.button_primary_border {
  border: 1px solid #5B4CE2;

  color: 

  
  
    
  


  rgba(91, 76, 226, 1.0)

;
  background-color: transparent;
  border: 1px solid #5B4CE2;
}
.button.button_primary_border:hover, .button.button_primary_border:focus, .button.button_primary_border:active {
color: rgba(157, 148, 238, 1.0);
background-color: rgba(255, 255, 255, 1.0);
border: 1px solid rgba(157, 148, 238, 1.0);

}

.button.button_secondary {
  border: 1px solid #03ff81;

  background-color: 

  
  
    
  


  rgba(3, 255, 129, 1.0)

;
  color: 

  
  
    
  


  rgba(20, 5, 77, 1.0)

;
}
.button.button_secondary:hover, .button.button_secondary:focus, .button.button_secondary:hover {
  border: 1px solid #9AFFCD;

  background-color: 

  
  
    
  


  rgba(154, 255, 205, 1.0)

;
  color: 

  
  
    
  


  rgba(20, 5, 77, 1.0)

;
}

.button.button_accent_1 {
  border: 1px solid #14054D;

  background-color: 

  
  
    
  


  rgba(20, 5, 77, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
.button.button_accent_1:hover, .button.button_accent_1:focus, .button.button_accent_1:hover {
  border: 1px solid #726994;

  background-color: 

  
  
    
  


  rgba(114, 105, 148, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
.button.button_accent_1_border {
  border: 1px solid #14054D;

  color: 

  
  
    
  


  rgba(20, 5, 77, 1.0)

;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
.button.button_accent_1_border:hover, .button.button_accent_1_border:focus, .button.button_accent_1_border:hover {
  border: 1px solid #726994;

  color: 

  
  
    
  


  rgba(114, 105, 148, 1.0)

;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 3px;
border: 1px solid 

  
  
    
  


  rgba(114, 105, 148, 1.0)

;
box-shadow: 0px 0px 10px 0px rgba(19, 7, 68, 0.45) inset;
}
.button.button_accent_2 {
  border: 1px solid #ffffff;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: 

  
  
    
  


  rgba(20, 5, 77, 1.0)

;
}
.button.button_accent_2:hover, .button.button_accent_2:focus, .button.button_accent_2:hover {
  border: 1px solid #14054D;

  background-color: 

  
  
    
  


  rgba(20, 5, 77, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
.button.button_accent_2_border {
  border: 1px solid #ffffff;

  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  background-color: transparent;
  
  border-radius: 3px;
border: 1px solid #FFF;
}
.button.button_accent_2_border:hover, .button.button_accent_2_border:focus, .button.button_accent_2_border:hover {
  border: 1px solid #14054D;

  color: 

  
  
    
  


  rgba(20, 5, 77, 1.0)

;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.button.button_small {
  padding-top: 10px;
padding-right: 22px;
padding-bottom: 10px;
padding-left: 22px;

  font-size: 14px;
  border-radius: 100px;
}
.button.button_big {
  padding-top: 10px;
padding-right: 22px;
padding-bottom: 10px;
padding-left: 22px;

  font-size: 20px;
  border-radius: 100px;
}


.button-no-style,
.button-no-style:hover,
.button-no-style:active,
.button-no-style:focus {
  background-color: transparent;
  border: none;
  cursor: pointer;
  box-shadow: none;
}


/* Form Submit button */

form input[type=submit],
form .hs-button {
  border: 1px solid #03ff81;
;
  ;
  font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: 

  
  
    
  


  rgba(20, 5, 77, 1.0)

;
  font-size: ;
  background-color: 

  
  
    
  


  rgba(3, 255, 129, 1.0)

;
  border-radius: 100px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(154, 255, 205, 1.0)

;
  color: 

  
  
    
  


  rgba(20, 5, 77, 1.0)

;
  border: 1px solid #9AFFCD;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: 

  
  
    
  


  rgba(154, 255, 205, 1.0)

;
  border-color: 

  
  
    
  


  rgba(154, 255, 205, 1.0)

;
}


@media(max-width: 767px){
	.button-wrapper {
		gap: 34px 30px;
	}
}
/* Form title */

.form-title {
  margin: 0;
}

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

/* Labels */

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

/* Form fields */

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

form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form input[type="number"],
form input[type="file"],
form input[type="search"],
form select,
form textarea {
  display: inline-block;
  width: 100% !important; /* stylelint-disable-line declaration-no-important */
}

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

/* Form fields - checkbox/radio */

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

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

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

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

/* Form fields - date picker */

form .hs-dateinput {
  position: relative;
}

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

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

/* Form fields - file picker */

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

/* Headings and text */

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

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

/* GDPR */

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

/* Validation */

form .hs-form-required {
  color: #ef6b51;
}

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

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

/* Submit button */

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

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}

select {
  /*
  border-color: var(--blue);
  color: var(--blue);
  padding: 0.6rem 0.8rem;
  border-radius: 20px;
  font-family: "Krona One", sans-serif;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12'%3E%3Cpath id='Polygon_3' data-name='Polygon 3' d='M6.5,0,13,12H0Z' transform='translate(13 12) rotate(180)' fill='%23256eff'/%3E%3C/svg%3E%0A");
  */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="18" viewBox="0 0 13 18" fill="none"><path d="M7.43659 17.0869C9.13092 14.2331 10.828 11.3748 12.5196 8.52652C10.8088 5.64534 9.12452 2.81078 7.45579 0H0.0228577C1.73273 2.8821 3.40512 5.70294 5.08117 8.52835C3.39598 11.3675 1.72085 14.1883 0 17.0869H7.43659Z" transform="translate(15) rotate(90)" fill="%23433771"/></svg>');
    background-repeat: no-repeat;
    /*background-position: right 6px center;*/
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right 15px top 13px;

    background-size: 15px;
    background-color: #f6f9fc;
    border: 1px solid #14054D;
    border-radius: 26px;
    color: #14054d;
    font-family: Space Grotesk, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 44px;
    padding: 10px 28px 10px 10px;
    text-decoration: none;
}
/* Load spinner */

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

/* Icon wrapper */

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

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

/* Icon */

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

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

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



.hubdb-pagination {
	background: var(--primary-colour);
}

.hubdb-pagination a,
.hubdb-pagination a:hover,
.hubdb-pagination a:focus,
.hubdb-pagination a:active {
	color: #fff;
	max-width: 460px;
	/*font-size: 18px;*/
	text-decoration: none;
	line-height: 1.6;
	display: inline-block;
}

.hubdb-pagination a span {
	display: block;
	line-height: 1;
	padding-bottom: 25px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.hubdb-pagination .content-wrapper {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	padding-bottom: 35px;
	gap: 50px
}

.hubdb-pagination-prev {
	flex: 0 1 50%;
  transition:all 0.3s ease-in-out;
}

.hubdb-pagination-next {
	text-align: right;
	flex: 0 1 50%;
  transition:all 0.3s ease-in-out;
}

.hubdb-pagination-next:hover a,.hubdb-pagination-prev:hover a,.hubdb-pagination-prev:hover a svg path,.hubdb-pagination-next:hover a svg path{
	color:#9D94EE;
  stroke:#9D94EE;
}

.hubdb-pagination-next span {
	justify-content: end;
}

@media(max-width: 767px){
	.hubdb-pagination .content-wrapper {
		gap: 30px;
	}

	.hubdb-pagination a {
		font-size: 14px;
	}
}
/* Table */

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

/* Table cells */

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

/* Table header */

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


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

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

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

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

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

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

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

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

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

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

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

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

/* Components */



/* NEW HEADER */


















/* 1i. Website footer */








/* Header DND sections */

.header .dnd-section {
	padding: 0;
}

/* Header container */

.main-nav.desktop {
    display: none;
}

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

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




/* navigation */

header.site-header{
max-width: 1504px;
margin: 0 auto;
position:relative;
z-index:9999;
}

.primary-nav {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
  gap:75px;
  width: 100%;
  z-index: 9999;
}

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

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

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

.mega-menu-util {
    position: relative;
    display: flex;
    align-items: center;
    gap: 32px;
}
.nav-CTA{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
}
/* mega-menu */

.mega-menu {
    display: flex;
    align-items: center;
  width: 100%;
    display: flex;
    justify-content: space-between;
}

.mega-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 32px;
}
.primary-nav:not(.scrolled) .mega-menu ul li.main-menu > a {
    color: white;
}

.primary-nav.scrolled .mega-menu ul li.main-menu > a {
    color: #14054D;
}
.mega-menu ul li a {
    display: flex;
    gap: 10px;
    align-items: center;
    text-decoration: none;
    transition: color .3s ease-in-out;

	color: var(--eastnets-purple-50, #9D94EE);

font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 133.333% */
}

.mega-menu ul li a.menu-link{
	padding:0 0 20px 0px;
    cursor:default;
}

.mega-menu >ul> li.main-menu >a {
    box-sizing:border-box;
    padding-bottom:10px;
  padding-top:10px;
    border-bottom:solid 2px transparent;
}
.mega-menu >ul> li.main-menu:hover >a {
    box-sizing:border-box;
    border-bottom:solid 2px #03ff03;
}

.mega-menu ul li .sub-menu {
background-color: #fff;
    background: transparent;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 30px 42px -10px rgba(19, 7, 68, .15), 0 40px 100px -15px rgba(19, 7, 68, .15);
    display: flex;
    right: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 116px;
    transition: all .3s linear;
    visibility: hidden;
    width: 100%;
    z-index: 21;
}

.mega-menu ul li .sub-menu.single{
right: unset;
}

.mega-menu ul li .sub-menu {
    /*display: flex;*/
    /*max-height: 1000px;*/
    opacity: 1;
    visibility: visible;
    justify-content: flex-end;
    width: auto;
}

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

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

/* mega menu sidebar */

.mega-menu .sub-menu .sidebar {
background: #f6f9fc;
    border-radius: 0 0 12px 0;
    color: #fff;
    max-width: 350px;
    padding: 30px 35px;
    width: 100%;
    min-width: 342px;
}

.mega-menu .sub-menu .sidebar ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
   
}
.mega-menu .sub-menu .sidebar ul li.sub-title {
	color:#726994;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 133.333% */
    margin-bottom:10px;
}
.mega-menu .sub-menu .sidebar ul li {
    padding: 16px .7rem;
    margin: 0;
}

.mega-menu .sub-menu .sidebar ul li:hover:not(.sub-title) {
    background: var(--eastnets-purple-10, #efedfc);
    border-radius: 5px;
}


.mega-menu .sub-menu .sidebar ul li a {
    color: #14054D;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
	
}

.mega-menu .sub-menu .mega-sub-menu-wrapper.full {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 634px;
    max-width: 100%;
    width: 100%;
    background: white;
}

/* mega menu links */

.mega-menu .sub-menu .mega-sub-menu-wrapper {
display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 634px;
    max-width: 100%;
    width: 634px;
}

.mega-menu .sub-menu.single .mega-sub-menu-wrapper {
display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 317px;
    max-width: 100%;
    width: 317px;
}

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

.mega-menu .sub-menu ul.mega-sub-menu li {
    break-inside: avoid;
	margin: 0;
  height:100%;
}

.mega-sub-menu-group > a {
    display: flex;
    align-items: center;
    gap: 16px;
text-decoration: none;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 600;
    color: #9d94ee;
    padding: 10px;
}

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

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

.mega-sub-menu-group {
    margin: 0;
}

.mega-sub-menu-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mega-sub-menu-group ul.sub-group li.sub-group-item:hover {
    border-radius: 5px;
    background: var(--eastnets-purple-10, #EFEDFC);
    cursor:pointer;
}
.mega-sub-menu-group ul.sub-group li.sub-group-item {
    padding: 6px 20px 20px;
}
.mega-sub-menu-group > a,.mega-sub-menu-group ul.sub-group li.sub-group-item{
  padding: 10px 0;
  margin: 0;
}
.mega-sub-menu-group ul.sub-group li a {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}
.mega-sub-menu-group ul.sub-group li a:hover {
    cursor:pointer;
}
/**/
.mega-sub-menu-group ul.sub-group li .item-title {
	color: #130744;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 133.333% */
}

.mega-sub-menu-group ul.sub-group li .item-subtitle{
	color: #130744;
font-family: "Space Grotesk";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 14px; /* 116.667% */
}
/**/

/* mega menu cta */

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

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

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

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

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

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

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


.sub-menu.single .cta-banner-wrapper {
    background-color: #14054d;
    border-radius: 10px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2%;
    flex-direction: column;
}

.sub-menu.single div.banner_content {
    width: 100%;
}

/* mega menu col modifiers */
.mega-menu .sub-menu ul.mega-sub-menu.mega-sub-menu--1 {
    column-count: 1;
}

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

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

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

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

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

.primary-nav.scrolled::before {
    content: "";
    background-color: var(--white);
    top: 0;
    left: -50%;
    position: absolute;
    width: 300vw;
    height: calc(100% + 1px);
    z-index: -1;
}

.primary-nav:not(.resources):not(.scrolled) .search a,
.primary-nav:not(.resources):not(.scrolled) .search a svg path{
    color: #fff;
    stroke: #fff;
    fill: #fff;
}
}

.primary-nav.scrolled .mega-menu ul li.main-menu > a {
    color: #14054D;
}
.primary-nav.scrolled .mega-menu >ul> li.main-menu:hover >a {
    box-sizing:border-box;
    border-bottom:solid 2px #14054D;
}
.primary-nav.scrolled .logo {
    max-width: 200px;
    width: 100%;
}

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

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

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

#site-logo {
    transition: opacity 0.3s ease;
  }
  
/* resources */

.primary-nav.resources .mega-menu ul li.main-menu > a {
    color: #14054D;
}
.primary-nav.resources .mega-menu >ul> li.main-menu:hover >a {
    box-sizing:border-box;
    border-bottom:solid 2px #14054D;
}
.primary-nav.resources .logo {
    max-width: 200px;
    width: 100%;
}

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

.primary-nav.resources .mega-menu ul li .sub-menu {
    top: 85px;
}

.primary-nav.resources .mega-menu ul li:hover .sub-menu::before {
    top: -25px;
    height: 25px;
}
.primary-nav.resources .search a,.primary-nav.resources .search a svg path{
    color:#130744;
    stroke: #130744;
    fill:#130744;
}

/* mobile nav */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mobile-nav-wrapper .mobile-nav-link-wrapper > a {
    font-size: 1rem;
    line-height: 1.3125rem;
    font-weight: 600;
    color: #14054d;
    text-decoration: none;
}

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

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

.mobile-nav-wrapper .mobile-plus::after {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" fill="none" viewBox="0 0 20 21"><path stroke="%2314054d" stroke-width="1.5" d="M10 1.333v18.334M.833 10.5h18.334"/></svg>');
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.mobile-nav-wrapper ul li.is-active .mobile-plus::after {
    
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" fill="none" viewBox="0 0 20 21"><path stroke="%2314054d" stroke-width="1.5" d="M.833 10.5h18.334"/></svg>');
}

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

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

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

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

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

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


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

/**/
.mobile-nav .mega-sub-menu-group ul.sub-group li a {
    display: flex;
    flex-wrap: wrap;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.3125rem;
    padding: 0;
    flex-direction: column;
    text-decoration: none;
}
/* call-to-action-banner */
/*test only
.mega-menu ul li .sub-menu {
    display: flex !important;
    max-height: 1000px !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/*test only*/

.cta-banner-wrapper {
    background-color: #14054d;
    border-radius: 10px;
    padding: 20px 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap:2%
}

div.banner_content h3 {
    color: white;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
}
div.banner_content p {
   color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 14px; /* 116.667% */
}

div.banner_content {
    width: 48%;
}

.call-to-action-banner {
    padding: 20px;
    border-top: 1px solid var(--eastnets-navy-10, #D0CDDB);
  background: white;
}
a.btn.btn-nav {
    background: #03FF81;
    padding: 7px 24px 7px 17px;
    padding-right: 24px;
    border-radius: 100px;
    color: #14054D;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

a.btn.btn-nav:hover {
text-decoration: none;
color: #14054D;
background:#9AFFCD;
}

a.btn.btn-nav:hover svg path{
    transition: ease-in-out 0.3s all;
    stroke: #14054D;
fill:#14054D;
    }
.btn-nav>svg,.search a svg {
    
    transform: translateX(10px);
}

.search a{
    color:white;
}
.search a:hover{
    text-decoration: none;
    color:white;
}

.primary-nav.scrolled .search a,.primary-nav.scrolled .search a svg path{
    color:#130744;
    stroke: #130744;
    fill:#130744;
}

.primary-nav:not(.resources) .search a:hover,.primary-nav:not(.resources) .search a:hover svg path{
    color:#03FF81;
    stroke: #03FF81;
    fill:#03FF81;
    transition: ease-in-out 0.3s all;
}

.primary-nav.resources .search a:hover,.primary-nav.resources .search a:hover svg path{
    color:#5B4CE2;
    stroke: ##5B4CE2;
    fill:#5B4CE2;
    transition: ease-in-out 0.3s all;
}

.primary-nav.scrolled .search a:hover, .primary-nav.scrolled .search a:hover svg path{
    color:#5B4CE2;
    stroke: ##5B4CE2;
    fill:#5B4CE2;
    transition: ease-in-out 0.3s all;
}

@media screen and (min-width: 1150px) and (max-width: 1420px) {
    .mega-menu ul li:last-of-type .sub-menu.single {
    right: 0;
}
}


footer h6,
footer p {
	font-size: 18px;
  word-wrap:break-word;
}

footer .hs_cos_wrapper_type_simple_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

footer .hs_cos_wrapper_type_simple_menu ul li {
	margin: 0 0 4px 0;
}


footer .hs_cos_wrapper_type_simple_menu ul li a {
	font-size: 18px;
}


@media(max-width: 767px){
	footer .row-fluid [class*="span3"] {
		width: 46%;
		display: inline-block;
		vertical-align: top;
	}

	footer .row-fluid [class*="span3"]:nth-child(odd) {
		margin-right: 6%;
	}

	footer .hs_cos_wrapper_type_simple_menu ul li a {
		font-size: 14px;
		text-decoration: none;
	}

	footer h6 {
		font-size: 15px;
	}

	footer .row-fluid [class*="span3"]:nth-child(3), 
	footer .row-fluid [class*="span3"]:nth-child(4) {
		margin-top: 50px;
	}

	footer p {
		font-size: 13px;
		margin-bottom: 10px;
	}
}
/* Rich text */

.widget-type-rich_text img {
  height: auto;
  max-width: 100%;
}
section.resource-header {
  padding-top: 70px;
}
section.resource-header article.resource-post {
  display: flex;
  gap: 50px;
  width: 86%;
  align-items: center;
  position: relative;
}

section.resource-header .more-resources article.resource-post {
  height: 100%;
  align-items: flex-start;
}

section.resource-header .resource-featured-image {
  flex: 0 0 50%;
}
.hidden-overflow {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

section.resource-header .post-card-tags a,
.blog-listing .post-card-tags a {
  display: inline-block;
  background: transparent;
  padding: 0.2rem 0.5rem;
  margin-right: 0.3rem;
  text-decoration: none;

  color: var(--Eastnets-purple, #5b4ce2);
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 87.5% */
  border-radius: 3px;
  border: 1px solid var(--Eastnets-purple, #5b4ce2);
}
section.resource-header .post-card-tags,
.blog-listing .post-card-tags {
  width: auto;
  display: inline-block;
}
section.resource-header .post-card-date,
.blog-listing .post-card-date {
  color: var(--Eastnets-navy, #14054d);
  text-align: right;
  font-family: "Space Grotesk";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 21px */
  display: inline-block;
}
section.resource-header .post-card-content {
  position: relative;
}
section.resource-header .latest-recent .post-card-content {
  border-bottom: solid 1px;
}

section.resource-header .resource-featured-image img {
  object-fit: cover;
  max-height: 320px;
  border-radius: 10px;
  width: 100%;
}

section.resource-header h2 a {
  color: var(--Eastnets-navy, #14054d);
  font-family: "Space Grotesk";
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 40.8px */
  display: block;
  text-decoration: none;
}
.blog-listing h2 a {
  color: var(--Eastnets-navy, #14054d);
  font-family: "Space Grotesk";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 40.8px */
  display: block;
}

section.resource-header .post-card-author {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding-top: 25px;
}
section.resource-header img.author-avatar {
  border-radius: 60px;
  border: 2px solid var(--Eastnets-green, #03ff81);
  max-width: 60px;
}
section.resource-header .more-resources {
  padding-top: 90px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

section.resource-header .more-resources .post-card-tags {
  width: 49%;
}
section.resource-header.dnd-section.content-wrapper {
  padding-bottom: 60px;
}
section.resource-header .more-resources .post-card-date {
  width: 49%;
  text-align: right;
}
section.resource-header h2.post-card-title,
.card-feed h2.post-card-title {
  padding-top: 15px;
}
section.resource-header .more-resources article:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  border-left: 2px solid #726994;
  margin-left: -25px;
  min-height: 100%;
  position: absolute;
  z-index: 9;
}
section.resource-header .more-resources article:first-of-type:before {
  border: none;
}

section.resource-header .more-resources h2 a {
  color: var(--Eastnets-navy, #14054d);
  font-family: "Space Grotesk";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
}

div.blog-listing article.blog-card {
  position: relative;
}
div.blog-listing .blog-listing-filter {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: solid 1px #a19bb8;
  margin-bottom: 138px;
}
div.blog-listing .blog-listing-filter ul.main-res-filters {
  list-style: none;
  padding: 0;
  display: inline-flex;
  column-gap: 28px;
  margin: 0;
  flex-wrap: wrap;
}

div.blog-listing .blog-listing-filter ul.main-res-filters li {
  flex-basis: auto;
  margin: 0.7rem;
}

div.blog-listing .main-res-filters li:hover:after,
div.blog-listing .main-res-filters li.active:after {
  content: "";
  border-bottom: solid 4px #5b4ce2;
  display: flex;
  list-style: none;
  position: absolute;
  width: -webkit-fill-available;
  transform: translateY(9px);
  text-decoration: none;
}

div.blog-listing .main-res-filters li:hover a {
  text-decoration: none;
}

div.blog-listing .main-res-filters li {
  position: relative;
}

div.blog-listing .main-res-filters li:first-of-type {
  margin-left: 0;
}
div.blog-listing .single-check {
  display: flex;
  flex-direction: row;
}

div.blog-listing .filter-check {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

div.blog-listing ul.main-res-filters li a {
  color: var(--eastnets-navy-75, #433771);
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 112% */
}
div.blog-listing ul.main-res-filters li.active a {
  font-weight: bold;
}
/**/

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
  visibility: visible;
  opacity: 0.5;
  transition: all 0.2s ease;
}

div.blog-listing .close__toggle {
  cursor: pointer;
  position: absolute;
  right: 72px;
  top: 44px;
}

div.blog-listing .filter-collapse {
  padding: 0;
  background: #fff;
  max-height: 500px;
  overflow: auto;
  height: 100%;
}

/*filer menu*/
div.blog-listing .filter-menu {
  padding: 85px 72px 72px;
}
div.blog-listing nav.pagination {
  position: relative;
  z-index: 1000;
  text-align: center;
}
div.blog-listing .button-form-area {
  padding-top: 30px;
  display: flex;
  gap: 25px;
}

div.blog-listing nav.pagination .current {
  color: var(--Eastnets-purple, #5b4ce2);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 28.8px */
}
div.blog-listing nav.pagination a:not(.pagination__link--active) {
  color: var(--Eastnets-purple, #5b4ce2);
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 28.8px */
}
div.blog-listing .filter-menu h4 {
  margin-bottom: 10px;
}
div.blog-listing .filter-menu hr {
  border-bottom-color: #14054d;
}

.blog-pagination {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 60px;
}

.blog-pagination .pagination-button {
  cursor: pointer;
}

.blog-pagination .pagination-button.active {
  color: rgba(91, 76, 226, 1);
  font-weight: bold;
}

@media (max-width: 768px) {
  section.resource-header {
    padding-top: 0px;
  }
  div.blog-listing .filter-collapse.open {
    transform: translateX(0);
  }
  div.blog-listing .filter-collapse {
    display: block;
    transform: translateX(600px);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
    max-height: 700px;
    width: 100%;
    max-width: 600px;
    transition: all 0.4s ease;
  }
  div.blog-listing .blog-listing-filter ul.main-res-filters {
    margin: 0;
    flex-direction: column;
    display: none;
  }
  .blog-listing-filter-list,
  .res-filters__mobile {
    width: 100%;
  }
  div.blog-listing .blog-listing-filter {
    border-bottom: none;
    margin-bottom: 40px;
    flex-direction: column;
  }
  div.blog-listing .blog-listing-filter #filter-toggle {
    width: 100%;
    margin-top: 20px;
  }
  div.blog-listing .main-res-filters li:first-of-type {
    margin-left: 0.7rem;
  }

  section.resource-header article.resource-post {
    width: 100%;
    flex-direction: column;
  }
  section.resource-header .more-resources {
    grid-template-columns: 1fr;
  }

  section.resource-header .more-resources article:before {
    border: none;
  }

  section.resource-header h2 a,
  section.resource-header .more-resources h2 a {
    font-size: 20px;
  }

  section.resource-header .resource-featured-image {
    flex: auto;
    width: 100%;
  }

  section.resource-header .resource-featured-image img {
    max-height: none;
  }

  div.blog-listing .filter-check {
    grid-template-columns: 1fr;
  }

  div.blog-listing .filter-menu {
    padding: 85px 20px 72px;
  }
}

@media (min-width: 768px) {
  div.blog-listing .filter-collapse.open {
    transform: translateX(0);
  }
  div.blog-listing .filter-collapse {
    display: block;
    transform: translateX(600px);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
    max-height: 700px;
    width: 100%;
    max-width: 600px;
    transition: all 0.4s ease;
  }

  div.blog-listing .blog-listing-filter ul.main-res-filters {
    column-gap: 18px;
  }
  .res-filters__mobile {
    display: none;
  }
}
@media (min-width: 992px) {
  div.blog-listing .filter-collapse {
    max-height: 100vh;
    transform: translateX(850px);
    max-width: 850px;
  }

  div.blog-listing .blog-listing-filter ul.main-res-filters {
    column-gap: 28px;
  }
}
@media (min-width: 1200px) {
  div.blog-listing .filter-collapse {
    max-width: 950px;
    transform: translateX(960px);
  }
}

/* Modules */

/* @import url('http://example.com/example_style.css'); */

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

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

.tabbed_advantage .content_w_wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background-color: #14054d;
}

.tabbed_advantage .image {
  max-width: 100%;
}

.tabbed_advantage .content {
  max-width: 100%;
  position: relative;
  z-index: 1;
}

.tabbed_advantage h3 {
  color: #fff;
  font-family: "Space Grotesk";
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 54px */
  letter-spacing: -0.45px;
}
.tabbed_advantage .button_area {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.tabbed_advantage .button_area.left {
  justify-content: left;
}
.tabbed_advantage .button_area.center {
  justify-content: center;
}
.tabbed_advantage .button_area.right {
  justify-content: right;
}
.tabbed_advantage .tab-panel {
  display: none;
}
.tabbed_advantage .image_wrapper.tab-panel {
    max-width: 850px;
    margin: auto;
}
.tabbed_advantage .tab-panel.active {
  display: block;
}
.tabbed_advantage .tab.active {
  font-weight: bold;
}
.tabbed_advantage .tab {
  color: #a19bb8;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 112% */
  position: relative;
  cursor: pointer;
}

.tabbed_advantage .tab.active {
  color: #fff;
}
.tabbed_advantage .tab.active:after {
  border-bottom: 4px solid #03ff81; /* Example active style */
  content: "";
  display: flex;
  list-style: none;
  position: absolute;
  text-decoration: none;
  transform: translateY(9px);
  width: -webkit-fill-available;
}
.tabbed_advantage li.tab:hover:after {
  content: "";
  border-bottom: solid 4px #03ff81;
  display: flex;
  list-style: none;
  position: absolute;
  width: -webkit-fill-available;
  transform: translateY(9px);
  text-decoration: none;
}

.tabbed_advantage .content_wrapper ul.tabs {
  display: inline-flex;
  list-style: none;
  margin: 0 35px;
  padding: 45px 0 0 0;
  border-bottom: solid 1px #a19bb8;
  width: calc(100% - 35px * 2);
  justify-content: space-between;
}

ul.tabs li {
  color: white;
}

.tabbed_advantage .bg-ellipse {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}

.tabbed_advantage .bg-ellipse svg {
  transform: translateY(25px);
}
.tabbed_advantage .tab-content {
  margin: 0 35px;
  padding: 60px 0 95px 0;
  position: relative;
  z-index: 1;
}

.tabbed_advantage ul.tabs li:first-of-type {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .tabbed_advantage .content_wrapper ul.tabs {
            flex-direction: column;
        padding-bottom: 30px;
        align-items: center;
    text-align:center;
  }
  .tabbed_advantage .tab-content{
  padding-top:30px;
    padding-bottom:30px;
  }
  .tabbed_advantage ul.tabs li:first-of-type {
    margin-left: 0.7rem;
  }
  .tabbed_advantage h3 {
    color: #fff;
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 54px */
    letter-spacing: -0.45px;
  }
}
@media screen and (min-width: 768px) {
  .tabbed_advantage.tabbed_advantage-sticky .content_w_wrapper {
    align-items: normal;
  }

  .tabbed_advantage-sticky .image_wrapper {
    position: sticky;
    top: 300px;
  }

  .tabbed_advantage .content_w_wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 -32px;
  }

  .tabbed_advantage .content {
    max-width: 100%;
  }
  .tabbed_advantage .image {
    max-width: 100%;
  }

  .tabbed_advantage h3 {
    color: #fff;
    font-family: "Space Grotesk";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 54px */
    letter-spacing: -0.45px;
  }
}
/* @import url('http://example.com/example_style.css'); */

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

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

.stat-counter {
  display: grid;
  grid-gap: 35px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
  .stat-number-wrapper {
    padding-left: 20px;
}
.stat-wrapper {
    padding: 20px;
}

.stat-number-wrapper + div {
    padding-left: 20px;
}


@media (max-width: 767px) {
  .stat-counter {
    grid-gap: 5px;
  }
  .stat-wrapper {
    padding-bottom: 0px;
    
}
}
/* @import url('http://example.com/example_style.css'); */

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

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

.latest_news .content_w_wrapper {
  display: flex;
  flex-direction: column;
row-gap:20px;
}

.latest_news .content {
  max-width: 100%;
  width:50%;
}

}
.latest_news .button_area{
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

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


  .latest_news .content_w_wrapper {
    display: flex;
    /* flex-direction: column; */
    align-items: flex-start;
    flex-direction: row;
    gap: 72px;
    justify-content: space-between;
  }



}
.latest_news .whitepaper-tab{
  background-color: var(--primary-colour);
  border-radius: 10px;
  padding: 10px;
width:50%;
  container-type: inline-size;
  overflow:hidden;
}
@container ( width < calc(350px * 1.6 + 30px)) {
.latest_news .whitepaper_wrapper {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column !important;
    gap: 30px;
    align-items: center;
}
  .latest_news .content_whitepaper{
  width:100% !important;
  }
  
  .latest_news .img-bg img {
        aspect-ratio: 5 / 3;
        display: block;
        height: auto;
        max-width: -webkit-fill-available;
        object-fit: cover;
        max-height: 200px;
    }
}
.latest_news .content_whitepaper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  width:50%;
}
.latest_news .whitepaper_wrapper{
position: relative;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}

.latest_news .img-bg img {
display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 5 / 3;
    object-fit: cover;
  border-radius:6px;
}
.latest_news .post-card-image{
position:relative;
}
.latest_news .content_whitepaper p{
  color: #FFF;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 36px */
}
.latest_news .content_whitepaper a.button{
 /* position:absolute;
  bottom:0;*/
  width:max-content;
}

.latest_news ul.tags{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding:0;
  width: 45%;

}
.latest_news .latest_blogs_wrapper{
  padding-top:50px;
}

.latest_news ul.tags li{
  position:relative;
  transform: translateX(-10px);
}

.latest_news ul.tags li:before{
    border-left: 1px solid #5b4ce2;
    list-style: none;
    margin-left: 0;
    left: -10px;
    min-height: 13px;
    position: absolute;
    z-index: 9;
    transform: translateY(5px);
}
.latest_news ul.tags li a{
  color: var(--Eastnets-purple, #5B4CE2);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 87.5% */
  text-transform:capitalize;
}

.latest_news ul.tags li::before {
  content: '';
  display: inline-block;
  margin-right: 10px;

}

.latest_news ul.tags li:first-of-type:before,.latest_news ul.tags li.first-in-row:before {
  border-left: none;
}

/**/
.latest_news .latest-featured {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.latest_news .featured-post {
  display: flex;
  flex-wrap: wrap;
  background: #f7faff;
  padding: 1rem;
  border-radius: 12px;
  overflow: hidden;
}

.latest_news .post-image {
  flex: 0 0 220px;
}

.latest_news .post-image img {
  width: 100%;
  height: auto;
  display: block;
}

.latest_news .post-content {
  flex: 1 1 300px;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
}

.latest_news .post-meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}

.latest_news .post-card-tags a {
  display: inline-block;
  background: transparent;
  padding: 0.2rem 0.5rem;
  margin-right: 0.3rem;
  text-decoration: none;

  color: var(--Eastnets-purple, #5B4CE2);
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 87.5% */
  border-radius: 3px;
  border: 1px solid var(--Eastnets-purple, #5B4CE2);
}

.latest_news .post-card-date {
  color: var(--Eastnets-navy, #14054D);
  text-align: right;
  font-family: "Space Grotesk";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 21px */
  position:absolute;
  top:0;
  right:0;
}
.latest_news .post-card-content{
  position:relative;
}
.latest_news .latest-recent .post-card-content{
  padding-bottom:20px;
  border-bottom:solid 1px;
}

.latest_news .latest-recent:before {
content: '';
    display: inline-block;
    margin-right: 10px;
    border-left: 1px solid #726994;
    margin-left: -45px;
    min-height: 100%;
    position: absolute;
    z-index: 9;
}
.latest_news .featured-blogs {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap:90px;
}
.latest_news h2.post-card-title{
  display:flex;
  margin-bottom:0;
}
.latest_news .latest-featured h2.post-card-title a {
  color: var(--Eastnets-navy, #14054D);
  font-family: "Space Grotesk";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 36px */
  margin: 0;
  text-decoration:none;
}
.latest_news .latest-recent h2.post-card-title a {
  color: var(--Eastnets-navy, #14054D);
  font-family: "Space Grotesk";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 30px */
  margin: 0;
  text-decoration:none;
}
.latest_news article.post-card {
  display: grid;
  grid-template-columns: 1.8fr 2fr;
  gap: 20px;
  /*max-height: 220px;*/
  padding:10px;
  transition: all 0.5s;
}
.latest_news div.post-card {

  padding:10px;
}
.latest_news .post-card:hover {
  border-radius: 5px;
  background: var(--Eastnets-navy, #14054D);
}
.latest_news .post-card:hover .post-card-tags a{
  border: 1px solid var(--eastnets-purple-25, #BDB7F3);
  color: #bdb7f3;
}
.latest_news .post-card:hover .post-card-date{
  color: #FFF;
}
.latest_news .post-card:hover .post-card-title a{
  color: #FFF;
}
.latest_news .post-card img {
  object-fit: cover;
  max-height: 200px;
  border-radius:6px;
  width: 100%;
}
.latest_news .latest-recent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
 position:relative;
}
.latest_news .blog-filters>span{
  color: var(--eastnets-navy-50, #726994);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 28.8px */
}
.latest_news .hidden{
  display:none !important;
}
.latest_news .post-card-tags {
  padding-bottom: 20px;
      display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 65%;
    row-gap: 5px;
}

.latest_news span.floatTag {
    position: absolute;
    background: #5B4CE2;
    border-radius: 6px;
    color: white;
    padding: 7px 25px;
    left: 0;
  top:0;
}

    .latest_news .img-bg{
width:100%;
  }

.latest_news .whitepaper-tab.o-mobile{
display:none;
}
.latest_news .whitepaper-tab.o-desktop{
display:block;
}
@media (max-width:768px) {
  .latest_news .latest-featured{
  gap:10px;
  }
  .latest_news .whitepaper-tab.o-mobile{
display:block;
    padding-bottom:20px;
}
.latest_news .whitepaper-tab.o-desktop{
display:none;
}
  .latest_news ul.tags li a{
    text-decoration: none;
  }
  
  .latest_news .whitepaper-tab{
  width:100%;
    padding:9px 7px 9px 7px;
  }

  .latest_news .whitepaper_wrapper {
    display:flex;
    flex-direction: column;
    overflow:hidden;
  }
  
  .latest_news .content_whitepaper p,.latest_news .latest-featured h2.post-card-title a{
  font-size:20px;
  }

  .latest_news .content_whitepaper {
  width:100%;
}
  .latest_news .latest-recent h2.post-card-title a {
  font-size:20px;
    margin-bottom: 12px;
  }
  .latest_news .content_whitepaper a.button {
    bottom: 0;
    position: relative;
  }

  .latest_news .img-bg img {
    aspect-ratio: 5 / 3;
    display: block;
    height: 100%;
    max-width: -webkit-fill-available;
    object-fit: cover;
    max-height: 200px;
    border-radius:6px;
  }
  .latest_news ul.tags {
    width: 100%;
  }

  .latest_news .featured-blogs {
    display: grid;
    grid-template-columns: 1fr;
gap: 2rem;
  }

  .latest_news article.post-card {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
    max-height: 100%;
  }
  .latest_news .content {
  max-width: 100%;
  width:100%;
}
  .latest_news .latest-recent {
  gap:10px;
}
}
/* @import url('http://example.com/example_style.css'); */

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

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

section.info-slider-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}

section.info-slider-wrapper .content-wrapper.info-testimonial-slider {
  overflow: visible;
  width: 100%;
  padding: 0;
}

section.info-slider-wrapper .content-wrapper.info-testimonial-slider .swiper {
  margin-left: -32px;
  margin-right: -32px;
  padding-left: 32px;
  padding-right: 32px;
}

section.info-slider-wrapper
  .content-wrapper.info-testimonial-slider
  .swiper-wrapper
  .swiper-slide
  .info-testimonial {
  background-color: var(--primary-colour);
  min-height: 611px;
  padding: 44px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
}

section.info-slider-wrapper
  .content-wrapper.info-testimonial-slider
  .swiper-wrapper
  .swiper-slide
  .info-testimonial.bg-navy {
  background: url("https://1664800.fs1.hubspotusercontent-na1.net/hubfs/1664800/website-2025/info-testimonial-bg-navy.svg"),
    #14054d;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
section.info-slider-wrapper
  .content-wrapper.info-testimonial-slider
  .swiper-wrapper
  .swiper-slide
  .info-testimonial.bg-green {
  background: url("https://1664800.fs1.hubspotusercontent-na1.net/hubfs/1664800/website-2025/info-testimonial-bg-green.svg"),
    #68ffb3;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}

section.info-slider-wrapper
  .content-wrapper.info-testimonial-slider
  .info-testimonial-slider-pagination {
  align-items: center;
  display: inline-flex;
  justify-content: flex-start;
  position: relative;
  top: 0;
  width: 50%;
}
section.info-slider-wrapper .swiper-utilities {
  padding-top: 50px;
  height: 110px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
section.info-slider-wrapper .info-testimonial-slider-arrows {
  display: flex;
  gap: 60px;
  position: relative;
  width: 100%;
  justify-content: flex-end;
}
section.info-slider-wrapper .swipers-button-next,
section.info-slider-wrapper .swiper-rtl .swipers-button-prev {
  right: auto;
  left: auto;
}
section.info-slider-wrapper .swipers-button-next,
section.info-slider-wrapper .swipers-button-prev {
  position: relative;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.info-slider-wrapper .swipers-button-prev:after {
  content: "";
  width: 38px;
  height: 37px;

  top: 10px;
  right: 5px;
  position: absolute;
  display: inline-block;
}
section.info-slider-wrapper .swipers-button-next:after {
  content: "";
  width: 38px;
  height: 37px;

  top: 10px;
  right: 5px;
  position: absolute;
  display: inline-block;
}

section.info-slider-wrapper
  .swiper-utilities.bg-navy
  .swipers-button-next:after {
  background-image: url("https://1664800.fs1.hubspotusercontent-na1.net/hubfs/1664800/website-2025/swiper-next-navy-color.svg");
}

section.info-slider-wrapper
  .swiper-utilities.bg-navy
  .swipers-button-prev:after {
  background-image: url("https://1664800.fs1.hubspotusercontent-na1.net/hubfs/1664800/website-2025/swiper-prev-navy.svg");
}

section.info-slider-wrapper
  .swiper-utilities.bg-green
  .swipers-button-next:after {
  background-image: url("https://1664800.fs1.hubspotusercontent-na1.net/hubfs/1664800/website-2025/swiper-next-green.svg");
}

section.info-slider-wrapper
  .swiper-utilities.bg-green
  .swipers-button-prev:after {
  background-image: url("https://1664800.fs1.hubspotusercontent-na1.net/hubfs/1664800/website-2025/swiper-prev-green.svg");
}

section.info-slider-wrapper .info-testimonial-slider-arrows .swipers-button-next,section.info-slider-wrapper .info-testimonial-slider-arrows .swipers-button-prev{
transition: opacity 0.3s ease;
}

section.info-slider-wrapper .swipers-button-next:hover:after,section.info-slider-wrapper .swipers-button-prev:hover:after {
opacity:0.7;
}
section.info-slider-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
}

section.info-slider-wrapper .swiper-slide {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

section.info-slider-wrapper
  .content-wrapper.info-testimonial-slider
  .info-testimonial-slider-pagination
  .swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  /*border: 1px solid var(--primary-colour);*/
  background-color: #d9d9d9;
  opacity: 1;
    transition: all 0.3s ease;
}

section.info-slider-wrapper
  .content-wrapper.info-testimonial-slider
  .info-testimonial-slider-pagination
  .swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:hover,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet:hover {
  width: 20px;
  height: 20px;
  /*border: 1px solid var(--primary-colour);*/
  background-color: #ababab;
  opacity: 1;
}

section.info-slider-wrapper
  .content-wrapper.info-testimonial-slider
  .swiper-utilities.bg-navy
  .info-testimonial-slider-pagination
  .swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet,
.swiper-utilities.bg-navy
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #5b4ce2;
}
section.info-slider-wrapper
  .content-wrapper.info-testimonial-slider
  .swiper-utilities.bg-green
  .info-testimonial-slider-pagination
  .swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet,
.swiper-utilities.bg-green
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #9affcd;
}
.info-slider-wrapper .testimonial .background_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  z-index: 0;
}
.info-slider-wrapper .intro-slider {
  width: 100%;
  max-width: 570px;
  padding-bottom: 30px;
}
.info-slider-wrapper .testimonial-content {
  position: relative;
  z-index: 1;
  max-width: 540px;
}
.info-slider-wrapper .testimonial-content.full-width {
  max-width: none;
}
.info-slider-wrapper .bg-navy .testimonial-content *,
.info-slider-wrapper .bg-navy .testimonial-content h3,
.info-slider-wrapper .bg-navy .testimonial-content p {
  color: #fff;
}
.info-slider-wrapper .testimonial-content h3 {
  font-size: 37px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 44.4px */
  letter-spacing: -0.37px;
  text-transform: capitalize;
}
.info-slider-wrapper .testimonial-content p {
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 31.2px */
  letter-spacing: -0.26px;
}

@media (min-width: 768px) {
  section.info-slider-wrapper .swiper-utilities {
    max-width: 75.8%;
  }
}

@media (min-width: 1500px) {
  section.info-slider-wrapper .content-wrapper.info-testimonial-slider {
    padding-left: 32px;
    padding-right: 32px;
  }
  section.info-slider-wrapper .content-wrapper.info-testimonial-slider .swiper {
    margin-left: -64px;
    margin-right: -64px;
    padding-left: 64px;
    padding-right: 64px;
  }
}

@media (min-width: 1570px) {
  section.info-slider-wrapper .content-wrapper.info-testimonial-slider .swiper {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding-left: calc((100vw - 1440px) / 2);
  }
}

@media (max-width: 767px) {
  section.info-slider-wrapper
    .content-wrapper.info-testimonial-slider
    .swiper-wrapper
    .swiper-slide
    .info-testimonial {
    padding: 20px;
    min-height: 300px;
  }

  .info-slider-wrapper .testimonial-content h3 {
    font-size: 22px;
  }

  .info-slider-wrapper .testimonial-content p {
    font-size: 20px;
  }
}
/* @import url('http://example.com/example_style.css'); */

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

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

.boxed_tab .content_w_wrapper {
  display: flex;
  flex-direction: column;
padding-top:50px;
}

.boxed_tab{
  border-radius: 10px;
  margin: 0 -18px;
    padding: 35px 50px;
}

.boxed_tab .intro h3{
text-align: center;
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 54px */
letter-spacing: -0.45px;
text-transform: capitalize;
  margin-bottom:0;
}

.boxed_tab .intro p{
color: #FFF;
text-align: center;
font-family: "Space Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 28.8px */
  margin-bottom:0;
}

.boxed_tab.bg-purple{
  background: #9D94EE;
}

.boxed_tab.bg-green{
  background: #35FF9A;
}
.boxed_tab.bg-navy{
  background: #14054D;
}

.boxed_tab.bg-navy .intro h3,.boxed_tab.bg-navy .intro p,.boxed_tab.bg-purple .intro h3,.boxed_tab.bg-purple .intro p{
  color: #FFF;
}

.boxed_tab.bg-green .intro h3,.boxed_tab.bg-green .intro p{
color:#14054D;
}

.boxed_tab ul li.active h3{
color:#5B4CE2;
  
}
.boxed_tab ul li.active p{
color:#130744;
  
}

.boxed_tab ul li.active{
background:#fff;
  
}
.boxed_tab .list ul a{
width:100%;
  text-decoration:none;
}
.boxed_tab .tab_list {
  display: none;
}
.boxed_tab .tab_list.active {
  display: block;
}
.boxed_tab .list_wrapper ul li.active {
  font-weight: bold; /* or any other style for active item */
}


.boxed_tab .list {
  max-width: 100%;
}

.boxed_tab .content {
  max-width: 50%;
}

.boxed_tab h3 {
  color: #130744;
  font-family: "Space Grotesk";
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 54px */
  letter-spacing: -0.45px;
}

  .boxed_tab .list h3 {
    color: #fff;
    font-family: "Space Grotesk";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 54px */
    letter-spacing: -0.45px;
    margin-bottom: 0;
  }
  .boxed_tab .list p {
    color: #fff;
    margin:0;
  }
   .boxed_tab.bg-green .list h3,.boxed_tab.bg-green .list p {
    color: #130744;
  }

.boxed_tab .content_w_wrapper > .list{
max-width:50%;
  width:100%;
}

.boxed_tab .content_w_wrapper > .smaller{
max-width:50%;
}


.boxed_tab .content_wrapper{
  display: flex;
    flex-direction: column;
    gap: 30px;
}

section.boxed_tab ul {
    display: flex;
    flex-wrap: wrap;
    /* gap: 8px; */
    list-style: none;
    margin: 0;
    padding: 0;
}

section.boxed_tab ul.icon li {
    /* color: #00205c; */
    flex-basis: 100%;
    margin: .37rem;
    padding: 16px 30px;
    position: relative;
}

section.boxed_tab ul.icon li:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="18" viewBox="0 0 13 18" fill="none"><path d="M7.43659 17.0869C9.13092 14.2331 10.828 11.3748 12.5196 8.52652C10.8088 5.64534 9.12452 2.81078 7.45579 0H0.0228577C1.73273 2.8821 3.40512 5.70294 5.08117 8.52835C3.39598 11.3675 1.72085 14.1883 0 17.0869H7.43659Z" fill="%23433771"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 18px
}

section.boxed_tab .list-area {
    width: 100%;
    display: flex;
    gap: 40px;
  padding-top: 130px;
}

section.boxed_tab .list-area > img {
    object-fit: contain;
}

  section.boxed_tab .list ul li {
    padding: 8px 10px;
    border-radius: 10px;
    margin-top: 0;
    width: 100%;
    margin-left:0;
}

@media screen and (min-width: 768px) {
    
  .boxed_tab .content_w_wrapper {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    flex-direction: row;
    gap: 72px;
    justify-content: space-between;
		align-items: start;
  }

  .boxed_tab .content_w_wrapper.reversed {
    flex-direction: row-reverse;
  }


  .boxed_tab .list h3 {
    color: #fff;
    font-family: "Space Grotesk";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 54px */
    letter-spacing: -0.45px;
    margin-bottom: 0;
  }
    .boxed_tab .list p {
    color: #fff;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 54px */
    letter-spacing: -0.45px;
      margin-bottom: 0;
  }
  
    .boxed_tab.bg-green .list h3,.boxed_tab.bg-green .list p {
    color: #130744;
  }
  
  section.boxed_tab .list ul li {
   padding: 16px 30px;
        border-radius: 10px;
    margin-top: 0;
            width: 90%;
}

  
}
@media screen and (max-width: 768px) {
  
    .boxed_tab{
    padding: 20px;
}

      .boxed_tab .content_w_wrapper>.content,.boxed_tab .content_w_wrapper>.list  {
    max-width: 100%;
}

  section.boxed_tab .list-area{
  padding-top:40px;
    padding-bottom:20px;
  }
}
/* @import url('http://example.com/example_style.css'); */

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

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

.highlight_content .content_w_wrapper {
  display: flex;
  flex-direction: column;
gap:20px;
}

.highlight_content .image {
  max-width: 100%;
}

.highlight_content .content {
  max-width: 100%;
}

.highlight_content h3 {
  color: #130744;
  font-family: "Space Grotesk";
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 54px */
  letter-spacing: -0.45px;
}
.highlight_content .button_area{
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.highlight_content .content_w_wrapper > .bigger{
max-width:50%;
}

.highlight_content .content_w_wrapper > .smaller{
max-width:40%;
}

.highlight_content{
  border-radius: 10px;
margin: 0 -54px;
    padding: 35px 54px;
}

.highlight_content.bg-purple{
  background: #DFDCFB;
}

.highlight_content.bg-green{
  background: url('https://1664800.fs1.hubspotusercontent-na1.net/hubfs/1664800/website-2025/bg-green-highligth.svg'), #CDFFE6;
  background-repeat:no-repeat;
    background-position: bottom left;
}

.highlight_content .content_wrapper{
  display: flex;
    flex-direction: column;
    gap: 30px;
}

section.highlight_content ul {
    display: flex;
    flex-wrap: wrap;
    /* gap: 8px; */
    list-style: none;
    margin: 0;
    padding: 0;
}

section.highlight_content ul li {
    /* color: #00205c; */
    flex-basis: 100%;
    margin: .37rem;
    padding: 0 0 0 26px;
    position: relative;
}

section.highlight_content ul li:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="18" viewBox="0 0 13 18" fill="none"><path d="M7.43659 17.0869C9.13092 14.2331 10.828 11.3748 12.5196 8.52652C10.8088 5.64534 9.12452 2.81078 7.45579 0H0.0228577C1.73273 2.8821 3.40512 5.70294 5.08117 8.52835C3.39598 11.3675 1.72085 14.1883 0 17.0869H7.43659Z" fill="%23433771"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 18px
}

section.highlight_content .image-area {
width: 100%;
    display: flex;
    gap: 35px;
    padding-top: 130px;
    justify-content: center;
}

section.highlight_content .image-area > img {
    object-fit: contain;
}



@media screen and (min-width: 768px) {
  
      .highlight_content .content_w_wrapper.reversed {
    flex-direction: row-reverse;
  }
  
  .highlight_content .content_w_wrapper {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    flex-direction: row;
    gap: 72px;
    justify-content: space-between;
  }
  .highlight_content h3 {
    color: #130744;
    font-family: "Space Grotesk";
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 54px */
    letter-spacing: -0.45px;
  }

}
@media screen and (max-width: 768px) {
  
  
  .highlight_content{
margin: 0 -16px;
    padding: 35px 16px;
}
  .highlight_content .content{
  order:2;
  }
      .highlight_content .content_w_wrapper>.content,.highlight_content .content_w_wrapper>.image  {
    max-width: 100%;
}

  section.highlight_content .image-area{
  padding-top:40px;
    padding-bottom:20px;
    flex-wrap: wrap;
  }
.highlight_content h3 {
    font-size: 35px;
  }
  
  .highlight_content .content_wrapper{
    gap:16px;
  }
  
}
@media screen and (max-width: 1600px) {
    .highlight_content{
margin: 0 -32px;
      padding: 35px 32px;
}
}
/* @import url('http://example.com/example_style.css'); */

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

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

.case_study_showcase .content_w_wrapper {
  display: flex;
  gap: 80px;
  padding-top: 50px;
}
.case_study_showcase .content {
  width: 25%;
}
.case_study_showcase .case_study {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  object-fit: contain;
  overflow: hidden;
  width: 67%;
  height: 100%;
}
.case_study_showcase .author-data.big_quote + bloquote::before {
  content: url("https://1664800.fs1.hubspotusercontent-na1.net/hubfs/1664800/website-2025/quotes.svg");
  transform: translateY(-40px);
  position: absolute;
}
.case_study_showcase .case_study_wrapper {
  display: flex;
  height: 100%;
  /*max-height: 500px;*/
  padding: 25px 25px 25px 40px;
  position: relative;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 20px;
}
.case_study_showcase .case_study_wrapper.big_quote {
  row-gap: 70px;
}

.case_study_showcase .author-data {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.case_study_showcase .author-data.big_quote {
  flex-direction: row;
  align-items: center;
}
.case_study_showcase .case_study bloquote {
  color: #fff;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 34.8px */
  letter-spacing: -0.29px;
  position: relative;
}

.case_study_showcase .intro {
  width: 42%;
}

.case_study_showcase .data-number {
  display: flex;
  border-left: solid 7px #5b4ce2;
  padding-left: 25px;
  flex-direction: column;
  justify-content: center;
}

.case_study_showcase a:hover {
  text-decoration: none;
}
.case_study_showcase a:hover .data-number {
  background-color: #efedfc;
  border-radius: 0 10px 10px 0;
}

.case_study_showcase .content_wrapper {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.case_study_showcase .data-number h3 {
  font-size: 55px;
}

.case_study_showcase .data-number h3,
.data-number p {
  margin: 0;
}

.case_study_showcase .data-number .font-bigger {
  color: #14054d;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 173%;
  letter-spacing: -0.28px;
}
.case_study_showcase .data-number .font-bigger {
  color: #14054d;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 66px */
  letter-spacing: -0.55px;
}

.case_study_showcase .data-number .font-regular {
  color: #14054d;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 242%;
  letter-spacing: -0.18px;
}

.case_study_showcase .data-number .font-bold {
  font-weight: 600;
}
.case_study_showcase .data-number .font-highlight {
  color: #5b4ce2;
}

.case_study_showcase .author-data p span.name {
  color: #fff;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 20.4px */
  letter-spacing: -0.17px;
  display: block;
}
.case_study_showcase .author-data p {
  margin-bottom: 0;
}
.case_study_showcase .author-data p span.company {
  color: #fff;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.17px;
  display: block;
}

@media (max-width: 768px) {
  .case_study_showcase .content_w_wrapper {
    flex-direction: column;
  }
  .case_study_showcase .case_study,
  .case_study_showcase .intro,
  .case_study_showcase .content {
    width: 100%;
  }
  .case_study_showcase .case_study_wrapper {
    max-height: fit-content;
    padding: 1.5rem;
  }

  .case_study_showcase .case_study bloquote {
    font-size: 18px;
  }

  .author-data.big_quote > img {
    height: 80px;
    width: 80px;
  }
  .author-data > img {
    height: 80px;
    width: 80px;
  }

  .case_study_showcase .data-number h3 {
    font-size: 35px;
  }
}
/* @import url('http://example.com/example_style.css'); */

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

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

.info_list .content_w_wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}

.info_list .list {
  max-width: 100%;
}

.info_list .content {
  max-width: 100%;
}

.info_list h3 {
  color: #130744;
  font-family: "Space Grotesk";
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 54px */
  letter-spacing: -0.45px;
}

.info_list .list h3 {
  color: #130744;
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 54px */
  letter-spacing: -0.45px;
  margin-bottom: 0;
}

.info_list .button_area {
  padding: 20px 0 30px;
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.info_list {
  border-radius: 10px;
  margin: 0 -15px;
  padding: 50px 35px;
  position: relative;
}

.info_list .shape {
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0 0 0 10px;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

.info_list .shape svg {
  display: block;
}

.info_list.bg-purple {
  background: #dfdcfb;
}

.info_list.bg-green {
  background-color: #cdffe6;
  background-image: url("https://1664800.fs1.hubspotusercontent-na1.net/hubfs/1664800/website-2025/info-list-bg.png");
  background-repeat: no-repeat;
  background-position: bottom left;
}

.info_list .content_wrapper {
  display: flex;
  flex-direction: column;
}

section.info_list ul {
  display: flex;
  flex-wrap: wrap;
  /* gap: 8px; */
  list-style: none;
  margin: 0;
  padding: 0;
}

section.info_list ul.icon li {
  /* color: #00205c; */
  flex-basis: 100%;
  margin: 0.37rem;
  padding: 0 0 0 26px;
  position: relative;
}

section.info_list ul.icon li:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="18" viewBox="0 0 13 18" fill="none"><path d="M7.43659 17.0869C9.13092 14.2331 10.828 11.3748 12.5196 8.52652C10.8088 5.64534 9.12452 2.81078 7.45579 0H0.0228577C1.73273 2.8821 3.40512 5.70294 5.08117 8.52835C3.39598 11.3675 1.72085 14.1883 0 17.0869H7.43659Z" fill="%23433771"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 18px;
  margin-top:5px;
}

section.info_list ul.icon li.no-list:before {
  background-image: none;
}

section.info_list .list-area {
  width: 100%;
  display: flex;
  gap: 40px;
  padding-top: 130px;
}

section.info_list .list-area > img {
  object-fit: contain;
}
  .info_list .list p {
    font-size: 16px;
  }

.info_list .list h3 + p {
    padding-top: 10px;
}

@media screen and (min-width: 768px) {
  .info_list .content_w_wrapper {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .info_list .content_w_wrapper.reversed {
    flex-direction: row-reverse;
  }

  .info_list .content_w_wrapper > .content {
    max-width: 46%;
  }
    .info_list .content_w_wrapper > .content.sticky {
    position: sticky;
    top: 110px;
  }

  .info_list .content_w_wrapper > .list {
    max-width: 46%;
  }
.info_list .button_area {
  padding: 20px 0 0;
}
  .info_list .list h3 {
    color: #130744;
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 54px */
    letter-spacing: -0.45px;
    margin-bottom: 0;
  }
  .info_list .list p {
    color: #130744;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7; /* 54px */
    letter-spacing: -0.45px;
    margin-bottom: 0;
    opacity: 0.75;
  }
  .info_list .list .content_wrapper p {
    color: #130744;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 54px */
    letter-spacing: -0.45px;
    margin-bottom: 0;
  }

  section.info_list .list ul li {
    margin-bottom: 25px;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .info_list {
    margin: 0 -16px;
    padding: 30px 20px;
  }

  .info_list .content_w_wrapper > .content,
  .info_list .content_w_wrapper > .list {
    max-width: 100%;
  }

  section.info_list .list-area {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 992px) {
  .info_list .content_w_wrapper > .content {
    max-width: 46%;
  }

  .info_list .content_w_wrapper > .list {
    max-width: 50%;
  }
}

@media screen and (min-width: 1600px) {
  .info_list {
    margin-left: -60px;
    margin-right: -60px;
    padding: 70px 60px 50px 60px;
  }
}
/* @import url('http://example.com/example_style.css'); */

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

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

.content_w_image .content_w_wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.content_w_image .image {
  max-width: 100%;
}

.content_w_image .content {
  max-width: 100%;
}

.content_w_image h3 {
  color: #130744;
  font-family: "Space Grotesk";
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 54px */
  letter-spacing: -0.45px;
}
.content_w_image .button_area {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media screen and (min-width: 768px) {
  .content_w_image.content_w_image-sticky .content_w_wrapper {
    align-items: normal;
  }

  .content_w_image-sticky .image_wrapper {
    position: sticky;
    top: 300px;
  }

  .content_w_image .content_w_wrapper {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    flex-direction: row;
    gap: 72px;
    justify-content: space-between;
  }

  .content_w_image .content_w_wrapper.reversed {
    flex-direction: row-reverse;
  }
  .content_w_image.w50_50 .image {
    max-width: 50%;
  }

  .content_w_image.w50_50 .content {
    max-width: 40%;
  }
  .content_w_image.w70_30 .image {
    max-width: 30%;
  }

  .content_w_image.w70_30 .content {
    max-width: 70%;
  }
  .content_w_image.w30_70 .image {
    max-width: 70%;
  }
  .content_w_image.w30_70 .content {
    max-width: 30%;
  }

  .content_w_image h3 {
    color: #130744;
    font-family: "Space Grotesk";
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 54px */
    letter-spacing: -0.45px;
  }
}

@media screen and (max-width: 767px) {
  .content_w_image h3 {
    font-size: 30px;
  }
}
/* @import url('http://example.com/example_style.css'); */

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

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

.countdown .countdown-title h3 {
  color: #bdb7f3;
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.35px;
}

.countdown .countdown-content p {
  color: #efedfc;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.countdown .boxes .box-item {
  width: 100%;
  padding: 0 1rem;
}

.countdown .boxes .box-item h3 {
  font-size: 30px;
}

@media screen and (min-width: 768px) {
  .countdown .boxes .box-item {
    width: calc(100% / 2);
  }
}

@media screen and (min-width: 1024px) {
  .countdown .boxes .box-item {
    width: calc(100% / 3);
  }

  .countdown .boxes .box-item.fifty {
    width: calc(100% / 2);
  }
}

.countdown #countdown-timer .time {
  color: #03ff81;
  font-family: "Space Grotesk";
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
}

.countdown .time-box {
  align-content: center;
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: nowrap;
  position: relative;
  gap: 10px;
  color: #03ff81;
  font-family: "Space Grotesk";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.35px;
}

.countdown #countdown-timer {
  grid-gap: 1rem;
  container-type: inline-size;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
}

.countdown .hidden {
  display: none;
}

.countdown .complete-msg h3 {
  color: #03ff81;
  font-family: "Space Grotesk";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.35px;
}

.countdown #countdown-timer .time-box:before {
  /* optional rules here if needed */
}

.countdown .countdown-content {
  width: 50%;
}

.countdown .button_area {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media (max-width: 768px) {
  .countdown .countdown-title h3 {
    font-size: 30px;
  }

  .countdown #countdown-timer {
    flex-direction: column;
    align-content: flex-start;
  }

  .countdown .time-box {
    justify-content: flex-start;
    margin-bottom: 20px;
  }

  .countdown #countdown-timer .time {
    font-size: 50px;
  }

  .countdown .countdown-content {
    width: 100%;
  }
}

@container (width <= calc(160px * 2 + 1rem)) {
  .countdown #countdown-timer .time-box:before {
    border-right: none;
    content: "";
    width: 100%;
    left: 0.5rem;
    min-height: 100%;
    position: absolute;
    z-index: 9;
  }
}

@container (calc(160px * 2 + 1rem) <= width < calc(160px * 3 + 2rem)) {
  .countdown #countdown-timer .time-box:nth-of-type(2):before,
  .countdown #countdown-timer .time-box:last-of-type:before {
    border-right: none;
    content: "";
    width: 100%;
    left: 0.5rem;
    min-height: 100%;
    position: absolute;
    z-index: 9;
  }
}

@container (calc(160px * 3 + 2rem) <= width < calc(160px * 4 + 3rem)) {
  .countdown #countdown-timer .time-box:nth-of-type(3):before,
  .countdown #countdown-timer .time-box:last-of-type:before {
    border-right: none;
    content: "";
    width: 100%;
    left: 0.5rem;
    min-height: 100%;
    position: absolute;
    z-index: 9;
  }
}

@container (calc(160px * 4 + 3rem) <= width) {
  .countdown #countdown-timer .time-box:last-of-type:before {
    border-right: none;
    content: "";
    width: 100%;
    left: 0.5rem;
    min-height: 100%;
    position: absolute;
    z-index: 9;
  }
}
/* @import url('http://example.com/example_style.css'); */

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

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

.wave-section>.row-fluid {
    padding: 0!important
}

.wave-section svg {
    display: block;
    height: auto;
    width: 100%
}

.wave-section svg.wave-top {
     margin-top: -1px;
}

.wave-section svg.wave-bottom {
    margin-bottom: -1px;
}
/* @import url('http://example.com/example_style.css'); */

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

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

.solutions_products .content {
  width: 50%;
  padding-bottom: 45px;
}
.solutions_products .products {
  width: 100%;
}

.solutions_products .products .button_area {
  margin-bottom: 50px;
  gap: 20px;
  display: flex;
  align-items: center;
}

.solutions_products .products .product-box {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 40px 100px rgba(19, 7, 68, 0.15),
    0 30px 42px rgba(19, 7, 68, 0.05);
  display: flex;
  gap: 35px;
  justify-content: space-evenly;
  margin: 0 -32px;
  padding: 18px 0;
}

.solutions_products .product-title {
  background-color: #14054d;
  padding: 20px 26px;
  border-radius: 5px;
}

.solutions_products .product-title h5 {
  color: #03ff81;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 85.714% */
}
.solutions_products .product-title span {
  color: #fff;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
}
.solutions_products .product-list li {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0px 0 0px 14px;
  margin: 32px 0 32px -6px;
}
.solutions_products .product-list li .list-title {
  color: #14054d;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 100% */
  display: block;
}
.solutions_products .product-list li .list-subtitle {
  color: #130744;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 28.8px */
}
.solutions_products .product-list li:hover {
  border-left: solid 3px #5b4ce2;
  padding: 0 0 0 11px;
}
.solutions_products .product-list li a,
.solutions_products .product-list li:hover a {
  text-decoration: none;
}
.solutions_products .product-list li:hover .list-title,
.product-list li:hover .list-subtitle {
  color: #5b4ce2;
}
.solutions_products .o-mobile{
  display:none;
}
.solutions_products .o-desktop{
}
.solutions_products span.work_with_msg {
    opacity: 0.5;
    color: #130744;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
@media (max-width: 768px) {
  .solutions_products .o-mobile{
  display:block;
    padding-bottom:15px;
}
.solutions_products .o-desktop{
   display:none;
}
  .solutions_products .products .button_area {
    flex-wrap: nowrap;
            overflow: auto;
        flex-direction: row;
  }
  .solutions_products .products .button_area a{
        flex: 0 0 auto;
    }
  .solutions_products .products .product-box {
    flex-direction: column;
    margin: 0;
  }
  .solutions_products .content {
    width: 100%;
  }
}
section.logo-slider {
	width: 100%;
	display: flex;
	justify-content: center;
	overflow: visible;
	flex-wrap: wrap;
}

.logo-slider-title {
	flex: 0 1 100%;
}

.logo-slider-swiper {
	flex: 0 1 100%;
}

section.logo-slider .logo-slider-title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

section.logo-slider .swiper-wrapper {
	transition-timing-function: linear;
	padding: 64px 0px;
	height: auto;
	align-items: center;
}

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

section.logo-slider .ls-logo img {
	width: 100%;
}

.logo-slider-arrows {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: absolute;
	bottom: 0px;
	left: 0%;
	width: 100%;
	z-index: 200;
}

.logo-slider-arrows .arrow {
	width: 24px;
	height: auto;
	cursor: pointer;
}

.logo-slider-arrows .arrow.swiper-button-disabled {
	opacity: 0.5;
}

.logo-slider-arrows .arrow svg {
	width: 100%;
	height: auto;
}

div[class*="force-full-width-section"] .logo-slider-wrapper .logo-slider-title {
	max-width: 1504px;
	margin: 0 auto;
  /*
	padding-left: 32px;
	padding-right: 32px;
  */
}


div[class*="force-full-width-section"] .logo-slider-swiper {
	margin-left: -32px;
	margin-right: -32px;
	min-width: calc(100% + 64px);
}

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

	section.logo-slider .content-wrapper {
		padding: 24px;
		border-radius: 0px;
		width: 100%;
	}
}
/* @import url('http://example.com/example_style.css'); */

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

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

.modular-icon-section {
  position: relative;
}
.modular-icon-section
  .span6.widget-span.widget-type-cell.dnd-column:has(
    .widget-type-linked_image
  ) {
  position: sticky;
  top: 240px;
  transform: translateX(108px);
}

.modular_icons .content_wrapper {
  width: 50%;
}
.modular_icons .image {
  padding-top: 60px;
}
.modular_icons .icon-mod {
  width: calc(20% - 2px);
}
.icon-header-img {
  margin-bottom: 14px;
}
.modular_icons {
  container-type: inline-size;
}
.modular_icons .image_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 70px;
  justify-content: flex-start;
}

.modular_icons .icon-header-img img {
  max-height: 70px;
  object-fit: contain;
  text-align: left;
  object-position: left;
}

@container (calc(0px * 1 + 70px) <= width < calc(295px * 1 + 70px)) {
  .modular_icons .icon-mod {
    /*background: #4caf50;*/
    max-width: 295px;
    width: 100%;
  }
}

@container (calc(295px * 1 + 70px) <= width < calc(295px * 3 + 70px)) {
  .modular_icons .content_wrapper {
    width: 100%;
  }
  .modular_icons .image_wrapper {
    gap: 10%;
    row-gap: 70px;
  }

  .modular_icons .icon-mod {
    /*background: #ff0;*/
    max-width: 295px;
    width: calc(45% - 2px);
  }
}

@container (calc(295px * 3 + 70px) <= width < calc(295px * 4 + 70px)) {
  .modular_icons .image_wrapper {
    gap: 50px;
    row-gap: 70px;
  }
  .modular_icons .icon-mod {
    /*background: #FF9800;*/
    max-width: 295px;
  }
}

@media (max-width: 768px) {
  .modular_icons .image_wrapper {
    gap: 20px;
  }

  .modular_icons .content_wrapper {
    width: 100%;
  }
  .modular-icon-section
    .span6.widget-span.widget-type-cell.dnd-column:has(
      .widget-type-linked_image
    ) {
    display: block;
    position: relative;
    transform: none;
    top: unset;
  }
}
.dnd-section.hero-banner > .row-fluid {
  padding: 0;
}

section.module-hero-banner {
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-top: 200px;
  overflow: hidden;
  position: relative;
}
.module-hero-banner ul {
  display: flex;
  flex-wrap: wrap;
  /* gap: 8px; */
  list-style: none;
  margin: 0;
  padding: 0;
}
.module-hero-banner ul:not(.breadcrumb) {
  flex-direction: column;
}

.module-hero-banner ul:not(.breadcrumb) li {
  padding-left: 25px;
}

.module-hero-banner ul li {
  /*flex-basis: 100%;*/
  margin: 0.37rem;
  position: relative;
}

.module-hero-banner ul li:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="18" viewBox="0 0 13 18" fill="none"><path d="M7.43659 17.0869C9.13092 14.2331 10.828 11.3748 12.5196 8.52652C10.8088 5.64534 9.12452 2.81078 7.45579 0H0.0228577C1.73273 2.8821 3.40512 5.70294 5.08117 8.52835C3.39598 11.3675 1.72085 14.1883 0 17.0869H7.43659Z" fill="%239D94EE"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: 0px;
  width: 18px;
  margin-top: 0.17rem;
}

.hero-banner__text-wrapper {
  flex: 0 1 100%;
}
.hero-banner__video-wrapper {
  flex: 0 1 100%;
}
.hero-banner__video-wrapper.gated {
  position: relative;
  cursor: pointer;
}
.hero-banner__video-wrapper.gated svg {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

section.module-hero-banner .content-wrapper {
  z-index: 2;
  position: relative;
}

section.module-hero-banner .content-wrapper.hero-banner__image-outside {
  gap: 50px;
}

.hero-banner-shape {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: 1500px;
  width: 3000px;
  pointer-events: none;
  background: #14054d;
}

.hero-banner-shape-circle {
  position: absolute;
  border-radius: 50%;
  filter: blur(200px);
  background: #03ff81;
  -webkit-filter: blur(200px);
  -webkit-backdrop-filter: blur(200px);
}

.module-hero-banner.hero-style_1 .hero-banner-shape {
  clip-path: polygon(100% 0, 93% -52%, 77% 75%, 29% 100%, 0% 43%, 0% 0%);
}

.module-hero-banner.hero-style_1 .hero-banner-shape .hero-banner-shape-circle {
  width: 1710px;
  height: 1710px;
  left: 42.5%;
  top: 60%;
}

.module-hero-banner.hero-style_2 .hero-banner-shape {
  clip-path: polygon(100% 0, 100% 73%, 56% 100%, 0 77%, 0 0);
}

.module-hero-banner.hero-style_2 .hero-banner-shape .hero-banner-shape-circle {
  width: 1710px;
  height: 1710px;
  left: 50%;
  top: 63%;
}

.module-hero-banner.hero-style_3 .hero-banner-shape {
  clip-path: polygon(100% 0, 100% 56%, 71% 100%, 0 78%, 0 0);
}

.module-hero-banner.hero-style_3 .hero-banner-shape .hero-banner-shape-circle {
  width: 1710px;
  height: 1710px;
  left: 34%;
  top: 73%;
}

.module-hero-banner.hero-style_4 .hero-banner-shape {
  clip-path: polygon(100% 0, 84% 22%, 77% 74.5%, 29% 100%, 0% 42%, 0% 0%);
}

.module-hero-banner.hero-style_4 .hero-banner-shape .hero-banner-shape-circle {
  width: 1710px;
  height: 1710px;
  left: 33%;
  top: 63%;
}

.module-hero-banner.hero-style_5 .hero-banner-shape {
  clip-path: polygon(100% 0, 100% 111%, 28% 67.5%, 0% 98%, 0 0);
}

.module-hero-banner.hero-style_5 .hero-banner-shape .hero-banner-shape-circle {
  width: 1710px;
  height: 1710px;
  left: 36%;
  top: 64%;
}

.module-hero-banner.hero-style_6 .hero-banner-shape {
  clip-path: polygon(100% 0, 85% 22%, 77% 75.5%, 29% 100%, 0% 43%, 0% 0%);
}

.module-hero-banner.hero-style_6 .hero-banner-shape .hero-banner-shape-circle {
  width: 1710px;
  height: 1710px;
  left: 42%;
  top: 62%;
}

.module-hero-banner.hero-style_7 .hero-banner-shape {
  clip-path: polygon(100% 0, 100% 81%, 56% 100%, 0 83%, 0% 0%);
}

.module-hero-banner.hero-style_7 .hero-banner-shape .hero-banner-shape-circle {
  width: 1710px;
  height: 1710px;
  left: 30%;
  top: 76%;
}

.module-hero-banner.hero-style_8 .hero-banner-shape {
  clip-path: polygon(100% 0, 100% 104.4%, 28% 87%, 0 104%, 0% 0%);
}

.module-hero-banner.hero-style_8 .hero-banner-shape .hero-banner-shape-circle {
  width: 1710px;
  height: 1710px;
  left: 56%;
  top: 70%;
}

.module-hero-banner ul.breadcrumb li,
.module-hero-banner ul.breadcrumb li a {
  color: #fff;
}

.module-hero-banner ul.breadcrumb {
  margin-top: 70px;
}

.module-hero-banner ul.breadcrumb li:last-child span {
  font-weight: 700;
}

.module-hero-banner ul.breadcrumb li:before {
  background: #fff;
}
.module-hero-banner ul.breadcrumb li:first-of-type {
  padding: 0px;
}
section.module-hero-banner .content-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  row-gap: 50px;
  justify-content: center;
}

.module-hero-banner .content_text,
.module-hero-banner .content_text * {
  color: #fff;
}

.module-hero-banner h1.hero_h1 {
  letter-spacing: -0.8px;
  line-height: 1;
  margin-bottom: 40px;
}

.module-hero-banner .content_text p {
  font-size: 18px;
  line-height: 1.6;
}

.module-hero-banner .button-wrapper {
  margin-top: 38px;
}

section.module-hero-banner.hero-style_1 .hero-banner__text-wrapper.not-image {
  padding-bottom: 250px;
}

section.module-hero-banner.hero-style_2 .hero-banner__text-wrapper.not-image {
  padding-bottom: 250px;
}

section.module-hero-banner.hero-style_3 .hero-banner__text-wrapper.not-image {
  padding-bottom: 250px;
}

section.module-hero-banner.hero-style_4 .hero-banner__text-wrapper.not-image {
  padding-bottom: 200px;
}

section.module-hero-banner.hero-style_7 .hero-banner__text-wrapper.not-image {
  padding-bottom: 200px;
}

.hero-banner__image-wrapper img {
  border-radius: 10px;
}

@media screen and (min-width: 768px) {
  .module-hero-banner h1.hero_h1 {
    font-size: 50px;
  }
}

@media screen and (min-width: 992px) {
  section.module-hero-banner .content-wrapper.hero-banner__image-outside {
    gap: 0;
  }

  section.module-hero-banner.hero-style_1 .hero-banner__text-wrapper {
    padding-bottom: 230px;
  }

  section.module-hero-banner.hero-style_2 .hero-banner__text-wrapper {
    padding-bottom: 220px;
  }

  section.module-hero-banner.hero-style_3 .hero-banner__text-wrapper {
    padding-bottom: 250px;
  }

  section.module-hero-banner.hero-style_4 .hero-banner__text-wrapper {
    padding-bottom: 150px;
  }

  section.module-hero-banner.hero-style_5 .hero-banner__text-wrapper {
    padding-bottom: 550px;
  }

  section.module-hero-banner.hero-style_6 .hero-banner__text-wrapper {
    padding-bottom: 160px;
  }

  section.module-hero-banner.hero-style_7 .hero-banner__text-wrapper {
    padding-bottom: 170px;
  }

  section.module-hero-banner.hero-style_8 .hero-banner__text-wrapper {
    padding-bottom: 250px;
  }

  section.module-hero-banner .content-wrapper {
    flex-wrap: nowrap;
    gap: 100px;
  }
  section.module-hero-banner .content-wrapper.wVideo {
    align-items: center;
  }

  .hero-banner__text-wrapper {
    width: 60%;
  }

  .hero-banner__image-wrapper {
    width: 60%;
  }

  .hero-banner__video-wrapper {
    width: 50%;
  }

  .hero-banner__image-outside .hero-banner__video-wrapper img {
    width: calc(100% + 190px);
    max-width: none !important;
    margin-left: -130px;
  }

  section.module-hero-banner
    .content-wrapper.hero-banner__image-outside
    .hero-banner__image-wrapper {
    padding-top: 30px;
  }

  .module-hero-banner .content_text_p,
  .module-hero-banner .button-wrapper {
    width: calc(100% - 31%);
  }

  .module-hero-banner .wVideo .content_text_p,
  .module-hero-banner .wVideo .button-wrapper {
    width: calc(100%);
  }

  .hero-banner__image-outside .hero-banner__image-wrapper img {
    width: calc(100% + 190px);
    max-width: none !important;
    margin-left: -130px;
  }
}

@media screen and (min-width: 1200px) {
  section.module-hero-banner {
    padding-top: 190px;
  }

  .section.module-hero-banner.hero-style_1 {
    padding-top: 240px;
  }

  .module-hero-banner h1.hero_h1 {
    font-size: 70px;
  }
}

@media screen and (min-width: 1400px) {
  section.module-hero-banner .content-wrapper {
    gap: 200px;
  }

  .module-hero-banner h1.hero_h1 {
    font-size: 80px;
  }
}

@media screen and (max-width: 991px) {
  section.module-hero-banner {
    padding-top: 50px;
  }

  .hero-banner__text-wrapper.not-image {
    width: 100%;
  }

  section.module-hero-banner.hero-style_2 .hero-banner__text-wrapper.not-image {
    padding-bottom: 200px;
  }

  section.module-hero-banner.hero-style_3 .hero-banner__text-wrapper.not-image {
    padding-bottom: 200px;
  }

  section.module-hero-banner.hero-style_4 .hero-banner__text-wrapper.not-image {
    padding-bottom: 250px;
  }

  section.module-hero-banner.hero-style_5 .hero-banner__text-wrapper.not-image {
    padding-bottom: 500px;
  }

  section.module-hero-banner.hero-style_6 .hero-banner__text-wrapper.not-image {
    padding-bottom: 250px;
  }

  section.module-hero-banner.hero-style_7 .hero-banner__text-wrapper.not-image {
    padding-bottom: 100px;
  }

  section.module-hero-banner.hero-style_8 .hero-banner__text-wrapper.not-image {
    padding-bottom: 250px;
  }
}
.data-slider {
	margin-left: -32px;
	margin-right: -32px;
}

.data-slider .data-slider-content {
	padding-top: 75px;
	padding-bottom: 200px;
	background: #14054D;
	padding-left: 32px;
	padding-right: 32px;
}


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

.data-slider-content.data-slider-content-light h3 {
	color: #BDB7F3;
}

.data-slider-content.data-slider-content-light, .data-slider-content.data-slider-content-light h2 {
	color: #fff;
}

.data-slider .slider-arrows {
	display: flex;
	gap: 20px;
	max-width: 1504px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	transform: translateY(-110px);
	padding-left: 32px;
	padding-right: 32px;
}

.data-slider .slider-arrows .arrow {
	width: 38px;
	height: 38px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.data-slider .data-slider-content {
	width: calc(100% + 2px);
	margin-left: -1px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right 20px bottom;
	opacity: 0.33;
	transition: opacity 2s ease;
	height: 100%;
}

.data-slider .data-slider-content .button-wrapper {
	padding-top: 10px;
}

.data-slider .swiper-slide-active .data-slider-content {
	opacity: 1;
}

.data-slider .data-slider-text {
	max-width: 630px;
}

.data-slider .data-slider-text h2 {
	font-size: 70px;
}

.data-slider .data-slider-text p {
	font-size: 18px;
	line-height: 1.6;
}

.data-slider .swiper-slide.swiper-slide-one {
	width: 100% !important;
}

.data-slider .swiper-slide.swiper-slide-one .data-slider-content {
	padding-left: 32px !important;
	padding-right: 32px !important;
	max-width: 1504px;
	margin: 0 auto;
	padding-top: 45px;
	padding-bottom: 150px;
}

@media(max-width: 1499px){

	.data-slider-swiper.noloop-mv .swiper-slide:last-child .data-slider-content {
		padding-left: 32px;
	}
	
}

@media(max-width: 768px){

	.data-slider-content.data-slider-content-light h3 {
		font-size: 18px;
	}

	.data-slider-text h2 {
		font-size: 45px;
	}

	.data-slider-text p {
		font-size: 16px;
	}

	.data-slider .data-slider-content {
		padding-bottom: 240px;
	}

	.data-slider .slider-arrows {
		transform: translateY(-210px);
	}

}

@media(min-width: 992px){
	
	.data-slider .data-slider-content {
		background-position: right 70px bottom;
	}

	.data-slider .data-slider-text {
		width: 70%;
	}

	.data-slider .data-slider-text h2 {
		font-size: 100px;
	}

}

@media(min-width: 1500px){
	
	.data-slider .data-slider-content {
		transition: all 1.5s 0.5s ease;
		padding-left: 95px;
		background-position: right 120px bottom;
	}
	
	.data-slider .swiper-slide-active .data-slider-content {
		padding-left: calc(((100vw - 1504px) / 2) + 32px);
		transition-delay: 0s;
	}

	.data-slider-swiper.noloop-dk .swiper-slide:last-child .data-slider-content {
		padding-left: 127px;
	}
	
}
.cta-banner-image {
  background-color: var(--primary-colour);
  color: #fff;
  overflow: hidden;
  position: relative;
  padding: 45px 20px;
  border-radius: 10px;
}

.cta-banner-image-content {
  position: relative;
  z-index: 2;
}

.cta-banner-image-text * {
  color: #fff;
}

.cta-banner-image-text p {
  font-size: 18px;
}

.cta-banner-image-image {
  margin-top: 50px;
}

.cta-banner-image .shape-circle {
  width: 1118px;
  height: 1118px;
  -webkit-backdrop-filter: blur(100px);
  background: #03ff81;
  border-radius: 50%;
  filter: blur(100px);
  -webkit-filter: blur(100px);
  position: absolute;
  left: 32%;
  top: -7%;
}

.cta-banner-image .button-wrapper {
  padding-top: 20px;
}
.cta-banner-image img {
  display: block;
}

.cta-banner-image.cta-banner-image-centered .cta-banner-image-image img {
  display: block;
  margin: 0 auto -45px auto;
  max-width: 260px !important;
}

.cta-banner-image.cta-banner-image-centered .shape-circle {
  left: 56%;
  top: -230%;
}

.cta-banner-image.cta-banner-image-small-image .shape-circle {
  left: 51%;
  top: 12%;
  width: 1380px;
  height: 1380px;
  -webkit-filter: blur(200px);
  filter: blur(200px);
  -webkit-backdrop-filter: blur(200px);
}

.cta-banner-image.cta-banner-image-small-image .cta-banner-image-image img {
  display: block;
  margin: 0 auto;
  margin-bottom: -45px;
  max-width: 350px !important;
  width: 100%;
}

.cta-banner-image-text-profile svg path {
  fill: #fff;
}

.cta-banner-image-text-profile > span {
  margin-right: 30px;
}
.cta-banner-image-text-profile a {
  display: inline-block;
  vertical-align: middle;
}

.cta-banner-image-text-profile {
  font-size: 30px;
}

.cta-banner-image.cta-banner-image-profile .cta-banner-image-image img {
  display: block;
  margin: 0 auto -45px auto;
  max-height: 400px;
  width: auto;
}

.cta-banner-image.cta-banner-image-profile .shape-circle {
  left: 55%;
  top: 41%;
}

@media (max-width: 767px) {
  .cta-banner-image-full-image .cta-banner-image-image img {
    margin-bottom: -50px;
    transform: translateX(20px);
  }
}

@media (min-width: 992px) {
  .cta-banner-image {
    padding-left: 55px;
  }

  .cta-banner-image-content {
    display: flex;
    justify-content: space-between;
  }

  .cta-banner-image-left {
    flex: 0 1 47%;
    padding-right: 40px;
    max-width: 535px;
  }

  .cta-banner-image-image {
    flex: 0 1 53%;
  }

  .cta-banner-image-image {
    margin: 0;
    display: flex;
    align-items: end;
  }

  .cta-banner-image-image img {
    margin-bottom: -45px;
    transform: translateX(20px);
  }

  .cta-banner-image.cta-banner-image-centered .cta-banner-image-left {
    width: 100%;
    flex: 0 1 100%;
    padding: 0;
    max-width: none;
    text-align: center;
    padding-right: 350px;
  }

  .cta-banner-image.cta-banner-image-centered .cta-banner-image-content {
    justify-content: center;
  }

  .cta-banner-image.cta-banner-image-centered
    .cta-banner-image-left
    .button-wrapper {
    justify-content: center;
  }

  .cta-banner-image.cta-banner-image-centered .cta-banner-image-image {
    flex: 0 1 0%;
    width: 0;
    overflow: visible;
  }

  .cta-banner-image.cta-banner-image-centered .cta-banner-image-image img {
    width: 260px;
    margin-left: -260px;
  }

  .cta-banner-image.cta-banner-image-centered .cta-banner-image-image img {
    display: block;
    margin: 0 auto -45px -310px;
    max-width: 260px !important;
  }

  .cta-banner-image.cta-banner-image-centered .cta-banner-image-text,
  .cta-banner-image.cta-banner-image-centered .button-wrapper {
    max-width: 510px;
    margin: 0 auto;
  }

  .cta-banner-image.cta-banner-image-small-image .cta-banner-image-image {
    flex: 0 1 45%;
  }

  .cta-banner-image.cta-banner-image-small-image .cta-banner-image-left {
    flex: 0 1 55%;
    max-width: none;
    padding-right: 0;
  }

  .cta-banner-image.cta-banner-image-small-image .cta-banner-image-image img {
    max-width: 280px !important;
  }

  .cta-banner-image.cta-banner-image-profile .cta-banner-image-image {
    flex: 0 1 46%;
  }

  .cta-banner-image.cta-banner-image-profile .cta-banner-image-left {
    flex: 0 1 54%;
    max-width: none;
  }
}

@media (min-width: 1200px) {
  .cta-banner-image {
    padding: 60px 20px 60px 90px;
  }

  .cta-banner-image-image img {
    margin-bottom: -60px;
  }

  .cta-banner-image .button-wrapper {
    padding-top: 45px;
  }

  .cta-banner-image.cta-banner-image-centered {
    padding-left: 20px;
  }

  .cta-banner-image.cta-banner-image-centered .cta-banner-image-left {
    padding-left: 350px;
    max-width: none;
  }

  .cta-banner-image.cta-banner-image-centered .cta-banner-image-image img {
    margin-bottom: -60px;
    margin-left: -355px;
  }

  .cta-banner-image.cta-banner-image-small-image .cta-banner-image-image img {
    margin-bottom: -60px;
  }

  .cta-banner-image.cta-banner-image-small-image .cta-banner-image-left {
    flex: 0 1 60%;
    padding-right: 0;
  }

  .cta-banner-image.cta-banner-image-small-image .cta-banner-image-image {
    flex: 0 1 40%;
  }

  .cta-banner-image.cta-banner-image-profile .cta-banner-image-image img {
    margin-bottom: -60px;
  }

  .cta-banner-image.cta-banner-image-profile .cta-banner-image-image {
    flex: 0 1 39%;
  }

  .cta-banner-image.cta-banner-image-profile .cta-banner-image-left {
    flex: 0 1 61%;
    max-width: none;
  }

  .cta-banner-image-text-profile > span {
    margin-right: 50px;
  }
}
.section-mapping {
	overflow: hidden;
}

.section-mapping>.row-fluid {
	padding-left: 0;
	padding-right: 0;
	max-width: 1504px !important;
}

.mapping-graphic {
	display: flex;
	align-items: center;
	gap: 50px;
	position: relative;
}

.mapping-graphic:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: calc(50% - 2px);
	width: 100vw;
	background: #BDB7F3;
	transform: translateX(-50%);
	height: 5px;
	z-index: -1;
}

.mapping-graphic-childs .button.ghost {
	opacity: 0;
	pointer-events: none;
}

.mapping-graphic .button.first {
	background: #14054D;
	border: 3px solid #5B4CE2;
	border-radius: 15px;
	padding: 18px 30px;
	font-size: 22px;
}

.mapping-graphic-childs .button {
	background: #FFFFFF;
	border: 1px solid #9D94EE;
	border-radius: 15px;
	color: #14054D;
	padding: 20px;
	font-size: 22px;
	width: 100%;
	min-height: 100px;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-content: center;
}

.mapping-graphic-childs .button span {
	display: block;
	font-size: 18px;
	padding-top: 8px;
}


.mapping-graphic-childs .button:hover {
	border-color: #03FF81;
	background: #03FF81;
}

.mapping-graphic-childs {
	display: flex;
	flex-wrap: wrap;
	height: 450px;
	align-content: space-between;
	flex-direction: row;
}


.mapping-graphic-childs.childs-1 .button:nth-child(1) {
	order: 2;
}

.mapping-graphic-childs.childs-1 .button:nth-child(2) {
	order: 1;
}
.mapping-graphic-childs.childs-1 .button:nth-child(3) {
	order: 3;
}

.mapping-graphic-childs.childs-3 .button:nth-child(1) {
	order: 1;
}

.mapping-graphic-childs.childs-3 .button:nth-child(2) {
	order: 2;
}

.mapping-graphic-childs.childs-3 .button:nth-child(3) {
	order: 3;
}

.mapping-graphic-childs.childs-2 .button:nth-child(1) {
	order: 1;
}
.mapping-graphic-childs.childs-2 .button:nth-child(2) {
	order: 2;
}
.mapping-graphic-childs.childs-2 .button:nth-child(3) {
	order: 3;
}



.mapping-graphic-childs .button:before {
	content: '';
	display: block;
	position: absolute;
	left: 150px;
	width: 50px;
	overflow: hidden;
	height: 152px;
	background-size: cover;
	background-position: center;
	pointer-events: none;
}

.mapping-graphic-childs .button:hover:before {
  z-index: 2;
}

.mapping-graphic-childs .button:nth-child(2):before {
	top: 50%;
	transform: translateY(-100%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='157' viewBox='0 0 132 157' fill='none'%3E%3Cpath d='M3 154C14.0299 154 13.6406 154 38.036 154C86.5 154 57.5 3 100.712 3C114.467 3 129 3 129 3' stroke='%23BDB7F3' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/*
.mapping-graphic-childs .button:nth-child(2):hover:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='157' viewBox='0 0 132 157' fill='none'%3E%3Cpath d='M3 154C14.0299 154 13.6406 154 38.036 154C86.5 154 57.5 3 100.712 3C114.467 3 129 3 129 3' stroke='%235B4CE2' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
*/
.mapping-graphic-childs .button:nth-child(1):before {
	top: calc(50% - 2.4px);
	height: 5px;
	background: #BDB7F3;
}
/*
.mapping-graphic-childs.childs-1 .button:nth-child(1):hover:before {
	background: #5B4CE2;
}
.mapping-graphic-childs.childs-2 .button:nth-child(2):hover:before {
	background: #5B4CE2;
}

.mapping-graphic-childs.childs-3 .button:nth-child(2):hover .mapping-graphic-childs.childs-3 .button:nth-child(1):before {
	background: #5B4CE2;
}
*/
.mapping-graphic-childs .button:nth-child(3):before {
	bottom: 50%;
	transform: translateY(100%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='157' viewBox='0 0 132 157' fill='none'%3E%3Cpath d='M3 3C14.0299 3 13.6406 3 38.036 3C86.5 3 57.5 154 100.712 154C114.467 154 129 154 129 154' stroke='%23BDB7F3' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/*
.mapping-graphic-childs .button:nth-child(3):hover:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='157' viewBox='0 0 132 157' fill='none'%3E%3Cpath d='M3 3C14.0299 3 13.6406 3 38.036 3C86.5 3 57.5 154 100.712 154C114.467 154 129 154 129 154' stroke='%235B4CE2' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
*/
.mapping-graphic-childs .button:after {
	content: '';
	display: block;
	position: absolute;
	right: -50vw;
	width: 50vw;
	overflow: hidden;
	height: 230px;    
	background-size: 680px;
	background-position: left center;
	background-repeat: no-repeat;
}

.mapping-graphic-childs .button:nth-child(2):after {
	top: -80px;
background-image: url('data:image/svg+xml,<svg width="667" height="198" viewBox="0 0 667 198" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_126_1661)"><rect width="1920" height="8995" transform="translate(-1242 -5131)" fill="white"/><path d="M-202.538 99.3105H-192.038C-149.538 99.3105 -41.0381 99.3105 52.9619 99.3105C170.462 99.3105 193.962 197.311 294.462 197.311C374.862 197.311 490.962 197.311 538.962 197.311H673.462" stroke="%23BDB7F3" stroke-width="5" stroke-linejoin="round"/><path d="M-208.538 99.3105H-198.038C-155.538 99.3105 -47.0381 99.3105 46.9619 99.3105C164.462 99.3105 187.962 1.31055 288.462 1.31055C368.862 1.31055 484.962 1.31055 532.962 1.31055H667.462" stroke="%23BDB7F3" stroke-width="5" stroke-linejoin="round"/></g><defs><clipPath id="clip0_126_1661"><rect width="1920" height="8995" fill="white" transform="translate(-1242 -5131)"/></clipPath></defs></svg>');
}

.mapping-graphic-childs .button:nth-child(3):after {
	bottom: -45px;
background-image: url('data:image/svg+xml,<svg width="667" height="198" viewBox="0 0 667 198" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_126_1661)"><rect width="1920" height="8995" transform="translate(-1242 -5131)" fill="white"/><path d="M-202.538 99.3105H-192.038C-149.538 99.3105 -41.0381 99.3105 52.9619 99.3105C170.462 99.3105 193.962 197.311 294.462 197.311C374.862 197.311 490.962 197.311 538.962 197.311H673.462" stroke="%23BDB7F3" stroke-width="5" stroke-linejoin="round"/><path d="M-208.538 99.3105H-198.038C-155.538 99.3105 -47.0381 99.3105 46.9619 99.3105C164.462 99.3105 187.962 1.31055 288.462 1.31055C368.862 1.31055 484.962 1.31055 532.962 1.31055H667.462" stroke="%23BDB7F3" stroke-width="5" stroke-linejoin="round"/></g><defs><clipPath id="clip0_126_1661"><rect width="1920" height="8995" fill="white" transform="translate(-1242 -5131)"/></clipPath></defs></svg>');
}


.mapping-content-text {
	padding-bottom: 30px;
	position: relative;
	z-index: 2;
}

.mapping-graphic-childs .button .mapping-title-childs {
	position: relative; 
	width: 100%; 
	height: 0; 
	margin-top: -130px; 
	padding: 0; 
	font-size: 18px; 
	color: #726994;
}


@media(max-width: 767px){
	
	.mapping {
		padding-left: 0;
		padding-right: 0;
	}
	
	.mapping-graphic .button, .mapping-graphic .button.first {
		font-size: 16px;
	}

	.mapping-graphic-childs .button {
		font-size: 22px;
	}

	.mapping-graphic-childs .button span {
		font-size: 16px;
		line-height: 1.2;
		flex: 0 1 100%;
	}
	
	.mapping-content-text {
		padding-bottom: 50px;
	}
	
	.mapping-graphic {
		flex-wrap: wrap;
		justify-content: center;
		gap: 90px;
	}

	.mapping-graphic-childs .button:before {
		background-image: none !important;
		background: none !important;
	}

	.mapping-graphic-childs .button:after {
		background-image: none !important;
	}

	.mapping-graphic:before {
		height: 100%;
		width: 5px;
		top: 0;
	}

	.mapping-graphic-childs .button .mapping-title-childs {
		height: auto;
		background-color: #ffffff;
		padding: 5px 0;
	}

	.mapping-graphic-childs {
		height: auto;
		gap: 50px;
	}
	
}


@media(min-width: 768px){
	.mapping-graphic .button.first {
    width: 181px;
    min-width: 181px;
	}
	
	.mapping-graphic-childs .button:before {
		left: 181px;
		width: 150px;
		height: 175px;
	}
	

	.mapping-graphic {
		gap: 150px;
	}
	
	.mapping-graphic-childs {
    height: 500px;
	}
	
	.mapping-graphic-childs .button:nth-child(2):before {
		top: calc(50% + 3px);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='494' height='157' viewBox='0 0 494 157' fill='none'%3E%3Cpath d='M3 154C26.8167 154 133.941 154 186.618 154C291.265 154 228.646 3 321.953 3C351.653 3 491 3 491 3' stroke='%23BDB7F3' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
  
  /*
	.mapping-graphic-childs .button:nth-child(2):hover:before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='494' height='157' viewBox='0 0 494 157' fill='none'%3E%3Cpath d='M3 154C26.8167 154 133.941 154 186.618 154C291.265 154 228.646 3 321.953 3C351.653 3 491 3 491 3' stroke='%235B4CE2' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
	*/
  
	.mapping-graphic-childs .button:nth-child(3):before {
		bottom: calc(50% + 3px);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='494' height='157' viewBox='0 0 494 157' fill='none'%3E%3Cpath d='M3 3C26.8167 3 133.941 3 186.618 3C291.265 3 228.646 154 321.953 154C351.653 154 491 154 491 154' stroke='%23BDB7F3' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
  /*
	.mapping-graphic-childs .button:nth-child(3):hover:before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='494' height='157' viewBox='0 0 494 157' fill='none'%3E%3Cpath d='M3 3C26.8167 3 133.941 3 186.618 3C291.265 3 228.646 154 321.953 154C351.653 154 491 154 491 154' stroke='%235B4CE2' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
 */

}

@media(min-width: 992px){
	
	.mapping-graphic {
		padding-left: 100px;
	}

	.mapping-graphic-childs .button:before {
		left: 281px;
		height: 210px;
	}

	.mapping-graphic-childs .button {
		max-width: 430px;
	}
	
	.mapping-graphic-childs .button:nth-child(2):before {
    top: calc(50% + 5px);
	}
	
	.mapping-graphic-childs .button:nth-child(3):before {
    bottom: calc(50% + 3px);
	}
	
	.mapping-graphic-childs .button:after {
    left: 861px;
	}

}

@media(min-width: 1200px){
	
	.mapping-graphic {
    gap: 280px;
		padding-left: 180px;
	}
	
	.mapping-graphic-childs {
		height: 550px;
	}
	
	.mapping-graphic .button.first {
		width: 251px;
		min-width: 251px;
	}

	.mapping-graphic-childs .button:before {
		left: 431px;
		width: 280px;
		height: 230px;
	}

	.mapping-graphic-childs .button:nth-child(2):before {
		top: calc(50% + 3px);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='691' height='236' viewBox='0 0 691 236' fill='none'%3E%3Cpath d='M3 233.5C45.5 233.5 134 233.5 228 233.5C345.5 233.5 369 3 469.5 3C522.5 3 688.5 3 688.5 3' stroke='%23BDB7F3' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
	/*
	.mapping-graphic-childs .button:nth-child(2):hover:before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='691' height='236' viewBox='0 0 691 236' fill='none'%3E%3Cpath d='M3 233.5C45.5 233.5 134 233.5 228 233.5C345.5 233.5 369 3 469.5 3C522.5 3 688.5 3 688.5 3' stroke='%235B4CE2' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
	*/
	.mapping-graphic-childs .button:nth-child(1):before {
    top: calc(50% - 1.4px);
	}
	
	.mapping-graphic-childs .button:nth-child(3):before {
		bottom: calc(50% + 2px);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='701' height='236' viewBox='0 0 701 236' fill='none'%3E%3Cpath d='M3 3C45.5 3 134 3 228 3C345.5 3 369 233.5 469.5 233.5C522.5 233.5 698.5 233.5 698.5 233.5' stroke='%23BDB7F3' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
	/*
	.mapping-graphic-childs .button:nth-child(3):hover:before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='701' height='236' viewBox='0 0 701 236' fill='none'%3E%3Cpath d='M3 3C45.5 3 134 3 228 3C345.5 3 369 233.5 469.5 233.5C522.5 233.5 698.5 233.5 698.5 233.5' stroke='%235B4CE2' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
	*/
	.mapping-graphic-childs .button:after {
    left: 100%;
	}

	.mapping-content-text {
    max-width: 700px;
    width: 50%;
    padding: 0;
    margin-bottom: -100px;
	}
	
}

@media(min-width: 1269px){
	.mapping-graphic-childs .button:after {
    left: 1141px;
	}
}

@media(min-width: 1500px){
	.mapping-graphic {
		padding-left: 379px;
	}
	
	.mapping-graphic-childs .button:before {
		left: 630px;
	}

	.mapping-graphic-childs .button:after {
		left: 1340px;
	}

}


/* Macros */

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

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

.card {
  border: 0;
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  padding: 0 0 50px 0;
  flex-direction: column;
  box-shadow: 0px 30px 42px -10px rgba(19, 7, 68, 0.05),
    0px 40px 100px -15px rgba(19, 7, 68, 0.15);
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.blog-listing .card:hover {
  background-color: #14054d;
}

.card:hover .post-card-date,
.card:hover .post-card-date {
  transition: 0.3s ease-in-out;
}

.card:hover h2.post-card-title a,
.card:hover .h2.post-card-title a,
.card:hover .post-card-date,
.card:hover .post-card-date {
  color: #fff;
}

.card:hover .post-card-tags a {
  border: 1px solid var(--Eastnets-purple, rgba(3, 255, 129, 1));
  color: rgba(3, 255, 129, 1);
}

.card_body {
  flex: 1;
  height: 100%;
  padding: 0 20px;
}

.card_footer {
  padding: 0 20px;
}

.card_header {
  margin-bottom: 30px;
}

.card_header img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 3;
  object-fit: cover;
}

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

.card-repeater__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 33px;
}

.card-repeater__grid .card-repeater__card-item {
  max-width: 100%;
}

.card-repeater__card .button {
  position: relative;
  z-index: 2;
}

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

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

  .card:not(:last-of-type) .card_full-width-container {
    border-bottom: 1px solid var(--blue);
    padding-bottom: 2em;
  }

  .card .card_full-width-container .card_header {
    height: 411px;
    margin-bottom: 0;
  }

  .card .card_full-width-container .card_header img {
    height: 100%;
    object-fit: cover;
  }

  .card .card_full-width-container .card_body {
    height: auto;
  }

  .card .card_full-width-container .card_full-width-col:last-of-type {
    padding: 2em 0;
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1200px) {
  .card-repeater__grid.card-repeater__grid__items_1 {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }

  .card-repeater__grid.card-repeater__grid__items_2 {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }

  .card-repeater__grid.card-repeater__grid__items_3 {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }

  .card-repeater__grid.card-repeater__grid__items_4 {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
}

@media screen and (max-width: 767px) {
  .card {
    padding: 0 0 20px 0;
  }

  .card-feed__title-bar .card-feed__blog-button {
    display: none;
  }

  .card_office .card {
    padding: 0 0 15px;
  }

  section.resource-header h2.post-card-title a,
  .card-feed h2.post-card-title a {
    font-size: 20px;
    text-decoration: none;
  }
}

@media (max-width: 1200px) {
  .card-repeater__grid.card-repeater__grid__items_3,
  .card-repeater__grid.card-repeater__grid__items_4,
  .card-repeater__grid.card-repeater__grid__items_2,
  .card-repeater__grid.card-repeater__grid__items_2 {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
@media (max-width: 768px) {
  .card-repeater__grid.card-repeater__grid__items_3,
  .card-repeater__grid.card-repeater__grid__items_4,
  .card-repeater__grid.card-repeater__grid__items_2,
  .card-repeater__grid.card-repeater__grid__items_2 {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
}

/* Sections */




/* 1. 2 Columns with round Image */

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

@media (max-width: 767px) {
    .dnd_area-row-6-padding.section-cta-banner-image {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

/* Settings */

html {
  scroll-behavior: smooth;
}
hr {
  border-bottom-color: #eee;
}
:root {
  --white: #fff;
  --black: #000;
  --blue: #0078FF;
  --primary-colour: #14054d;
  --secondary-colour: #03ff81;
  --primary-font: {font=Space Grotesk, font_set=GOOGLE, styles={font-family='Space Grotesk', sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=null, size_unit=null, color=#14054d, variant=regular, fallback=sans-serif, style=font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #14054d;font-family: 'Space Grotesk', sans-serif;}
}





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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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



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




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

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

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






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

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

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






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

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

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






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

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

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






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

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

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






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

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

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






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

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

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






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

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

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






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

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

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






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

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

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







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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



.rel { position: relative; }

/* Utilities */

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

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

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

.d-grid {
  display: grid;
}

.d-flex {
  display: flex;
}

.d-block {
  display: block;
}

.d-none {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-100 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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