/*!
Theme Name: Insluation Help
Theme URI: https://underscoretw.com/
Author: underscoretw.com
Author URI: https://underscoretw.com/
Description: A custom theme based on _tw
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: denied-claims
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Insluation Help is based on _tw https://underscoretw.com/, (C) 2021-2022 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2022 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/

/**
 * The line above injects the WordPress file header. It needs to be first,
 * before this comment.
 */

/**
 * This injects custom `@font-face` rules.
 */

/**
 * Custom `@font-face` rules
 *
 * These will be added immediately before Tailwind’s `base` layer.
 */

/* All Google Fonts have been pulled local for better performance and caching through CF */

/* Download: https://gwfh.mranftl.com/fonts/outfit?subsets=latin */

/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins, then adds custom base styles.
 */

/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Outfit, Montserrat, sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

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

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

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

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

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-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.
*/

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

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

@font-face {
  font-family: 'Outfit';

  src: url('/wp-content/themes/insulation-help/theme/assets/fonts/outfit/outfit-regular.woff2') format('woff2');

  font-weight: 400;

  font-style: normal;

  font-display: auto;
}

@font-face {
  font-family: 'Outfit';

  src: url('/wp-content/themes/insulation-help/theme/assets/fonts/outfit/outfit-500.woff2') format('woff2');

  font-weight: 500;

  font-style: normal;

  font-display: auto;
}

@font-face {
  font-family: 'Outfit';

  src: url('/wp-content/themes/insulation-help/theme/assets/fonts/outfit/outfit-600.woff2') format('woff2');

  font-weight: 600;

  font-style: normal;

  font-display: auto;
}

@font-face {
  font-family: 'Outfit';

  src: url('/wp-content/themes/insulation-help/theme/assets/fonts/outfit/outfit-800.woff2') format('woff2');

  font-weight: 800;

  font-style: normal;

  font-display: auto;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

/**
 * Custom styles to immediately follow Tailwind’s `base` layer
 *
 * “Add things like base typography styles [or] opinionated global resets.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-base-styles
 */

/**
 * This uses the background and foreground colors declared in the
 * `theme.json` file and is applied both to the frontend and in the block
 * editor.
*/

body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: Outfit, Montserrat, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
}

html {
  margin-top: 0px !important;
}

/* Logged in - Admin bar styles */

/* Move admin to the bottom */

#wpadminbar{
  top: unset;
  bottom: 0;
}

/* Teak the admin submenu so you can log out easily */

#wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
  bottom: 100%;
  top: auto;
}

#wpadminbar .ab-top-secondary .menupop .ab-submenu {
  position: absolute;
}

#wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
  bottom: 141px;
  margin-right: 104px;
  background: black;
}

#wpadminbar #wp-admin-bar-user-actions.ab-submenu{
  background: black;
}

/**
 * Helpers
 */

/* 
* Spacing Helpers
*/

.section-spacing{
  padding-top: 80px;
  padding-bottom: 96px;
}

@media only screen and (max-width:768px){
  .section-spacing{
    padding-top: 60px;
    padding-bottom: 72px
  }
}

/* 
* Backgrounds 
*/

h2.center-line::before {
  margin-left: auto;
  margin-right: auto;
}

@media not all and (min-width: 768px) {
  h2.max-md-center-line::before {
    margin-left: auto;
    margin-right: auto;
  }
}

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins, then adds custom component classes.
 *
 * The `@import-glob` line imports all CSS files from the `components`
 * directory (except for `components.css`, which is imported on the following
 * line). This is meant to simplify the process of integrating styles from
 * JavaScript components or WordPress plugins.
 */

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.prose {
  color: var(--tw-prose-body);
}

.prose :where(p):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 24px;
  font-family: Outfit;
  font-size: 18px;
  color: #514C63;
  line-height: 162.5%;
  font-weight: 400;
}

@media (max-width: 640px) {
  .prose :where(p):not(:where([class~="not-prose"] *)) {
    font-size: 16px;
    line-height: 24px;
  }
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"] *)) {
  color: #005FEE;
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(hr):not(:where([class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 46.18px;
  margin-top: 0;
  margin-bottom: 32px;
  line-height: 125%;
  font-family: Outfit;
}

@media (max-width: 640px) {
  .prose :where(h1):not(:where([class~="not-prose"] *)) {
    font-size: 30.6229px;
    line-height: 125%;
  }
}

.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 36.49px;
  margin-top: 2em;
  margin-bottom: 32px;
  line-height: 125%;
  font-family: Outfit;
}

@media (max-width: 640px) {
  .prose :where(h2):not(:where([class~="not-prose"] *)) {
    font-size: 25.2px;
    line-height: 125%;
  }
}

.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 28.83px;
  margin-top: 1.6em;
  margin-bottom: 32px;
  line-height: 125%;
  font-family: Outfit;
}

@media (max-width: 640px) {
  .prose :where(h3):not(:where([class~="not-prose"] *)) {
    font-size: 22.1px;
    line-height: 125%;
  }
}

.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 32px;
  line-height: 125%;
  font-family: Outfit;
  font-size: 22.78px;
}

@media (max-width: 640px) {
  .prose :where(h4):not(:where([class~="not-prose"] *)) {
    font-size: 19.4px;
    line-height: 125%;
  }
}

.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 64px;
  background-blend-mode: soft-light, normal;
  border-radius: 16px;
}

@media (max-width: 640px) {
  .prose :where(img):not(:where([class~="not-prose"] *)) {
    margin-bottom: 32px;
  }
}

.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose :where(code):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"] *))::before {
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"] *))::after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::before {
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
  vertical-align: top;
}

.prose {
  --tw-prose-body: #404040;
  --tw-prose-headings: #171717;
  --tw-prose-lead: #525252;
  --tw-prose-links: #b91c1c;
  --tw-prose-bold: #171717;
  --tw-prose-counters: #737373;
  --tw-prose-bullets: #d4d4d4;
  --tw-prose-hr: #e5e5e5;
  --tw-prose-quotes: #171717;
  --tw-prose-quote-borders: #e5e5e5;
  --tw-prose-captions: #737373;
  --tw-prose-code: #171717;
  --tw-prose-pre-code: #e5e5e5;
  --tw-prose-pre-bg: #262626;
  --tw-prose-th-borders: #d4d4d4;
  --tw-prose-td-borders: #e5e5e5;
  --tw-prose-invert-body: #d4d4d4;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #a3a3a3;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #a3a3a3;
  --tw-prose-invert-bullets: #525252;
  --tw-prose-invert-hr: #404040;
  --tw-prose-invert-quotes: #f5f5f5;
  --tw-prose-invert-quote-borders: #404040;
  --tw-prose-invert-captions: #a3a3a3;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d4d4d4;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #525252;
  --tw-prose-invert-td-borders: #404040;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(video):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(li):not(:where([class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose :where(h2):not(:where([class~="not-prose"] *))::before {
  content: "";
  width: 127.41px;
  height: 0px;
  display: block;
  border: 3px solid #F9C26F;
  margin-bottom: 16px;
}

.prose :where(li):not(:where([class~="not-prose"] *))::marker {
  color: #043559;
  font-weight: 800;
}

.prose :where(a:hover):not(:where([class~="not-prose"] *)) {
  color: #F2B705;
}

/* Master Badge Styles */

.badge {
  margin-bottom: 1.5rem;
  display: inline-block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 9999px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

/* Primary */

.badge--primary {
  margin-bottom: 1.5rem;
  display: inline-block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 9999px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  background-color: #001E34;
  color: white;
}

/* BG Variations */

/* - Blue 700 */

.bg-blue-700 .badge--primary{
  background-color: #1570B280;
}

#breadcrumbs{
  /* color: theme('colors.orange'); */
  color: #EAEEF0;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 32px;
  position: relative;
  z-index: 1;
}

#breadcrumbs a{
  color: #EAEEF0;
  text-decoration: none;
}

#breadcrumbs a:hover{
  text-decoration: underline;
}

#breadcrumbs span span{
  font-weight: 400;
  padding-right: 4px;
  padding-left: 4px;
}

#breadcrumbs span span:first-of-type{
  padding-left: 0;
}

#breadcrumbs span .breadcrumb_last{
  font-weight: 500;
}

/* Master Button Styles */

.btn{
  /* display: flex; */
  flex-direction: row;
  align-items: flex-start;
  padding: 24px 40px;
  gap: 8px;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  /* Newly added note */
  /* display: flex; */
  align-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}

.btn--arrow-right:after{
  content: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.91005 11.1025C9.71005 10.9025 9.61405 10.6608 9.62205 10.3775C9.63071 10.0942 9.73505 9.85249 9.93505 9.65249L12.76 6.82749H1.61005C1.32671 6.82749 1.08905 6.73149 0.897047 6.53949C0.705713 6.34815 0.610046 6.11082 0.610046 5.82749C0.610046 5.54415 0.705713 5.30649 0.897047 5.11449C1.08905 4.92315 1.32671 4.82749 1.61005 4.82749H12.76L9.91005 1.97749C9.71005 1.77749 9.61005 1.53982 9.61005 1.26449C9.61005 0.98982 9.71005 0.752487 9.91005 0.552487C10.11 0.352487 10.3477 0.252487 10.623 0.252487C10.8977 0.252487 11.135 0.352487 11.335 0.552487L15.91 5.12749C16.01 5.22749 16.081 5.33582 16.123 5.45249C16.1644 5.56915 16.185 5.69415 16.185 5.82749C16.185 5.96082 16.1644 6.08582 16.123 6.20249C16.081 6.31915 16.01 6.42749 15.91 6.52749L11.31 11.1275C11.1267 11.3108 10.8977 11.4025 10.623 11.4025C10.3477 11.4025 10.11 11.3025 9.91005 11.1025Z' fill='%230C3157'/%3E%3C/svg%3E%0A");
  margin-left: 12px;
}

.btn--arrow-right-white:after{
  content: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.91005 11.1025C9.71005 10.9025 9.61405 10.6608 9.62205 10.3775C9.63071 10.0942 9.73505 9.85249 9.93505 9.65249L12.76 6.82749H1.61005C1.32671 6.82749 1.08905 6.73149 0.897047 6.53949C0.705713 6.34815 0.610046 6.11082 0.610046 5.82749C0.610046 5.54415 0.705713 5.30649 0.897047 5.11449C1.08905 4.92315 1.32671 4.82749 1.61005 4.82749H12.76L9.91005 1.97749C9.71005 1.77749 9.61005 1.53982 9.61005 1.26449C9.61005 0.98982 9.71005 0.752487 9.91005 0.552487C10.11 0.352487 10.3477 0.252487 10.623 0.252487C10.8977 0.252487 11.135 0.352487 11.335 0.552487L15.91 5.12749C16.01 5.22749 16.081 5.33582 16.123 5.45249C16.1644 5.56915 16.185 5.69415 16.185 5.82749C16.185 5.96082 16.1644 6.08582 16.123 6.20249C16.081 6.31915 16.01 6.42749 15.91 6.52749L11.31 11.1275C11.1267 11.3108 10.8977 11.4025 10.623 11.4025C10.3477 11.4025 10.11 11.3025 9.91005 11.1025Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  margin-left: 12px;
}

.btn--arrow-down:after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' fill='none'%3E%3Cpath fill='%230C3157' d='M1.179 9.595c.2-.2.441-.296.724-.288.284.008.526.113.725.313l2.825 2.825V1.295c0-.284.096-.521.288-.713a.967.967 0 0 1 .713-.287.97.97 0 0 1 .713.287.97.97 0 0 1 .287.713v11.15l2.85-2.85c.2-.2.437-.3.713-.3.274 0 .511.1.712.3.2.2.3.437.3.713 0 .274-.1.512-.3.712l-4.575 4.575c-.1.1-.209.17-.325.213a1.116 1.116 0 0 1-.375.062c-.134 0-.259-.021-.375-.062a.883.883 0 0 1-.325-.213l-4.6-4.6a.932.932 0 0 1-.275-.687c0-.276.1-.513.3-.713Z'/%3E%3C/svg%3E");
  margin-left: 12px;
  top: 4px;
  position: relative;
}

.btn--arrow-down-white:after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' fill='none'%3E%3Cpath fill='%23FFFFFF' d='M1.179 9.595c.2-.2.441-.296.724-.288.284.008.526.113.725.313l2.825 2.825V1.295c0-.284.096-.521.288-.713a.967.967 0 0 1 .713-.287.97.97 0 0 1 .713.287.97.97 0 0 1 .287.713v11.15l2.85-2.85c.2-.2.437-.3.713-.3.274 0 .511.1.712.3.2.2.3.437.3.713 0 .274-.1.512-.3.712l-4.575 4.575c-.1.1-.209.17-.325.213a1.116 1.116 0 0 1-.375.062c-.134 0-.259-.021-.375-.062a.883.883 0 0 1-.325-.213l-4.6-4.6a.932.932 0 0 1-.275-.687c0-.276.1-.513.3-.713Z'/%3E%3C/svg%3E");
  margin-left: 12px;
  top: 4px;
  position: relative;
}

.btn--email:before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none'%3E%3Cpath stroke='%230C3157' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 3a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Z'/%3E%3Cpath stroke='%230C3157' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 3 9 6 9-6'/%3E%3C/svg%3E");
  margin-right: 8px;
  top: 2px;
  position: relative;
}

.btn--linkedin:before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath stroke='%230C3157' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 8v5m0-8v.01M9 13V8M1 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Z'/%3E%3Cpath stroke='%230C3157' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 13v-3a2 2 0 1 0-4 0'/%3E%3C/svg%3E");
  margin-right: 8px;
  top: 3px;
  position: relative;
}

.btn--x:before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%230C3157' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 4.01c-1 .49-1.98.689-3 .99-1.121-1.265-2.783-1.335-4.38-.737S11.977 6.323 12 8v1c-3.245.083-6.135-1.395-8-4 0 0-4.182 7.433 4 11-1.872 1.247-3.739 2.088-6 2 3.308 1.803 6.913 2.423 10.034 1.517 3.58-1.04 6.522-3.723 7.651-7.742a13.84 13.84 0 0 0 .497-3.753c0-.249 1.51-2.772 1.818-4.013v.001Z'/%3E%3C/svg%3E");
  /* margin-right: 8px; */
  top: 3px;
  position: relative;
}

/* Primary */

.btn--primary{
  background: #1570B2;
  color: white;
  font-family: Outfit, Montserrat, sans-serif;
}

/* Disabled */

.btn--primary:disabled, .btn--primary .disabled{
  opacity: .6;
  cursor: not-allowed;
  box-shadow: none;
}

.btn--primary:hover {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* Secondary */

.btn--secondary{
  background: linear-gradient(90deg, #F9C26F 0%, #F98E41 100%);
  border: 1px solid #F9C26F;
  color: #001E34;
  font-family: Outfit, Montserrat, sans-serif;
}

/* Disabled */

.btn--secondary:disabled, .btn--secondary .disabled{
  opacity: .6;
  cursor: not-allowed;
  box-shadow: none;
}

.btn--secondary:hover {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* Outline */

.btn--outline{
  background: transparent;
  color: #001E34;
  font-family: Outfit, Montserrat, sans-serif;
  border: 1px solid #001E34;
}

.btn--outline:hover {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* Underline */

.btn--underline{
  background: transparent;
  color: #001E34;
  font-family: Outfit, Montserrat, sans-serif;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 0;
  border-bottom: 2px solid #1570B2;
}

.btn--underline:hover{
  border-color: #F9C26F;
}

/* Form Step ntro Custom Button Styles */

.form-step-intro button.active{
  background: white;
  border: 3px solid #1570B2;
}

.form-step-intro button:hover{
  border: 3px solid #1570B2;
}

/* Background Variants */

/* - Blue 400 */

.bg-blue-400 .btn--primary{
  background: #043559;
}

/* - Blue 700 */

.bg-blue-700 .btn--secondary:hover{
  background: transparent;
  border: 1px solid #F9C26F;
  color: white;
}

.bg-blue-700 .btn--outline{
  color: white;
  border-color: #F9C26F;
}

.bg-blue-700 .btn--outline:hover {
  color: #043559;
  background: linear-gradient(90deg, #F9C26F 0%, #F98E41 100%);
  background-size: 100% 100%;
  border-color: #F9C26F;
}

.cta-inline {
  /* background-color: #043559; */
  /* Two background layers: gradient on bottom, image on top */
  background-image:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='820' height='203' fill='none'%3E%3Ccircle cx='558.08' cy='430.08' r='558.08' fill='url(%23a)' opacity='.6'/%3E%3Ccircle cx='558.08' cy='430.08' r='357.69' fill='url(%23b)' opacity='.6'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='380.752' x2='0' y1='430.08' y2='430.08' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23043559'/%3E%3Cstop offset='1' stop-color='%23001e34'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='509.314' x2='252.19' y1='430.08' y2='430.08' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23043559'/%3E%3Cstop offset='1' stop-color='%23001e34'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  color: white;
  background-color: #043559;
  /* linear-gradient(90deg, #043559 0%, #1570B2 152.47%), */
  /* The first value is for the gradient, the second for the SVG image */
  /* background-size: 100% 100%, auto 100%; */
  /* background-position: 0 0, right center; */
  /* background-size: cover; */
  background-position:  right;
  background-repeat: no-repeat, no-repeat;
}

.footer--section-title{
  margin-bottom: 32px;
  display: block;
}

.footer--section-title::before{
  content: '';
  width: 68.15px;
  height: 0px;
  display: block;
  border: 3px solid #F9C26F;
  margin-bottom: 16px;
}

/* Custom Checkbox Group */

.custom-checkbox-group--item.active {
  background: #EAEEF0;
  border: 3px solid #1570B2;
}

.custom-checkbox-group--item:hover {
  border: 3px solid #1570B2;
}

.custom-checkbox-group--item input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #1570B2;
}

.custom-checkbox-group--item.active .form-checkbox:checked {
  /* background-color: theme('colors.blue-400'); */
  background-color: white;
  align-items: center;
  display: flex;
}

.custom-checkbox-group--item.active .form-checkbox:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' fill='none'%3E%3Cpath stroke='%231570B2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M13.104 2 5.77 9.333 2.437 6'/%3E%3C/svg%3E");
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Master Input styles to extend on */

.master--input{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #A7BEE2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
  color: #001E34;
  background-color: white;
}

/* Focus */

.master--input:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.master--input:focus-visible {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

/* Error */

.master--input.is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

/* Valid */

.master--input.is-valid{
  border: 1px solid #17C994;
  background-color: white;
  box-shadow: none;
}

.master--input.is-valid:focus {
  border: 1px solid #17C994;
  background-color: white;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.master--input.is-valid:focus-visible {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

/* Disabled */

.master--input:disabled, .master--input .disabled{
  border-radius: 4px;
  border: 1px solid #D0D4E1;
  /* background: theme('colors.blue-50'); */
  cursor: not-allowed;
  box-shadow: none;
}

.master--input:disabled::-moz-placeholder, .master--input .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.master--input:disabled::placeholder, .master--input .disabled::placeholder {
  color: #c7c7c7;
}

.form-control input[type="text"], .form-control input[type="email"], .form-control input[type="number"]{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #A7BEE2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
  color: #001E34;
  background-color: white;
}

.form-control input[type="text"]:focus, .form-control input[type="email"]:focus, .form-control input[type="number"]:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control input[type="text"]:focus-visible, .form-control input[type="email"]:focus-visible, .form-control input[type="number"]:focus-visible {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control input[type="text"].is-invalid, .form-control input[type="email"].is-invalid, .form-control input[type="number"].is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

.form-control input[type="text"].is-valid, .form-control input[type="email"].is-valid, .form-control input[type="number"].is-valid{
  border: 1px solid #17C994;
  background-color: white;
  box-shadow: none;
}

.form-control input[type="text"].is-valid:focus, .form-control input[type="email"].is-valid:focus, .form-control input[type="number"].is-valid:focus {
  border: 1px solid #17C994;
  background-color: white;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control input[type="text"].is-valid:focus-visible, .form-control input[type="email"].is-valid:focus-visible, .form-control input[type="number"].is-valid:focus-visible {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control input[type="text"]:disabled,.form-control input[type="text"] .disabled, .form-control input[type="email"]:disabled, .form-control input[type="email"] .disabled, .form-control input[type="number"]:disabled, .form-control input[type="number"] .disabled{
  /* background: theme('colors.blue-50'); */
  border-radius: 4px;
  border: 1px solid #D0D4E1;
  /* background: theme('colors.blue-50'); */
  cursor: not-allowed;
  box-shadow: none;
}

.form-control input[type="text"]:disabled::-moz-placeholder, .form-control input[type="text"] .disabled::-moz-placeholder, .form-control input[type="email"]:disabled::-moz-placeholder, .form-control input[type="email"] .disabled::-moz-placeholder, .form-control input[type="number"]:disabled::-moz-placeholder, .form-control input[type="number"] .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.form-control input[type="text"]:disabled::placeholder,.form-control input[type="text"] .disabled::placeholder, .form-control input[type="email"]:disabled::placeholder, .form-control input[type="email"] .disabled::placeholder, .form-control input[type="number"]:disabled::placeholder, .form-control input[type="number"] .disabled::placeholder {
  color: #c7c7c7;
}

.form-control--sm input[type="text"], .form-control--sm input[type="email"]{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #A7BEE2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
  color: #001E34;
  background-color: white;
}

.form-control--sm input[type="text"]:focus, .form-control--sm input[type="email"]:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control--sm input[type="text"]:focus-visible, .form-control--sm input[type="email"]:focus-visible {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control--sm input[type="text"].is-invalid, .form-control--sm input[type="email"].is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

.form-control--sm input[type="text"].is-valid, .form-control--sm input[type="email"].is-valid{
  border: 1px solid #17C994;
  background-color: white;
  box-shadow: none;
}

.form-control--sm input[type="text"].is-valid:focus, .form-control--sm input[type="email"].is-valid:focus {
  border: 1px solid #17C994;
  background-color: white;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control--sm input[type="text"].is-valid:focus-visible, .form-control--sm input[type="email"].is-valid:focus-visible {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control--sm input[type="text"]:disabled,.form-control--sm input[type="text"] .disabled, .form-control--sm input[type="email"]:disabled, .form-control--sm input[type="email"] .disabled{
  /* background: theme('colors.blue-50'); */
  border-radius: 4px;
  border: 1px solid #D0D4E1;
  /* background: theme('colors.blue-50'); */
  cursor: not-allowed;
  box-shadow: none;
}

.form-control--sm input[type="text"]:disabled::-moz-placeholder, .form-control--sm input[type="text"] .disabled::-moz-placeholder, .form-control--sm input[type="email"]:disabled::-moz-placeholder, .form-control--sm input[type="email"] .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.form-control--sm input[type="text"]:disabled::placeholder,.form-control--sm input[type="text"] .disabled::placeholder, .form-control--sm input[type="email"]:disabled::placeholder, .form-control--sm input[type="email"] .disabled::placeholder {
  color: #c7c7c7;
}

.form-control--sm input[type="text"], .form-control--sm input[type="email"]{
  padding: 4px 12px;
}

.form-control--lg input[type="text"], .form-control--lg input[type="email"]{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #A7BEE2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
  color: #001E34;
  background-color: white;
}

.form-control--lg input[type="text"]:focus, .form-control--lg input[type="email"]:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control--lg input[type="text"]:focus-visible, .form-control--lg input[type="email"]:focus-visible {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control--lg input[type="text"].is-invalid, .form-control--lg input[type="email"].is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

.form-control--lg input[type="text"].is-valid, .form-control--lg input[type="email"].is-valid{
  border: 1px solid #17C994;
  background-color: white;
  box-shadow: none;
}

.form-control--lg input[type="text"].is-valid:focus, .form-control--lg input[type="email"].is-valid:focus {
  border: 1px solid #17C994;
  background-color: white;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control--lg input[type="text"].is-valid:focus-visible, .form-control--lg input[type="email"].is-valid:focus-visible {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control--lg input[type="text"]:disabled,.form-control--lg input[type="text"] .disabled, .form-control--lg input[type="email"]:disabled, .form-control--lg input[type="email"] .disabled{
  /* background: theme('colors.blue-50'); */
  border-radius: 4px;
  border: 1px solid #D0D4E1;
  /* background: theme('colors.blue-50'); */
  cursor: not-allowed;
  box-shadow: none;
}

.form-control--lg input[type="text"]:disabled::-moz-placeholder, .form-control--lg input[type="text"] .disabled::-moz-placeholder, .form-control--lg input[type="email"]:disabled::-moz-placeholder, .form-control--lg input[type="email"] .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.form-control--lg input[type="text"]:disabled::placeholder,.form-control--lg input[type="text"] .disabled::placeholder, .form-control--lg input[type="email"]:disabled::placeholder, .form-control--lg input[type="email"] .disabled::placeholder {
  color: #c7c7c7;
}

.form-control--lg input[type="text"], .form-control--lg input[type="email"] {
  padding: 12px;
}

/* Form Labels */

/* Master Label styles to extend on */

.master--label{
  color: #043559;
  font-style: normal;
  font-weight: 600;
  line-height: 162.5%;
  align-self: stretch;
  font-size: 16px;
  display: flex;
}

.form-control label{
  color: #043559;
  font-style: normal;
  font-weight: 600;
  line-height: 162.5%;
  align-self: stretch;
  font-size: 16px;
  display: flex;
}

.form-control--sm label{
  color: #043559;
  font-style: normal;
  font-weight: 600;
  line-height: 162.5%;
  align-self: stretch;
  display: flex;
  font-size: 14px;
}

.form-control--lg label{
  color: #043559;
  font-style: normal;
  font-weight: 600;
  line-height: 162.5%;
  align-self: stretch;
  display: flex;
  font-size: 18px;
}

/* Error Placeholder & Labels */

.form-error, .error-placeholder{
  color: #FF2F2F;
  font-size: 16px;
  margin-bottom: 8px;
  display: block;
}

/* Placeholder styles */

::-moz-placeholder {
  color: #999;
  opacity: 1;
  /* Firefox requires this to be set for the color to work */
}

::placeholder {
  color: #999;
  opacity: 1;
  /* Firefox requires this to be set for the color to work */
}

/* Mozilla Firefox */

::-moz-placeholder {
  color: #999;
  opacity: 1;
}

/* Internet Explorer 10+ */

:-ms-input-placeholder {
  color: #999;
}

/* Microsoft Edge */

::-ms-input-placeholder {
  color: #999;
}

/* Older versions of Firefox (19-) */

:-moz-placeholder {
  color: #999;
  opacity: 1;
}

/* Custom Radio Group */

.custom-radio-group--item.active {
  background: #EAEEF0;
  border: 3px solid #1570B2;
}

.custom-radio-group--item:hover{
  border: 3px solid #1570B2;
}

.custom-radio-group--item input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #1570B2;
}

.custom-radio-group--item.active .form-radio:checked{
  background-color: #1570B2;
  align-items: center;
  display: flex;
}

.custom-radio-group--item.active .form-radio:checked::after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' fill='none'%3E%3Cpath stroke='%231570B2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M13.104 2 5.77 9.333 2.437 6'/%3E%3C/svg%3E");
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Master Select styles to extend on */

.master--select{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #1570B2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
  background: #fff;
}

/* Focus */

.master--select:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

/* Error */

.master--select.is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

/* Disabled */

.master--select:disabled, .master--select .disabled{
  border-radius: 4px;
  border: 1px solid #1570B2;
  background: #F4F5F8;
  cursor: not-allowed;
  box-shadow: none;
}

.master--select:disabled::-moz-placeholder, .master--select .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.master--select:disabled::placeholder, .master--select .disabled::placeholder {
  color: #c7c7c7;
}

.form-control select{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #1570B2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
  background: #fff;
}

.form-control select:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control select.is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

.form-control select:disabled,.form-control select .disabled{
  border-radius: 4px;
  border: 1px solid #1570B2;
  background: #F4F5F8;
  cursor: not-allowed;
  box-shadow: none;
}

.form-control select:disabled::-moz-placeholder, .form-control select .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.form-control select:disabled::placeholder,.form-control select .disabled::placeholder {
  color: #c7c7c7;
}

.form-control--sm select{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #1570B2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
  background: #fff;
}

.form-control--sm select:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control--sm select.is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

.form-control--sm select:disabled,.form-control--sm select .disabled{
  border-radius: 4px;
  border: 1px solid #1570B2;
  background: #F4F5F8;
  cursor: not-allowed;
  box-shadow: none;
}

.form-control--sm select:disabled::-moz-placeholder, .form-control--sm select .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.form-control--sm select:disabled::placeholder,.form-control--sm select .disabled::placeholder {
  color: #c7c7c7;
}

.form-control--sm select{
  padding: 4px 12px;
}

.form-control--lg select{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #1570B2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
  background: #fff;
}

.form-control--lg select:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control--lg select.is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

.form-control--lg select:disabled,.form-control--lg select .disabled{
  border-radius: 4px;
  border: 1px solid #1570B2;
  background: #F4F5F8;
  cursor: not-allowed;
  box-shadow: none;
}

.form-control--lg select:disabled::-moz-placeholder, .form-control--lg select .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.form-control--lg select:disabled::placeholder,.form-control--lg select .disabled::placeholder {
  color: #c7c7c7;
}

.form-control--lg select{
  padding: 12px;
}

/* Remove default styling and update the down arrow */

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 25px;
  /* Space for the custom arrow */
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath fill='%23000' d='M6 6.975a1.03 1.03 0 0 1-.7-.275L.7 2.1a.948.948 0 0 1-.275-.7c0-.283.092-.517.275-.7a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275L6 4.6 9.9.7a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L6.7 6.7c-.1.1-.208.17-.325.212A1.099 1.099 0 0 1 6 6.975Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
  /* Adjust the horizontal position of the arrow */
}

/* For Firefox, you'll need to use the pseudo-element */

select::-moz-focus-inner {
  border: 0;
}

/* Master Input styles to extend on */

.master--textarea{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  min-height: 114px;
  border: 1px solid #1570B2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
}

/* Focus */

.master--textarea:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.master--textarea:focus-visible {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

/* Error */

.master--textarea.is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

/* Valid */

.master--textarea.is-valid{
  border: 1px solid #17C994;
}

.master--textarea.is-valid:focus {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.master--textarea.is-valid:focus-visible {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

/* Disabled */

.master--textarea:disabled, .master--textarea .disabled{
  border-radius: 4px;
  border: 1px solid #D0D4E1;
  background: #F4F5F8;
  cursor: not-allowed;
  box-shadow: none;
}

.master--textarea:disabled::-moz-placeholder, .master--textarea .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.master--textarea:disabled::placeholder, .master--textarea .disabled::placeholder {
  color: #c7c7c7;
}

.form-control textarea{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  min-height: 114px;
  border: 1px solid #1570B2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
}

.form-control textarea:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control textarea:focus-visible {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control textarea.is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

.form-control textarea.is-valid{
  border: 1px solid #17C994;
}

.form-control textarea.is-valid:focus {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control textarea.is-valid:focus-visible {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control textarea:disabled,.form-control textarea .disabled{
  border-radius: 4px;
  border: 1px solid #D0D4E1;
  background: #F4F5F8;
  cursor: not-allowed;
  box-shadow: none;
}

.form-control textarea:disabled::-moz-placeholder, .form-control textarea .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.form-control textarea:disabled::placeholder,.form-control textarea .disabled::placeholder {
  color: #c7c7c7;
}

.form-control--sm textarea{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  min-height: 114px;
  border: 1px solid #1570B2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
}

.form-control--sm textarea:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control--sm textarea:focus-visible {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control--sm textarea.is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

.form-control--sm textarea.is-valid{
  border: 1px solid #17C994;
}

.form-control--sm textarea.is-valid:focus {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control--sm textarea.is-valid:focus-visible {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control--sm textarea:disabled,.form-control--sm textarea .disabled{
  border-radius: 4px;
  border: 1px solid #D0D4E1;
  background: #F4F5F8;
  cursor: not-allowed;
  box-shadow: none;
}

.form-control--sm textarea:disabled::-moz-placeholder, .form-control--sm textarea .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.form-control--sm textarea:disabled::placeholder,.form-control--sm textarea .disabled::placeholder {
  color: #c7c7c7;
}

.form-control--lg textarea{
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  width: 100%;
  min-height: 114px;
  border: 1px solid #1570B2;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 12px;
}

.form-control--lg textarea:focus {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control--lg textarea:focus-visible {
  border: 1px solid #1570B2;
  box-shadow: 0px 0px 5px 0px #A7BEE2;
}

.form-control--lg textarea.is-invalid{
  border: 1px solid #FF2F2F;
  background: #F9D8D8;
}

.form-control--lg textarea.is-valid{
  border: 1px solid #17C994;
}

.form-control--lg textarea.is-valid:focus {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control--lg textarea.is-valid:focus-visible {
  border: 1px solid #17C994;
  box-shadow: none;
  /* Remove the blue shadow when it's valid and focused */
}

.form-control--lg textarea:disabled,.form-control--lg textarea .disabled{
  border-radius: 4px;
  border: 1px solid #D0D4E1;
  background: #F4F5F8;
  cursor: not-allowed;
  box-shadow: none;
}

.form-control--lg textarea:disabled::-moz-placeholder, .form-control--lg textarea .disabled::-moz-placeholder {
  color: #c7c7c7;
}

.form-control--lg textarea:disabled::placeholder,.form-control--lg textarea .disabled::placeholder {
  color: #c7c7c7;
}

/**
 * Helpful Articles section – slider and cards
 */

/* Show slider content even before Splide initializes (or if JS fails) */

.helpful-articles__splide {
  visibility: visible;
}

/* Hide Splide default arrows; we use custom nav buttons */

.helpful-articles__splide .splide__arrows {
  display: none;
}

/* No-JS fallback: horizontal scroll so cards are still visible */

.helpful-articles__slider-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.helpful-articles__splide .splide__track {
  overflow: visible;
}

.helpful-articles__splide.is-initialized .splide__track {
  overflow: hidden;
}

/* Slider track: gap between slides (no gap on mobile so full card is visible) */

.helpful-articles__splide .splide__list {
  display: flex;
  gap: 1rem;
}

@media (max-width: 639px) {
  .helpful-articles__splide .splide__list {
    gap: 0;
  }
}

.helpful-articles__splide .splide__slide {
  /* Min width so cards don’t shrink too much on small screens */
  min-width: min(100%, 18rem);
}

.helpful-articles__splide.is-initialized .splide__slide {
  min-width: 0;
}

/* Card: full-width tap target on mobile, aspect ratio preserved */

.helpful-articles__card {
  /* min-height: 10rem; */
}

.helpful-articles__card-image {
  /* Ensure overlay text stays readable over any image */
  /* background-color: #e5e7eb; */
}

.helpful-articles__card-title {
  /* Slightly larger tap/read area on touch devices */
  padding-bottom: 1.25rem;
}

/* Reduce motion for users who prefer it */

@media (prefers-reduced-motion: reduce) {
  .helpful-articles__splide .splide__track {
    transition: none;
  }
}

.hero--home {
  position: relative;
  height: 100%;
  /* Adjust this to the desired height of your element */
  width: 100%;
  /* Adjust this to the desired width of your element */
  background-color: #043559;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='592' height='1063' fill='none'%3E%3Ccircle cx='558.08' cy='504.5' r='558.08' fill='url(%23a)' opacity='.6'/%3E%3Ccircle cx='558.08' cy='504.5' r='357.69' fill='url(%23b)' opacity='.6'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='380.752' x2='0' y1='504.5' y2='504.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23043559'/%3E%3Cstop offset='1' stop-color='%23001e34'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='509.314' x2='252.19' y1='504.5' y2='504.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23043559'/%3E%3Cstop offset='1' stop-color='%23001e34'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: center right;
  background-repeat: no-repeat;
}

.hero--lander {
  /* position: relative; */
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='395' height='410' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='212.709' cy='204.833' r='150' fill='url(%23b)' transform='rotate(30 212.709 204.833)'/%3E%3Ccircle cx='212.709' cy='204.833' r='100' fill='%23F98E41' transform='rotate(30 212.709 204.833)'/%3E%3Ccircle cx='212.709' cy='204.833' r='50' fill='%23F9C26F' transform='rotate(30 212.709 204.833)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='115.011' x2='212.709' y1='189.872' y2='189.872' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F87211'/%3E%3Cstop offset='1' stop-color='%23F87211' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='m157.901 0 236.437 136.507L236.438 410 0 273.493z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  height: 100%;
  width: 100%;
  background-position: right -197.5px bottom -205px;
  background-repeat: no-repeat;
  background-size: 395px;
}

/* .hero--lander::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 403px;
    height: 391px; 
    bottom: -197px;
    right: -185px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='395' height='410' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='212.709' cy='204.833' r='150' fill='url(%23b)' transform='rotate(30 212.709 204.833)'/%3E%3Ccircle cx='212.709' cy='204.833' r='100' fill='%23F98E41' transform='rotate(30 212.709 204.833)'/%3E%3Ccircle cx='212.709' cy='204.833' r='50' fill='%23F9C26F' transform='rotate(30 212.709 204.833)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='115.011' x2='212.709' y1='189.872' y2='189.872' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F87211'/%3E%3Cstop offset='1' stop-color='%23F87211' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='m157.901 0 236.437 136.507L236.438 410 0 273.493z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    background-size: cover;
    @screen md {
        background-size: contain;
    }

} */

.hero--page {
  position: relative;
  height: 100%;
  /* Adjust this to the desired height of your element */
  width: 100%;
  /* Adjust this to the desired width of your element */
}

.hero--page::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 312px;
  /* Adjust this to the desired height of your bottom-left image */
  width: 100%;
  max-width: 221px;
  /* Adjust this to the desired width of your bottom-left image */
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='221' height='312' fill='none'%3E%3Cg stroke='%23005FEE' stroke-opacity='.1' stroke-width='2' clip-path='url(%23a)'%3E%3Ccircle cx='-90.32' cy='311.763' r='303.271' transform='rotate(45 -90.32 311.763)'/%3E%3Ccircle cx='-132.819' cy='354.263' r='243.168' transform='rotate(45 -132.819 354.263)'/%3E%3Ccircle cx='-175.318' cy='396.761' r='183.065' transform='rotate(45 -175.318 396.761)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M221 0h-403v312h403z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  background-size: cover;
}

@media (min-width: 768px) {
  .hero--page::after {
    background-size: contain
  }
}

/* Move to cards */

.arrow-right{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' fill='none'%3E%3Cpath fill='%23A7BEE2' d='M17.32 21.783a.947.947 0 0 1-.288-.725c.008-.284.113-.525.313-.725l2.825-2.825H9.02a.968.968 0 0 1-.713-.288.967.967 0 0 1-.287-.712.97.97 0 0 1 .287-.713.97.97 0 0 1 .713-.287h11.15l-2.85-2.85c-.2-.2-.3-.438-.3-.713 0-.275.1-.512.3-.712.2-.2.437-.3.712-.3.275 0 .512.1.712.3l4.576 4.575c.1.1.17.208.212.325.042.117.063.242.063.375s-.021.258-.063.375a.883.883 0 0 1-.212.325l-4.6 4.6a.932.932 0 0 1-.688.275.974.974 0 0 1-.712-.3Z'/%3E%3Crect width='31' height='31' x='.52' y='1.008' stroke='%23D1D4E1' rx='15.5'/%3E%3C/svg%3E");
  position: relative;
  bottom: 0;
  left: 0;
  height: 33px;
  /* Adjust this to the desired height of your bottom-left image */
  width: 33px;
  /* Adjust this to the desired width of your bottom-left image */
  /* z-index: 0; */
}

.home-arrows{
  position: inherit !important;
  display: inline-flex !important;
  background: transparent !important;
}

.home-arrows svg{
  height: 34px !important;
  width: 34px !important;
  fill: transparent !important;
}

.splide__arrow--next {
  margin-left: 24px !important;
}

.hero--profile{
  position: relative;
  height: 100%;
  /* Adjust this to the desired height of your element */
  width: 100%;
  /* Adjust this to the desired width of your element */
}

.hero--profile::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 312px;
  /* Adjust this to the desired height of your bottom-left image */
  width: 100%;
  /* max-width: 221px; Adjust this to the desired width of your bottom-left image */
  /* max-width: 402px; */
  max-width: 314px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='402' height='386' fill='none'%3E%3Ccircle cx='91.18' cy='311.763' r='303.271' stroke='%230C3157' stroke-opacity='.06' stroke-width='2' transform='rotate(45 91.18 311.763)'/%3E%3Ccircle cx='48.681' cy='354.263' r='243.168' stroke='%230C3157' stroke-opacity='.06' stroke-width='2' transform='rotate(45 48.681 354.263)'/%3E%3Ccircle cx='6.182' cy='396.761' r='183.065' stroke='%230C3157' stroke-opacity='.06' stroke-width='2' transform='rotate(45 6.182 396.761)'/%3E%3Ccircle cx='-36.316' cy='439.26' r='122.962' stroke='%230C3157' stroke-opacity='.06' stroke-width='2' transform='rotate(45 -36.316 439.26)'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  background-size: cover;
}

@media (min-width: 768px) {
  .hero--profile::after {
    background-size: contain
  }
}

.hero--rebate-archive{
  position: relative;
  height: 100%;
  /* Adjust this to the desired height of your element */
  width: 100%;
  /* Adjust this to the desired width of your element */
  background-color: #043559;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='592' height='1063' fill='none'%3E%3Ccircle cx='558.08' cy='504.5' r='558.08' fill='url(%23a)' opacity='.6'/%3E%3Ccircle cx='558.08' cy='504.5' r='357.69' fill='url(%23b)' opacity='.6'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='380.752' x2='0' y1='504.5' y2='504.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23043559'/%3E%3Cstop offset='1' stop-color='%23001e34'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='509.314' x2='252.19' y1='504.5' y2='504.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23043559'/%3E%3Cstop offset='1' stop-color='%23001e34'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: center right;
  background-repeat: no-repeat;
}

/* Purple */

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

.list--custom li.address::before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='%2317C994' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.575 17.362c-1.81.543-2.929 1.293-2.929 2.121 0 1.657 4.477 3 10 3s10-1.343 10-3c0-.828-1.119-1.578-2.928-2.121'/%3E%3Cpath stroke='%2317C994' stroke-linejoin='round' stroke-width='1.5' d='M12.646 18.483s6.5-4.248 6.5-9.159c0-3.502-2.91-6.34-6.5-6.34s-6.5 2.838-6.5 6.34c0 4.911 6.5 9.16 6.5 9.16Z'/%3E%3Cpath stroke='%2317C994' stroke-linejoin='round' stroke-width='1.5' d='M12.646 11.983a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
  margin-right: 10px;
  top: 2px;
  position: relative;
  display: flex;
}

.list--custom li.email::before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='%2317C994' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.646 8.983v-4h-16v12h4'/%3E%3Cpath stroke='%2317C994' stroke-linejoin='round' stroke-width='1.5' d='M6.646 20.983h16v-12h-16v12Z'/%3E%3Cpath stroke='%2317C994' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6.646 8.983 8 6 8-6'/%3E%3Cpath stroke='%2317C994' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.646 8.983h-10v7.5'/%3E%3Cpath stroke='%2317C994' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M22.646 16.483v-7.5h-10'/%3E%3C/svg%3E");
  margin-right: 10px;
  top: 2px;
  position: relative;
  display: flex;
}

.list--custom li.linkedin::before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Cpath stroke='%2317C994' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5.646 8.483v5m0-8v.01m4 7.99v-5m-8-5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2v-12Z'/%3E%3Cpath stroke='%2317C994' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.646 13.483v-3a2 2 0 1 0-4 0'/%3E%3C/svg%3E");
  margin-right: 10px;
  margin-left: 6px;
  top: 2px;
  position: relative;
  display: flex;
}

.component--related-pages li a::after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Crect width='31' height='31' x='.5' y='.5' stroke='%23eaeef0' rx='15.5'/%3E%3Cpath fill='%231570b2' d='M17.3 21.2748c-.2-.2-.296-.4417-.288-.725.0087-.2833.113-.525.313-.725l2.825-2.825H9c-.28333 0-.521-.096-.713-.288-.19133-.1913-.287-.4287-.287-.712s.09567-.521.287-.713c.192-.1913.42967-.287.713-.287h11.15l-2.85-2.85c-.2-.2-.3-.4377-.3-.713 0-.2747.1-.512.3-.712s.4377-.3.713-.3c.2747 0 .512.1.712.3l4.575 4.575c.1.1.171.2083.213.325.0413.1167.062.2417.062.375s-.0207.2583-.062.375c-.042.1167-.113.225-.213.325l-4.6 4.6c-.1833.1833-.4123.275-.687.275-.2753 0-.513-.1-.713-.3'/%3E%3C/svg%3E");
  margin-left: 20px;
  width: 32px;
  height: 33px;
}

/* on hover move right */

.component--related-pages li a:hover::after{
  animation: moveToRight 0.5s ease-in-out forwards;
}

/* Need Animation file */

@keyframes moveToRight {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(4px);
  }
}

.modal {
  display: none;
  /* Modals are hidden by default */
  position: fixed;
  inset: 0;
  background: rgba(31, 41, 55, 0.75);
  /* Tailwind's gray-800 with opacity */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 100;
}

.modal-content {
  background: white;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Tailwind's shadow-lg */
  max-width: 908px;
}

@media only screen and (max-width:768px){
  .modal-content {
    min-width: 100%;
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    border-radius: 0;
    margin-top: 0;
    position: fixed;
    top: 0;
    left: 0;
    display: flex
  }
}

/* why is this needed */

#masthead{
  /* position: sticky; */
  top: 0;
  z-index: 90;
}

#main-nav {
  position: sticky;
  top: 0;
  transition: background-color 0.35s ease-in-out;
  z-index: 99999;
}

.normal-mode{
  /* background: rgba(244, 245, 248, 0.65); */
  background: #043559;
}

.dark-mode{
  background: transparent;
  /* background: theme('colors.blue-700'); */
}

/* Used on Linkbuilding dark nav */

.transparency.dark-mode{
  background: rgba(12,49,87, 0.65);
  /* blue-900 @ 65% */
}

.normal-mode .nav-main-button{
  /* color: theme('colors.blue-900'); */
  color: #fff;
}

.normal-mode .nav-main-button:hover{
  color: #1570B2;
}

.scrolled.normal-mode .nav-main-button{
  color: #001E34;
  /* color: theme('colors.white');
   &:hover{
      color: theme('colors.blue-400');
   } */
}

.dark-mode .nav-main-button{
  color: white;
}

.dark-mode .nav-main-button:hover{
  color: #F9C26F;
}

@media only screen and (max-width:768px){
  .dark-mode .nav-main-button{
    color: #043559
  }
}

.scrolled.dark-mode .nav-main-button{
  color: #001E34;
}

/*  Link building dark nav  on scroll*/

.scrolled.dark-mode span{
  color: #1570B2;
}

/* Nav logos for darkmode */

.nav-light-logo{
  display: none;
}

.scrolled .nav-light-logo{
  display: block;
}

.nav-dark-logo{
  display: block;
}

.scrolled .nav-dark-logo{
  display: none;
}

#main-nav.scrolled {
  background-color: white;
}

/* when nav is open .nav-cheat and #navbar-dropdown need 100vh*/

#nav--sm-cta{
  display: none;
}

@media only screen and (min-width:768px) and (max-width:1070px){
  #nav--sm-cta{
    display: flex;
    flex-basis: 50%;
    justify-content: end
  }

  #nav--sm-cta .btn--primary{
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px;
  }

  #nav--lg-cta{
    display: none
  }

  #nav-inner-wrapper{
    justify-content: center;
    padding-top: 14px;
    padding-bottom: 14px
  }
}

/* Update the borders based on modes */

.nav-top-wrapper{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dark-mode .nav-top-wrapper{
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.20); */
  border-bottom: none;
}

.scrolled.dark-mode .nav-top-wrapper{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */

/* Allow mobile scroll when nav is open */

@media only screen and (max-width:768px){
  #navbar-dropdown{
    overflow-y: scroll;
    padding-bottom: 80px
  }
}

@media only screen and (max-width:1070px){
  #navbar-dropdown li.is-active{
    box-shadow: none
  }
}

.dark-mode .nav-submenu-trigger::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' aria-hidden='true'  viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

@media only screen and (max-width:768px){
  .dark-mode .nav-submenu-trigger::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' aria-hidden='true'  viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E")
  }
}

.dark-mode .nav-submenu-trigger.is-active::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' aria-hidden='true'  viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

@media only screen and (max-width:768px){
  .dark-mode .nav-submenu-trigger.is-active::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' aria-hidden='true'  viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E")
  }
}

.scrolled.dark-mode .nav-submenu-trigger.is-active::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' aria-hidden='true'  viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.scrolled .nav-submenu-trigger::after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' aria-hidden='true'  viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.nav-submenu-trigger::after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' aria-hidden='true'  viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
  /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' aria-hidden='true'  viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E"); */
  width: 20px;
  height: 20px;
  margin-left: 4px;
  display: inline-block;
  /* Add this to ensure transform applies correctly */
  transition: transform 0.3s;
}

.nav-submenu-trigger.is-active::after {
  /* Rotate only the SVG icon */
  transform: rotate(180deg);
}

/* med and down */

@media only screen and (max-width:1070px){
  .nav-submenu-trigger.is-active{
    /* Change mobile active section opacity */
    opacity: 0.6;
  }

  #navbar-dropdown{
    width: 100%;
    top: 64px;
    left: 0;
    height: 100%;
    transition: height 1s ease-in-out;
  }

  /* KEEEEEEP  */

  /* Also lock down the body scroll  */

  #navbar-dropdown.is-active{
    height: 100vh;
  }
}

#mobile-navbar-dropdown:focus{
  outline: none;
  box-shadow: none;
}

#mobile-navbar-dropdown:hover{
  background-color: transparent;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  /* background-color: white;  */
  background-color: #043559;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 3px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
* Collapse
*/

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* More Mode control */

/* Darkmode hamburger menu */

/* background-color: theme('colors.blue-700'); */

/* background-color: theme('colors.white'); */

.dark-mode .hamburger-menu span span{
  background-color: #fff;
}

.dark-mode .hamburger-menu span::after, .dark-mode .hamburger-menu span::before {
  background-color: #fff;
}

.scrolled.dark-mode .hamburger-menu span span{
  background-color: #043559;
}

.scrolled.dark-mode .hamburger-menu span::after, .scrolled.dark-mode .hamburger-menu span::before {
  background-color: #043559;
}

.before-dash::before {
  content: '-';
  display: inline-block;
  margin-right: 2px;
  /* Optional: add some spacing */
}

/* @TODO move to an animations file or set these as vars int eh config */

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(startYposition);
  }

  100% {
    opacity: 1;
    transform: translateY(endYposition);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: translateY(startYposition);
  }

  100% {
    opacity: 0;
    transform: translateY(endYposition);
  }
}

/* Linkbuilding Navigation */

.community-resources::before{
  content: '';
  height: 32px;
  width: 2px;
  display: inline-flex;
  background-color: #D0D4E1;
  margin-left: 16px;
  margin-right: 16px;
}

/* ul page-numbers */

/* prev page-numbers */

/* a .page-numbers */

.pagination-wrapper ul{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pagination-wrapper a.page-numbers, .pagination-wrapper span.current{
  padding: 10px 20px;
  border: 1px solid #000;
  border-radius: 5px;
  text-decoration: none;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.pagination-wrapper a.page-numbers:hover,.pagination-wrapper span.current:hover{
  background-color: #043559;
  color: #fff;
}

.pagination-wrapper span.current{
  background-color: #043559;
  color: #fff;
}

.pagination-wrapper span.current:hover{
  cursor: not-allowed;
}

.pagination-wrapper a.prev.page-numbers,
    .pagination-wrapper a.next.page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  box-sizing: border-box;
  color: #043559;
}

.pagination-wrapper a.prev.page-numbers:hover,.pagination-wrapper a.next.page-numbers:hover{
  color: #001E34;
}

.pagination-wrapper a.prev.page-numbers svg,.pagination-wrapper a.next.page-numbers svg{
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.table-of-contents{
  width: 100%;
  /* background-color: theme('colors.blue-100'); */
  font-family: Outfit, Montserrat, sans-serif;
}

.table-of-contents span{
  padding: 32px 24px;
  display: block;
  border-bottom: 1px solid #E6E5ED;
  font-size: 16px;
  line-height: 125%;
  color: #001E34;
}

.table-of-contents ul {
  font-family: Outfit, Montserrat, sans-serif;
  padding: 32px 24px;
}

.table-of-contents li{
  padding-top: 9px;
  padding-bottom: 9px;
  font-weight: 500;
  font-size: 16px;
  line-height: 162.5%;
}

.table-of-contents li a{
  color: #001E34;
}

/* hover and active */

.table-of-contents li a.active,
.table-of-contents li a:hover{
  font-weight: 800;
  color: #1570B2;
}

/* Mobile: smooth fade-in when showing results step */

@media (max-width: 1023px) {
  #results-section.calculator-results-enter {
    transition: opacity 0.3s ease-out;
  }
}

/* Center the range input thumb on the track (track 8px, thumb 24px) */

.slider {
  display: block;
  padding: 0;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 24px;
  height: 24px;
  margin-top: -8px;
  /* center 24px thumb on 8px track */
  border-radius: 50%;
  background: #1570B2;
  border: 3px solid #fff;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 24px;
  height: 24px;
  margin-top: -8px;
  /* center 24px thumb on 8px track */
  border-radius: 50%;
  background: #1570B2;
  border: 3px solid #fff;
  cursor: pointer;
}

.slider::-webkit-slider-runnable-track {
  background: #D0D4E1;
  height: 8px;
  border-radius: 4px;
}

.slider::-moz-range-track {
  background: #D0D4E1;
  height: 8px;
  border-radius: 4px;
}

/**
 * Custom styles to immediately follow Tailwind’s `components` layer
 *
 * “Add more opinionated, complex classes like buttons, form controls, alerts,
 * etc; the sort of pre-built components you often see in other frameworks that
 * you might need to override with utility classes.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-components
 */

/**
 * Post title styles
 *
 * These will be applied to all headings with a `page-title` or `entry-title`
 * class on the frontend and to the post title in the block editor.
 *
 * The supplied styles are meant to match the default `h1` classes from
 * Tailwind Typography.
 *
 * The `$post-title-selector` variable is replaced by PostCSS. Please see the
 * `postcss.config.js` file for details.
 */

.page-title, .entry-title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  max-width: 40rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

/**
 * Layout styles for centered content areas
 *
 * If you are controlling the width of your content area with styles applied
 * to its container, you can delete the following styles whose selectors begin
 * with `.page-content >` and `.entry-content >`. For more details, please see
 * the following:
 *
 * https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
 */

.page-content > *,
.entry-content > * {
  /* Content width from the `theme.json` file */
  margin-left: auto;
  margin-right: auto;
  max-width: 40rem;
}

.entry-content > .alignwide {
  /* Wide width from the `theme.json` file */
  max-width: 60rem;
}

.entry-content > .alignfull {
  max-width: none;
}

.entry-content > .alignleft {
  float: left;
  margin-right: 2rem;
}

.entry-content > .alignright {
  float: right;
  margin-left: 2rem;
}

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins, then adds custom utility classes.
 */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.top-12 {
  top: 3rem;
}

.left-\[-18px\] {
  left: -18px;
}

.bottom-12 {
  bottom: 3rem;
}

.right-\[-18px\] {
  right: -18px;
}

.left-1\/2 {
  left: 50%;
}

.bottom-0 {
  bottom: 0px;
}

.top-\[215px\] {
  top: 215px;
}

.-right-8 {
  right: -2rem;
}

.-bottom-8 {
  bottom: -2rem;
}

.bottom-\[23px\] {
  bottom: 23px;
}

.left-0 {
  left: 0px;
}

.z-10 {
  z-index: 10;
}

.order-2 {
  order: 2;
}

.order-1 {
  order: 1;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-10 {
  grid-column: span 10 / span 10;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.float-right {
  float: right;
}

.m-0 {
  margin: 0px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-\[68px\] {
  margin-bottom: 68px;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.\!mb-0 {
  margin-bottom: 0px !important;
}

.mt-4 {
  margin-top: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mt-auto {
  margin-top: auto;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

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

.mb-10 {
  margin-bottom: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.ml-1\.5 {
  margin-left: 0.375rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mt-\[64px\] {
  margin-top: 64px;
}

.mr-4 {
  margin-right: 1rem;
}

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

.mt-5 {
  margin-top: 1.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.\!mt-8 {
  margin-top: 2rem !important;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.ml-0 {
  margin-left: 0px;
}

.mt-7 {
  margin-top: 1.75rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.aspect-\[590\/270\] {
  aspect-ratio: 590/270;
}

.h-full {
  height: 100%;
}

.h-48 {
  height: 12rem;
}

.h-auto {
  height: auto;
}

.h-40 {
  height: 10rem;
}

.h-\[50px\] {
  height: 50px;
}

.h-20 {
  height: 5rem;
}

.h-14 {
  height: 3.5rem;
}

.h-8 {
  height: 2rem;
}

.h-12 {
  height: 3rem;
}

.h-\[500px\] {
  height: 500px;
}

.h-0 {
  height: 0px;
}

.h-24 {
  height: 6rem;
}

.h-10 {
  height: 2.5rem;
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-\[100px\] {
  height: 100px;
}

.h-2 {
  height: 0.5rem;
}

.h-6 {
  height: 1.5rem;
}

.h-\[200px\] {
  height: 200px;
}

.max-h-\[280px\] {
  max-height: 280px;
}

.min-h-\[400px\] {
  min-height: 400px;
}

.min-h-full {
  min-height: 100%;
}

.w-full {
  width: 100%;
}

.w-\[50px\] {
  width: 50px;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-20 {
  width: 5rem;
}

.w-14 {
  width: 3.5rem;
}

.w-0\.5 {
  width: 0.125rem;
}

.w-0 {
  width: 0px;
}

.w-8 {
  width: 2rem;
}

.w-12 {
  width: 3rem;
}

.w-24 {
  width: 6rem;
}

.w-10 {
  width: 2.5rem;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-\[100vw\] {
  width: 100vw;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-1\/2 {
  width: 50%;
}

.w-\[200px\] {
  width: 200px;
}

.w-7 {
  width: 1.75rem;
}

.min-w-\[200px\] {
  min-width: 200px;
}

.min-w-\[150px\] {
  min-width: 150px;
}

.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.min-w-\[100px\] {
  min-width: 100px;
}

.min-w-\[80px\] {
  min-width: 80px;
}

.max-w-none {
  max-width: none;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-screen-xl {
  max-width: 1280px;
}

.max-w-\[1008px\] {
  max-width: 1008px;
}

.max-w-\[800px\] {
  max-width: 800px;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-\[856px\] {
  max-width: 856px;
}

.max-w-\[1080px\] {
  max-width: 1080px;
}

.max-w-\[906px\] {
  max-width: 906px;
}

.max-w-\[600px\] {
  max-width: 600px;
}

.max-w-screen-lg {
  max-width: 1024px;
}

.max-w-\[700px\] {
  max-width: 700px;
}

.max-w-\[500px\] {
  max-width: 500px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-\[460px\] {
  max-width: 460px;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-\[456px\] {
  max-width: 456px;
}

.max-w-\[438px\] {
  max-width: 438px;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-none {
  flex: none;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-10 {
  gap: 2.5rem;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

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

.justify-self-end {
  justify-self: end;
}

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

.overflow-hidden {
  overflow: hidden;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.break-words {
  overflow-wrap: break-word;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-l-2xl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-tl-3xl {
  border-top-left-radius: 1.5rem;
}

.rounded-tr-3xl {
  border-top-right-radius: 1.5rem;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-\[16px\] {
  border-width: 16px;
}

.border-0 {
  border-width: 0px;
}

.border-\[3px\] {
  border-width: 3px;
}

.border-t {
  border-top-width: 1px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-dashed {
  border-style: dashed;
}

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(167 190 226 / var(--tw-border-opacity));
}

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity));
}

.border-grey-100 {
  --tw-border-opacity: 1;
  border-color: rgb(204 213 219 / var(--tw-border-opacity));
}

.border-grey-400\/75 {
  border-color: rgb(145 163 177 / 0.75);
}

.border-\[\#1570B23D\] {
  border-color: #1570B23D;
}

.border-grey-400 {
  --tw-border-opacity: 1;
  border-color: rgb(145 163 177 / var(--tw-border-opacity));
}

.border-grey-50 {
  --tw-border-opacity: 1;
  border-color: rgb(234 238 240 / var(--tw-border-opacity));
}

.border-blue-50 {
  --tw-border-opacity: 1;
  border-color: rgb(244 245 248 / var(--tw-border-opacity));
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(21 112 178 / var(--tw-border-opacity));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-\[\#F1EFEE\] {
  --tw-border-opacity: 1;
  border-color: rgb(241 239 238 / var(--tw-border-opacity));
}

.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(255 47 47 / var(--tw-border-opacity));
}

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(208 212 225 / var(--tw-border-opacity));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / var(--tw-border-opacity));
}

.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-t-gray-200 {
  --tw-border-opacity: 1;
  border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-opacity-30 {
  --tw-border-opacity: 0.3;
}

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 53 89 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 248 / var(--tw-bg-opacity));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}

.bg-grey-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 238 240 / var(--tw-bg-opacity));
}

.\!bg-\[\#f7c26f\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 194 111 / var(--tw-bg-opacity)) !important;
}

.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 30 52 / var(--tw-bg-opacity));
}

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 112 178 / var(--tw-bg-opacity));
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 142 65 / var(--tw-bg-opacity));
}

.bg-\[\#D6ECDA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(214 236 218 / var(--tw-bg-opacity));
}

.bg-\[\#D0E2F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(208 226 240 / var(--tw-bg-opacity));
}

.bg-grey-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 213 219 / var(--tw-bg-opacity));
}

.bg-grey-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(145 163 177 / var(--tw-bg-opacity));
}

.bg-grey-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(91 113 128 / var(--tw-bg-opacity));
}

.bg-grey-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(73 90 103 / var(--tw-bg-opacity));
}

.bg-orange-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 194 111 / var(--tw-bg-opacity));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-\[\#F1EFEE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 239 238 / var(--tw-bg-opacity));
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(208 212 225 / var(--tw-bg-opacity));
}

.bg-inherit {
  background-color: inherit;
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-blue-700 {
  --tw-gradient-from: #043559;
  --tw-gradient-to: rgb(4 53 89 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-blue-900 {
  --tw-gradient-to: #001E34;
}

.bg-cover {
  background-size: cover;
}

.bg-center {
  background-position: center;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-center {
  -o-object-position: center;
     object-position: center;
}

.p-6 {
  padding: 1.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-8 {
  padding: 2rem;
}

.p-4 {
  padding: 1rem;
}

.p-0 {
  padding: 0px;
}

.p-10 {
  padding: 2.5rem;
}

.p-\[14px\] {
  padding: 14px;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-\[22px\] {
  padding-top: 22px;
  padding-bottom: 22px;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}

.py-\[33\.73px\] {
  padding-top: 33.73px;
  padding-bottom: 33.73px;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pt-32 {
  padding-top: 8rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pb-14 {
  padding-bottom: 3.5rem;
}

.pl-0 {
  padding-left: 0px;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-\[112px\] {
  padding-bottom: 112px;
}

.pt-\[88px\] {
  padding-top: 88px;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pt-\[16px\] {
  padding-top: 16px;
}

.pb-\[19px\] {
  padding-bottom: 19px;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

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

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

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

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

.font-sans {
  font-family: Outfit, Montserrat, sans-serif;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-\[46\.18px\] {
  font-size: 46.18px;
}

.text-\[21px\] {
  font-size: 21px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[19px\] {
  font-size: 19px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-\[32px\] {
  font-size: 32px;
}

.text-\[28px\] {
  font-size: 28px;
}

.text-\[52px\] {
  font-size: 52px;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.\!font-medium {
  font-weight: 500 !important;
}

.font-extrabold {
  font-weight: 800;
}

.font-bold {
  font-weight: 700;
}

.font-normal {
  font-weight: 400;
}

.font-black {
  font-weight: 900;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.leading-\[125\%\] {
  line-height: 125%;
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-\[25px\] {
  line-height: 25px;
}

.leading-\[21\.96px\] {
  line-height: 21.96px;
}

.leading-\[100\%\] {
  line-height: 100%;
}

.leading-tight {
  line-height: 1.25;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-\[29\.5px\] {
  line-height: 29.5px;
}

.leading-\[30\.88px\] {
  line-height: 30.88px;
}

.leading-4 {
  line-height: 1rem;
}

.leading-\[22\.5px\] {
  line-height: 22.5px;
}

.leading-\[65px\] {
  line-height: 65px;
}

.leading-\[29\.25px\] {
  line-height: 29.25px;
}

.leading-\[23px\] {
  line-height: 23px;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-grey-900 {
  --tw-text-opacity: 1;
  color: rgb(73 90 103 / var(--tw-text-opacity));
}

.\!text-blue-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(4 53 89 / var(--tw-text-opacity)) !important;
}

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(0 30 52 / var(--tw-text-opacity));
}

.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity));
}

.text-green {
  --tw-text-opacity: 1;
  color: rgb(49 161 71 / var(--tw-text-opacity));
}

.text-grey-700 {
  --tw-text-opacity: 1;
  color: rgb(91 113 128 / var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(4 53 89 / var(--tw-text-opacity));
}

.text-grey-400 {
  --tw-text-opacity: 1;
  color: rgb(145 163 177 / var(--tw-text-opacity));
}

.\!text-blue-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(0 30 52 / var(--tw-text-opacity)) !important;
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}

.text-\[\#31A147\] {
  --tw-text-opacity: 1;
  color: rgb(49 161 71 / var(--tw-text-opacity));
}

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(21 112 178 / var(--tw-text-opacity));
}

.text-blue-50 {
  --tw-text-opacity: 1;
  color: rgb(244 245 248 / var(--tw-text-opacity));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(23 201 148 / var(--tw-text-opacity));
}

.text-teal-800 {
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity));
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(167 190 226 / var(--tw-text-opacity));
}

.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity));
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(208 212 225 / var(--tw-text-opacity));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(255 47 47 / var(--tw-text-opacity));
}

.text-grey-50 {
  --tw-text-opacity: 1;
  color: rgb(234 238 240 / var(--tw-text-opacity));
}

.text-opacity-60 {
  --tw-text-opacity: 0.6;
}

.text-opacity-80 {
  --tw-text-opacity: 0.8;
}

.underline {
  text-decoration-line: underline;
}

.no-underline {
  text-decoration-line: none;
}

.decoration-orange-300 {
  text-decoration-color: #F9C26F;
}

.decoration-2 {
  text-decoration-thickness: 2px;
}

.underline-offset-8 {
  text-underline-offset: 8px;
}

.opacity-\[0\.2\] {
  opacity: 0.2;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-10 {
  opacity: 0.1;
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-none {
  --tw-drop-shadow: drop-shadow(0 0 #0000);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

/**
 * Custom styles to immediately follow Tailwind’s `utilities` layer
 *
 * Add your own utility classes to this theme. Complex utility classes should
 * be added using Tailwind’s plugin system:
 *
 * https://tailwindcss.com/docs/plugins#adding-utilities
 */

.block-spacing{
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .block-spacing{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.container {
  max-width: 1304px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* MOVE THIS TO A SPECIAL FILE VARS UP TOP */

/* Navigation cheat is set to push the cont */

/* This is set in header.php */

.nav-cheat{
  /* margin-top: -172px; */
  margin-top: -190px;
}

@media only screen and (max-width:768px){
  .nav-cheat{
    margin-top: -138px
  }
}

@media only screen and (max-width:640px){
  .nav-cheat{
    /* margin-top: -64px; */
    margin-top: -84px
  }
}

/* ======================== */

/* ======================== */

/* UPDATE TO USE VALUES */

/* This gets set in hero areas to compensate */

.nav-cheat-offset{
  padding-top: 236px;
}

@media only screen and (max-width:768px){
  .nav-cheat-offset{
    padding-top: 174px
  }
}

@media only screen and (max-width:640px){
  .nav-cheat-offset{
    padding-top: 126px
  }
}

/* Home page offset */

.nav-cheat-offset--home{
  /* padding-top: 236px; */
  padding-top: calc(172px + 112px);
}

@media only screen and (max-width:768px){
  .nav-cheat-offset--home{
    padding-top: 174px
  }
}

@media only screen and (max-width:640px){
  .nav-cheat-offset--home{
    padding-top: 85px
  }
}

/**
 * Components 
 */

/* @import "./custom/components/breadcrumbs/breadcrumbs.css"; */

/* 
* Blocks
*/

/* 
* Blocks built with Lazy Blocks Plugin
*/

.block--fast-fact{
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .block--fast-fact{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.block--fast-fact{
  padding: 40px;
  text-align: center;
  background-color: #EAEEF0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media only screen and (max-width:768px){
  .block--fast-fact{
    padding: 20px
  }
}

.block--fast-fact span{
  padding: 4px 16px;
  background-color: #1570B2;
  color: white;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
}

.block--fast-fact p{
  color: #001E34;
  font-weight: 600;
  font-size: 22.12px;
  line-height: 36px;
  margin-top: 32px;
  margin-bottom: 32px;
}

@media only screen and (max-width:768px){
  .block--fast-fact p{
    font-size: 22.1px;
    line-height: 125%
  }
}

.block--fast-fact a, .block--fast-fact .source{
  font-weight: 400;
  font-size: 18px;
  line-height: 162.5%;
  color: #1570B2;
  margin: 0;
  text-decoration: none;
}

@media only screen and (max-width:768px){
  .block--fast-fact a, .block--fast-fact .source{
    font-size: 16px
  }
}

.block--fast-fact a:hover{
  text-decoration: underline;
}

/*
* ===== Key Facts ===== 
*/

.block--key-facts{
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .block--key-facts{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.block--key-facts{
  display: block;
  width: 100%;
  /* position: relative; */
}

.block--key-facts h3 {
  font-family: Outfit, Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(21 112 178 / var(--tw-text-opacity));
  background-color: #EAEEF0;
  padding: 16px;
  margin: 0;
  border: 1px solid #CCD5DB;
}

.block--key-facts h3:before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%231570B2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='feather feather-clipboard' viewBox='0 0 24 24'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3C/svg%3E");
  margin-right: 14.5px;
  position: relative;
  top: 3px;
}

.block--key-facts ul{
  border-bottom: 1px solid #E6E5ED;
  border-left: 1px solid #E6E5ED;
  border-right: 1px solid #E6E5ED;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  color: #001E34;
  font-weight: 600;
  font-size: 18px;
  line-height: 162.5%;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 48px;
}

@media only screen and (max-width:768px){
  .block--key-facts ul{
    padding-left: 30px
  }
}

.block--key-facts li{
  word-break: break-word;
  padding: 12px 10px;
}

@media only screen and (max-width:768px){
  .block--key-facts li{
    padding-left: 2px;
    padding-right: 10px
  }
}

.block--key-facts li:last-of-type{
  padding-bottom: 0;
}

.block--key-facts li::marker{
  color: #1570B2;
}

/* @import "./custom/link-list.css"; */

.block--icon-list{
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .block--icon-list{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.block--icon-list h3{
  font-weight: 800;
  font-size: 18px;
  line-height: 125%;
  -webkit-text-decoration:;
          text-decoration:
}

.block--icon-list ul {
  font-family: Outfit, Montserrat, sans-serif;
}

.block--icon-list li{
  font-weight: 800px;
  font-size: 18px;
  line-height: 29px;
  display: flex;
  padding-left: 0;
}

/* Custom variations */

/* Purple */

.list--checkmark-purple{
  list-style: none;
  padding-left: 0;
}

.list--checkmark-purple li::before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%23605DD7' d='M17 4.007A10 10 0 1 1 2.005 12.99L2 12.667l.005-.324A10 10 0 0 1 17 4.007ZM15.707 9.96a1 1 0 0 0-1.32-.083l-.094.083L11 13.252 9.707 11.96l-.094-.083A1 1 0 0 0 8.21 13.28l.083.094 2 2 .094.083a1 1 0 0 0 1.226 0l.094-.083 4-4 .083-.094a1 1 0 0 0-.083-1.32Z'/%3E%3C/svg%3E");
  margin-right: 10px;
  top: 2px;
  position: relative;
  display: flex;
}

/* Green @TODO add variation to block!!! */

.list--checkmark-green{
  list-style: none;
  padding-left: 0;
}

.list--checkmark-green li::before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Cpath fill='%2317C994' d='M15.646 1.823A10 10 0 1 1 .652 10.807l-.005-.324.005-.324a10 10 0 0 1 14.995-8.336Zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.093.083-3.294 3.292-1.293-1.292-.094-.083a1 1 0 0 0-1.403 1.403l.083.094 2 2 .094.083a1 1 0 0 0 1.226 0l.095-.083 4-4 .083-.094a1 1 0 0 0-.083-1.32Z'/%3E%3C/svg%3E");
  margin-right: 10px;
  top: 2px;
  position: relative;
  display: flex;
}

/* Blue */

.list--checkmark-blue{
  list-style: none;
  padding-left: 0;
}

.list--checkmark-blue li::before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%23005FEE' d='M17 3.451a10 10 0 1 1-14.995 8.984L2 12.111l.005-.324A10 10 0 0 1 17 3.451Zm-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.696l-1.293-1.292-.094-.083a1 1 0 0 0-1.403 1.403l.083.094 2 2 .094.083a1 1 0 0 0 1.226 0l.094-.083 4-4 .083-.094a1 1 0 0 0-.083-1.32Z'/%3E%3C/svg%3E");
  margin-right: 10px;
  top: 2px;
  position: relative;
  display: flex;
}

/*
* ===== Block | Quick Answer ===== 
*/

.block--quick-answer{
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .block--quick-answer{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.block--quick-answer{
  border: 1px solid #CCD5DB;
  border-left: 4px solid #F9C26F;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 24px;
  padding-bottom: 24px;
}

@media only screen and (max-width:768px){
  .block--quick-answer{
    padding-left: 15px;
    padding-right: 15px
  }
}

.block--quick-answer h3 {
  font-family: Outfit, Montserrat, sans-serif;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(21 112 178 / var(--tw-text-opacity));
  font-weight: 600;
  font-size: 18px;
  margin: 0;
  margin-bottom: 8px;
}

@media only screen and (max-width:768px){
  .block--quick-answer h3{
    font-size: 16px;
    line-height: 162.5%
  }
}

/* .block--quick-answer h3:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%235353ED' d='M10 15a.968.968 0 0 0 .713-.288A.964.964 0 0 0 11 14V9.975a.926.926 0 0 0-.288-.7A.991.991 0 0 0 10 9a.968.968 0 0 0-.713.288A.964.964 0 0 0 9 10v4.025c0 .283.096.517.288.7.192.183.43.275.712.275Zm0-8a.968.968 0 0 0 .713-.288A.964.964 0 0 0 11 6a.968.968 0 0 0-.288-.713A.964.964 0 0 0 10 5a.968.968 0 0 0-.713.288A.964.964 0 0 0 9 6c0 .283.096.521.288.713.192.192.43.288.712.287Zm0 13a9.733 9.733 0 0 1-3.9-.788 10.114 10.114 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.755 9.755 0 0 1 0 10c0-1.383.263-2.683.788-3.9a10.114 10.114 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.755 9.755 0 0 1 10 0c1.383 0 2.683.263 3.9.788a10.114 10.114 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.138 3.175A9.72 9.72 0 0 1 20 10a9.733 9.733 0 0 1-.788 3.9 10.114 10.114 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.138A9.72 9.72 0 0 1 10 20Zm0-2c2.217 0 4.104-.779 5.663-2.337C17.222 14.105 18.001 12.217 18 10c0-2.217-.779-4.104-2.337-5.663C14.105 2.778 12.217 1.999 10 2c-2.217 0-4.104.779-5.663 2.337C2.778 5.895 1.999 7.783 2 10c0 2.217.779 4.104 2.337 5.663C5.895 17.222 7.783 18.001 10 18Z'/%3E%3C/svg%3E");
    position: relative;
    top: 4px;
    margin-right: 12px;
} */

.block--quick-answer p{
  font-weight: 500;
  font-size: 18px;
  line-height: 29px;
  color: #5B7180;
  margin: 0;
}

@media only screen and (max-width:768px){
  .block--quick-answer p{
    font-size: 16px;
    line-height: 24px;
    padding-left: 0;
    padding-right: 0
  }
}

.block--description-list{
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .block--description-list{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.block--description-list{
  display: inline-block;
  width: 100%;
}

.block--description-list div{
  display: flex;
}

.block--description-list .description-list-title{
  justify-content: center;
  border-bottom: 1px solid #CCD5DB;
  padding: 20px 16px;
}

.block--description-list .description-list-title h3{
  margin: 0;
  font-size: 20px;
}

.block--description-list dt{
  border-bottom: 1px solid #CCD5DB;
  background: #EAEEF0;
  padding: 16px;
  width: 30%;
  float: left;
  font-weight: 600;
}

.block--description-list dd{
  width: 70%;
  float: left;
  padding: 16px;
  border-bottom: 1px solid #CCD5DB;
  color: #001E34;
  text-align: left;
  font-size: 18px;
  line-height: 29.25px;
}

/*
* ===== Block | Quick Answer ===== 
*/

.block--expert-take{
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .block--expert-take{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.block--expert-take{
  border: 1px solid #D0D4E1;
  border-left: 4px solid #17C994;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  gap: 24px;
}

@media only screen and (max-width:768px){
  .block--expert-take{
    padding-left: 15px;
    padding-right: 15px
  }
}

@media only screen and (max-width:640px){
  .block--expert-take{
    flex-direction: column;
    gap: 18px
  }
}

.block--expert-take h3 {
  font-family: Outfit, Montserrat, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 0.64px;
  margin: 0;
  margin-bottom: 8px;
}

@media only screen and (max-width:768px){
  .block--expert-take h3{
    font-size: 16px;
    line-height: 162.5%
  }
}

.block--expert-take p{
  font-weight: 500;
  font-size: 18px;
  line-height: 29px;
  color: #5B7180;
  margin: 0;
}

@media only screen and (max-width:768px){
  .block--expert-take p{
    font-size: 16px;
    line-height: 24px;
    padding-left: 0;
    padding-right: 0
  }
}

.block--expert-take .block--expert-inner-wrapper div {
  font-family: Outfit, Montserrat, sans-serif;
  color: #001E34;
  font-family: Mulish;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.6px;
  margin-top: 8px;
  line-height: 162.5%;
}

.block--expert-take .block--expert-inner-wrapper span{
  font-weight: 500;
}

.block--expert-take .block--expert-take__image{
  border-radius: 50%;
  display: flex;
  height: 56px;
  width: 56px;
  margin: 0;
}

/* @import "./custom/callout-sm.css"; */

/*
* ===== CTA ===== 
* @Path = theme/blocks/lazy-blocks-cta/block.php
*/

.master--cta {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 1.5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .master--cta{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.block--cta-default {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 1.5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .block--cta-default{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.block--cta-default{
  border-radius: 12px;
  background: #001E34;
}

.block--cta-default p {
  margin: 0;
  color: white;
  font-size: 28.83px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
}

/* .block--cta-default:after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 235px;
    width: 100%;
    max-width: 560px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='235' fill='none'%3E%3Ccircle cx='-28.16' cy='-14.508' r='303.271' stroke='%23fff' stroke-opacity='.1' stroke-width='2' transform='rotate(165 -28.16 -14.508)'/%3E%3Ccircle cx='-43.717' cy='-72.563' r='243.168' stroke='%23fff' stroke-opacity='.1' stroke-width='2' transform='rotate(165 -43.717 -72.563)'/%3E%3Ccircle cx='-59.272' cy='-130.618' r='183.065' stroke='%23fff' stroke-opacity='.1' stroke-width='2' transform='rotate(165 -59.272 -130.618)'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    
    @media only screen and (max-width:theme('screens.md')){
        left: -124px;
        top: -24px;
    }
} */

.block--cta-secondary {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 1.5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .block--cta-secondary{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.block--cta-secondary{
  border-radius: 12px;
  background: #F4F5F8;
  overflow: hidden;
  gap: 40px;
}

.block--cta-secondary p {
  margin: 0;
  color: #001E34;
  font-size: 28.83px;
  line-height: 30px;
  font-weight: 800;
  text-align: center;
}

.block--cta-secondary::after{
  content: "";
  position: absolute;
  top: -69px;
  right: -8px;
  height: 386px;
  width: 402px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='434' height='298' fill='none'%3E%3Cg stroke='%23005FEE' stroke-opacity='.1' stroke-width='2' clip-path='url(%23a)'%3E%3Ccircle cx='502.84' cy='-14.397' r='303.271' transform='rotate(-135 502.84 -14.397)'/%3E%3Ccircle cx='545.338' cy='-56.897' r='243.168' transform='rotate(-135 545.338 -56.897)'/%3E%3Ccircle cx='587.838' cy='-99.395' r='183.065' transform='rotate(-135 587.838 -99.395)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 297.111h630v-297H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

.block--block--profile-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .block--block--profile-card{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

@media (min-width: 768px) {
  .block--block--profile-card {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media only screen and (max-width:768px){
  .block--block--profile-card{
    gap: 16px
  }
}

.block--block--profile-card a {
  margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-decoration-line: none;
}

.block--block--profile-card a:hover {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@media (min-width: 768px) {
  .block--block--profile-card a {
    margin-bottom: 2rem;
  }
}

.block--block--profile-card-wrapper {
  flex-grow: 1;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(21 112 178 / var(--tw-bg-opacity));
}

.block--block--profile-card-wrapper .btn--primary{
  background: #043559;
}

.block--block--profile-card-wrapper div {
  position: relative;
}

.block--block--profile-card-wrapper img {
  margin: 0px;
  width: 100%;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

@media not all and (min-width: 640px) {
  .block--block--profile-card-wrapper img {
    height: 12rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.block--block--profile-card-wrapper p {
  margin: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 25px;
}

@media (min-width: 768px) {
  .block--block--profile-card-wrapper p {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    font-size: 20.25px;
    font-weight: 800;
  }
}

@media only screen and (max-width:768px){
  .block--block--profile-card-wrapper p {
    font-size: 16px
  }
}

.block--block--profile-card-wrapper span {
  margin-top: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(21 112 178 / var(--tw-text-opacity));
}

/* 
* Native Blocks
*/

/*
* ===== Native Block | Table ===== 
*/

.wp-block-table {
  font-family: Outfit, Montserrat, sans-serif;
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .wp-block-table{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.wp-block-table{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  display: block;
}

.wp-block-table table {
  min-width: 100%;
  width: -moz-max-content;
  width: max-content;
}

.wp-block-table thead{
  background: #F4F5F8;
  color: #001E34;
  border: 0;
  text-align: left;
  font-weight: 700;
  font-size: 18px;
  line-height: 162.5%;
}

@media only screen and (max-width:768px){
  .wp-block-table thead{
    font-size: 16px
  }
}

.wp-block-table th{
  border: none;
  padding: 16px 24px;
  white-space: nowrap;
}

.wp-block-table td{
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #F4F5F8;
  padding: 16px 24px;
  font-weight: 500;
  font-size: 18px;
  line-height: 162.5%;
  white-space: nowrap;
}

@media only screen and (max-width:768px){
  .wp-block-table td{
    font-size: 16px;
    line-height: 24px
  }
}

/*
* ===== Native Block | Quote ===== 
*/

.wp-block-quote{
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .wp-block-quote{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.wp-block-quote{
  margin-left: 0;
  padding-left: 32px;
  padding-top: 32px;
  padding-bottom: 32px;
  background-image: none;
  max-width: 100%;
  border-left: 4px solid #1570B2;
  color: #302768;
  font-style: normal;
}

@media only screen and (max-width:768px){
  .wp-block-quote{
    padding-left: 15px;
    padding-right: 15px
  }
}

.wp-block-quote p {
  font-family: Outfit, Montserrat, sans-serif;
  font-weight: 600;
  font-size: 20.26px;
  line-height: 24.31px;
  margin-top: 0;
  margin-bottom: 24px;
}

@media only screen and (max-width:768px){
  .wp-block-quote p {
    font-size: 20.26px;
    font-weight: 400;
    line-height: 32.92px;
    margin-bottom: 16px
  }
}

.wp-block-quote cite{
  font-family: Outfit, Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 125%;
}

/* Remove the original styles */

.wp-element-button, .wp-block-button__link{
  all: initial;
}

/* Apply the btn and btn--primary styles to the native block button */

.wp-block-button a{
  /* display: flex; */
  flex-direction: row;
  align-items: flex-start;
  padding: 24px 40px;
  gap: 8px;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  /* Newly added note */
  /* display: flex; */
  align-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background: #1570B2;
  color: white;
  font-family: Outfit, Montserrat, sans-serif;
}

.wp-block-button a:disabled,.wp-block-button a .disabled{
  opacity: .6;
  cursor: not-allowed;
  box-shadow: none;
}

.wp-block-button a:hover {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.bg-blue-400 .wp-block-button a{
  background: #043559;
}

@media only screen and (min-width:768px) and (max-width:1070px){
  #nav--sm-cta .wp-block-button a{
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px;
  }
}

/* 
* Yoast Blocks
*/

/*
/* ===== Yoast | FAQ ===== 
*/

/* Note: wrapping in single for now as the styles will bleed into the admin side and not allow users to edit the questions */

.single .wp-block-yoast-faq-block,.page .wp-block-yoast-faq-block{
  margin-bottom: 64px;
  margin-top: 64px;
}

@media only screen and (max-width:991px)   {
  .single .wp-block-yoast-faq-block,.page .wp-block-yoast-faq-block{
    margin-bottom: 32px;
    margin-top: 32px
  }
}

.single .wp-block-yoast-faq-block,.page .wp-block-yoast-faq-block{
  /* z-index: -1; */
  /* z-index: 0;
        position: relative; */
}

.single .wp-block-yoast-faq-block .schema-faq-section,.page .wp-block-yoast-faq-block .schema-faq-section{
  width: 100%;
  /* background-color: white; */
  border: none;
  border-bottom: 1px solid #CFCFCF;
  outline: none;
  padding: 16px 0px;
  cursor: pointer;
}

/* background-color: #F5F5F5; */

.single .wp-block-yoast-faq-block .schema-faq-section:hover strong,.page .wp-block-yoast-faq-block .schema-faq-section:hover strong{
  color: black;
}

.single .wp-block-yoast-faq-block .schema-faq-question,.page .wp-block-yoast-faq-block .schema-faq-question {
  font-family: Outfit, Montserrat, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 162.5%;
  color: black;
  justify-content: space-between;
  display: flex;
}

@media only screen and (max-width:768px){
  .single .wp-block-yoast-faq-block .schema-faq-question,.page .wp-block-yoast-faq-block .schema-faq-question{
    font-size: 16px;
    line-height: 24px
  }
}

.single .wp-block-yoast-faq-block .schema-faq-question:hover,.page .wp-block-yoast-faq-block .schema-faq-question:hover{
  /* color: theme('colors.purple'); */
}

.single .wp-block-yoast-faq-block .schema-faq-question:after,.page .wp-block-yoast-faq-block .schema-faq-question:after{
  /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m13 1.5-6 6-6-6'/%3E%3C/svg%3E"); */
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' fill='none'%3E%3Cpath fill='%23A7BEE2' d='M16 19.086a1.03 1.03 0 0 1-.7-.275l-4.6-4.6a.949.949 0 0 1-.275-.7c0-.283.092-.516.275-.7a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7l-4.6 4.6c-.1.1-.208.171-.325.212a1.098 1.098 0 0 1-.375.063Z'/%3E%3Crect width='31' height='31' x='.5' y='.611' stroke='%23D1D4E1' rx='15.5'/%3E%3C/svg%3E");
  font-size: 18px;
  padding-left: 12px;
  float: right;
  rotate: 0deg;
  transition: rotate 0.35s;
  align-items: center;
  display: flex;
}

.single .wp-block-yoast-faq-block .schema-faq-question.is-open:after, .page .wp-block-yoast-faq-block .schema-faq-question.is-open:after {
  transform: rotateX(180deg);
  transition: rotate 0.35s;
  position: relative;
  /* Could need somw tweaking here */
  top: -8px;
}

.single .wp-block-yoast-faq-block .schema-faq-answer,.page .wp-block-yoast-faq-block .schema-faq-answer{
  padding-top: 16px;
  padding-bottom: 16px;
  color: #001E34;
  display: none;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}

/* 
* Misc
*/

.tooltip {
  position: relative;
  cursor: pointer;
}

.tooltip .tooltip-text {
  max-width: 280px;
  padding: 14px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #FFF;
  position: absolute;
  z-index: 9999;
  display: none;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  text-wrap: balance;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 10px;
}

/* .tooltip .tooltip-text::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(0, 0, 0, 0.7);
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    transform: rotate(180deg);
} */

/*
* Layout
*/

/* 
* ======> Hero Home | Main Template
*/

.hero-home ul.squiggly-line {
  position: relative;
}

.hero-home ul.squiggly-line::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97' height='47' fill='none'%3E%3Cpath stroke='%231570B2' stroke-linecap='round' stroke-width='3' d='M2.389 2.025c.944 7.55 12.669 18.387 20.28 19.558 6.303.97 32.568 2.42 26.775-9.166-2.796-5.591-10.681-10.15-10.681-.65 0 6.385 4.668 11.94 10.392 14.651 9.166 4.342 23.092 5.485 33.054 5.485 1.011 0 8.675.583 8.675-.707 0-3.633-8.066-7.569-10.551-9.397-9.042-6.648.242-1.464 4.619 2.021 2.849 2.27 8.74 5.15 9.743 8.66.247.868-34.788 6.5-37.745 12.414'/%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  right: -30%;
  /* -148px */
  transform: translateY(-50%);
  width: 97px;
  height: 47px;
  pointer-events: none;
}

@media (max-width: 1222px) {
  .hero-home ul.squiggly-line::after {
    display: none
  }
}

.hero-home h1 {
  margin-top: 0px;
  margin-bottom: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media not all and (min-width: 768px) {
  .hero-home h1 {
    font-size: 29px;
  }
}

.hero-home h1 span {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(234 238 240 / var(--tw-text-opacity));
}

.hero-desc p {
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(234 238 240 / var(--tw-text-opacity));
}

@media not all and (min-width: 768px) {
  .hero-desc p {
    margin-top: 0px;
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .hero-desc p {
    margin-bottom: 2.5rem;
  }
}

.hero-desc p strong {
  --tw-text-opacity: 1;
  color: rgb(234 238 240 / var(--tw-text-opacity));
}

/* 
* Pages
*/

.home .wp-block-yoast-faq-block{
  margin-top: 0;
  margin-bottom: 0;
}

.home .wp-block-yoast-faq-block strong{
  font-weight: 500;
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-0::before {
  content: var(--tw-content);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.before\:-z-10::before {
  content: var(--tw-content);
  z-index: -10;
}

.before\:rounded-2xl::before {
  content: var(--tw-content);
  border-radius: 1rem;
}

.before\:bg-blue-400::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(21 112 178 / var(--tw-bg-opacity));
}

.before\:blur-\[6px\]::before {
  content: var(--tw-content);
  --tw-blur: blur(6px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(21 112 178 / var(--tw-border-opacity));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 53 89 / var(--tw-bg-opacity));
}

.hover\:bg-blue-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 30 52 / var(--tw-bg-opacity));
}

.hover\:bg-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(4 53 89 / var(--tw-text-opacity));
}

.hover\:text-blue-400:hover {
  --tw-text-opacity: 1;
  color: rgb(21 112 178 / var(--tw-text-opacity));
}

.hover\:text-green-500:hover {
  --tw-text-opacity: 1;
  color: rgb(23 201 148 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:decoration-blue-400:hover {
  text-decoration-color: #1570B2;
}

.hover\:decoration-blue-300:hover {
  text-decoration-color: #A7BEE2;
}

.hover\:decoration-4:hover {
  text-decoration-thickness: 4px;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:drop-shadow-lg:hover {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus\:border-blue-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(4 53 89 / var(--tw-border-opacity));
}

.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(21 112 178 / var(--tw-border-opacity));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-blue-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 53 89 / var(--tw-ring-opacity));
}

.focus\:ring-white:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.focus\:ring-gray-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media not all and (min-width: 1024px) {
  .max-lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .max-lg\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .max-lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .max-lg\:mb-\[35px\] {
    margin-bottom: 35px;
  }

  .max-lg\:mt-4 {
    margin-top: 1rem;
  }

  .max-lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .max-lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .max-lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .max-lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .max-lg\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .max-lg\:mt-8 {
    margin-top: 2rem;
  }

  .max-lg\:mb-\[32px\] {
    margin-bottom: 32px;
  }

  .max-lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .max-lg\:hidden {
    display: none;
  }

  .max-lg\:min-w-0 {
    min-width: 0px;
  }

  .max-lg\:flex-col {
    flex-direction: column;
  }

  .max-lg\:items-center {
    align-items: center;
  }

  .max-lg\:gap-4 {
    gap: 1rem;
  }

  .max-lg\:gap-0 {
    gap: 0px;
  }

  .max-lg\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  .max-lg\:p-4 {
    padding: 1rem;
  }

  .max-lg\:p-3 {
    padding: 0.75rem;
  }

  .max-lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .max-lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .max-lg\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .max-lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .max-lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .max-lg\:pt-6 {
    padding-top: 1.5rem;
  }

  .max-lg\:pt-4 {
    padding-top: 1rem;
  }

  .max-lg\:text-\[28\.7px\] {
    font-size: 28.7px;
  }

  .max-lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .max-lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .max-lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .max-lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .max-lg\:text-\[18\.2px\] {
    font-size: 18.2px;
  }

  .max-lg\:leading-\[35\.88px\] {
    line-height: 35.88px;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .max-md\:mt-6 {
    margin-top: 1.5rem;
  }

  .max-md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .max-md\:block {
    display: block;
  }

  .max-md\:flex {
    display: flex;
  }

  .max-md\:hidden {
    display: none;
  }

  .max-md\:h-full {
    height: 100%;
  }

  .max-md\:w-\[280px\] {
    width: 280px;
  }

  .max-md\:w-full {
    width: 100%;
  }

  .max-md\:w-1\/2 {
    width: 50%;
  }

  .max-md\:flex-col {
    flex-direction: column;
  }

  .max-md\:flex-wrap {
    flex-wrap: wrap;
  }

  .max-md\:items-center {
    align-items: center;
  }

  .max-md\:justify-center {
    justify-content: center;
  }

  .max-md\:justify-items-center {
    justify-items: center;
  }

  .max-md\:gap-4 {
    gap: 1rem;
  }

  .max-md\:gap-8 {
    gap: 2rem;
  }

  .max-md\:overflow-y-auto {
    overflow-y: auto;
  }

  .max-md\:rounded-none {
    border-radius: 0px;
  }

  .max-md\:border-b {
    border-bottom-width: 1px;
  }

  .max-md\:object-top {
    -o-object-position: top;
       object-position: top;
  }

  .max-md\:p-0 {
    padding: 0px;
  }

  .max-md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .max-md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .max-md\:pb-4 {
    padding-bottom: 1rem;
  }

  .max-md\:pb-20 {
    padding-bottom: 5rem;
  }

  .max-md\:text-left {
    text-align: left;
  }

  .max-md\:text-center {
    text-align: center;
  }

  .max-md\:text-\[16px\] {
    font-size: 16px;
  }

  .max-md\:text-\[14px\] {
    font-size: 14px;
  }

  .max-md\:leading-\[18px\] {
    line-height: 18px;
  }
}

@media not all and (min-width: 640px) {
  .max-sm\:h-48 {
    height: 12rem;
  }

  .max-sm\:w-\[136px\] {
    width: 136px;
  }

  .max-sm\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (min-width: 640px) {
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

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

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

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

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 768px) {
  .md\:absolute {
    position: absolute;
  }

  .md\:relative {
    position: relative;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:float-right {
    float: right;
  }

  .md\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:mb-16 {
    margin-bottom: 4rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .md\:mt-\[72px\] {
    margin-top: 72px;
  }

  .md\:mb-20 {
    margin-bottom: 5rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:mt-14 {
    margin-top: 3.5rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:ml-8 {
    margin-left: 2rem;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mt-1\.5 {
    margin-top: 0.375rem;
  }

  .md\:mt-1 {
    margin-top: 0.25rem;
  }

  .md\:mr-0 {
    margin-right: 0px;
  }

  .md\:ml-0 {
    margin-left: 0px;
  }

  .md\:mt-16 {
    margin-top: 4rem;
  }

  .md\:mb-\[85px\] {
    margin-bottom: 85px;
  }

  .md\:mt-4 {
    margin-top: 1rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-\[609px\] {
    height: 609px;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:min-h-\[600px\] {
    min-height: 600px;
  }

  .md\:w-\[598px\] {
    width: 598px;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:max-w-\[280px\] {
    max-width: 280px;
  }

  .md\:max-w-\[700px\] {
    max-width: 700px;
  }

  .md\:max-w-\[320px\] {
    max-width: 320px;
  }

  .md\:flex-grow {
    flex-grow: 1;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

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

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

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

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

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

  .md\:gap-10 {
    gap: 2.5rem;
  }

  .md\:gap-28 {
    gap: 7rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-12 {
    gap: 3rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-20 {
    gap: 5rem;
  }

  .md\:gap-14 {
    gap: 3.5rem;
  }

  .md\:self-stretch {
    align-self: stretch;
  }

  .md\:border-0 {
    border-width: 0px;
  }

  .md\:bg-\[url\(\'\/wp-content\/themes\/insulation-help\/theme\/assets\/images\/pages\/home\/insulation-consult\.webp\'\)\] {
    background-image: url('/wp-content/themes/insulation-help/theme/assets/images/pages/home/insulation-consult.webp');
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:p-5 {
    padding: 1.25rem;
  }

  .md\:p-0 {
    padding: 0px;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:py-\[57px\] {
    padding-top: 57px;
    padding-bottom: 57px;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

  .md\:pl-10 {
    padding-left: 2.5rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  .md\:pt-\[88px\] {
    padding-top: 88px;
  }

  .md\:pb-32 {
    padding-bottom: 8rem;
  }

  .md\:pt-72 {
    padding-top: 18rem;
  }

  .md\:pb-28 {
    padding-bottom: 7rem;
  }

  .md\:pl-32 {
    padding-left: 8rem;
  }

  .md\:pr-8 {
    padding-right: 2rem;
  }

  .md\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .md\:pt-8 {
    padding-top: 2rem;
  }

  .md\:text-left {
    text-align: left;
  }

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

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-\[28\.83px\] {
    font-size: 28.83px;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-\[29px\] {
    font-size: 29px;
  }

  .md\:text-\[20\.25px\] {
    font-size: 20.25px;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-\[32px\] {
    font-size: 32px;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:text-\[28px\] {
    font-size: 28px;
  }

  .md\:font-extrabold {
    font-weight: 800;
  }

  .md\:leading-\[36\.04px\] {
    line-height: 36.04px;
  }

  .md\:before\:blur-\[16px\]::before {
    content: var(--tw-content);
    --tw-blur: blur(16px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

  .md\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  @media not all and (min-width: 1024px) {
    .md\:max-lg\:order-2 {
      order: 2;
    }

    .md\:max-lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:max-lg\:mt-0 {
      margin-top: 0px;
    }

    .md\:max-lg\:grid {
      display: grid;
    }

    .md\:max-lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:max-lg\:justify-center {
      justify-content: center;
    }

    .md\:max-lg\:p-6 {
      padding: 1.5rem;
    }

    .md\:max-lg\:pr-6 {
      padding-right: 1.5rem;
    }
  }
}

@media not all and (min-width: 768px) {
  .max-md\:relative {
    position: relative;
  }

  .max-md\:mt-0 {
    margin-top: 0px;
  }

  .max-md\:border-0 {
    border-width: 0px;
  }

  .max-md\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(208 212 225 / var(--tw-border-opacity));
  }

  .max-md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .max-md\:shadow-transparent {
    --tw-shadow-color: transparent;
    --tw-shadow: var(--tw-shadow-colored);
  }
}

@media not all and (min-width: 640px) {
  .max-sm\:h-auto {
    height: auto;
  }

  .max-sm\:w-\[172px\] {
    width: 172px;
  }

  .max-sm\:w-\[211px\] {
    width: 211px;
  }

  .max-sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .max-sm\:leading-\[14px\] {
    line-height: 14px;
  }
}

@media (min-width: 768px) {
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mb-28 {
    margin-bottom: 7rem;
  }

  .md\:mt-\[25px\] {
    margin-top: 25px;
  }

  .md\:ml-\[-24px\] {
    margin-left: -24px;
  }

  .md\:mt-\[14px\] {
    margin-top: 14px;
  }

  .md\:ml-2 {
    margin-left: 0.5rem;
  }

  .md\:mr-6 {
    margin-right: 1.5rem;
  }

  .md\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .md\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0;
  }

  .md\:rounded-lg {
    border-radius: 0.5rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .md\:pt-14 {
    padding-top: 3.5rem;
  }

  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .md\:leading-6 {
    line-height: 1.5rem;
  }

  .md\:drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
}

@media (min-width: 1024px) {
  .lg\:top-\[50\%\] {
    top: 50%;
  }

  .lg\:left-\[10\%\] {
    left: 10%;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-last {
    order: 9999;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:float-right {
    float: right;
  }

  .lg\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .lg\:mt-12 {
    margin-top: 3rem;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:ml-7 {
    margin-left: 1.75rem;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-\[34px\] {
    margin-top: 34px;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[60px\] {
    height: 60px;
  }

  .lg\:min-h-\[600px\] {
    min-height: 600px;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:max-w-\[640px\] {
    max-width: 640px;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

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

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

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

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-14 {
    gap: 3.5rem;
  }

  .lg\:rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .lg\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lg\:rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .lg\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .lg\:p-16 {
    padding: 4rem;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-28 {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .lg\:pt-\[156px\] {
    padding-top: 156px;
  }

  .lg\:pt-28 {
    padding-top: 7rem;
  }

  .lg\:pr-8 {
    padding-right: 2rem;
  }

  .lg\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .lg\:pl-\[75px\] {
    padding-left: 75px;
  }

  .lg\:pl-4 {
    padding-left: 1rem;
  }

  .lg\:pl-5 {
    padding-left: 1.25rem;
  }

  .lg\:pr-24 {
    padding-right: 6rem;
  }

  .lg\:pb-28 {
    padding-bottom: 7rem;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-\[56px\] {
    font-size: 56px;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1280px) {
  .xl\:gap-28 {
    gap: 7rem;
  }
}