/* Theme base styles */

/* INCLUDE THE VARIABLES AT THE TOP OF THE FILE, AS IT'S USED IN ALL STYLESHEETS BELOW */



:root {
  --container-width: 1240px;
  --dnd-section-padding: 96px 20px;
  --dnd-section-padding-tablet: 80px 20px;
  --dnd-section-padding-mobile: 32px 20px;
}


:root {
  --primary-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --secondary-color: 

  
  
    
  


  rgba(255, 110, 1, 1)

;
  --dark-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --light-color: 

  
  
    
  


  rgba(245, 240, 233, 1)

;
  --white-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
  --white-color-rgb: 255,255,255;
  --white-color-hover: #b2b2b2;
  --amber-color-rgb: 255,153,18; 
  --amber-color:  #FF9912;
  --cream-color-rgb: 245,240,233;
  --cream-color: #F5F0E9;
  --light-cream-color: #FAF8F4;
  --dark-text-color-rgb: 24,24,23;
  --dark-text-color: #181817;
  --form-link-color-rgb: 71,67,248;
  --form-link-color: #4743F8;
  --grey-color-rgb: 230,233,237;
  --grey-color: #E6E9ED;
  --grey-text-color-rgb: 89,96,93;
  --grey-text-color: #62605D;
  --navy-color-rgb: 0,32,78;
  --navy-color: #00204E;
  --navy-color-hover: #001637;
  --orange-color-rgb: 255,110,1;
  --orange-color: #FF6E01;
  --pale-navy-color-rgb: 51,77,113;
  --pale-navy-color: #334D71;
  --pale-text-color-rgb: 77,99,131;
  --pale-text-color: #4D6383;
  --sky-color-rgb: 143,207,255;
  --sky-color: #8FCFFF;
  --new-nav-cream-color: #f5f0e9;
  --new-light-cream-color: #f9f6f2;
  --new-lightest-cream-color: #fdfcfb;
  --new-orange-color: #ff5100;
  --orange-600: #DB4600;
  --dark-orange-color: #CC4100;
  --neutral-100: #FDFCFB;
  --neutral-900: #302F2E;
  --neutral-800: #615F5D;
}


:root {
  --anchor-font-color: 

  
  
    
  


  rgba(255, 110, 1, 1)

;
  --anchor-font-hover-color: 

  
  
    
  


  rgba(255, 110, 1, 1)

;
  --heading-1-font-size: 3.1em;
  --heading-2-font-size: 2.4em;
  --heading-3-font-size: 1.511em;
  --heading-4-font-size: 1.25em;
  --heading-5-font-size: 1em;
  --heading-6-font-size: 0.7em;
  --paragraph-font-size: 20px;
}











:root {
  --button-background-color: 

  
  
    
  


  rgba(0, 32, 78, 1.0)

;
  --button-font-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  --button-border: 1px solid 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --button-border-radius: 50px;
  --button-padding: 10px 20px;
  --button-max-width: 960px;
}


:root {
  --form-title-background-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --form-title-font-color: 

  
  
    
  


  rgba(255, 110, 1, 1)

;
  --form-label-font-color: 

  
  
    
  


  rgba(51, 77, 113, 1)

;
  --form-help-text-font-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --form-error-text-font-color: 

  
  
    
  


  rgba(255, 0, 0, 1)

;
  --form-input-border-color: 

  
  
    
  


  rgba(204, 210, 220, 1)

;
  --form-input-focus-border-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
}


:root {
  --table-header-background-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --table-header-font-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
  --table-background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  --table-font-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --table-border-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
  --table-footer-background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  --table-footer-font-color: 

  
  
    
  


  rgba(0, 32, 78, 1)

;
}


:root {
  --header-height-desktop: 66px;
  --header-height-tablet: 63px;
  --header-height-mobile: 60px;
}


:root {

}


:root {
  --transition-speed-super-fast: 0.05s;
  --transition-speed-fast: 0.25s;
  --transition-speed-medium: 0.35s;
  --transition-speed-slow: 0.45s;
  --border-radius-10: 10px;
  --border-radius-top-10: 10px 10px 0 0;
  --border-radius-bottom-10: 0 0 10px 10px;
  --border-radius-right-10: 0 10px 10px 0;
  --border-radius-left-10: 10px 0 0 10px;
  --border-radius-20: 20px;
  --border-radius-top-20: 20px 20px 0 0;
  --border-radius-bottom-20: 0 0 20px 20px;
  --border-radius-right-20: 0 20px 20px 0;
  --border-radius-left-20: 20px 0 0 20px;
}

/*  Generic
    This is where reset, normalize & box-sizing styles go.
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

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

body {
  margin: 0;
}

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

main {
  display: block;
}

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

h1 {
  font-size: 2em;
  margin: 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: 80%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  left: 1px;
  top: -0.5em;
}

a:has(sup) {
  left: 1px;
  padding-top: 0.5em;
  position: relative;
  z-index: 1;
}
/*
a:has(sup)::after {
  content: '';
  position: absolute;
  top: -0.5em;
  left: 0;
  right: 0;
  bottom: 0;
}
*/
a:has(sup) sup {
  left: 0;
  z-index: -1;
}

/* 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;
}
*, *:before, *:after {
  box-sizing: border-box;
}

/*  Components
    Specific pieces of UI that are stylized. Typically used for global partial styling
*/
.s-background-color--primary,
.s-background-color--primary-hover:hover,
.s-background-color--primary-active.active,
.s-icon-background-color--primary svg {
  background-color: var(--primary-color);
}

.s-background-color--secondary,
.s-background-color--secondary-hover:hover,
.s-background-color--secondary-active.active,
.s-icon-background-color--secondary svg {
  background-color: var(--secondary-color);
}

.s-background-color--dark,
.s-background-color--dark-hover:hover,
.s-background-color--dark-active.active,
.s-icon-background-color--dark svg {
  background-color: var(--dark-color);
}

.s-background-color--light,
.s-background-color--light-hover:hover,
.s-background-color--light-active.active,
.s-icon-background-color--light svg {
  background-color: var(--light-color);
}

.s-background-color--white,
.s-background-color--white-hover:hover,
.s-background-color--white-active.active,
.s-icon-background-color--white svg {
  background-color: var(--white-color);
}

.s-background-color--navy,
.s-background-color--navy-hover:hover,
.s-background-color--navy-active.active,
.s-icon-background-color--navy svg {
  background-color: var(--navy-color);
}

.s-background-color--sky,
.s-background-color--sky-hover:hover,
.s-background-color--sky-active.active,
.s-icon-background-color--sky svg {
  background-color: var(--sky-color);
}

.s-background-color--pale-navy,
.s-background-color--pale-navy-hover:hover,
.s-background-color--pale-navy-active.active,
.s-icon-background-color--pale-navy svg {
  background-color: var(--pale-navy-color);
}

.s-background-color--orange,
.s-background-color--orange-hover:hover,
.s-background-color--orange-active.active,
.s-icon-background-color--orange svg {
  background-color: var(--orange-color);
}

.s-background-color--dark-orange,
.s-background-color--dark-orange-hover:hover,
.s-background-color--dark-orange-active.active,
.s-icon-background-color--dark-orange svg {
  background-color: var(--dark-orange-color);
}

.s-background-color--amber,
.s-background-color--amber-hover:hover,
.s-background-color--amber-active.active,
.s-icon-background-color--amber svg {
  background-color: var(--amber-color);
}

.s-background-color--cream,
.s-background-color--cream-hover:hover,
.s-background-color--cream-active.active,
.s-icon-background-color--cream svg {
  background-color: var(--cream-color);
}

.s-background-color--light-cream,
.s-background-color--light-cream-hover:hover,
.s-background-color--light-cream-active.active,
.s-icon-background-color--light-cream svg {
  background-color: var(--light-cream-color);
}

.s-background-color--new-nav-cream,
.s-background-color--new-nav-cream-hover:hover,
.s-background-color--new-nav-cream-active.active,
.s-icon-background-color--new-nav-cream svg {
  background-color: var(--new-nav-cream-color);
}

.s-background-color--new-light-cream,
.s-background-color--new-light-cream-hover:hover,
.s-background-color--new-light-cream-active.active,
.s-icon-background-color--new-light-cream svg {
  background-color: var(--new-light-cream-color);
}

.s-background-color--new-lightest-cream,
.s-background-color--new-lightest-cream-hover:hover,
.s-background-color--new-lightest-cream-active.active,
.s-icon-background-color--new-lightest-cream svg {
  background-color: var(--new-lightest-cream-color);
}

.s-background-color--new-orange,
.s-background-color--new-orange-hover:hover,
.s-background-color--new-orange-active.active,
.s-icon-background-color--new-orange svg {
  background-color: var(--new-orange-color);
}

.s-background-color--orange-600,
.s-background-color--orange-600-hover:hover,
.s-background-color--orange-600-active.active,
.s-icon-background-color--orange-600 svg {
  background-color: var(--orange-600);
}

/* TEXT COLOURS */

.s-text-color--primary,
.s-text-color--primary-hover:hover,
.s-text-color--primary-hover:hover h1,
.s-text-color--primary-hover:hover h2,
.s-text-color--primary-hover:hover h3,
.s-text-color--primary-hover:hover h4,
.s-text-color--primary-hover:hover h5,
.s-text-color--primary-hover:hover h6,
.s-text-color--primary-hover:hover p,
.s-text-color--primary-hover:hover ul,
.s-text-color--primary-hover:hover li,
.s-text-color--primary-hover:hover a,
.s-text-color--primary-hover:hover i,
.s-text-color--primary-active.active,
.s-text-color--primary-active.active h1,
.s-text-color--primary-active.active h2,
.s-text-color--primary-active.active h3,
.s-text-color--primary-active.active h4,
.s-text-color--primary-active.active h5,
.s-text-color--primary-active.active h6,
.s-text-color--primary-active.active p,
.s-text-color--primary-active.active ul,
.s-text-color--primary-active.active li,
.s-text-color--primary-active.active a,
.s-text-color--primary-active.active i,
.s-text-color--primary h1,
.s-text-color--primary h2,
.s-text-color--primary h3,
.s-text-color--primary h4,
.s-text-color--primary h5,
.s-text-color--primary h6,
.s-text-color--primary p,
.s-text-color--primary ul,
.s-text-color--primary li,
.s-text-color--primary a,
.s-text-color--primary i,
h1.s-text-color--primary,
h2.s-text-color--primary,
h3.s-text-color--primary,
h4.s-text-color--primary,
h5.s-text-color--primary,
h6.s-text-color--primary,
p.s-text-color--primary,
ul.s-text-color--primary,
li.s-text-color--primary,
a.s-text-color--primary,
i.s-text-color--primary {
  color: var(--primary-color);
}

.s-text-color--primary svg path,
.s-text-color--primary-hover:hover svg path,
.s-text-color--primary-active.active svg path,
svg.s-text-color--primary {
  fill: var(--primary-color);
}

.s-text-color--secondary,
.s-text-color--secondary-hover:hover,
.s-text-color--secondary-hover:hover h1,
.s-text-color--secondary-hover:hover h2,
.s-text-color--secondary-hover:hover h3,
.s-text-color--secondary-hover:hover h4,
.s-text-color--secondary-hover:hover h5,
.s-text-color--secondary-hover:hover h6,
.s-text-color--secondary-hover:hover p,
.s-text-color--secondary-hover:hover ul,
.s-text-color--secondary-hover:hover li,
.s-text-color--secondary-hover:hover a,
.s-text-color--secondary-hover:hover i,
.s-text-color--secondary-active.active,
.s-text-color--secondary-active.active h1,
.s-text-color--secondary-active.active h2,
.s-text-color--secondary-active.active h3,
.s-text-color--secondary-active.active h4,
.s-text-color--secondary-active.active h5,
.s-text-color--secondary-active.active h6,
.s-text-color--secondary-active.active p,
.s-text-color--secondary-active.active ul,
.s-text-color--secondary-active.active li,
.s-text-color--secondary-active.active a,
.s-text-color--secondary-active.active i,
.s-text-color--secondary h1,
.s-text-color--secondary h2,
.s-text-color--secondary h3,
.s-text-color--secondary h4,
.s-text-color--secondary h5,
.s-text-color--secondary h6,
.s-text-color--secondary p,
.s-text-color--secondary ul,
.s-text-color--secondary li,
.s-text-color--secondary a,
.s-text-color--secondary i,
h1.s-text-color--secondary,
h2.s-text-color--secondary,
h3.s-text-color--secondary,
h4.s-text-color--secondary,
h5.s-text-color--secondary,
h6.s-text-color--secondary,
p.s-text-color--secondary,
ul.s-text-color--secondary,
li.s-text-color--secondary,
a.s-text-color--secondary,
i.s-text-color--secondary {
  color: var(--secondary-color);
}

.s-text-color--secondary svg path,
.s-text-color--secondary-hover:hover svg path,
.s-text-color--secondary-active.active svg path,
svg.s-text-color--secondary {
  fill: var(--secondary-color);
}

.s-text-color--dark,
.s-text-color--dark-hover:hover,
.s-text-color--dark-hover:hover h1,
.s-text-color--dark-hover:hover h2,
.s-text-color--dark-hover:hover h3,
.s-text-color--dark-hover:hover h4,
.s-text-color--dark-hover:hover h5,
.s-text-color--dark-hover:hover h6,
.s-text-color--dark-hover:hover p,
.s-text-color--dark-hover:hover ul,
.s-text-color--dark-hover:hover li,
.s-text-color--dark-hover:hover a,
.s-text-color--dark-hover:hover i,
.s-text-color--dark-active.active,
.s-text-color--dark-active.active h1,
.s-text-color--dark-active.active h2,
.s-text-color--dark-active.active h3,
.s-text-color--dark-active.active h4,
.s-text-color--dark-active.active h5,
.s-text-color--dark-active.active h6,
.s-text-color--dark-active.active p,
.s-text-color--dark-active.active ul,
.s-text-color--dark-active.active li,
.s-text-color--dark-active.active a,
.s-text-color--dark-active.active i,
.s-text-color--dark h1,
.s-text-color--dark h2,
.s-text-color--dark h3,
.s-text-color--dark h4,
.s-text-color--dark h5,
.s-text-color--dark h6,
.s-text-color--dark p,
.s-text-color--dark ul,
.s-text-color--dark li,
.s-text-color--dark a,
.s-text-color--dark i,
h1.s-text-color--dark,
h2.s-text-color--dark,
h3.s-text-color--dark,
h4.s-text-color--dark,
h5.s-text-color--dark,
h6.s-text-color--dark,
p.s-text-color--dark,
ul.s-text-color--dark,
li.s-text-color--dark,
a.s-text-color--dark,
i.s-text-color--dark {
  color: var(--dark-color);
}

.s-text-color--dark svg path,
.s-text-color--dark-hover:hover svg path,
.s-text-color--dark-active.active svg path,
svg.s-text-color--dark {
  fill: var(--dark-color);
}

.s-text-color--light,
.s-text-color--light-hover:hover,
.s-text-color--light-hover:hover h1,
.s-text-color--light-hover:hover h2,
.s-text-color--light-hover:hover h3,
.s-text-color--light-hover:hover h4,
.s-text-color--light-hover:hover h5,
.s-text-color--light-hover:hover h6,
.s-text-color--light-hover:hover p,
.s-text-color--light-hover:hover ul,
.s-text-color--light-hover:hover li,
.s-text-color--light-hover:hover a,
.s-text-color--light-hover:hover i,
.s-text-color--light-active.active,
.s-text-color--light-active.active h1,
.s-text-color--light-active.active h2,
.s-text-color--light-active.active h3,
.s-text-color--light-active.active h4,
.s-text-color--light-active.active h5,
.s-text-color--light-active.active h6,
.s-text-color--light-active.active p,
.s-text-color--light-active.active ul,
.s-text-color--light-active.active li,
.s-text-color--light-active.active a,
.s-text-color--light-active.active i,
.s-text-color--light h1,
.s-text-color--light h2,
.s-text-color--light h3,
.s-text-color--light h4,
.s-text-color--light h5,
.s-text-color--light h6,
.s-text-color--light p,
.s-text-color--light ul,
.s-text-color--light li,
.s-text-color--light a,
.s-text-color--light i,
h1.s-text-color--light,
h2.s-text-color--light,
h3.s-text-color--light,
h4.s-text-color--light,
h5.s-text-color--light,
h6.s-text-color--light,
p.s-text-color--light,
ul.s-text-color--light,
li.s-text-color--light,
a.s-text-color--light,
i.s-text-color--light {
  color: var(--light-color);
}

.s-text-color--light svg path,
.s-text-color--light-hover:hover svg path,
.s-text-color--light-active.active svg path,
svg.s-text-color--light {
  fill: var(--light-color);
}

.s-text-color--white,
.s-text-color--white-hover:hover,
.s-text-color--white-hover:hover h1,
.s-text-color--white-hover:hover h2,
.s-text-color--white-hover:hover h3,
.s-text-color--white-hover:hover h4,
.s-text-color--white-hover:hover h5,
.s-text-color--white-hover:hover h6,
.s-text-color--white-hover:hover p,
.s-text-color--white-hover:hover ul,
.s-text-color--white-hover:hover li,
.s-text-color--white-hover:hover a,
.s-text-color--white-hover:hover i,
.s-text-color--white-active.active,
.s-text-color--white-active.active h1,
.s-text-color--white-active.active h2,
.s-text-color--white-active.active h3,
.s-text-color--white-active.active h4,
.s-text-color--white-active.active h5,
.s-text-color--white-active.active h6,
.s-text-color--white-active.active p,
.s-text-color--white-active.active ul,
.s-text-color--white-active.active li,
.s-text-color--white-active.active a,
.s-text-color--white-active.active i,
.s-text-color--white h1,
.s-text-color--white h2,
.s-text-color--white h3,
.s-text-color--white h4,
.s-text-color--white h5,
.s-text-color--white h6,
.s-text-color--white p,
.s-text-color--white ul,
.s-text-color--white li,
.s-text-color--white a,
.s-text-color--white a.c-link--arrow,
.s-text-color--white i,
h1.s-text-color--white,
h2.s-text-color--white,
h3.s-text-color--white,
h4.s-text-color--white,
h5.s-text-color--white,
h6.s-text-color--white,
p.s-text-color--white,
ul.s-text-color--white,
li.s-text-color--white,
a.s-text-color--white,
a.s-text-color--white.c-link--arrow,
i.s-text-color--white {
  color: var(--white-color);
}

.s-text-color--white svg path,
.s-text-color--white-hover:hover svg path,
.s-text-color--white-active.active svg path,
svg.s-text-color--white {
  fill: var(--white-color);
}

.s-text-color--navy,
.s-text-color--navy-hover:hover,
.s-text-color--navy-hover:hover h1,
.s-text-color--navy-hover:hover h2,
.s-text-color--navy-hover:hover h3,
.s-text-color--navy-hover:hover h4,
.s-text-color--navy-hover:hover h5,
.s-text-color--navy-hover:hover h6,
.s-text-color--navy-hover:hover p,
.s-text-color--navy-hover:hover ul,
.s-text-color--navy-hover:hover li,
.s-text-color--navy-hover:hover a,
.s-text-color--navy-hover:hover i,
.s-text-color--navy-active.active,
.s-text-color--navy-active.active h1,
.s-text-color--navy-active.active h2,
.s-text-color--navy-active.active h3,
.s-text-color--navy-active.active h4,
.s-text-color--navy-active.active h5,
.s-text-color--navy-active.active h6,
.s-text-color--navy-active.active p,
.s-text-color--navy-active.active ul,
.s-text-color--navy-active.active li,
.s-text-color--navy-active.active a,
.s-text-color--navy-active.active i,
.s-text-color--navy h1,
.s-text-color--navy h2,
.s-text-color--navy h3,
.s-text-color--navy h4,
.s-text-color--navy h5,
.s-text-color--navy h6,
.s-text-color--navy p,
.s-text-color--navy ul,
.s-text-color--navy li,
.s-text-color--navy a,
.s-text-color--navy i,
h1.s-text-color--navy,
h2.s-text-color--navy,
h3.s-text-color--navy,
h4.s-text-color--navy,
h5.s-text-color--navy,
h6.s-text-color--navy,
p.s-text-color--navy,
ul.s-text-color--navy,
li.s-text-color--navy,
a.s-text-color--navy,
i.s-text-color--navy {
  color: var(--navy-color);
}

.s-text-color--navy svg path,
.s-text-color--navy-hover:hover svg path,
.s-text-color--navy-active.active svg path,
svg.s-text-color--navy {
  fill: var(--navy-color);
}

.s-text-color--sky,
.s-text-color--sky-hover:hover,
.s-text-color--sky-hover:hover h1,
.s-text-color--sky-hover:hover h2,
.s-text-color--sky-hover:hover h3,
.s-text-color--sky-hover:hover h4,
.s-text-color--sky-hover:hover h5,
.s-text-color--sky-hover:hover h6,
.s-text-color--sky-hover:hover p,
.s-text-color--sky-hover:hover ul,
.s-text-color--sky-hover:hover li,
.s-text-color--sky-hover:hover a,
.s-text-color--sky-hover:hover i,
.s-text-color--sky-active.active,
.s-text-color--sky-active.active h1,
.s-text-color--sky-active.active h2,
.s-text-color--sky-active.active h3,
.s-text-color--sky-active.active h4,
.s-text-color--sky-active.active h5,
.s-text-color--sky-active.active h6,
.s-text-color--sky-active.active p,
.s-text-color--sky-active.active ul,
.s-text-color--sky-active.active li,
.s-text-color--sky-active.active a,
.s-text-color--sky-active.active i,
.s-text-color--sky h1,
.s-text-color--sky h2,
.s-text-color--sky h3,
.s-text-color--sky h4,
.s-text-color--sky h5,
.s-text-color--sky h6,
.s-text-color--sky p,
.s-text-color--sky ul,
.s-text-color--sky li,
.s-text-color--sky a,
.s-text-color--sky i,
h1.s-text-color--sky,
h2.s-text-color--sky,
h3.s-text-color--sky,
h4.s-text-color--sky,
h5.s-text-color--sky,
h6.s-text-color--sky,
p.s-text-color--sky,
ul.s-text-color--sky,
li.s-text-color--sky,
a.s-text-color--sky,
i.s-text-color--sky {
  color: var(--sky-color);
}

.s-text-color--sky svg path,
.s-text-color--sky-hover:hover svg path,
.s-text-color--sky-active.active svg path,
svg.s-text-color--sky {
  fill: var(--sky-color);
}

.s-text-color--pale-navy,
.s-text-color--pale-navy-hover:hover,
.s-text-color--pale-navy-hover:hover h1,
.s-text-color--pale-navy-hover:hover h2,
.s-text-color--pale-navy-hover:hover h3,
.s-text-color--pale-navy-hover:hover h4,
.s-text-color--pale-navy-hover:hover h5,
.s-text-color--pale-navy-hover:hover h6,
.s-text-color--pale-navy-hover:hover p,
.s-text-color--pale-navy-hover:hover ul,
.s-text-color--pale-navy-hover:hover li,
.s-text-color--pale-navy-hover:hover a,
.s-text-color--pale-navy-hover:hover i,
.s-text-color--pale-navy-active.active,
.s-text-color--pale-navy-active.active h1,
.s-text-color--pale-navy-active.active h2,
.s-text-color--pale-navy-active.active h3,
.s-text-color--pale-navy-active.active h4,
.s-text-color--pale-navy-active.active h5,
.s-text-color--pale-navy-active.active h6,
.s-text-color--pale-navy-active.active p,
.s-text-color--pale-navy-active.active ul,
.s-text-color--pale-navy-active.active li,
.s-text-color--pale-navy-active.active a,
.s-text-color--pale-navy-active.active i,
.s-text-color--pale-navy h1,
.s-text-color--pale-navy h2,
.s-text-color--pale-navy h3,
.s-text-color--pale-navy h4,
.s-text-color--pale-navy h5,
.s-text-color--pale-navy h6,
.s-text-color--pale-navy p,
.s-text-color--pale-navy ul,
.s-text-color--pale-navy li,
.s-text-color--pale-navy a,
.s-text-color--pale-navy i,
h1.s-text-color--pale-navy,
h2.s-text-color--pale-navy,
h3.s-text-color--pale-navy,
h4.s-text-color--pale-navy,
h5.s-text-color--pale-navy,
h6.s-text-color--pale-navy,
p.s-text-color--pale-navy,
ul.s-text-color--pale-navy,
li.s-text-color--pale-navy,
a.s-text-color--pale-navy,
i.s-text-color--pale-navy {
  color: var(--pale-navy-color);
}

.s-text-color--pale-navy svg path,
.s-text-color--pale-navy-hover:hover svg path,
.s-text-color--pale-navy-active.active svg path,
svg.s-text-color--pale-navy {
  fill: var(--pale-navy-color);
}

.s-text-color--orange,
.s-text-color--orange-hover:hover,
.s-text-color--orange-hover:hover h1,
.s-text-color--orange-hover:hover h2,
.s-text-color--orange-hover:hover h3,
.s-text-color--orange-hover:hover h4,
.s-text-color--orange-hover:hover h5,
.s-text-color--orange-hover:hover h6,
.s-text-color--orange-hover:hover p,
.s-text-color--orange-hover:hover ul,
.s-text-color--orange-hover:hover li,
.s-text-color--orange-hover:hover a,
.s-text-color--orange-hover:hover i,
.s-text-color--orange-active.active,
.s-text-color--orange-active.active h1,
.s-text-color--orange-active.active h2,
.s-text-color--orange-active.active h3,
.s-text-color--orange-active.active h4,
.s-text-color--orange-active.active h5,
.s-text-color--orange-active.active h6,
.s-text-color--orange-active.active p,
.s-text-color--orange-active.active ul,
.s-text-color--orange-active.active li,
.s-text-color--orange-active.active a,
.s-text-color--orange-active.active i,
.s-text-color--orange h1,
.s-text-color--orange h2,
.s-text-color--orange h3,
.s-text-color--orange h4,
.s-text-color--orange h5,
.s-text-color--orange h6,
.s-text-color--orange p,
.s-text-color--orange ul,
.s-text-color--orange li,
.s-text-color--orange a,
.s-text-color--orange i,
h1.s-text-color--orange,
h2.s-text-color--orange,
h3.s-text-color--orange,
h4.s-text-color--orange,
h5.s-text-color--orange,
h6.s-text-color--orange,
p.s-text-color--orange,
ul.s-text-color--orange,
li.s-text-color--orange,
a.s-text-color--orange,
i.s-text-color--orange {
  color: var(--orange-color);
}

.s-text-color--orange svg path,
.s-text-color--orange-hover:hover svg path,
.s-text-color--orange-active.active svg path,
svg.s-text-color--orange {
  fill: var(--orange-color);
}

.s-text-color--amber,
.s-text-color--amber-hover:hover,
.s-text-color--amber-hover:hover h1,
.s-text-color--amber-hover:hover h2,
.s-text-color--amber-hover:hover h3,
.s-text-color--amber-hover:hover h4,
.s-text-color--amber-hover:hover h5,
.s-text-color--amber-hover:hover h6,
.s-text-color--amber-hover:hover p,
.s-text-color--amber-hover:hover ul,
.s-text-color--amber-hover:hover li,
.s-text-color--amber-hover:hover a,
.s-text-color--amber-hover:hover i,
.s-text-color--amber-active.active,
.s-text-color--amber-active.active h1,
.s-text-color--amber-active.active h2,
.s-text-color--amber-active.active h3,
.s-text-color--amber-active.active h4,
.s-text-color--amber-active.active h5,
.s-text-color--amber-active.active h6,
.s-text-color--amber-active.active p,
.s-text-color--amber-active.active ul,
.s-text-color--amber-active.active li,
.s-text-color--amber-active.active a,
.s-text-color--amber-active.active i,
.s-text-color--amber h1,
.s-text-color--amber h2,
.s-text-color--amber h3,
.s-text-color--amber h4,
.s-text-color--amber h5,
.s-text-color--amber h6,
.s-text-color--amber p,
.s-text-color--amber ul,
.s-text-color--amber li,
.s-text-color--amber a,
.s-text-color--amber i,
h1.s-text-color--amber,
h2.s-text-color--amber,
h3.s-text-color--amber,
h4.s-text-color--amber,
h5.s-text-color--amber,
h6.s-text-color--amber,
p.s-text-color--amber,
ul.s-text-color--amber,
li.s-text-color--amber,
a.s-text-color--amber,
i.s-text-color--amber {
  color: var(--amber-color);
}

.s-text-color--amber svg path,
.s-text-color--amber-hover:hover svg path,
.s-text-color--amber-active.active svg path,
svg.s-text-color--amber {
  fill: var(--amber-color);
}

.s-text-color--cream,
.s-text-color--cream-hover:hover,
.s-text-color--cream-hover:hover h1,
.s-text-color--cream-hover:hover h2,
.s-text-color--cream-hover:hover h3,
.s-text-color--cream-hover:hover h4,
.s-text-color--cream-hover:hover h5,
.s-text-color--cream-hover:hover h6,
.s-text-color--cream-hover:hover p,
.s-text-color--cream-hover:hover ul,
.s-text-color--cream-hover:hover li,
.s-text-color--cream-hover:hover a,
.s-text-color--cream-hover:hover i,
.s-text-color--cream-active.active,
.s-text-color--cream-active.active h1,
.s-text-color--cream-active.active h2,
.s-text-color--cream-active.active h3,
.s-text-color--cream-active.active h4,
.s-text-color--cream-active.active h5,
.s-text-color--cream-active.active h6,
.s-text-color--cream-active.active p,
.s-text-color--cream-active.active ul,
.s-text-color--cream-active.active li,
.s-text-color--cream-active.active a,
.s-text-color--cream-active.active i,
.s-text-color--cream h1,
.s-text-color--cream h2,
.s-text-color--cream h3,
.s-text-color--cream h4,
.s-text-color--cream h5,
.s-text-color--cream h6,
.s-text-color--cream p,
.s-text-color--cream ul,
.s-text-color--cream li,
.s-text-color--cream a,
.s-text-color--cream i,
h1.s-text-color--cream,
h2.s-text-color--cream,
h3.s-text-color--cream,
h4.s-text-color--cream,
h5.s-text-color--cream,
h6.s-text-color--cream,
p.s-text-color--cream,
ul.s-text-color--cream,
li.s-text-color--cream,
a.s-text-color--cream,
i.s-text-color--cream {
  color: var(--cream-color);
}

.s-text-color--cream svg path,
.s-text-color--cream-hover:hover svg path,
.s-text-color--cream-active.active svg path,
svg.s-text-color--cream {
  fill: var(--cream-color);
}

.s-tab--amber {
  background-color: var(--amber-color);
  border-radius: 90px;
  color: #001027;
  display: inline-block;
  font-weight: 600;
  margin: 0 10px 10px 0;
  padding: 8px 10px;
}
/* Menu and simple menu */

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

/* Horizontal menu */

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

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

/* Vertical menu */

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

/* Flyouts */

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

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

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

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

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

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

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

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

/* Video, CTA, logo, and rich text images */

video,
.hs-video-widget,
.splide__video__wrapper {
  border-radius: 10px;
  overflow: hidden;
}

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

img {
  border-radius: 16px;
  max-width: 100% !important;
  overflow: hidden;
}

@media (max-width: 767px) {
  img.hs-image-widget {
    margin-bottom: 32px;
  }
}

/* In-page editor UI */

.in-editor-ui-label {
  background: #fff;
  border: 1px dotted blue;
  color: var(--primary-color) !important;
  font-family: 'Courier New', Courier, monospace;
  font-weight: 300;
  padding: 10px 15px;
}

/* Tools/Utility classes */

.l-negative-scroll-position,
a[data-hs-anchor="true"] {
  display: block;
  height: 1px;
  position: relative;
  top: -150px;
  width: 1px;
  z-index: -9999;
}

@media (max-width: 767px) {
  .l-negative-scroll-position,
  a[data-hs-anchor="true"] {
    top: -350px;
  }
}

/* Social Follow Module */
a.hs-social-follow__link {
  padding: 8px !important;
}

/* HubSpot video module */
.vjs-hubspot button.vjs-big-play-button {
  max-height: 100px !important;
  max-width: 100px !important;
}
.l-footer {
}

/* Footer Content */
.l-footer,
.l-footer p,
.l-footer h1,
.l-footer h2,
.l-footer h3,
.l-footer h4,
.l-footer h5,
.l-footer h6,
.l-footer label,
.l-footer span,
.l-footer li {
  color: var(--white-color);
}

.l-footer a {
  color: var(--grey-color) !important
}

.l-footer a:hover,
.l-footer a:focus,
.l-footer a:focus-visible {
  color: var(--grey-color) !important;
  filter: brightness(.8);
}

.l-footer .l-footer__menu-section-menu-row a,
.l-footer .c-footer__legal-menu a,
.l-footer .l-footer__legals-section p {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
}

.l-footer .c-footer__legal-menu a,
.l-footer .c-footer__legal-menu a:hover {
  text-decoration: underline;
}

.l-footer .c-footer__legal-menu ul {
  flex-direction: row;
  gap: 20px;
}

.l-footer .c-footer__legal-menu li {
  padding: unset;
  margin: unset;
}

.l-footer__call-now-cta-section,
.l-footer__menu-section,
.l-footer__legals-section {
  padding: 64px 20px;
}

.l-footer__call-now-cta-section-inner,
.l-footer__menu-section-inner,
.l-footer__legals-section-inner {
  margin: 0 auto;
  max-width: var(--container-width);
}


/* Call Now CTA Section */
.l-footer__call-now-cta-section {
  background-color: var(--navy-color);
  border-top: 24px solid var(--amber-color);
}

.l-footer__menu-section-apple-google-badges {
  gap: 16px;
}

.l-footer__fscs-trustpilot {
  gap: 32px;
  order: 5;
}

/* Menu Section */
.l-footer__menu-section {
  background-color: #001027;
  padding-bottom: 32px;
}

.l-footer__menu-section-logo-row {
  padding-bottom: 32px;
}

.c-footer__allica-bank-logo {
  order: 1;
  width: 100%;
}

.c-footer__allica-bank-logo img {
  border-radius: 0 !important;
  max-width: 200px !important;
}

.l-footer__menu-section-apple-google-badges {
  order: 4;
  padding: 16px 0;
  width: 100%;
}

.c-footer__apple-badge img,
.c-footer__google-badge img {
  border-radius: unset;
  max-height: 40px;
}

.l-footer__menu-section-menu-row {
  order: 2;
  padding: 32px 0;
}

.l-footer__menu-section-menu-row .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  flex-direction: column;
}

.l-footer__menu-section-menu-row ul.hs-menu-children-wrapper {
  display: flex;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height var(--transition-speed-medium) ease;
  visibility: hidden;
}

.l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.is-open > ul.hs-menu-children-wrapper {
  height: auto;
  opacity: 1;
  padding-bottom: 24px;
  visibility: visible;
}

.l-footer__menu-section-menu-row ul>li {
  margin: unset;
  padding: unset;
}

.l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:not(:first-child) {
  padding-top: 16px;
}

.l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding-bottom: 16px;
  position: relative;
}

.l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a {
  color: var(--white-color);
  font-size: 16px;
  font-weight: 600;
}

.l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children::after {
  content:'';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M14 8.58691C14 8.71952 13.9473 8.8467 13.8536 8.94047C13.7598 9.03424 13.6326 9.08691 13.5 9.08691H8.5V14.0869C8.5 14.2195 8.44732 14.3467 8.35355 14.4405C8.25979 14.5342 8.13261 14.5869 8 14.5869C7.86739 14.5869 7.74021 14.5342 7.64645 14.4405C7.55268 14.3467 7.5 14.2195 7.5 14.0869V9.08691H2.5C2.36739 9.08691 2.24021 9.03424 2.14645 8.94047C2.05268 8.8467 2 8.71952 2 8.58691C2 8.45431 2.05268 8.32713 2.14645 8.23336C2.24021 8.13959 2.36739 8.08691 2.5 8.08691H7.5V3.08691C7.5 2.95431 7.55268 2.82713 7.64645 2.73336C7.74021 2.63959 7.86739 2.58691 8 2.58691C8.13261 2.58691 8.25979 2.63959 8.35355 2.73336C8.44732 2.82713 8.5 2.95431 8.5 3.08691V8.08691H13.5C13.6326 8.08691 13.7598 8.13959 13.8536 8.23336C13.9473 8.32713 14 8.45431 14 8.58691Z' fill='white'/%3E%3C/svg%3E");
  display: inline-block;
  height: 16px;
  position: absolute;
  right: 0;
  top: 24px;
  width: 16px;
}

.l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:first-child::after {
  top: 6px;
}

.l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.is-open::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M12.8537 12.233C12.9002 12.2794 12.937 12.3346 12.9622 12.3953C12.9873 12.456 13.0003 12.521 13.0003 12.5867C13.0003 12.6524 12.9873 12.7175 12.9622 12.7782C12.937 12.8388 12.9002 12.894 12.8537 12.9405C12.8073 12.9869 12.7521 13.0238 12.6914 13.0489C12.6307 13.074 12.5657 13.087 12.5 13.087C12.4343 13.087 12.3692 13.074 12.3085 13.0489C12.2478 13.0238 12.1927 12.9869 12.1462 12.9405L7.99997 8.79358L3.85372 12.9405C3.7599 13.0343 3.63265 13.087 3.49997 13.087C3.36729 13.087 3.24004 13.0343 3.14622 12.9405C3.0524 12.8466 2.99969 12.7194 2.99969 12.5867C2.99969 12.454 3.0524 12.3268 3.14622 12.233L7.2931 8.0867L3.14622 3.94045C3.0524 3.84663 2.99969 3.71939 2.99969 3.5867C2.99969 3.45402 3.0524 3.32677 3.14622 3.23295C3.24004 3.13913 3.36729 3.08643 3.49997 3.08643C3.63265 3.08643 3.7599 3.13913 3.85372 3.23295L7.99997 7.37983L12.1462 3.23295C12.24 3.13913 12.3673 3.08643 12.5 3.08643C12.6327 3.08643 12.7599 3.13913 12.8537 3.23295C12.9475 3.32677 13.0003 3.45402 13.0003 3.5867C13.0003 3.71939 12.9475 3.84663 12.8537 3.94045L8.70685 8.0867L12.8537 12.233Z' fill='white'/%3E%3C/svg%3E");
}

.l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-2 a {
  font-weight: 400;
}

.l-footer__menu-section-menu-row a[href="javascript:;"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: inherit;
}

.l-footer__menu-section-menu-row a[href="javascript:;"]:hover,
.l-footer__menu-section-menu-row a[href="javascript:;"]:active,
.l-footer__menu-section-menu-row a[href="javascript:;"]:focus {
  cursor: default;
  text-decoration: none;
}

.l-footer__fscs-trustpilot {
  padding-top: 16px;
}

.c-footer__socials {
  order: 3;
  padding: 16px 0;
}

/* Legals Section */
.l-footer__legals-section {
  background-color: #001027;
  padding-top: 0;
}

.l-footer__legals-section-inner {
  padding-top: 32px;
}

.c-footer__legal-text {
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  border-top: 1px solid rgba(255, 255, 255, .12);
  padding: 12px 0;
}

.c-footer__legal-menu {
  padding: 32px 0 12px 0;
}

/* New 2026 Styles */
.s-footer-2026 {
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .c-footer__allica-bank-logo img {
    max-width: 100% !important;
  }
  .c-footer__allica-bank-logo,
  .l-footer__menu-section-apple-google-badges {
    width: 50%;
  }
  .l-footer__menu-section-apple-google-badges {
    order: 2;
    padding: unset;
  }
  .l-footer__menu-section-menu-row {
    order: 3;
    width: 100%;
  }
  .l-footer__menu-section-menu-row ul:not(.hs-menu-children-wrapper) {
    gap: 32px;
  }
  .l-footer__menu-section-menu-row ul.hs-menu-children-wrapper {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
  .l-footer__menu-section-menu-row .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    flex-direction: row;
  }
  .l-footer__menu-section-menu-row ul.hs-menu-children-wrapper {
    display: block;
  }
  .l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children {
    border-bottom: none;
  }
  .l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:not(:first-child) {
    padding-top: unset;
  }
  .l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children::after,
  .l-footer__menu-section-menu-row li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.is-open::after {
    display: none;
  }
  .l-footer__menu-section-menu-row ul>li {
    flex-grow: 1;
  }
  .l-footer__fscs-trustpilot {
    order: 4;
  }
  .c-footer__socials {
    margin-left: 32px;
    order: 5;
  }
}
body {
  scrollbar-gutter: stable;
}

/* Lock page scroll for mobile menu and open dialogs.
   Locking only .body-wrapper (previous dialog approach) still allowed
   the document/body to scroll behind the dialog. */
body.js-no-scroll,
body.js-mega-menu__mobile-open,
body.dialog-open {
  overflow: hidden;
}

body.js-mega-menu__mobile-open::before {
  background: rgba(0,0,0,.85);
  bottom: 0px;
  content: '';
  left: 0px;
  position: fixed;
  right: 0px;
  top: 60px;
  z-index: 9;
}

#l-main-content {
  padding-top: var(--header-height-mobile);
}

.l-header {
  background-color: var(--cream-color);
  border-bottom: 1.5px solid #E6E2DB;
  height: var(--header-height-mobile);
  padding: 0 20px;
  position: fixed;
  transition: all .5s ease;
  width: 100vw;
  z-index: 9999;
}

.l-header__inner {
  max-width: var(--container-width);
  width: 100%;
}

.c-header-logo {
  margin-right: 24px;
}

.c-header-logo a {
  display: flex;
}

.c-header-logo img {
  border-radius: 0;
  margin-bottom: 0;
  width: 240px !important;
}

.l-header:has(.c-trustpilot-widget) .c-header-logo img {
  margin-top: 4px;
}

.l-header__menu-and-buttons {
  flex-grow: 1;
}

.l-header__menu-and-buttons,
.l-header__menu-and-buttons > div {
  height: 100%;
  width: 100%;
}

.hs-landing-page .l-header__menu-and-buttons>div {
  width: auto;
}

.l-header__menu-and-buttons .c-trustpilot-widget {
  height: 100% !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}

.l-header__menu-and-buttons .c-trustpilot-widget,
.l-header__menu-and-buttons .trustpilot-widget {
  text-align: right !important;
}

.l-header__menu-and-buttons .c-trustpilot-widget iframe {
  margin: 0;
  max-width: 200px;
}

.l-header:has(.c-trustpilot-widget) .c-header-logo {
  margin-right: 15px;
}

/* SITE SEARCH */
.c-site-search-modal {
  background: rgba(255,255,255,.95);
  bottom: 0;
  display: none;
  height: 100vh;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 999;
}

.js-site-search-modal--active {
  display: block;
}

.c-site-search-modal__inner {
  margin: 2em auto;
  max-width: var(--container-width);
  position: relative;
  width: 600px;
}

.c-site-search-modal__close {
  position: absolute;
  right: 0;
  top: 0;
}

.c-site-search-modal__search-form {
  padding-top: 1rem;
}

.c-site-search-modal__search-form .hs-search-field__input,
.c-site-search-modal__search-form .hs-search-field__button {
  padding: .5rem;
}

.c-site-search-modal__search-form .hs-search-field__bar button {
  font-size: 1rem;
  line-height: 1;
}

.c-site-search-modal__search-form .hs-search-field__bar button svg {
  fill: white;
  height: 1rem;
}

.c-site-search-modal__search-form .hs-search-field__suggestions .results-for,
.c-site-search-modal__search-form .hs-search-field__suggestions a {
  padding: .25rem .5rem
}

.c-site-search-modal__search-form .hs-search-field--open .hs-search-field__suggestions,
.c-site-search-modal__search-form .inpage-editor-active-field .hs-search-field__suggestions {
  border: none;
}

.c-site-search-modal__search-form .hs-search-field__suggestions a:focus,
.c-site-search-modal__search-form .hs-search-field__suggestions a:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}

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

.l-header__skip:hover,
.l-header__skip:focus,
.l-header__skip:active {
  height: auto;
  left: 0.5rem;
  overflow: visible;
  padding: 0.25rem 0.5rem;
  top: 0.5rem;
  width: auto;
}

/*********************
  RESPONSIVE STYLES
*********************/

/*
  Small devices (landscape phones, 576px and up) 
*/
@media (min-width: 576px) { }

/* 
  Medium devices (tablets, 768px and up) 
*/
@media (min-width: 768px) {
  #l-main-content {
    padding-top: var(--header-height-tablet);
  }

  .l-header {
    height: var(--header-height-tablet);
  }
  .l-header__menu-and-buttons .c-trustpilot-widget iframe {
    max-width: 250px;
  }
}

/*
  Large devices (desktops, 992px and up)
*/
@media (min-width: 992px) { }

/*
  X-Large devices (large desktops, 1200px and up)
*/
@media (min-width: 1200px) {
  #l-main-content {
    padding-top: var(--header-height-desktop);
  }

  .l-header {
    height: var(--header-height-desktop);
  }
  .c-header-logo img {
    width: 143px !important;
  }
}

/*
  XX-Large devices (larger desktops, 1400px and up)
*/
@media (min-width: 1400px) { }

/*  Elements
    Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/
.l-button-group {
  gap: 6px;
  width: 100%;
}

button:not(.c-header-search__icon):not(.c-site-search-modal__close):not(.c-header-mobile-menu__icon--open):not(.c-header-mobile-menu__icon--close):not(.uiButton):not(.c-dialog__close-icon):not(.c-button__link-style):not(.pika-button):not(.pika-prev):not(.pika-next):not(.private-button--unstyled):not(.c-mega-menu__menu-drop-down-item-link):not(.pillar-nav__arrow):not(.pillar-nav__toc-trigger):not(.bpt-link):not([class*="ToolbarIconButton"]):not([class*="PrivateButton"]):not(.c-image-text-carousel__arrow):not(.splide__arrow):not(.hs-sprocket-button):not(.c-mega-menu__menu-drop-down-heading):not(.c-mega-menu__mobile-back):not(.c-tabbed-content__tab-title):not(.c-tabbed-content__tab-content--card-tooltip-trigger):not(.c-simple-savings-calculator__how-toggle),
.c-button {
  background-color: var(--button-background-color);
  border-radius: var(--button-border-radius);
  border: var(--button-border);
  color: var(--button-font-color);
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  max-width: 100%;
  padding: var(--button-padding);
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
  width: 100%;
}

button:disabled:not(.c-mega-menu__menu-drop-down-item-link),
.c-button:disabled {
  background-color: #E6E9ED !important;
  border-color: #E6E9ED !important;
  color: #B3BCCA;
}

/* Links can't be :disabled, so support aria-disabled too. */
.c-button__solid[aria-disabled="true"],
.c-button__outline[aria-disabled="true"] {
  color: #8090A7 !important;
  pointer-events: none;
}

.c-button__solid[aria-disabled="true"] {
  background-color: #E6E9ED !important;
  border: none !important;
}

.c-button__outline[aria-disabled="true"] {
  background-color: transparent !important;
  border: 1px solid #E6E9ED !important;
}

/*
  Button Styles
*/

button.c-button__link-style,
.c-button__link-style {
  background-color: transparent;
  border: none;
  color: var(--navy-color);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: unset;
  position: relative;
  text-decoration-line: underline;
  width: auto;
}

.c-button__link-style:after {
  content: "→";
  display: inline-block;
  margin-left: 3px;
  transition: margin 0.2s ease-in-out;
}

button.c-button__link-style:hover,
.c-button__link-style:hover {
  transform: none;
}

button.c-button__link-style:hover:after,
button.c-button__link-style:focus:after,
button.c-button__link-style:active:after,
.c-button__link-style:hover:after,
.c-button__link-style:focus:after,
.c-button__link-style:active:after {
  margin-left: 6px;
}

.c-button__link-style--back {
  background-image: none !important;
  font-weight: 570 !important;
  text-decoration: none !important;
}

.c-button__link-style--back:after {
  content: "";
  display: none;
}

.c-button__link-style--back:before {
  content: "←";
  display: inline-block;
  margin-right: 3px;
  transition: margin 0.2s ease-in-out;
}

button.c-button__link-style--back:hover:before,
button.c-button__link-style--back:focus:before,
button.c-button__link-style--back:active:before,
.c-button__link-style--back:hover:before,
.c-button__link-style--back:focus:before,
.c-button__link-style--back:active:before {
  margin-right: 6px;
}

button.c-button__link-style--navy,
.c-button__link-style--navy {
  color: var(--navy-color);
}

button.c-button__link-style--orange,
.c-button__link-style--orange {
  color: var(--orange-color);
}

button.c-button__link-style--white,
.c-button__link-style--white {
  color: var(--white-color);
}

button.c-button__solid--navy,
.c-button__solid--navy {
  background-color: var(--navy-color);
  border-color: var(--navy-color);
  color: var(--white-color) !important;
}

button.c-button__solid--navy:hover,
.c-button__solid--navy:hover {
  background-color: var(--pale-navy-color);
  border-color: var(--pale-navy-color);
}

button.c-button__solid--navy:focus,
.c-button__solid--navy:focus {
  border-color: #2F60F1;
}

button.c-button__solid--navy:active,
.c-button__solid--navy:active,
button.c-button__outline--navy:active,
.c-button__outline--navy:active {
  background-color: #001A3E !important;
  border-color: #001A3E !important;
  color: var(--white-color) !important;
}

button.c-button__solid--navy:disabled,
.c-button__solid--navy:disabled,
button.c-button__outline--navy:disabled,
.c-button__outline--navy:disabled,
button.c-button__solid--white:disabled,
.c-button__solid--white:disabled,
button.c-button__outline--white:disabled,
.c-button__outline--white:disabled {
  background-color: #E6E9ED !important;
  border-color: #E6E9ED !important;
  color: #B3BCCA;
}

button.c-button__outline--navy,
.c-button__outline--navy {
  background-color: transparent !important;
  color: var(--navy-color) !important;
}

button.c-button__outline--navy:hover,
.c-button__outline--navy:hover {
  background-color: #A5B4CB !important;
}

button.c-button__outline--navy:focus,
.c-button__outline--navy:focus,
button.c-button__solid--white:focus,
.c-button__solid--white:focus,
button.c-button__outline--white:focus,
.c-button__outline--white:focus,
button.c-button__solid--white:focus,
.c-button__solid--white:focus {
  border-color: #2F60F1 !important;
}

button.c-button__solid--orange,
.c-button__solid--orange {
  background-color: var(--orange-color) !important;
  border-color: var(--orange-color) !important;
  color: var(--white-color) !important;
}

button.c-button__solid--orange:hover,
.c-button__solid--orange:hover {
  background-color: var(--amber-color) !important;
  border-color: var(--amber-color) !important;
}

button.c-button__outline--orange,
.c-button__outline--orange {
  background-color: transparent !important;
  border-color: var(--orange-color) !important;
  color: var(--orange-color) !important;
}

button.c-button__outline--orange:hover,
.c-button__outline--orange:hover {
  background-color: var(--amber-color) !important;
  border-color: var(--orange-color) !important;
  color: var(--white-color) !important;
}

button.c-button__solid--white,
.c-button__solid--white {
  background-color: var(--white-color) !important;
  border-color: var(--white-color) !important;
  color: var(--navy-color) !important;
}

button.c-button__outline--white,
.c-button__outline--white {
  background-color: transparent !important;
  border-color: var(--white-color) !important;
  color: var(--white-color) !important;
}

button.c-button__solid--white:hover,
.c-button__solid--white:hover,
button.c-button__outline--white:hover,
.c-button__outline--white:hover {
  background-color: var(--cream-color) !important;
  border-color: var(--cream-color) !important;
  color: var(--navy-color) !important;
}

button.c-button__solid--white:active,
.c-button__solid--white:active,
button.c-button__outline--white:active,
.c-button__outline--white:active {
  background-color: #DDD8D2 !important;
  border-color: #DDD8D2 !important;
  color: var(--navy-color) !important;
}


.c-button--video-play-icon {
  display: flex !important;
  align-items: center;
  gap: 12px;
  justify-content: center;
  width: 100%;
}

.c-button--video-play-icon svg path {
  transition: all 0.15s linear;
}

.c-button__outline--white.c-button--video-play-icon:hover svg path,
.c-button__solid--white.c-button--video-play-icon svg path,
.c-button__outline--navy.c-button--video-play-icon svg path,
.c-button--video-play-icon svg path {
  fill: var(--navy-color);
}

.c-button__outline--white.c-button--video-play-icon svg path,
.c-button--video-play-icon svg path {
  fill: var(--white-color);
}

/*
  Button burger
*/
.c-button-burger {
  display: block;
  width: 40px;
  height: 36px;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
  margin-top: 10px;
}
.c-button-burger .line {
  fill: none;
  stroke: var(--dark-color);
  stroke-width: 4;
  transition: stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)
}

.c-button-burger .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 4
}

.c-button-burger .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 4
}

.c-button-burger .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 4
}

.c-button-burger.open .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 4
}

.c-button-burger.open .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -40;
  stroke-width: 4
}

.c-button-burger.open .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 4
}

.js-rm-list-group-by-region h5 {
  margin-bottom: 12px;
}

.js-rm-list-group-by-region h5:not(:first-child) {
  margin-top: 32px;
}

.c-rm-list__item {
  gap: 12px;
  margin-bottom: 12px;
}

img.c-rm-list__image  {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  .l-button-group {
    gap: 16px;
  }
  button:not(.c-header-search__icon):not(.c-site-search-modal__close):not(.c-header-mobile-menu__icon--open):not(.c-header-mobile-menu__icon--close):not(.uiButton):not(.c-dialog__close-icon):not(.c-button__link-style):not(.pika-button):not(.pika-prev):not(.pika-next):not(.private-button--unstyled):not(.c-mega-menu__menu-drop-down-item-link):not(.splide__video__play):not(.splide__pagination__page):not(.c-image-text-carousel__arrow):not(.hs-sprocket-button):not(.c-tabbed-content__tab-title):not(.c-tabbed-content__tab-content--card-tooltip-trigger):not(.c-simple-savings-calculator__how-toggle),
  .c-button {
    max-width: var(--button-max-width);
    width: auto !important;
  }
  .c-button--video-play-icon {
    width: auto !important;
  }
}
.c-card {
  background-color: #fff;
  /*box-shadow: 0 2px 4px rgba(0, 0, 0, .1);*/
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  transition: box-shadow .4s ease;
  z-index: 0;
}

.c-card:hover {
  /*box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);*/
}

.c-card__image {
  max-height: 200px;
  overflow: hidden;
}

.c-card__image img {
  height: auto !important;
  transition: all ease .4s;
  vertical-align: top;
  width: 100% !important;
}
.c-card:hover img {
  transform: scale(1.07);
}

.c-card__icon {
  position: relative;
  top: -30px;
}

.c-card__icon i[class*=fa]{
  border-radius: 100%;
  display: inline-block;
  font-size: 40px;
  font-style: normal;
  height: 60px;
  line-height: 40px;
  padding: 10px;
  transition: .4s ease;
  width: 60px !important;
}
.c-card__icon svg,
.c-card__icon .hs_cos_wrapper_type_icon svg{
  border-radius: 100%;
  display: inline-block;
  font-style: normal;
  height: 60px;
  line-height: 60px;
  padding: 10px;
  transition: .4s ease;
  width: 60px !important;
}

.c-card__icon.tc {
  text-align: center; 
}

.c-card__icon.tr {
  padding-right:2em;
  text-align: right; 
}

.c-card__icon.tl {
  padding-left:2em;
  text-align: left; 
}

.c-card__text {
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 2em;
  position: relative;
}

.c-card__text--with-icon {
  margin-top: -40px;
}

.c-card__text h4 {
  font-size: 1.6em;
  line-height: 1.2em;
}

.c-card__link{
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-indent: -999999px;
  top: 0;
  z-index: 1;
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent {
    min-width: 650px;
  }
}
.l-video-embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 25px;
  max-width: 100%;
}

.l-video-embed-container iframe,
.l-video-embed-container object,
.l-video-embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.l-cookiebot-privacy-wrapper .hs-embed-wrapper {
  max-height: 100% !important;
  max-width: 100vw !important;
  width: 100%;
}

.CookieDeclarationType {
  border: none !important;
  padding: unset !important;
}

@media (max-width: 480px) {

.c-trustpilot-widget, .trustpilot-widget {
	text-align: center;
	width: 100%;
}

.c-trustpilot-widget iframe, .trustpilot-widget iframe {
	margin: 0 auto;
}

}
form,
.submitted-message {
  font-family: Matter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

form a {
  color: inherit;
}

/* Form title */
.form-title {
  background-color: var(--form-title-background-color);
  color: var(--form-title-font-color);
}

/* Form fields */
.hs-form-field {
  margin-bottom: 1rem;
}

/* Labels */
form label {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
  color: var(--form-label-font-color);
}

/* Help text - legends */
form legend {
  color: var(--form-help-text-font-color);
  font-size: 0.6rem;
  letter-spacing: 2%;
  padding-bottom: 1em;
}

/* Inputs */
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 select,
form textarea {
  background-color: #FFF;
  border: 1px solid;
  border-radius: 10px;
  display: inline-block;
  font-size: 0.9rem;
  padding: .5rem;
  width: 100% !important;
  border-color: var(--form-input-border-color);
  color: var(--pale-navy-color);
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: var(--form-input-focus-border-color);
  outline: none;
}

form select {
  /** Replace the dropdown arrow indicator */
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}

form fieldset {
  max-width: 100% !important;
}

form fieldset.form-columns-2:has(.hs-fieldtype-booleancheckbox) {
  float: left;
  width: 50% !important;
}

/* Form placeholder text */
::-webkit-input-placeholder {
  color: #00204E;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
input::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #a8a8a8;
  font-size: .8rem;
}

form input::placeholder {
  color: #a8a8a8 !important;
  font-size: .8rem !important;
}

/* Inputs - checkbox/radio */
form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

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

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

/* Inputs - datepicker */
.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
  background: var(--primary-color);
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
  background-color: var(--primary-color) !important;
}

.fn-date-picker td.is-today .pika-button {
  color: var(--primary-color);
}

.hs-datepicker {
  width: 100% !important;
}

/* Inputs - file picker */
form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */
form .hs-richtext,
form .hs-richtext p {
  color: var(--navy-color);
  font-size: 0.7rem;
  line-height: 1.4em;
  margin: 0 0 .5rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */
.legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 1.2rem !important;
}

.legal-consent-container .hs-form-booleancheckbox-display p {
  color: var(--navy-color);
  font-size: 0.7rem;
  line-height: 1.4em;
}

.legal-consent-container .hs-form-booleancheckbox-display input {
  margin-top: 6px;
}

/* Validation */
.hs-form-required {
  color: var(--form-error-text-font-color);
}

.hs-input.invalid.error {
  border-color: var(--form-error-text-font-color);
}

.hs-error-msg {
  color: var(--form-error-text-font-color);
  font-size: 0.7em;
  letter-spacing: 2%;
  margin-top: 0.35rem;
}

/* Submit button */
form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
  background-color: var(--button-background-color);
  border: var(--button-border);
  border-radius: var(--button-border-radius);
  color: var(--button-font-color);
  padding: var(--button-padding);
  min-width: 160px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(var(--navy-color-rgb), .7);
  color: rgba(var(--white-color-rgb), .7);
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(40, 72, 118, 1.0);
  border-color: #284876;
  color: var(--button-font-color);
}

/* Captcha */
.grecaptcha-badge {
  margin: 0;
}

/* Awesomplete */
form .awesomplete {
  width: 100% !important;
}

form .awesomplete ul>li[role="option"]::marker {
  content: none !important;
}

form .awesomplete>ul {
  border-color: var(--form-input-focus-border-color);
  border-radius: 10px;
  /*box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .05);*/
  color: var(--pale-navy-color);
  font-size: .8rem;
}

form .awesomplete>ul,
form .awesomplete>ul:before {
  background: var(--cream-color);
}

form .awesomplete>ul:before {
  top: -.48em;
}

form .awesomplete>ul>li {
  margin-bottom: unset;
  padding: 10px;
  transition: all var(--transition-speed-fast) ease-in-out;
}

form .awesomplete>ul>li:first-child {
  border-radius: 10px 10px 0 0;
}

form .awesomplete>ul>li:last-child {
  border-radius: 0 0 10px 10px;
}

form .awesomplete>ul>li:hover {
  background: #e9e6e1;
  color: var(--pale-navy-color);
}

form .awesomplete li::before {
  display: none;
}

form .awesomplete mark {
  background: var(--amber-color);
  transition: all var(--transition-speed-fast) ease-in-out;
}

form .awesomplete li:hover mark {
  background: var(--orange-color);
}

/* Form card styles */
.c-form-card {
  background-color: var(--white-color);
  border-radius: 10px;
  /*box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.05);*/
  margin: 0 auto;
  max-width: 640px;
}

.c-form-card--full-width {
  max-width: 100%;
}

.c-form-card--white {
  background-color: var(--white-color);
}

.c-form-card--cream {
  background-color: var(--cream-color);
}

.c-form-card--light-cream {
  background-color: var(--light-cream-color);
}

.c-form-card:not(.c-form-card--no-card-styles) {
  padding: 1em;
}

@media (max-width: 767px) {
  .hs-recaptcha {
    margin-top: 1rem;
  }
  form .hs-button, form input[type=submit] {
    width: 100%;
  }
}
/* Closed <dialog> must stay display:none (UA default). Do not set display:block on .c-dialog alone — it overrides that and shows every dialog on the page. */
dialog.c-dialog:not([open]) {
  display: none;
}

/* Keep wrapper hidden when its dialog child is closed. */
.c-dialog-wrapper:has(dialog.c-dialog:not([open])) {
  display: none;
}

/* Outer <dialog>: full-viewport shell + ::before dim only when open. Panel styles on .c-dialog__inner (see popup.html). */
dialog.c-dialog[open] {
  background: transparent;
  border: none;
  box-sizing: border-box;
  display: block;
  height: 100dvh;
  height: 100vh;
  inset: 0;
  isolation: isolate;
  margin: 0;
  max-height: none;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 10001;
}

/* Dim sits in the same stacking context as .c-dialog__inner (z-index 0 vs 1).
   No backdrop-filter here: full-viewport blur is very expensive and was a major perf hit. */
dialog.c-dialog[open]::before {
  background: rgba(0, 0, 0, 0.85);
  content: '';
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

.c-dialog__inner {
  background-color: var(--cream-color);
  border: none;
  border-radius: 10px;
  box-sizing: border-box;
  height: auto;
  left: 50%;
  margin-top: 40px;
  max-height: 80vh;
  max-width: 90vw;
  overflow: auto;
  padding: 88px 24px;
  position: fixed;
  top: 100px;
  transform: translate(-50%, 0);
  width: 100%;
  z-index: 1;
}

.c-dialog--cream .c-dialog__inner {
  background-color: var(--cream-color);
}

.c-dialog--light-cream .c-dialog__inner {
  background-color: var(--light-cream-color);
}

.c-dialog--white .c-dialog__inner {
  background-color: var(--white-color);
}

/* Only applies with dialog.showModal(); we use dialog.show() + ::before for reCAPTCHA stacking. */
dialog.c-dialog[open]::backdrop {
  animation: fade-in var(--transition-speed-slow);
  background: rgba(0, 0, 0, 0.85);
}

.c-dialog__close-icon {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 16px;
  gap: 12px;
  line-height: 22.4px;
  padding: 0;
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 1;
}

.c-dialog--video .c-dialog__inner {
  background-color: transparent;
  height: auto;
  /* Width is also capped from viewport height (16:9) so short laptops don't clip the native controls.
     120px ≈ top: 100px offset + a little bottom breathing room. */
  max-width: min(1200px, calc(100% - 40px), calc((100vh - 120px) * 16 / 9));
  max-width: min(1200px, calc(100% - 40px), calc((100dvh - 120px) * 16 / 9));
  max-height: calc(100vh - 120px);
  max-height: calc(100dvh - 120px);
  overflow: hidden;
  padding: 0;
  width: calc(100% - 40px);
}

.c-dialog--video .c-dialog__close-icon {
  color: #fff;
}

.c-dialog__video-wrapper {
  height: auto;
  width: 100%;
}

.c-dialog__video-wrapper video {
  width: 100%;
  /* Hard cap in case aspect ratio isn't 16:9 — keeps the play bar inside the viewport. */
  max-height: calc(100vh - 120px);
  max-height: calc(100dvh - 120px);
  height: auto;
}

.c-dialog.c-dialog__team-member .c-dialog__inner {
  left: 0;
  max-width: 720px;
  padding: 96px 40px 50px 40px;
  transform: unset;
}

.c-dialog__team-member .c-dialog__team-member-wrapper {
  flex-direction: column;
  gap: 32px;
}

.c-dialog__team-image {
  max-width: 264px;
  overflow: hidden;
}

.c-dialog__team-image img {
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: top;
}

.c-dialog__team-image {
  max-width: 40%;
}

.c-dialog__team-content {
  width: 100%;
}

.c-dialog__team-content--person-name {
  margin-bottom: 8px;
}

.c-dialog__team-content p,
.c-dialog__team-content--job-title {
  font-size: 16px;
  line-height: 24px;
}

.c-dialog__team-content p {
  margin: 16px 0;
}

.c-dialog__team-content--linkedin-link {
  background-image: none !important;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.c-dialog--events,
.c-dialog--events .c-dialog__title h2 {
  color: var(--pale-navy-color);
}

.c-dialog__event-title {
  font-weight: bold;
}

.c-dialog__event-time,
.c-dialog__event-location {
  font-weight: normal;
}

.c-dialog--events .c-form-card {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .c-dialog__team-member .c-dialog__team-member-wrapper {
    flex-direction: row;
    padding: 0 40px;
  }

  .c-dialog__team-image,
  .c-dialog__team-content {
    max-width: 264px;
    width: calc(50% - 16px);
  }
}

@media (min-width: 1200px) {
  .c-dialog__inner {
    margin-top: auto;
    max-width: 50%;
    padding: 88px 104px;
  }

  /* Undo the general dialog's max-width: 50% / padding, but keep the height-aware cap. */
  .c-dialog--video .c-dialog__inner {
    max-width: min(1200px, calc((100vh - 120px) * 16 / 9));
    max-width: min(1200px, calc((100dvh - 120px) * 16 / 9));
    padding: 0;
  }
}

.c-dialog__inner:has(.s-new-dialog-styles) {
  background-color: var(--new-light-cream-color);
}

.s-new-dialog-styles h1,
.s-new-dialog-styles h2,
.s-new-dialog-styles h3,
.s-new-dialog-styles h4,
.s-new-dialog-styles h5,
.s-new-dialog-styles h6,
.s-new-dialog-styles p,
.s-new-dialog-styles ul,
.s-new-dialog-styles ol,
.s-new-dialog-styles li,
.s-new-dialog-styles table,
.s-new-dialog-styles td,
.s-new-dialog-styles th,
.s-new-dialog-styles tr {
  color: #2E1100 !important;
}

.s-new-dialog-styles h2 {
  font-size: 38px;
}

.s-new-dialog-styles table {
  border-color: #E3DFD9 !important;
}

.s-new-dialog-styles thead {
  background-color: #E3DFD9;
}

.s-new-dialog-styles th {
  font-size: 16px;
  text-align: left;
}

.s-new-dialog-styles td {
  font-size: 14px;
}

.s-new-dialog-styles tbody tr:not(:last-child) th,
.s-new-dialog-styles tbody tr:not(:last-child) td {
  border-bottom-color: #E3DFD9 !important;
}

.s-table-col-1-bg tbody tr td {
  background-color: var(--white-color);
}

.s-table-col-1-bg tbody tr td:first-child {
  background-color: #f9f6f2;
  font-weight: bold;
  width: 38%;
}

@media (min-width: 1024px) {
  .s-table-col-1-bg tbody tr td:first-child {
    width: 25%;
  }
}
.splide .splide__pagination{
    position: static;
    margin-top: 20px;
}
.splide .splide__pagination button.splide__pagination__page{
    padding: 0 !important;
    width: 10px !important;
    height: 10px !important;
    background-color: #8090a7 !important;
    border-color: transparent !important;
    opacity: 1;
}
.splide .splide__pagination button.splide__pagination__page.is-active{
    transform: none;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    width: 40px !important;
}
.splide .splide__arrows button.splide__arrow{
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center;
    top: 40%;
    transform: none !important;
}
.splide .splide__arrows button.splide__arrow svg{
    fill: white !important;
}

@media (min-width: 768px) {
    .splide .splide__pagination {
        margin-top: 40px;
    }
    .splide .splide__pagination button.splide__pagination__page{
        width: 10px !important;
        height: 10px !important;
    }
    .splide .splide__pagination button.splide__pagination__page.is-active{
        width: 80px !important;
    }
}
.c-sticky-filter-tags__filters {
  background-color: #fff;
  gap: 8px;
  padding: 16px 0;
  position: sticky;
  top: var(--header-height-mobile);
  z-index: 1;
}

.c-sticky-filter-tags__filters::after {
  background-color: #e3dfd9;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100vw;
}

.c-sticky-filter-tags__filter-dropdown {
  position: relative;
}

.c-sticky-filter-tags__filter-dropdown-tag {
  background: #f5f0e9;
  border-radius: 64px;
  cursor: pointer;
  gap: 6px;
  opacity: 1;
  padding: 4px 12px;
}

.c-sticky-filter-tags__filter-dropdown-tag.is-inactive {
  cursor: wait;
  opacity: 0.25;
}

.c-sticky-filter-tags__filter-dropdown-clear-filters {
  display: none;
  padding: 0 8px;
  text-align: center;
  width: 100%;
}

.c-sticky-filter-tags__filter-dropdown-tag,
.c-sticky-filter-tags__filter-dropdown-clear-filters a {
  font-size: 14px;
}

.c-sticky-filter-tags__filter-dropdown-content {
  background-color: #FDFCFB;
  border-radius: 8px;
  box-shadow: -4px 4px 16px 0px #0000001A;
  display: none;
  min-width: 275px;
  padding: 12px;
  position: absolute;
  top: 35px;
  z-index: 1;
}

.c-sticky-filter-tags__filter-dropdown-content.is-active {
  display: block;
}

.c-sticky-filter-tags__filter-checkbox {
  border-radius: 64px;
  cursor: pointer;
  font-size: 16px;
  gap: 10px;
  padding: 12px 20px;
}

.c-sticky-filter-tags__filter-checkbox:hover {
  background-color: #F7F3ED;
}

.c-sticky-filter-tags__filter-checkbox input[type="checkbox"]:checked+.c-sticky-filter-tags__filter-checkbox-label {
  font-weight: 600;
}

.c-sticky-filter-tags__filter-dropdown-selected-value {
  display: none;
  list-style: none !important;
  list-style-type: none !important;
  counter-reset: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.c-sticky-filter-tags__filter-checkbox.sector-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.c-sticky-filter-tags__filter-checkbox.sector-disabled .c-sticky-filter-tags__filter-checkbox-label {
  color: #999;
}

.c-sticky-filter-tags__filter-dropdown-selected-value.has-selection {
  display: inline;
}

.c-sticky-filter-tags__filter-dropdown-selected-value {
  white-space: nowrap;
}

.c-sticky-filter-tags__filter-dropdown-selected-value .filter-space {
  width: 0;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

.c-sticky-filter-tags__filter-checkbox input[type="checkbox"]:checked {
  background-color: #00204E !important;
  border-color: #00204E !important;
  accent-color: #00204E;
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 1px;
  position: relative;
  cursor: pointer;
}

.c-sticky-filter-tags__filter-checkbox input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 3px;
  top: 0;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}

.c-sticky-filter-tags__filter-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #00204e;
  border-radius: 1px;
  cursor: pointer;
  height: 12px;
  position: relative;
  width: 12px;
}

.c-sticky-filter-tags__filter-no-matches {
  display: none;
}

@media (min-width: 768px) {
  .c-sticky-filter-tags__filters {
    top: var(--header-height-tablet);
  }

  .c-sticky-filter-tags__filter-dropdown-tag {
    gap: 12px;
  }
  
  .c-sticky-filter-tags__filter-dropdown-clear-filters {
    width: auto;
  }

  .c-sticky-filter-tags__filter-dropdown-tag,
  .c-sticky-filter-tags__filter-dropdown-clear-filters a {
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  .c-sticky-filter-tags__filters {
    top: var(--header-height-desktop);
  }
}

@media (min-width: 1280px) {
  .dnd-section:has(.c-sticky-filter-tags__filters) .row-fluid {
    width: 98%;
  }
}
/* OLD TABLE STYLES
table {
  border: 1px solid;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
  background-color: var(--table-background-color);
  border-collapse: collapse;
  border-color: var(--table-border-color);
  font-size: .9rem;
}
th,
td {
  border: 1px solid;
  padding: .4rem !important;
  vertical-align: top;
  border-color: var(--table-border-color);
  color: var(--table-font-color);
}
thead th,
thead td {
  border-bottom: 2px solid;
  vertical-align: bottom;
  background-color: var(--table-header-background-color);
  border-bottom-color: var(--table-border-color);
  color: var(--table-header-font-color);
}
tfoot td {
  background-color: var(--table-footer-background-color);
  color: var(--table-footer-font-color);
}

/* NEW TABLE STYLES */
:root {
  --table-border-color: #CCC9C3;
}

table {
  border: 1px solid var(--table-border-color) !important;
  margin-bottom: 1.4rem !important;
  overflow-wrap: break-word !important;
  background-color: var(--table-background-color) !important;
  border-collapse: separate !important; /* Changed from collapse to separate for border-radius to work */
  border-spacing: 0 !important; /* Remove gaps between cells */
  font-size: .8rem !important;
  border-radius: 20px !important; /* Add border radius to the table */
  overflow: hidden !important; /* Hide overflow to maintain rounded corners */
  table-layout: auto !important; /* Override fixed table-layout */
  height: auto !important; /* Override fixed height */
  background: transparent !important; /* Override transparent background */
}

/* Table Cells */
th,
td {
  border: none !important; /* Remove all borders initially */
  padding: 10px !important;
  vertical-align: top !important;
  color: var(--table-font-color) !important;
}

/* Add horizontal borders between rows only */
tbody tr:not(:last-child) th,
tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--table-border-color) !important;
}

/* Apply border radius to corner cells for rounded table appearance */
tr:first-child th:first-child,
tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

tr:first-child th:last-child,
tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

tr:last-child th:first-child,
tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

tr:last-child th:last-child,
tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* Table Header */
thead th,
thead td {
  border-bottom: 1px solid var(--table-border-color) !important;
  vertical-align: bottom;
  background-color: transparent;
  color: var(--table-header-font-color);
}

thead {
  background-color: #f9f6f2;
}

thead tr:last-child th:first-child,
thead tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}

thead tr:last-child th:last-child,
thead tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}

/* Table Footer */
tfoot td {
  background-color: transparent;
  color: var(--table-footer-font-color);
}
.l-three-column-explainer {
  --cols: 1;
  --cols-space: 0px;
  --rows-space: 0px;
  left: -20px;
  position: relative;
  width: 100vw;
}

.c-three-column-explainer__item {
  box-sizing: border-box;
  margin: 0 var(--cols-space) var(--rows-space) 0;
  padding: 24px;
  position: relative;
  width: calc((100% - (var(--cols) - 1) * var(--cols-space)) / var(--cols));
}

.l-three-column-explainer--centered .c-three-column-explainer__item {
  align-items: center;
}

.c-three-column-explainer__title {
  font-size: 1.7rem;
  margin-bottom: 0.2em;
}

.c-three-column-explainer__title span {
  font-size: 1.2rem;
}

.c-three-column-explainer__sub_title {
  font-size: 0.9rem;
}

.c-three-column-explainer__detail {
  margin-top: 24px;
}

.c-three-column-explainer__detail p {
  font-size: 0.8em;
  line-height: 1.3;
}

.c-three-column-explainer__detail ul {
  font-size: 0.8em;
  line-height: 1.2;
}

.c-three-column-explainer__detail a {
  font-weight: 600;
  text-decoration: underline;
}

.c-three-column-explainer__disclaimer_text {
  padding-top: 0.5em;
}

.c-three-column-explainer__disclaimer_text p {
  font-size: 0.5rem;
}

.c-three-column-explainer__detail :first-child {
  margin-top: 0;
}

.c-three-column-explainer__detail :last-child {
  margin-bottom: 0;
}

.c-three-column-explainer__content.text-center {
  font-size: 1em;
  text-align: center;
}

.c-three-column-explainer__content.text-center p {
  font-family: 'sigmund-pro', serif;
  font-size: 0.9rem;
}

@media(min-width: 480px) {}

@media(min-width: 768px) {
  .c-three-column-explainer__item {
    padding: 64px;
  }
}

@media(min-width: 992px) {

  .l-three-column-explainer {
    --cols: 3;
    left: auto;
    width: 100%;
  }


  .c-three-column-explainer__item {
    position: relative;
  }

  .c-three-column-explainer__item:first-child {
    padding-left: 0 !important;
  }

  .c-three-column-explainer__item:first-child:before {
    background-color: inherit;
    bottom: 0;
    content: "";
    left: -50vw;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  .c-three-column-explainer__item:last-child {
    padding-right: 0 !important;
  }

  .c-three-column-explainer__item:nth-child(3n) {
    margin-right: 0;
  }

  .c-three-column-explainer__item:last-child:after {
    background-color: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: -50vw;
    top: 0;
    z-index: -1;
  }
}
@font-face {
  font-family: "Concrette";
  src:  url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/ConcretteS-Regular.woff2"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/ConcretteS-Regular.woff"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/ConcretteS-Regular.otf"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/ConcretteS-Regular.ttf");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Matter";
  src:  url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-Regular.woff2"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-Regular.woff"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-Regular.otf"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-Regular.ttf");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Matter";
  src:  url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-RegularItalic.woff2"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-RegularItalic.woff"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-RegularItalic.otf"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-RegularItalic.ttf");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Matter";
  src:  url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-Medium.woff2"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-Medium.woff"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-Medium.otf"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-Medium.ttf");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Matter";
  src:  url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-MediumItalic.woff2"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-MediumItalic.woff"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-MediumItalic.otf"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-MediumItalic.ttf");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Matter";
  src:  url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-SemiBold.woff2"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-SemiBold.woff"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-SemiBold.otf"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-SemiBold.ttf");
  font-style: normal;
  font-weight: 670;
  font-display: swap;
}

@font-face {
  font-family: "Matter";
  src:  url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-SemiBoldItalic.woff2"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-SemiBoldItalic.woff"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-SemiBoldItalic.otf"),
        url("https://www.allica.bank/hubfs/raw_assets/public/allica-bank-2024/fonts/Matter-SemiBoldItalic.ttf");
  font-style: italic;
  font-weight: 670;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
  font-size: var(--paragraph-font-size);
}

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

body {
  line-height: 1.3;
  word-break: break-word;
  font-family: Matter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: var(--pale-navy-color);
}

/* Paragraphs */
p {
  color: var(--pale-navy-color);
  font-size: .95rem;
  letter-spacing: 0.02em;
  margin: 1.2em 0;
  font-family: Matter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */
a {
  cursor: pointer;
  color: inherit;
  display: inline;
  position: relative;
  text-decoration: unset;
  transition: all var(--transition-speed-super-fast) ease-in-out;
}

.c-mega-menu a,
.c-button,
.c-in-page-menu__links a,
.l-footer__menu-section-menu-row a,
.c-selectors__item a {
  text-decoration: none;
}

a:not(.c-button):active,
a:not(.c-button):hover,
a:not(.c-button):focus {
  color: inherit;
}

a.c-link--arrow, .c-feature-boxes-repeater__item a {
  color: var(--navy-color);
  text-decoration: underline;
}

a.c-link--link-style-play {
  font-size: 16px;
}

/*
.c-feature-boxes-repeater__item a {
  background-image: none !important;
}
*/
.c-feature-boxes-repeater__item a:has(sup) {
  text-decoration: none;
}

.c-feature-boxes-repeater__item a[data-dialog-id] {
  font-size: 75%;
}

a.c-link--arrow:after, .c-feature-boxes-repeater__item a:not([data-dialog-id]):after {
    content: "→";
    display: inline-block;
    margin-left: 3px;
    transition: margin 0.2s ease-in-out;
}

a.c-link--arrow:hover:after, a.c-link--arrow:focus:after, a.c-link--arrow:active:after,
.c-feature-boxes-repeater__item a:hover:after, .c-feature-boxes-repeater__item a:focus:after, .c-feature-boxes-repeater__item a:active:after {
    margin-left: 6px;
}

.s-no-link-arrows .c-feature-boxes-repeater__item a {
  text-decoration: none;
}

.s-no-link-arrows a::after {
  display: none !important;
}

a.c-link--arrow-left {
  background-image: none !important;
  font-size: 16px;
  text-decoration: underline;
}

a.c-link--arrow-left:before {
  content: "←";
  display: inline-block;
  margin-left: 0;
  margin-right: 6px;
  transition: margin 0.2s ease-in-out;
}

a.c-link--arrow-left:hover:before,
a.c-link--arrow-left:focus:before,
a.c-link--arrow-left:active:before {
  margin-left: -3px;
  margin-right: 9px;
}

[style*="color: #ffffff"] a,
[style*="color: #ffffff"] a:hover,
[style*="color: #ffffff"] a:active,
[style*="color: #ffffff"] a:focus {
  color: inherit;
}

/*
a:not(.c-button)::before,
.c-mega-menu__mobile-override-cta a.c-button__link-style::before {
  background: currentColor;
  bottom: 0;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  text-decoration: unset;
  transition: bottom var(--transition-speed-fast) ease-in-out;
  width: 100%;
}

a:hover::before,
.c-mega-menu__mobile-override-cta a.c-button.c-button__link-style:hover::before {
  bottom: -2px;
}
*/

a:not(.c-button),
.c-mega-menu__mobile-override-cta a.c-button__link-style {
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 100% 1px;
  background-position: 0 calc(100% - 2px);
  background-repeat: no-repeat;
  padding-bottom: 2px;
}

a:hover,
.c-mega-menu__mobile-override-cta a.c-button.c-button__link-style:hover {
  background-position: 0 calc(100%);;
}

.l-header__inner a:not(.c-mega-menu__mobile-override-cta a.c-button__link-style),
.c-in-page-menu__links a,
.l-footer a,
.hs-tools-actions a,
.c-selectors a,
a.link--arrow,
a.c-link--arrow,
.c-rate-cards__card__card-link,
a:has(img:only-child) {
  background-image: none !important;
}

.l-header__inner a:not(.c-mega-menu__mobile-override-cta a.c-button__link-style)::before,
.c-in-page-menu__links a::before,
.l-footer a::before,
.hs-tools-actions a::before,
.c-feature-boxes-repeater__item a[data-dialog-id]::before,
.c-selectors a::before,
a.link--arrow::before,
a.c-link--arrow::before,
.c-feature-boxes-repeater__item a::before,
.c-rate-cards__card__card-link::before {
  display: none;
}

/* Headings */
h1,
h2,
h3, 
h4,
h5,
h6 {
  margin: 0 0 1.2rem 0;
}

h1 {
  font-weight: 400; text-decoration: none; font-family: Matter, sans-serif; font-style: normal;
  color: #00204E;
  font-size: 3.1em;
  letter-spacing: -0.01em;
  line-height: 1;
}

h1.new-h1 {
  font-size: 80px;
  font-weight: 670;
  letter-spacing: -3%;
  line-height: 95%;
}

h1.new-h1.display-d4 {
  font-size: 64px;
}

h2 {
  font-weight: 400; text-decoration: none; font-family: Matter, sans-serif; font-style: normal;
  color: #00204E;
  font-size: 2.4em;
  font-weight: 670;
  letter-spacing: -0.02em;
  line-height: 1;
}

h3 {
  font-weight: 400; text-decoration: none; font-family: Matter, sans-serif; font-style: normal;
  color: #00204E;
  font-size: 1.511em;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

h4 {
  font-weight: 500; text-decoration: none; font-family: Matter, sans-serif; font-style: normal;
  color: #00204E;
  font-size: 1.25em;
}

h5 {
  font-weight: 500; text-decoration: none; font-family: Matter, sans-serif; font-style: normal;
  color: #00204E;
  font-size: 1em;
  letter-spacing: 0.01em;
  line-height: 1.3;
}

h6 {
  font-weight: 500; text-decoration: none; font-family: Matter, sans-serif; font-style: normal;
  color: #00204E;
  font-size: 0.7em;
  letter-spacing: 0.3em;
  line-height: 1.3;
  text-transform: uppercase;
}

.s-typography--heading-1-size {
  font-size: var(--heading-1-font-size);
}

.s-typography--heading-2-size {
  font-size: var(--heading-2-font-size);
  font-weight: 670;
}

.s-typography--heading-3-size {
  font-size: var(--heading-3-font-size);
  line-height: 1.4;
}

.s-typography--heading-4-size {
  font-size: var(--heading-4-font-size);
}

.s-typography--heading-5-size {
  font-size: var(--heading-5-font-size);
}

.s-typography--heading-6-size {
  font-size: var(--heading-6-font-size);
}

.s-typography--paragraph-size {
  font-size: var(--paragraph-font-size);
}

small,
.text_small,
.text-small,
.text-small p {
  font-size: 14px;
  margin: .5rem 0;
}

.text_16,
.text-16,
.text-16 p {
  font-size: 16px;
  margin: 10px 0;
}

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

h1 sup,
h2 sup,
h3 sup,
h4 sup,
h5 sup,
h6 sup {
  top: -.85em;
}

/* Lists */
ul,
ol {
  color: var(--pale-navy-color);
  font-size: .95rem;
  margin: 0 0 1.4rem;
  padding-left: 1rem;
}

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

ul.no-list {
  list-style: none;
}

li {
  margin-bottom: .4rem;
  padding-left: 0.4rem;
  position: relative;
}

ul li {
  list-style-type: none;
}

ol li {
  list-style-type: decimal;
}

ul li:not(.hs-menu-item):not(.uiListItem)::marker {
  display: none;
}

/* Default disc bullets — exclude tick-style and check-circle-style so those variants stay isolated */
ul:not(.tick-style):not(.check-circle-style):not(.hs-tools-actions):not(.splide__pagination):not(.no-list) li:not(.hs-menu-item):not(.uiListItem):not(.hs-form-booleancheckbox):not(.hs-form-checkbox):not(.hs-form-radio):not(.CookieCard):not(.CybotCookiebotDialogDetailBodyContentCookieGroup):not([class^="View__StyledView"])::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 31.955 31.955'%3E%3Cg%3E%3Cpath fill='currentColor' d='M27.25,4.655C20.996-1.571,10.88-1.546,4.656,4.706C-1.571,10.96-1.548,21.076,4.705,27.3c6.256,6.226,16.374,6.203,22.597-0.051C33.526,20.995,33.505,10.878,27.25,4.655z'/%3E%3Cpath fill='currentColor' d='M13.288,23.896l-1.768,5.207c2.567,0.829,5.331,0.886,7.926,0.17l-0.665-5.416C17.01,24.487,15.067,24.5,13.288,23.896z M8.12,13.122l-5.645-0.859c-0.741,2.666-0.666,5.514,0.225,8.143l5.491-1.375C7.452,17.138,7.426,15.029,8.12,13.122z M28.763,11.333l-4.965,1.675c0.798,2.106,0.716,4.468-0.247,6.522l5.351,0.672C29.827,17.319,29.78,14.193,28.763,11.333z M11.394,2.883l1.018,5.528c2.027-0.954,4.356-1.05,6.442-0.288l1.583-5.137C17.523,1.94,14.328,1.906,11.394,2.883z'/%3E%3Ccircle fill='currentColor' cx='15.979' cy='15.977' r='6.117'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 8px;
  left: -.6rem;
  list-style-image: none;
  position: absolute;
  top: 8px !important;
  width: 8px;
}

.s-text-color--white ul:not(.tick-style):not(.check-circle-style):not(.hs-tools-actions):not(.splide__pagination):not(.no-list) li:not(.hs-menu-item):not(.uiListItem):not(.hs-form-booleancheckbox):not(.hs-form-checkbox):not(.hs-form-radio):not(.CookieCard):not(.CybotCookiebotDialogDetailBodyContentCookieGroup):not([class^="View__StyledView"])::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 31.955 31.955'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M27.25,4.655C20.996-1.571,10.88-1.546,4.656,4.706C-1.571,10.96-1.548,21.076,4.705,27.3c6.256,6.226,16.374,6.203,22.597-0.051C33.526,20.995,33.505,10.878,27.25,4.655z'/%3E%3Cpath fill='%23ffffff' d='M13.288,23.896l-1.768,5.207c2.567,0.829,5.331,0.886,7.926,0.17l-0.665-5.416C17.01,24.487,15.067,24.5,13.288,23.896z M8.12,13.122l-5.645-0.859c-0.741,2.666-0.666,5.514,0.225,8.143l5.491-1.375C7.452,17.138,7.426,15.029,8.12,13.122z M28.763,11.333l-4.965,1.675c0.798,2.106,0.716,4.468-0.247,6.522l5.351,0.672C29.827,17.319,29.78,14.193,28.763,11.333z M11.394,2.883l1.018,5.528c2.027-0.954,4.356-1.05,6.442-0.288l1.583-5.137C17.523,1.94,14.328,1.906,11.394,2.883z'/%3E%3Ccircle fill='%23ffffff' cx='15.979' cy='15.977' r='6.117'/%3E%3C/g%3E%3C/svg%3E");
}

ul.tick-style li:not(.hs-menu-item):not(.uiListItem)::before,
#l-main-content .c-rate-cards__card-content ul li::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5306 5.45787L6.5306 13.4579C6.46092 13.5278 6.37813 13.5833 6.28696 13.6211C6.1958 13.659 6.09806 13.6785 5.99935 13.6785C5.90064 13.6785 5.8029 13.659 5.71173 13.6211C5.62057 13.5833 5.53778 13.5278 5.4681 13.4579L1.9681 9.95787C1.89833 9.8881 1.84299 9.80528 1.80524 9.71413C1.76748 9.62298 1.74805 9.52528 1.74805 9.42662C1.74805 9.32796 1.76748 9.23026 1.80524 9.13911C1.84299 9.04796 1.89833 8.96513 1.9681 8.89537C2.03786 8.8256 2.12069 8.77026 2.21184 8.73251C2.30299 8.69475 2.40069 8.67532 2.49935 8.67532C2.59801 8.67532 2.69571 8.69475 2.78686 8.73251C2.87801 8.77026 2.96083 8.8256 3.0306 8.89537L5.99997 11.8647L13.4693 4.39662C13.6102 4.25572 13.8013 4.17657 14.0006 4.17657C14.1999 4.17657 14.391 4.25572 14.5318 4.39662C14.6727 4.53751 14.7519 4.72861 14.7519 4.92787C14.7519 5.12713 14.6727 5.31822 14.5318 5.45912L14.5306 5.45787Z' fill='currentColor'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  content: '' !important;
  height: 17px!important;
  left: -.9rem !important;
  list-style-image: none !important;
  position: absolute !important;
  top: 2px !important;
  width: 16px !important;
}

.s-text-color--white ul.tick-style li:not(.hs-menu-item):not(.uiListItem)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5306 5.45787L6.5306 13.4579C6.46092 13.5278 6.37813 13.5833 6.28696 13.6211C6.1958 13.659 6.09806 13.6785 5.99935 13.6785C5.90064 13.6785 5.8029 13.659 5.71173 13.6211C5.62057 13.5833 5.53778 13.5278 5.4681 13.4579L1.9681 9.95787C1.89833 9.8881 1.84299 9.80528 1.80524 9.71413C1.76748 9.62298 1.74805 9.52528 1.74805 9.42662C1.74805 9.32796 1.76748 9.23026 1.80524 9.13911C1.84299 9.04796 1.89833 8.96513 1.9681 8.89537C2.03786 8.8256 2.12069 8.77026 2.21184 8.73251C2.30299 8.69475 2.40069 8.67532 2.49935 8.67532C2.59801 8.67532 2.69571 8.69475 2.78686 8.73251C2.87801 8.77026 2.96083 8.8256 3.0306 8.89537L5.99997 11.8647L13.4693 4.39662C13.6102 4.25572 13.8013 4.17657 14.0006 4.17657C14.1999 4.17657 14.391 4.25572 14.5318 4.39662C14.6727 4.53751 14.7519 4.72861 14.7519 4.92787C14.7519 5.12713 14.6727 5.31822 14.5318 5.45912L14.5306 5.45787Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") !important;
}

/* Green circle-check bullets — opt-in via class="check-circle-style" */
ul.check-circle-style {
  font-size: 16px;
}

ul.check-circle-style li:not(.hs-menu-item):not(.uiListItem) {
  font-size: 16px;
  padding-left: 1.75rem;
}

ul.check-circle-style li:not(.hs-menu-item):not(.uiListItem)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.7473 9.41498 20.7192 6.93661 18.8913 5.10872C17.0634 3.28084 14.585 2.25273 12 2.25ZM16.2806 10.2806L11.0306 15.5306C10.961 15.6004 10.8783 15.6557 10.7872 15.6934C10.6962 15.7312 10.5986 15.7506 10.5 15.7506C10.4014 15.7506 10.3038 15.7312 10.2128 15.6934C10.1218 15.6557 10.039 15.6004 9.96938 15.5306L7.71938 13.2806C7.57865 13.1399 7.49959 12.949 7.49959 12.75C7.49959 12.551 7.57865 12.3601 7.71938 12.2194C7.86011 12.0786 8.05098 11.9996 8.25 11.9996C8.44903 11.9996 8.6399 12.0786 8.78063 12.2194L10.5 13.9397L15.2194 9.21937C15.2891 9.14969 15.3718 9.09442 15.4628 9.0567C15.5539 9.01899 15.6515 8.99958 15.75 8.99958C15.8486 8.99958 15.9461 9.01899 16.0372 9.0567C16.1282 9.09442 16.2109 9.14969 16.2806 9.21937C16.3503 9.28906 16.4056 9.37178 16.4433 9.46283C16.481 9.55387 16.5004 9.65145 16.5004 9.75C16.5004 9.84855 16.481 9.94613 16.4433 10.0372C16.4056 10.1282 16.3503 10.2109 16.2806 10.2806Z' fill='%2330B130'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  content: '' !important;
  height: 24px !important;
  left: 0 !important;
  list-style-image: none !important;
  position: absolute !important;
  top: 0 !important;
  width: 24px !important;
}

ul:not(.tick-style):not(.check-circle-style):not(.hs-tools-actions):not(.splide__pagination):not(.no-list) li:has(big):not(.hs-menu-item):not(.uiListItem):not(.hs-form-booleancheckbox):not(.hs-form-checkbox):not(.hs-form-radio):not([class^="View__StyledView"])::before {
  top: 12px !important;
}

/* Code blocks */
pre {
  overflow: auto;
}

code {
  background-color: #eee;
  display: block;
  padding: 1em;
  vertical-align: bottom;
}

/* Blockquotes */
blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding: 0 1em;
  border-left-color: var(--secondary-color);
}

blockquote p {
  font-style: italic;
}

/* Horizontal rules */
hr {
  border: none;
  border-bottom: 1px solid #C4C0BA;
  color: #C4C0BA;
  height: 1px;
  margin: 20px 0;
}

/* Image alt text */
img {
  font-size: .9em;
  word-break: normal;
}

/* Other elements */
::selection {
  background-color: var(--orange-color);
}

.tag-style {
  background-color: #FFD1AD;
  border-radius: 20px;
  color: #993200;
  display: inline;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  margin-right: 15px;
  padding: 4px 14px;
  text-transform: capitalize;
}

h2.display-d4 {
  font-size: 38px;
  font-weight: 600;
  line-height: 110%;
}

@media (max-width: 767px) {
  h1,
  h2,
  h3, 
  h4,
  h5,
  h6 {
    margin: 0 0 .6rem 0;
  }
  h1, 
  .s-typography--heading-1-size {
    font-size: 2.25em;
    line-height: 1.15;
  }
  h1.new-h1 {
    font-size: 64px;
  }

  h1.display-d4 {
    font-size: 38px;
  }

  h2,
  .s-typography--heading-2-size {
    font-size: 1.9rem;
  }
  h6 {
    font-weight: 500;
  }
  p,
  .s-typography--paragraph-size,
  ul,
  ol {
    font-size: 0.8rem;
  }
  li::marker {
    font-size: 0.8rem;
  }
  .paragraph-size-mobile {
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: .02em;
    margin: 1.2em 0;
  }
}

/*  Objects
    Non-cosmetic design patterns including grid and layout classes)
*/
.content-wrapper {
  margin: 0 auto;
  padding: 0 20px;
  max-width: var(--container-width);
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: var(--dnd-section-padding-mobile);
}

.dnd-section > .row-fluid {
  margin: 0 auto;
  max-width: var(--container-width);
}

@media (min-width: 768px) {
  .dnd-section,
  .content-wrapper--vertical-spacing {
    padding: var(--dnd-section-padding-tablet);
  }
}

@media (min-width: 992px) {
  .dnd-section,
  .content-wrapper--vertical-spacing {
    padding: var(--dnd-section-padding);
  }
}

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

@media (min-width: 1600px) {
  .content-wrapper {
    max-width: var(--container-width);
  }

  .dnd-section > .row-fluid {
    max-width: var(--container-width);
  }
}

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

/*******************************************
  Direction
*******************************************/
.l-flex--direction-row {
  flex-direction: row;
}

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

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

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

/*******************************************
  Wrap
*******************************************/
.l-flex--nowrap {
  flex-wrap: nowrap;
}

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

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

/*******************************************
  Justify Content
*******************************************/
.l-flex--justify-content-flex-start {
  justify-content: flex-start;
}

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

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

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

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

.l-flex--justify-content-space-evenly {
  justify-content: space-evenly;
}

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

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

.l-flex--justify-content-left {
  justify-content: left;
}

.l-flex--justify-content-right {
  justify-content: right;
}

/*******************************************
  Align Items
*******************************************/
.l-flex--align-items-stretch {
  align-items: stretch;
}

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

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

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

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

.l-flex--align-items-first-baseline {
  align-items: first baseline;
}

.l-flex--align-items-last-baseline {
  align-items: last baseline;
}

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

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

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

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

/*******************************************
  Align Content
*******************************************/
.l-flex--align-content-flex-start {
  align-content: flex-start;
}

.l-flex--align-content-flex-end {
  align-content: flex-end;
}

.l-flex--align-content-center {
  align-content: center;
}

.l-flex--align-content-space-between {
  align-content: space-between;
}

.l-flex--align-content-space-around {
  align-content: space-around;
}

.l-flex--align-content-space-evenly {
  align-content: space-evenly;
}

.l-flex--align-content-stretch {
  align-content: start;
}

.l-flex--align-content-start {
  align-content: start;
}

.l-flex--align-content-end {
  align-content: end;
}

.l-flex--align-content-baseline {
  align-content: baseline;
}

.l-flex--align-content-first-baseline {
  align-content: first baseline;
}

.l-flex--align-content-last-baseline {
  align-content: last baseline;
}

/*******************************************
  Align Self
*******************************************/
.l-flex--align-self-auto {
  align-self: auto;
}

.l-flex--align-self-flex-start {
  align-self: flex-start;
}

.l-flex--align-self-flex-end {
  align-self: flex-end;
}

.l-flex--align-self-center {
  align-self: center;
}

.l-flex--align-self-baseline {
  align-self: baseline;
}

.l-flex--align-self-stretch {
  align-self: stretch;
}


/*************************************************************
  RESPONSIVE STYLES
************************************************************/


/************************************************************
  Small devices (landscape phones, 576px and up)
  Class names should have --sm added to denote the media breakpoint
************************************************************/
@media (min-width: 576px) {
  /*******************************************
    Direction
  *******************************************/
  .l-flex--direction-row--sm {
    flex-direction: row;
  }

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

  .l-flex--direction-column--sm {
    flex-direction: column;
  }

  .l-flex--direction-column-reverse--sm {
    flex-direction: column-reverse;
  }

  /*******************************************
    Wrap
  *******************************************/
  .l-flex--nowrap--sm {
    flex-wrap: nowrap;
  }

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

  .l-flex--wrap-reverse--sm {
    flex-wrap: wrap-reverse;
  }

  /*******************************************
    Justify Content
  *******************************************/
  .l-flex--justify-content-flex-start--sm {
    justify-content: flex-start;
  }

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

  .l-flex--justify-content-center--sm {
    justify-content: center;
  }

  .l-flex--justify-content-space-between--sm {
    justify-content: space-between;
  }

  .l-flex--justify-content-space-around--sm {
    justify-content: space-around;
  }

  .l-flex--justify-content-space-evenly--sm {
    justify-content: space-evenly;
  }

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

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

  .l-flex--justify-content-left--sm {
    justify-content: left;
  }

  .l-flex--justify-content-right--sm {
    justify-content: right;
  }

  /*******************************************
    Align Items
  *******************************************/
  .l-flex--align-items-stretch--sm {
    align-items: stretch;
  }

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

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

  .l-flex--align-items-center--sm {
    align-items: center;
  }

  .l-flex--align-items-baseline--sm {
    align-items: baseline;
  }

  .l-flex--align-items-first-baseline--sm {
    align-items: first baseline;
  }

  .l-flex--align-items-last-baseline--sm {
    align-items: last baseline;
  }

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

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

  .l-flex--align-items-self-start--sm {
    align-items: self-start;
  }

  .l-flex--align-items-self-end--sm {
    align-items: self-end;
  }

  /*******************************************
    Align Content
  *******************************************/
  .l-flex--align-content-flex-start--sm {
    align-content: flex-start;
  }

  .l-flex--align-content-flex-end--sm {
    align-content: flex-end;
  }

  .l-flex--align-content-center--sm {
    align-content: center;
  }

  .l-flex--align-content-space-between--sm {
    align-content: space-between;
  }

  .l-flex--align-content-space-around--sm {
    align-content: space-around;
  }

  .l-flex--align-content-space-evenly--sm {
    align-content: space-evenly;
  }

  .l-flex--align-content-stretch--sm {
    align-content: start;
  }

  .l-flex--align-content-start--sm {
    align-content: start;
  }

  .l-flex--align-content-end--sm {
    align-content: end;
  }

  .l-flex--align-content-baseline--sm {
    align-content: baseline;
  }

  .l-flex--align-content-first-baseline--sm {
    align-content: first baseline;
  }

  .l-flex--align-content-last-baseline--sm {
    align-content: last baseline;
  }

  /*******************************************
    Align Self
  *******************************************/
  .l-flex--align-self-auto--sm {
    align-self: auto;
  }

  .l-flex--align-self-flex-start--sm {
    align-self: flex-start;
  }

  .l-flex--align-self-flex-end--sm {
    align-self: flex-end;
  }

  .l-flex--align-self-center--sm {
    align-self: center;
  }

  .l-flex--align-self-baseline--sm {
    align-self: baseline;
  }

  .l-flex--align-self-stretch--sm {
    align-self: stretch;
  }
}


/************************************************************
  Medium devices (tablets, 768px and up)
  Class names should have --md added to denote the media breakpoint
************************************************************/
@media (min-width: 768px) {
  /*******************************************
    Direction
  *******************************************/
  .l-flex--direction-row--md {
    flex-direction: row;
  }

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

  .l-flex--direction-column--md {
    flex-direction: column;
  }

  .l-flex--direction-column-reverse--md {
    flex-direction: column-reverse;
  }

  /*******************************************
    Wrap
  *******************************************/
  .l-flex--nowrap--md {
    flex-wrap: nowrap;
  }

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

  .l-flex--wrap-reverse--md {
    flex-wrap: wrap-reverse;
  }

  /*******************************************
    Justify Content
  *******************************************/
  .l-flex--justify-content-flex-start--md {
    justify-content: flex-start;
  }

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

  .l-flex--justify-content-center--md {
    justify-content: center;
  }

  .l-flex--justify-content-space-between--md {
    justify-content: space-between;
  }

  .l-flex--justify-content-space-around--md {
    justify-content: space-around;
  }

  .l-flex--justify-content-space-evenly--md {
    justify-content: space-evenly;
  }

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

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

  .l-flex--justify-content-left--md {
    justify-content: left;
  }

  .l-flex--justify-content-right--md {
    justify-content: right;
  }

  /*******************************************
    Align Items
  *******************************************/
  .l-flex--align-items-stretch--md {
    align-items: stretch;
  }

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

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

  .l-flex--align-items-center--md {
    align-items: center;
  }

  .l-flex--align-items-baseline--md {
    align-items: baseline;
  }

  .l-flex--align-items-first-baseline--md {
    align-items: first baseline;
  }

  .l-flex--align-items-last-baseline--md {
    align-items: last baseline;
  }

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

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

  .l-flex--align-items-self-start--md {
    align-items: self-start;
  }

  .l-flex--align-items-self-end--md {
    align-items: self-end;
  }

  /*******************************************
    Align Content
  *******************************************/
  .l-flex--align-content-flex-start--md {
    align-content: flex-start;
  }

  .l-flex--align-content-flex-end--md {
    align-content: flex-end;
  }

  .l-flex--align-content-center--md {
    align-content: center;
  }

  .l-flex--align-content-space-between--md {
    align-content: space-between;
  }

  .l-flex--align-content-space-around--md {
    align-content: space-around;
  }

  .l-flex--align-content-space-evenly--md {
    align-content: space-evenly;
  }

  .l-flex--align-content-stretch--md {
    align-content: start;
  }

  .l-flex--align-content-start--md {
    align-content: start;
  }

  .l-flex--align-content-end--md {
    align-content: end;
  }

  .l-flex--align-content-baseline--md {
    align-content: baseline;
  }

  .l-flex--align-content-first-baseline--md {
    align-content: first baseline;
  }

  .l-flex--align-content-last-baseline--md {
    align-content: last baseline;
  }

  /*******************************************
    Align Self
  *******************************************/
  .l-flex--align-self-auto--md {
    align-self: auto;
  }

  .l-flex--align-self-flex-start--md {
    align-self: flex-start;
  }

  .l-flex--align-self-flex-end--md {
    align-self: flex-end;
  }

  .l-flex--align-self-center--md {
    align-self: center;
  }

  .l-flex--align-self-baseline--md {
    align-self: baseline;
  }

  .l-flex--align-self-stretch--md {
    align-self: stretch;
  }
}


/************************************************************
  Large devices (desktops, 992px and up)
  Class names should have --lg added to denote the media breakpoint
************************************************************/
@media (min-width: 992px) {
  /*******************************************
    Direction
  *******************************************/
  .l-flex--direction-row--lg {
    flex-direction: row;
  }

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

  .l-flex--direction-column--lg {
    flex-direction: column;
  }

  .l-flex--direction-column-reverse--lg {
    flex-direction: column-reverse;
  }

  /*******************************************
    Wrap
  *******************************************/
  .l-flex--nowrap--lg {
    flex-wrap: nowrap;
  }

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

  .l-flex--wrap-reverse--lg {
    flex-wrap: wrap-reverse;
  }

  /*******************************************
    Justify Content
  *******************************************/
  .l-flex--justify-content-flex-start--lg {
    justify-content: flex-start;
  }

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

  .l-flex--justify-content-center--lg {
    justify-content: center;
  }

  .l-flex--justify-content-space-between--lg {
    justify-content: space-between;
  }

  .l-flex--justify-content-space-around--lg {
    justify-content: space-around;
  }

  .l-flex--justify-content-space-evenly--lg {
    justify-content: space-evenly;
  }

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

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

  .l-flex--justify-content-left--lg {
    justify-content: left;
  }

  .l-flex--justify-content-right--lg {
    justify-content: right;
  }

  /*******************************************
    Align Items
  *******************************************/
  .l-flex--align-items-stretch--lg {
    align-items: stretch;
  }

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

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

  .l-flex--align-items-center--lg {
    align-items: center;
  }

  .l-flex--align-items-baseline--lg {
    align-items: baseline;
  }

  .l-flex--align-items-first-baseline--lg {
    align-items: first baseline;
  }

  .l-flex--align-items-last-baseline--lg {
    align-items: last baseline;
  }

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

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

  .l-flex--align-items-self-start--lg {
    align-items: self-start;
  }

  .l-flex--align-items-self-end--lg {
    align-items: self-end;
  }

  /*******************************************
    Align Content
  *******************************************/
  .l-flex--align-content-flex-start--lg {
    align-content: flex-start;
  }

  .l-flex--align-content-flex-end--lg {
    align-content: flex-end;
  }

  .l-flex--align-content-center--lg {
    align-content: center;
  }

  .l-flex--align-content-space-between--lg {
    align-content: space-between;
  }

  .l-flex--align-content-space-around--lg {
    align-content: space-around;
  }

  .l-flex--align-content-space-evenly--lg {
    align-content: space-evenly;
  }

  .l-flex--align-content-stretch--lg {
    align-content: start;
  }

  .l-flex--align-content-start--lg {
    align-content: start;
  }

  .l-flex--align-content-end--lg {
    align-content: end;
  }

  .l-flex--align-content-baseline--lg {
    align-content: baseline;
  }

  .l-flex--align-content-first-baseline--lg {
    align-content: first baseline;
  }

  .l-flex--align-content-last-baseline--lg {
    align-content: last baseline;
  }

  /*******************************************
    Align Self
  *******************************************/
  .l-flex--align-self-auto--lg {
    align-self: auto;
  }

  .l-flex--align-self-flex-start--lg {
    align-self: flex-start;
  }

  .l-flex--align-self-flex-end--lg {
    align-self: flex-end;
  }

  .l-flex--align-self-center--lg {
    align-self: center;
  }

  .l-flex--align-self-baseline--lg {
    align-self: baseline;
  }

  .l-flex--align-self-stretch--lg {
    align-self: stretch;
  }
}

/************************************************************
  1080 Breakpoint (1080px and up)
  Class names should have --1080 added to denote the media breakpoint
************************************************************/
@media (min-width: 1080px) {
  /*******************************************
    Direction
  *******************************************/
  .l-flex--direction-row--1080 {
    flex-direction: row;
  }

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

  .l-flex--direction-column--1080 {
    flex-direction: column;
  }

  .l-flex--direction-column-reverse--1080 {
    flex-direction: column-reverse;
  }

  /*******************************************
    Wrap
  *******************************************/
  .l-flex--nowrap--1080 {
    flex-wrap: nowrap;
  }

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

  .l-flex--wrap-reverse--1080 {
    flex-wrap: wrap-reverse;
  }

  /*******************************************
    Justify Content
  *******************************************/
  .l-flex--justify-content-flex-start--1080 {
    justify-content: flex-start;
  }

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

  .l-flex--justify-content-center--1080 {
    justify-content: center;
  }

  .l-flex--justify-content-space-between--1080 {
    justify-content: space-between;
  }

  .l-flex--justify-content-space-around--1080 {
    justify-content: space-around;
  }

  .l-flex--justify-content-space-evenly--1080 {
    justify-content: space-evenly;
  }

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

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

  .l-flex--justify-content-left--1080 {
    justify-content: left;
  }

  .l-flex--justify-content-right--1080 {
    justify-content: right;
  }

  /*******************************************
    Align Items
  *******************************************/
  .l-flex--align-items-stretch--1080 {
    align-items: stretch;
  }

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

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

  .l-flex--align-items-center--1080 {
    align-items: center;
  }

  .l-flex--align-items-baseline--1080 {
    align-items: baseline;
  }

  .l-flex--align-items-first-baseline--1080 {
    align-items: first baseline;
  }

  .l-flex--align-items-last-baseline--1080 {
    align-items: last baseline;
  }

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

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

  .l-flex--align-items-self-start--1080 {
    align-items: self-start;
  }

  .l-flex--align-items-self-end--1080 {
    align-items: self-end;
  }

  /*******************************************
    Align Content
  *******************************************/
  .l-flex--align-content-flex-start--1080 {
    align-content: flex-start;
  }

  .l-flex--align-content-flex-end--1080 {
    align-content: flex-end;
  }

  .l-flex--align-content-center--1080 {
    align-content: center;
  }

  .l-flex--align-content-space-between--1080 {
    align-content: space-between;
  }

  .l-flex--align-content-space-around--1080 {
    align-content: space-around;
  }

  .l-flex--align-content-space-evenly--1080 {
    align-content: space-evenly;
  }

  .l-flex--align-content-stretch--1080 {
    align-content: start;
  }

  .l-flex--align-content-start--1080 {
    align-content: start;
  }

  .l-flex--align-content-end--1080 {
    align-content: end;
  }

  .l-flex--align-content-baseline--1080 {
    align-content: baseline;
  }

  .l-flex--align-content-first-baseline--1080 {
    align-content: first baseline;
  }

  .l-flex--align-content-last-baseline--1080 {
    align-content: last baseline;
  }

  /*******************************************
    Align Self
  *******************************************/
  .l-flex--align-self-auto--1080 {
    align-self: auto;
  }

  .l-flex--align-self-flex-start--1080 {
    align-self: flex-start;
  }

  .l-flex--align-self-flex-end--1080 {
    align-self: flex-end;
  }

  .l-flex--align-self-center--1080 {
    align-self: center;
  }

  .l-flex--align-self-baseline--1080 {
    align-self: baseline;
  }

  .l-flex--align-self-stretch--1080 {
    align-self: stretch;
  }
}

/************************************************************
  X-Large devices (large desktops, 1200px and up)
  Class names should have --xl added to denote the media breakpoint
************************************************************/
@media (min-width: 1280px) {
  /*******************************************
    Direction
  *******************************************/
  .l-flex--direction-row--xl {
    flex-direction: row;
  }

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

  .l-flex--direction-column--xl {
    flex-direction: column;
  }

  .l-flex--direction-column-reverse--xl {
    flex-direction: column-reverse;
  }

  /*******************************************
    Wrap
  *******************************************/
  .l-flex--nowrap--xl {
    flex-wrap: nowrap;
  }

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

  .l-flex--wrap-reverse--xl {
    flex-wrap: wrap-reverse;
  }

  /*******************************************
    Justify Content
  *******************************************/
  .l-flex--justify-content-flex-start--xl {
    justify-content: flex-start;
  }

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

  .l-flex--justify-content-center--xl {
    justify-content: center;
  }

  .l-flex--justify-content-space-between--xl {
    justify-content: space-between;
  }

  .l-flex--justify-content-space-around--xl {
    justify-content: space-around;
  }

  .l-flex--justify-content-space-evenly--xl {
    justify-content: space-evenly;
  }

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

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

  .l-flex--justify-content-left--xl {
    justify-content: left;
  }

  .l-flex--justify-content-right--xl {
    justify-content: right;
  }

  /*******************************************
    Align Items
  *******************************************/
  .l-flex--align-items-stretch--xl {
    align-items: stretch;
  }

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

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

  .l-flex--align-items-center--xl {
    align-items: center;
  }

  .l-flex--align-items-baseline--xl {
    align-items: baseline;
  }

  .l-flex--align-items-first-baseline--xl {
    align-items: first baseline;
  }

  .l-flex--align-items-last-baseline--xl {
    align-items: last baseline;
  }

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

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

  .l-flex--align-items-self-start--xl {
    align-items: self-start;
  }

  .l-flex--align-items-self-end--xl {
    align-items: self-end;
  }

  /*******************************************
    Align Content
  *******************************************/
  .l-flex--align-content-flex-start--xl {
    align-content: flex-start;
  }

  .l-flex--align-content-flex-end--xl {
    align-content: flex-end;
  }

  .l-flex--align-content-center--xl {
    align-content: center;
  }

  .l-flex--align-content-space-between--xl {
    align-content: space-between;
  }

  .l-flex--align-content-space-around--xl {
    align-content: space-around;
  }

  .l-flex--align-content-space-evenly--xl {
    align-content: space-evenly;
  }

  .l-flex--align-content-stretch--xl {
    align-content: start;
  }

  .l-flex--align-content-start--xl {
    align-content: start;
  }

  .l-flex--align-content-end--xl {
    align-content: end;
  }

  .l-flex--align-content-baseline--xl {
    align-content: baseline;
  }

  .l-flex--align-content-first-baseline--xl {
    align-content: first baseline;
  }

  .l-flex--align-content-last-baseline--xl {
    align-content: last baseline;
  }

  /*******************************************
    Align Self
  *******************************************/
  .l-flex--align-self-auto--xl {
    align-self: auto;
  }

  .l-flex--align-self-flex-start--xl {
    align-self: flex-start;
  }

  .l-flex--align-self-flex-end--xl {
    align-self: flex-end;
  }

  .l-flex--align-self-center--xl {
    align-self: center;
  }

  .l-flex--align-self-baseline--xl {
    align-self: baseline;
  }

  .l-flex--align-self-stretch--xl {
    align-self: stretch;
  }
}


/************************************************************
  XX-Large devices (larger desktops, 1400px and up)
  Class names should have --xxl added to denote the media breakpoint
************************************************************/
@media (min-width: 1400px) {
  /*******************************************
    Direction
  *******************************************/
  .l-flex--direction-row--xxl {
    flex-direction: row;
  }

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

  .l-flex--direction-column--xxl {
    flex-direction: column;
  }

  .l-flex--direction-column-reverse--xxl {
    flex-direction: column-reverse;
  }

  /*******************************************
    Wrap
  *******************************************/
  .l-flex--nowrap--xxl {
    flex-wrap: nowrap;
  }

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

  .l-flex--wrap-reverse--xxl {
    flex-wrap: wrap-reverse;
  }

  /*******************************************
    Justify Content
  *******************************************/
  .l-flex--justify-content-flex-start--xxl {
    justify-content: flex-start;
  }

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

  .l-flex--justify-content-center--xxl {
    justify-content: center;
  }

  .l-flex--justify-content-space-between--xxl {
    justify-content: space-between;
  }

  .l-flex--justify-content-space-around--xxl {
    justify-content: space-around;
  }

  .l-flex--justify-content-space-evenly--xxl {
    justify-content: space-evenly;
  }

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

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

  .l-flex--justify-content-left--xxl {
    justify-content: left;
  }

  .l-flex--justify-content-right--xxl {
    justify-content: right;
  }

  /*******************************************
    Align Items
  *******************************************/
  .l-flex--align-items-stretch--xxl {
    align-items: stretch;
  }

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

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

  .l-flex--align-items-center--xxl {
    align-items: center;
  }

  .l-flex--align-items-baseline--xxl {
    align-items: baseline;
  }

  .l-flex--align-items-first-baseline--xxl {
    align-items: first baseline;
  }

  .l-flex--align-items-last-baseline--xxl {
    align-items: last baseline;
  }

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

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

  .l-flex--align-items-self-start--xxl {
    align-items: self-start;
  }

  .l-flex--align-items-self-end--xxl {
    align-items: self-end;
  }

  /*******************************************
    Align Content
  *******************************************/
  .l-flex--align-content-flex-start--xxl {
    align-content: flex-start;
  }

  .l-flex--align-content-flex-end--xxl {
    align-content: flex-end;
  }

  .l-flex--align-content-center--xxl {
    align-content: center;
  }

  .l-flex--align-content-space-between--xxl {
    align-content: space-between;
  }

  .l-flex--align-content-space-around--xxl {
    align-content: space-around;
  }

  .l-flex--align-content-space-evenly--xxl {
    align-content: space-evenly;
  }

  .l-flex--align-content-stretch--xxl {
    align-content: start;
  }

  .l-flex--align-content-start--xxl {
    align-content: start;
  }

  .l-flex--align-content-end--xxl {
    align-content: end;
  }

  .l-flex--align-content-baseline--xxl {
    align-content: baseline;
  }

  .l-flex--align-content-first-baseline--xxl {
    align-content: first baseline;
  }

  .l-flex--align-content-last-baseline--xxl {
    align-content: last baseline;
  }

  /*******************************************
    Align Self
  *******************************************/
  .l-flex--align-self-auto--xxl {
    align-self: auto;
  }

  .l-flex--align-self-flex-start--xxl {
    align-self: flex-start;
  }

  .l-flex--align-self-flex-end--xxl {
    align-self: flex-end;
  }

  .l-flex--align-self-center--xxl {
    align-self: center;
  }

  .l-flex--align-self-baseline--xxl {
    align-self: baseline;
  }

  .l-flex--align-self-stretch--xxl {
    align-self: stretch;
  }
}
/* Responsive Grid */
.body-wrapper {
    margin-bottom: -30px;
}

.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 ;
    }
}


/* NEW STYLES IN NEW FORMAT */
.l-position-relative {
    position: relative;
}

.l-full-height-section {
    min-height: calc(100vh - var(--header-height-mobile));
}

@media (min-width: 768px) {
    .l-full-height-section {
        min-height: calc(100vh - var(--header-height-tablet));
    }
}

@media (min-width: 1280px) {
    .l-full-height-section {
        min-height: calc(100vh - var(--header-height-desktop));
    }
}

@media (max-width: 980px) {
  .reverse-row-order .row-fluid {
    display: flex;
    flex-direction: row-reverse !important;
  }
  
  .stack .row-fluid {
    align-items: flex-start !important;
    flex-direction: column !important;
    flex-wrap: wrap; 
  }

  .stack .row-fluid [class*="span"] {
    width: 100% !important;
  }

  .stack .row-fluid .dnd-column {
    margin: 1em 0 !important;
    width: 100% !important;
  }

  .stack .row-fluid .dnd-column:last-child {
    margin: 0 !important;
  }

  .reverse-row-order.stack .row-fluid .dnd-column:first-child {
    margin: 0 !important;
  }
  
  .reverse-row-order.stack .row-fluid {
    align-items: flex-start !important;
    display: flex;
    flex-direction: column-reverse !important;
  }
}

/*  Tools
    Any animations, or functions used throughout the theme
    Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
    Note: _variables.css can be ignored, it's already included at the top of this file
*/
/* 
  Animation Styles 
*/
.reveal {
  opacity: 0;
}

.reveal {
  animation-fill-mode: forwards !important;
  opacity: 0;
  visibility: hidden;
  -webkit-animation-fill-mode: forwards !important;
}

:-webkit-full-screen-ancestor .reveal {
  animation-fill-mode: none !important;
}

.fade-in {
  animation: 1s ease fadeIn;
}

.fade-up {
  animation: 1s ease fadeUp;
}

.fade-down {
  animation: 1s ease fadeDown;
}

.fade-right {
  animation: 1s ease fadeRight;
}

.fade-left {
  animation: 1s ease fadeLeft;
}

.expand-left {
  animation: 1s ease expandLeft;
}

.expand-right {
  animation: 1s ease expandRight;
}

.bubble-up {
  animation: 1s ease bubbleUp;
}

.bubble-down {
  animation: 1s ease bubbleDown;
}

.bubble-left {
  animation: 1s ease bubbleLeft;
}

.bubble-right {
  animation: 1s ease bubbleRight;
}

.zoom-in {
  animation: 1s ease zoomIn;
}

.zoom-out {
  animation: 1s ease zoomOut;
}

/* 
  Keyframes 
*/

/* Fade In */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Fade Up */
@-webkit-keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Fade Down */
@-webkit-keyframes fadeDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Fade Right */
@-webkit-keyframes fadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* Fade Left */
@-webkit-keyframes fadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* Expand Left */
@-webkit-keyframes expandLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}
@keyframes expandLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}

/* Expand Right */
@-webkit-keyframes expandRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}
@keyframes expandRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2,1);
    transform: scale(.2,1);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}

/* Bubble Up */
@-webkit-keyframes bubbleUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2, .2) translateY(10px);
    transform: scale(.2, .2) translateY(10px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  60% {
    -webkit-transform: scale(1.2, 1.2) translateY(-5px);
    transform: scale(1.2, 1.2) translateY(-5px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1) translateY(0);
    transform: scale(1,1) translateY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes bubbleUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2, .2) translateY(10px);
    transform: scale(.2, .2) translateY(10px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  60% {
    -webkit-transform: scale(1.2, 1.2) translateY(-5px);
    transform: scale(1.2, 1.2) translateY(-5px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1) translateY(0);
    transform: scale(1,1) translateY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

/* Bubble Down */
@-webkit-keyframes bubbleDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2, .2) translateY(-10px);
    transform: scale(.2, .2) translateY(-10px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
  60% {
    -webkit-transform: scale(1.2, 1.2) translateY(5px);
    transform: scale(1.2, 1.2) translateY(5px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1) translateY(0);
    transform: scale(1,1) translateY(0);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}
@keyframes bubbleDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2, .2) translateY(-10px);
    transform: scale(.2, .2) translateY(-10px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
  60% {
    -webkit-transform: scale(1.2, 1.2) translateY(5px);
    transform: scale(1.2, 1.2) translateY(5px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1) translateY(0);
    transform: scale(1,1) translateY(0);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

/* Bubble Left */
@-webkit-keyframes bubbleLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2, .2) translateX(10px);
    transform: scale(.2, .2) translateX(10px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
  60% {
    -webkit-transform: scale(1.2, 1.2) translateX(-5px);
    transform: scale(1.2, 1.2) translateX(-5px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1) translateY(0);
    transform: scale(1,1) translateY(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes bubbleLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2, .2) translateX(10px);
    transform: scale(.2, .2) translateX(10px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
  60% {
    -webkit-transform: scale(1.2, 1.2) translateX(-5px);
    transform: scale(1.2, 1.2) translateX(-5px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1) translateY(0);
    transform: scale(1,1) translateY(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

/* Bubble Right */
@-webkit-keyframes bubbleRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2, .2) translateX(-10px);
    transform: scale(.2, .2) translateX(-10px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  60% {
    -webkit-transform: scale(1.2, 1.2) translateX(5px);
    transform: scale(1.2, 1.2) translateX(5px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1) translateY(0);
    transform: scale(1,1) translateY(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes bubbleRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2, .2) translateX(-10px);
    transform: scale(.2, .2) translateX(-10px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  60% {
    -webkit-transform: scale(1.2, 1.2) translateX(5px);
    transform: scale(1.2, 1.2) translateX(5px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1) translateY(0);
    transform: scale(1,1) translateY(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

/* Zoom In */
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.5,.5);
    transform: scale(.5,.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.5,.5);
    transform: scale(.5,.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
}

/* Zoom Out */
@-webkit-keyframes zoomOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(.5,.5);
    transform: scale(.5,.5);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(.5,.5);
    transform: scale(.5,.5);
  }
}
.s-text-align--left {
  text-align: left;
}

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

.s-text-align--right {
  text-align: right;
}

.s-negative-position {
  position: relative;
  top: -125px !important;
}

@media (max-width: 767px) {
  .s-negative-position {
    top: -75px !important;
  }
}

.s-full-width-section > .row-fluid {
  max-width: none !important;
}

.s-no-padding {
  padding: 0 !important;
}

.s-no-padding--top-bottom {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.s-no-padding--left-right {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.s-no-padding--top {
  padding-top: 0 !important;
}

.s-no-padding--bottom {
  padding-bottom: 0 !important;
}

.s-no-padding--left {
  padding-left: 0 !important;
}

.s-no-padding--right {
  padding-right: 0 !important;
}

.s-overflow-hidden {
  overflow: hidden;
}

.mobile-no-break {
  display: none;
}

@media (min-width: 1280px) {
  .mobile-no-break {
    display: inline;
  }
}

@media (max-width: 480px) {
  .s-text-align--center-mobile {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .l-hide--mobile {
    display: none !important;
  }
}