@font-face {
    font-family: 'Monsal Gothic Book';
    src: url(../fonts/MonsalGothic-BookItalic.eot?01795e6ce42dbaf982736def788f4891);
    src: local('Monsal Gothic Book Italic'), local('MonsalGothic-BookItalic'),
        url(../fonts/MonsalGothic-BookItalic.eot?01795e6ce42dbaf982736def788f4891?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-BookItalic.woff2?47c32f400e73f897e2859415864eeea0) format('woff2'),
        url(../fonts/MonsalGothic-BookItalic.woff?7e02e617cb6a1841509f7aaefbae201e) format('woff'),
        url(../fonts/MonsalGothic-BookItalic.ttf?8015075798d906a835492ce949c80fe4) format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-MediumItalic.eot?ec115e977abf38b4d5af31c44e787c64);
    src: local('Monsal Gothic Medium Italic'), local('MonsalGothic-MediumItalic'),
        url(../fonts/MonsalGothic-MediumItalic.eot?ec115e977abf38b4d5af31c44e787c64?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-MediumItalic.woff2?69821a51f2f4e057863521057935ff4d) format('woff2'),
        url(../fonts/MonsalGothic-MediumItalic.woff?5a87c2249016f1faa2e7540c57c58a0a) format('woff'),
        url(../fonts/MonsalGothic-MediumItalic.ttf?12efa66e0808f21619a7645af0f78e62) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-Light.eot?62e2f6c780a455660b442d173426f78a);
    src: local('Monsal Gothic Light'), local('MonsalGothic-Light'),
        url(../fonts/MonsalGothic-Light.eot?62e2f6c780a455660b442d173426f78a?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-Light.woff2?3c63a9acf5927bd45042bdb271992ada) format('woff2'),
        url(../fonts/MonsalGothic-Light.woff?a8d22fdc34d6c958697bc1bf4130579a) format('woff'),
        url(../fonts/MonsalGothic-Light.ttf?4a4d5090fdfe45845fcb048c30aacdf8) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic Book';
    src: url(../fonts/MonsalGothic-Book.eot?986df3aea16e1f4b5a6e9783ec7d9b76);
    src: local('Monsal Gothic Book'), local('MonsalGothic-Book'),
        url(../fonts/MonsalGothic-Book.eot?986df3aea16e1f4b5a6e9783ec7d9b76?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-Book.woff2?f7c05054108fcb856ad8af23248cef00) format('woff2'),
        url(../fonts/MonsalGothic-Book.woff?ba298115f1ff5ca9bdce4e366e140a4b) format('woff'),
        url(../fonts/MonsalGothic-Book.ttf?ef63cbfeada1a4b0ae649e4633fd0161) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-HeavyItalic.eot?d6888d484f645847ad422c7e18cb74db);
    src: local('Monsal Gothic Heavy Italic'), local('MonsalGothic-HeavyItalic'),
        url(../fonts/MonsalGothic-HeavyItalic.eot?d6888d484f645847ad422c7e18cb74db?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-HeavyItalic.woff2?40293221605aaf21254760efcd08ea99) format('woff2'),
        url(../fonts/MonsalGothic-HeavyItalic.woff?7751ccd41757ee62d2dd0d87fd949b63) format('woff'),
        url(../fonts/MonsalGothic-HeavyItalic.ttf?02f718646ffaf580901238b523fa8fa7) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-RegularItalic.eot?ec316b535a597934be0d421852e83a80);
    src: local('Monsal Gothic Regular Italic'), local('MonsalGothic-RegularItalic'),
        url(../fonts/MonsalGothic-RegularItalic.eot?ec316b535a597934be0d421852e83a80?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-RegularItalic.woff2?a587056cf73fbc9331229d34b5baba81) format('woff2'),
        url(../fonts/MonsalGothic-RegularItalic.woff?ae844a02d230a6cedff43766da7f6fce) format('woff'),
        url(../fonts/MonsalGothic-RegularItalic.ttf?965e5c0be668cebb03626843aa586831) format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-LightItalic.eot?c6180de026cdb8b53cb1debe6c49dcfc);
    src: local('Monsal Gothic Light Italic'), local('MonsalGothic-LightItalic'),
        url(../fonts/MonsalGothic-LightItalic.eot?c6180de026cdb8b53cb1debe6c49dcfc?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-LightItalic.woff2?b3c9d33b967656815f7a2c2b855e3cbe) format('woff2'),
        url(../fonts/MonsalGothic-LightItalic.woff?dd498b5b8a2200b31370a60e6a362d10) format('woff'),
        url(../fonts/MonsalGothic-LightItalic.ttf?3a2a8a456605bcdcf075532a60a1a608) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-Heavy.eot?06196cd45ddf667fd940f4b30a6250d8);
    src: local('Monsal Gothic Heavy'), local('MonsalGothic-Heavy'),
        url(../fonts/MonsalGothic-Heavy.eot?06196cd45ddf667fd940f4b30a6250d8?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-Heavy.woff2?8752cb3ef5dd6737201584c37172add7) format('woff2'),
        url(../fonts/MonsalGothic-Heavy.woff?d75ee8330507ebc53a37b7fcb73833ce) format('woff'),
        url(../fonts/MonsalGothic-Heavy.ttf?c6466737a98359922b94b50de3d4ec66) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-ExtraBold.eot?e62c0dc2c17c954cc8950759ba375a28);
    src: local('Monsal Gothic ExtraBold'), local('MonsalGothic-ExtraBold'),
        url(../fonts/MonsalGothic-ExtraBold.eot?e62c0dc2c17c954cc8950759ba375a28?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-ExtraBold.woff2?973672befacdd803f1bcb580bd9d81f6) format('woff2'),
        url(../fonts/MonsalGothic-ExtraBold.woff?5682fd00390eedd7af94a48998d300e0) format('woff'),
        url(../fonts/MonsalGothic-ExtraBold.ttf?023f29c8d3a485aad2b618d86ba6d86b) format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-Medium.eot?fad6352d0f553c494564fe5279f57a4e);
    src: local('Monsal Gothic Medium'), local('MonsalGothic-Medium'),
        url(../fonts/MonsalGothic-Medium.eot?fad6352d0f553c494564fe5279f57a4e?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-Medium.woff2?0a153c0e1a5a63e8df469ccee3f10109) format('woff2'),
        url(../fonts/MonsalGothic-Medium.woff?958cfd97ee172b737f5d05c43541e4d3) format('woff'),
        url(../fonts/MonsalGothic-Medium.ttf?7b55422312f3ca4887938ae5c595c6fc) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-ExtraBoldItalic.eot?85929c6f86490aeb2decf0caa5b42e47);
    src: local('Monsal Gothic ExtraBold Italic'), local('MonsalGothic-ExtraBoldItalic'),
        url(../fonts/MonsalGothic-ExtraBoldItalic.eot?85929c6f86490aeb2decf0caa5b42e47?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-ExtraBoldItalic.woff2?46014c342e2bea702c9cc6632264a005) format('woff2'),
        url(../fonts/MonsalGothic-ExtraBoldItalic.woff?f7a59f548c4cb6b242149de7f9296254) format('woff'),
        url(../fonts/MonsalGothic-ExtraBoldItalic.ttf?182151e799d573559469bb32c4103da8) format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-BoldItalic.eot?4a04b3ada5ee23de8f4668fb25791415);
    src: local('Monsal Gothic Bold Italic'), local('MonsalGothic-BoldItalic'),
        url(../fonts/MonsalGothic-BoldItalic.eot?4a04b3ada5ee23de8f4668fb25791415?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-BoldItalic.woff2?48295b9e503c86a85c8841aa4cbcc8df) format('woff2'),
        url(../fonts/MonsalGothic-BoldItalic.woff?dc378db89b7dcc8753b1caebf859361f) format('woff'),
        url(../fonts/MonsalGothic-BoldItalic.ttf?260ea41e4f67c330767e70c39fa19e94) format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-Regular.eot?5ef460ba217f04b48584aece2ac366f8);
    src: local('Monsal Gothic Regular'), local('MonsalGothic-Regular'),
        url(../fonts/MonsalGothic-Regular.eot?5ef460ba217f04b48584aece2ac366f8?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-Regular.woff2?5d96ef55d44552551ee674c87e0166d7) format('woff2'),
        url(../fonts/MonsalGothic-Regular.woff?2f11242c7a9200eb65cc793e56a4a582) format('woff'),
        url(../fonts/MonsalGothic-Regular.ttf?e1ec61ef85a024e1722c37e87e26a456) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Monsal Gothic';
    src: url(../fonts/MonsalGothic-Bold.eot?5e3c2abb68d9d80933a67ac3288a0321);
    src: local('Monsal Gothic Bold'), local('MonsalGothic-Bold'),
        url(../fonts/MonsalGothic-Bold.eot?5e3c2abb68d9d80933a67ac3288a0321?#iefix) format('embedded-opentype'),
        url(../fonts/MonsalGothic-Bold.woff2?0c81e78956967a9e3d4b28369582d612) format('woff2'),
        url(../fonts/MonsalGothic-Bold.woff?574422806c26d2b7955582231f843e81) format('woff'),
        url(../fonts/MonsalGothic-Bold.ttf?b2f245a40136b59f5325950228a17f27) format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


*, ::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-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --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:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

::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-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --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:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}/*
! tailwindcss v3.4.14 | 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.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  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: "Monsal Gothic", sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
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. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. 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-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
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-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: 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,
input:where([type='button']),
input:where([type='reset']),
input:where([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;
}

/*
Reset default styling for dialogs.
*/
dialog {
  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]:where(:not([hidden="until-found"])) {
  display: none;
}
    body{
    font-family: "Monsal Gothic", sans-serif;
    --tw-text-opacity: 1;
    color: rgb(6 6 46 / var(--tw-text-opacity));
}

    h1{
    font-size: 38px;
    line-height: 105%;
    font-weight: 500;
}

    @media (min-width: 1024px){

    h1{
        font-size: 68px;
        line-height: 105%;
    }
}

    h2{
    font-size: 34px;
    line-height: 135%;
    font-weight: 700;
}

    @media (min-width: 1024px){

    h2{
        font-size: 48px;
        line-height: 135%;
    }
}

        h2.subtitle{
    font-size: 48px;
    line-height: 135%;
}

    h3{
    font-size: 30px;
    line-height: 120%;
    font-weight: 700;
}

    @media (min-width: 1024px){

    h3{
        font-size: 38px;
        line-height: 120%;
    }
}

        h3.subtitle{
    font-size: 34px;
    line-height: 120%;
}

    h4{
    font-size: 28px;
    line-height: 130%;
    font-weight: 700;
}

    @media (min-width: 1024px){

    h4{
        font-size: 34px;
        line-height: 130%;
    }
}

        h4.subtitle{
    font-size: 30px;
    line-height: 130%;
}

    h5{
    font-size: 26px;
    line-height: 130%;
    font-weight: 700;
}

    @media (min-width: 1024px){

    h5{
        font-size: 30px;
        line-height: 130%;
    }
}

        h5.subtitle{
    font-size: 28px;
    line-height: 130%;
}

    h6{
    font-size: 22px;
    line-height: 130%;
    font-weight: 700;
}

    @media (min-width: 1024px){

    h6{
        font-size: 26px;
        line-height: 130%;
    }
}

    h6 {
        margin-bottom: 10px;
    }

        h6.subtitle{
    font-size: 26px;
    line-height: 130%;
}

    /* Added to ensure client-pasted content is displayed correctly. */
        h1 span, h1 b, h2 span, h2 b, h3 span, h3 b, h4 span, h4 b {
            font-weight:700 !important;
        }

    p, a{
    font-size: 18px;
    line-height: 130%;
}

    @media (min-width: 1024px){

    p, a{
        font-size: 22px;
        line-height: 130%;
    }
}

    p, a {
        font-weight: normal;        
    }

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

    #content p:not(:last-child) { 
        margin-bottom:20px; 
    }

    #content div >  p { 
        margin-bottom:20px; 
    }


    p.standout{
    font-size: 28px;
    line-height: 140%;
}

    p.large{
    font-size: 24px;
    line-height: 130%;
}

    p.small{
    font-size: 16px;
    line-height: 130%;
}

    @media (min-width: 1024px){

    p.small{
        font-size: 18px;
        line-height: 130%;
    }
}
    strong {
        font-weight: bold;
    }

    #content ul {
        list-style-type: disc;
        list-style-position: outside;
        margin-left: 20px;
        display: block;  
    }

        #content ul li {
            display: list-item;
            font-weight: normal;
            font-size: 18px;
            line-height: 130%;
        }

        @media (min-width: 1024px){

    #content ul li{
        font-size: 22px;
        line-height: 130%;
    }
}

        #content ul li {
            margin-bottom: 4px;
        }

        body #header{
    position: fixed;
    top: 0px;
    z-index: 10;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

            transition: top 0.5s, background-color 0.2s;

            /* .container:hover {
                @apply bg-white;
                @apply shadow-soft;
                @apply rounded md:rounded-md;
            } */
}

            body #header .container{
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                transition: all 0.4s;
}

        body.has-animation #header {
            background-color: transparent;
        }

            body.has-animation #header.header-scroll{
    top: 10px;
}

            @media (min-width: 1024px){

    body.has-animation #header.header-scroll{
        top: 20px;
    }
}

            body.has-animation #header>.container{
    background-color: transparent;

                /* &:hover {
                    @apply bg-white;

                } */
}
            body.megamenu-open #header>.container{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

        body #header.header-scroll{
    top: 10px;
    background-color: transparent;
}

        @media (min-width: 1024px){

    body #header.header-scroll{
        top: 20px;
    }
}

            body #header.header-scroll .container{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0px 1px 12px rgba(0,0,0,0.15);
    --tw-shadow-colored: 0px 1px 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);
    border-radius: 14px;
}

            @media (min-width: 1024px){

    body #header.header-scroll .container{
        border-radius: 18px;
    }
}


    /* Max Mega Menu */
    #header{
    padding-left: 10px;
    padding-right: 10px;
}
    @media (min-width: 1024px){

    #header{
        padding-left: 10px;
        padding-right: 10px;
    }
}

        #header .menu-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

        @media (min-width: 1024px){

    #header .menu-wrapper{
        gap: 20px;
    }
}

        #header .menu-wrapper{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

        @media (min-width: 1024px){

    #header .menu-wrapper{
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

        #header .menu-wrapper {
            position: relative;
        }

            #header .menu-wrapper .logo-wrapper{
    width: 100%;
}

            @media (min-width: 1024px){

    #header .menu-wrapper .logo-wrapper{
        width: 145px;
    }
}
                #header .menu-wrapper .logo-wrapper a{
    display: block;
    width: 113px;
}
                @media (min-width: 1024px){

    #header .menu-wrapper .logo-wrapper a{
        width: 145px;
    }
}

            #header .menu-wrapper #header-contact-button{
    font-size: 18px;
    line-height: 130%;
}
            @media (min-width: 1024px) {
                #header .menu-wrapper .logo-wrapper {
                    width: auto;
                }
            }

            /* mobile dropdown - give it a rounded bottom */
            #header .menu-wrapper #mega-menu-max_mega_menu_1{
    padding: 10px;
}
            @media (min-width: 1024px){

    #header .menu-wrapper #mega-menu-max_mega_menu_1{
        padding: 0px;
    }
}
            #header .menu-wrapper #mega-menu-max_mega_menu_1 {
                border-radius: 0 0 18px 18px;
                box-shadow: 1px 12px 12px rgba(0, 0, 0, 0.15);
            }




            #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item-has-children > a.mega-menu-link {
                font-weight: bold;
            }
            #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
                font-weight: normal;
            }

            /* Override the down arrows for mobile but not above */
            @media not all and (min-width: 1024px) {

                    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children>a.mega-menu-link{
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 18px;
        line-height: 130%;
                        border-bottom-width: 0 !important;
    }
                        
                        #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator{
        display: flex;
        align-items: center;
    }
                            
                            #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
                                content: ' ';
                                -webkit-mask-image: url(../images/hex_plus.svg?6c26cc843f3900d622e20f3abfdb6895);
                                        mask-image: url(../images/hex_plus.svg?6c26cc843f3900d622e20f3abfdb6895);
                                width: 22px;
                                height: 21px;
                                -webkit-mask-size: cover;
                                        mask-size: cover;
                                --tw-bg-opacity: 1;
                                background-color: rgb(6 6 46 / var(--tw-bg-opacity));
                            }
                    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children > ul.mega-sub-menu > li  {
                        border-left: 2px solid rgba(6,6,46,0.8) !important;
                        padding-left: 10px !important;
                        margin-bottom: 10px;

                    }
                        #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children > ul.mega-sub-menu > li a.mega-menu-link{
        font-weight: 500;
                            padding: 5px 0px;
    }
                        #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children > ul.mega-sub-menu > li.widget_custom_html {
                            border-left: 0px solid !important;
                            padding-left: 0px !important;
                        }
                            #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children > ul.mega-sub-menu > li.widget_custom_html a.mega-menu-link {
                                margin: 10px 0;
                            }

                    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item-has-children.mega-toggle-on>a.mega-menu-link>span.mega-indicator:after {
                        -webkit-mask-image: url(../images/hex_minus.svg?e68329219a692a6e7d9440cf47dfa1dc) !important;
                                mask-image: url(../images/hex_minus.svg?e68329219a692a6e7d9440cf47dfa1dc) !important;

                    }

                #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after {
                    content: ' ';
                    -webkit-mask-image: url(../images/hex_cross.svg?afbaf7d0879cf0a87ad7c59eea5eb333);
                            mask-image: url(../images/hex_cross.svg?afbaf7d0879cf0a87ad7c59eea5eb333);
                    width: 30px;
                    height: 30px;
                    -webkit-mask-size: cover;
                            mask-size: cover;
                    --tw-bg-opacity: 1;
                    background-color: rgb(6 6 46 / var(--tw-bg-opacity));
                }

                #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
                    margin-left: 0px;
                }

                #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
                    align-items: center;
                    margin-right: 0px;
                }
            }




            #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 {
                background: none;
                /* Reset mega menu gradient */
                background-color: transparent;
                position: relative;
            }

                #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
                    /* position: absolute; */
                }

                #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 a.mega-menu-link {
                    /* TODO Decide if we set in menu config or here  */
                    /* font-size: 18px; */
                    /* line-height: 140%; */
                    font-size: 18px;
                    line-height: 140%;
                    font-weight: 700;
                    --tw-text-opacity: 1;
                    color: rgb(6 6 46 / var(--tw-text-opacity));

                }

                #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li.mega-menu-item>a.mega-menu-link {
                    margin: 0 10px; /* we use margin so the whole item, including the dropdown, get an underline when active */
                    font-size: 18px;
                }
                    @media (min-width: 1024px) {

                #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li.mega-menu-item>a.mega-menu-link {
                        font-size: 18px
                }
                    }

                #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li.mega-toggle-on>a {

                    /* padding: 0 !important; */
                    /* margin: 0 10px; */
                    /* Override the mega menu so the border is the right length */
                    border-bottom: 2px solid !important;

                }

                    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li.mega-toggle-on>a>span:after {
                        transition: all 0.3s;
                        transform: rotate(-180deg) !important;
                    } /* Whole mega menu */
                    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 ul.mega-sub-menu ul.mega-sub-menu { /* Next level (a column in the mega - add some right-padding */
                        margin-right: 10px !important;
                    }
                        #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu { /* And finally, do not indent the next level */
                            margin-left: 0 !important;
                        }
                #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li>ul.mega-sub-menu {
                    /* margin: inherit -20px; */
                }
                @media (min-width: 1024px){

    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li>ul.mega-sub-menu{
        padding-top: 40px;
        padding-bottom: 40px;
        --tw-shadow: 0px 12px 12px rgba(0,0,0,0.125);
        --tw-shadow-colored: 0px 12px 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);
    }
}
                    
                    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li>ul.mega-sub-menu li{
    padding: 0px !important;
}
                    
                    @media (min-width: 1024px){

    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li>ul.mega-sub-menu li{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}
                    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li>ul.mega-sub-menu a.mega-menu-link{
    font-size: 16px !important;
    line-height: 130% !important;
}
                    @media (min-width: 1024px){

    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li>ul.mega-sub-menu a.mega-menu-link{
        font-size: 18px !important;
        line-height: 130% !important;
    }
}

                    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li>ul.mega-sub-menu>.mega-menu-item-has-children>a.mega-menu-link{
    display: flex;
    font-weight: 700 !important; /*justify-end*/
                        font-weight: bold !important;
}
                        #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li>ul.mega-sub-menu>.mega-menu-item-has-children>a.mega-menu-link> span.mega-indicator {
                            display: none !important;
                        }

                    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1>ul>li>ul.mega-sub-menu>li.widget_custom_html {
                        float: right;
                    }


                /* Make the arrow icons on the mega menu headings appear tight to the left of the title*/
                #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 a.mega-menu-link.dashicons-arrow-right-alt {
                    display: flex !important;
                    justify-content: flex-end;
                    flex-direction: row-reverse;
                    font-weight: bold;
                }

                    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 a.mega-menu-link.dashicons-arrow-right-alt:before {
                        /* REMOVE FOR NOW  - SET RIGHT ICON IN MEGA SETTINGS float: none !important; */
                    }
                    #header .menu-wrapper #mega-menu-wrap-max_mega_menu_1 a.mega-menu-link.dashicons-arrow-right-alt:after {
                        float: right !important;
                    }


    /* WP menu */

        /* Style the parent menu items */
        #header nav ul li {
            background-color: #333;
            /* Main item background color */
            color: white;
            /* Main item text color */
        }

        /* Initially hide the sub-menu */
        #header nav ul li ul {
            display: none;
            position: absolute;
            /* Position the dropdown */

            background-color: #444;
            /* Dropdown background color */

            z-index: 100;
            /* Ensure the dropdown is above other content */

        }

        /* Reveal the sub-menu on hover over the parent item */
        #header nav ul li:hover>ul {
            display: block;
            /* Show dropdown */

        }

        /* Style individual dropdown items */
        #header nav ul li ul li {
            display: block;
            /* Dropdown items should be block level */

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

    body.header-fixed #header .menu-wrapper{
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
.container{
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
@media (min-width: 480px){

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

    .container{
        max-width: 600px;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (min-width: 1024px){

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

    .container{
        max-width: 1080px;
        padding-right: 0px;
        padding-left: 0px;
    }
}
.visible{
    visibility: visible;
}
.static{
    position: static;
}
.fixed{
    position: fixed;
}
.absolute{
    position: absolute;
}
.relative{
    position: relative;
}
.top-0{
    top: 0px;
}
.top-1{
    top: 10px;
}
.z-10{
    z-index: 10;
}
.m-8{
    margin: 80px;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.my-3{
    margin-top: 30px;
    margin-bottom: 30px;
}
.my-8{
    margin-top: 80px;
    margin-bottom: 80px;
}
.mb-1{
    margin-bottom: 10px;
}
.mb-12{
    margin-bottom: 120px;
}
.mb-4{
    margin-bottom: 40px;
}
.mb-8{
    margin-bottom: 80px;
}
.mt-4{
    margin-top: 40px;
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.inline{
    display: inline;
}
.flex{
    display: flex;
}
.grid{
    display: grid;
}
.contents{
    display: contents;
}
.hidden{
    display: none;
}
.h-1{
    height: 10px;
}
.h-6{
    height: 60px;
}
.min-h-screen{
    min-height: 100vh;
}
.w-16{
    width: 160px;
}
.w-6{
    width: 60px;
}
.w-\[113px\]{
    width: 113px;
}
.w-full{
    width: 100%;
}
.max-w-screen-sm{
    max-width: 600px;
}
.max-w-sm{
    max-width: 24rem;
}
.flex-grow{
    flex-grow: 1;
}
.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-decimal{
    list-style-type: decimal;
}
.list-disc{
    list-style-type: disc;
}
.grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col{
    flex-direction: column;
}
.items-start{
    align-items: flex-start;
}
.items-center{
    align-items: center;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.gap-1{
    gap: 10px;
}
.gap-2{
    gap: 20px;
}
.gap-4{
    gap: 40px;
}
.gap-\[5px\]{
    gap: 5px;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(40px * var(--tw-space-x-reverse));
    margin-left: calc(40px * calc(1 - var(--tw-space-x-reverse)));
}
.rounded{
    border-radius: 14px;
}
.border{
    border-width: 1px;
}
.border-b{
    border-bottom-width: 1px;
}
.bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-green{
    --tw-bg-opacity: 1;
    background-color: rgb(78 237 21 / var(--tw-bg-opacity));
}
.bg-purple{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
.bg-purpleblack{
    --tw-bg-opacity: 1;
    background-color: rgb(6 6 46 / var(--tw-bg-opacity));
}
.bg-transparent{
    background-color: transparent;
}
.bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.\!p-0{
    padding: 0px !important;
}
.p-1{
    padding: 10px;
}
.p-2{
    padding: 20px;
}
.p-4{
    padding: 40px;
}
.px-1{
    padding-left: 10px;
    padding-right: 10px;
}
.px-2{
    padding-left: 20px;
    padding-right: 20px;
}
.px-3{
    padding-left: 30px;
    padding-right: 30px;
}
.px-4{
    padding-left: 40px;
    padding-right: 40px;
}
.px-6{
    padding-left: 60px;
    padding-right: 60px;
}
.py-2{
    padding-top: 20px;
    padding-bottom: 20px;
}
.py-3{
    padding-top: 30px;
    padding-bottom: 30px;
}
.py-8{
    padding-top: 80px;
    padding-bottom: 80px;
}
.\!text-p_small{
    font-size: 16px !important;
    line-height: 130% !important;
}
.text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-5xl{
    font-size: 3rem;
    line-height: 1;
}
.text-\[20px\]{
    font-size: 20px;
}
.text-a_nav{
    font-size: 18px;
    line-height: 140%;
}
.text-h1{
    font-size: 38px;
    line-height: 105%;
}
.text-h2{
    font-size: 34px;
    line-height: 135%;
}
.text-h3{
    font-size: 30px;
    line-height: 120%;
}
.text-h4{
    font-size: 28px;
    line-height: 130%;
}
.text-h5{
    font-size: 26px;
    line-height: 130%;
}
.text-h6{
    font-size: 22px;
    line-height: 130%;
}
.text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-p{
    font-size: 18px;
    line-height: 130%;
}
.text-p_small{
    font-size: 16px;
    line-height: 130%;
}
.text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.font-bold{
    font-weight: 700;
}
.font-extrabold{
    font-weight: 800;
}
.font-light{
    font-weight: 300;
}
.uppercase{
    text-transform: uppercase;
}
.italic{
    font-style: italic;
}
.leading-tight{
    line-height: 1.25;
}
.text-blue-500{
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-gray-600{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800{
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-purpleblack{
    --tw-text-opacity: 1;
    color: rgb(6 6 46 / var(--tw-text-opacity));
}
.text-royalblue{
    --tw-text-opacity: 1;
    color: rgb(14 44 219 / var(--tw-text-opacity));
}
.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
    text-decoration-line: underline;
}
.antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.outline{
    outline-style: solid;
}
.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{
    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;
}
.alignfull{
    margin: 80px calc(50% - 50vw) !important;
    max-width: 100vw !important;
    width: 100vw;
}
.alignwide{
    margin: 80px 0;
    max-width: 1080px !important;
}
.alignnone{
    margin-left: 0px;
    margin-right: 0px;
    height: auto;
    max-width: 100%;
}
.aligncenter{
    margin: 20px auto;
    display: block;
}
@media (min-width: 600px){

    .alignleft:not(.wp-block-button){
        margin-right: 20px;
        float: left;
    }

    .alignright:not(.wp-block-button){
        margin-left: 20px;
        float: right;
    }

    .wp-block-button.alignleft a{
        float: left;
        margin-right: 40px;
    }

    .wp-block-button.alignright a{
        float: right;
        margin-left: 40px;
    }
}
.wp-caption{
    display: inline-block;
}
.wp-caption img{
    margin-bottom: 20px;
    line-height: 1;
}
.wp-caption-text{
    font-size: 0.875rem;
    color: #4b5563;
}
#primary-menu-toggle {
    display: block;
    width: 40px;
    height: 40px;
}
html {
    scroll-behavior: smooth;
}
/* Buttons */
.btn,
button {
    display: inline-block;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    padding: 8px 24px;
    white-space: nowrap;
    font-weight: bold;
    border: 2px solid rgb(6, 6, 46);
    transition: all .35s cubic-bezier(0.22, 0.61, 0.36, 1);
    border-radius: 30px;
}
.btn-primary,
.btn.brn-primary,
.btn.btn-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background-image: linear-gradient(to right, white 50%, rgb(8, 4, 78) 50%);
    background-size: 203% 100%;
    /* background-size: cover !important; */
    background-position: right bottom;
    /* background-image: url('../svg/btn_bg.svg'); */
    background-repeat: no-repeat;
}
.btn-primary:hover, .btn.brn-primary:hover, .btn.btn-primary:hover {
        /* background-position: -300% bottom; */
        background-position: left bottom;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(8 4 78 / var(--tw-text-opacity));
    }
.btn-primary:focus, .btn-primary:active, .btn.brn-primary:focus, .btn.brn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:active {
        outline-color: #fff;
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
.btn.btn-secondary {
    background: linear-gradient(to right, rgb(8, 4, 78) 50%, white 50%);
    background-size: 202% 100% !important;
    background-position: right bottom;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
.btn.btn-secondary:hover {
        background-position: left bottom;
        --tw-bg-opacity: 1;
        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
.btn.btn-secondary:focus, .btn.btn-secondary:active {
        outline-color: rgb(8, 4, 78);
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
.btn.btn.btn-primary.btn-right-arrow {
    /* Header contact button */
    padding: 6px 20px;
}
/* Thinner than normal */
@media (min-width: 1024px) {
        .btn.btn.btn-primary.btn-right-arrow:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 14px;
            margin-left: 10px;
            -webkit-mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            background-size: cover;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
    }
.btn.btn.btn-primary.btn-right-arrow:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
.btn.btn.btn-secondary.btn-directions {
    /* Header contact button */
    padding: 6px 20px;
}
/* Thinner than normal */
.btn.btn.btn-secondary.btn-directions:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 14px;
        margin-left: 10px;
        -webkit-mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        background-size: cover;
        --tw-bg-opacity: 1;
        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    }
.btn.btn.btn-secondary.btn-directions:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.post-type {
    display: flex;
    text-transform: uppercase;
    font-weight: bold;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    line-height: 100%;
    --tw-text-opacity: 1;
    color: rgb(14 44 219 / var(--tw-text-opacity));
}
.post-type:before {
        content: "";
        display: inline-block;
        background-size: cover;
        width: 16px;
        height: 16px;
    }
.full-width {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
}
/* Generic layout */
header .container {
        max-width: 1080px !important;
        /* Max width, regardless of screen size 
        Waiting to hear what we do with 1440 screens */
        padding: 0px;
    }
#content section{
    margin-left: auto;
    margin-right: auto;
}
#content section .inner{
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 1024px){

    #content section .inner{
        max-width: 1080px;
    }
}
@media (min-width: 1080px){

    #content section .inner{
        max-width: 1080px;
    }
}
#content section .inner p,
        #content section .inner ul {
            max-width: 800px !important;
        }
#content section .inner.narrow {
            max-width: 900px !important;
        }
#content section .inner.narrow p,
            #content section .inner.narrow ul {
                max-width: 600px !important;
            }
footer .footer-branding a {
            width: 212px;
            height: 51px;
            display: block;
            background-image: url(../images/tapcxm-logo-green.svg?7580773bef417e9aff750b9277a73245);
            background-size: cover;
            color: transparent;
            /* Hide the text */
        }
footer .rows .gap {
            height: 40px;
        }
footer .rows .row-1 {

            background-image: url(../images/three_circles.svg?f60ee5af7711899e2216c6d724d89202);
            background-position: 100% calc(100% + 150px);
            background-repeat: no-repeat;
            background-size: 490px auto;
        }
footer .rows .row-1 .inner{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 1024px){

    footer .rows .row-1 .inner{
        padding-left: 10px;
        padding-right: 10px;
    }
}
footer .rows .row-1 .inner .newsletter-signup .inner{
    display: flex;
    flex-direction: column;
    padding: 20px;
}
@media (min-width: 1024px){

    footer .rows .row-1 .inner .newsletter-signup .inner{
        flex-direction: row;
        padding: 40px;
    }
}
footer .rows .row-1 .inner .newsletter-signup .inner{
    border-radius: 14px;
}
@media (min-width: 1024px){

    footer .rows .row-1 .inner .newsletter-signup .inner{
        border-radius: 18px;
    }
}
footer .rows .row-1 .inner .newsletter-signup .inner { 
                        background-color: rgba(255, 255, 255, .25);
                    }
footer .rows .row-1 .inner .newsletter-signup .inner .newsletter-text {
                            max-width: 100%;
                            font-size: 22px;
                            line-height: 130%;
                        }
@media (min-width: 1024px){

    footer .rows .row-1 .inner .newsletter-signup .inner .newsletter-text{
        font-size: 26px;
        line-height: 130%;
                                max-width: 50%;
    }
}
footer .rows .row-1 .inner .newsletter-signup .inner form {
                            justify-content: center;
                            display: flex;
                            width: 100%;
                            flex-direction: column;
                            align-items: flex-start;
                            gap: 20px;

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

    footer .rows .row-1 .inner .newsletter-signup .inner form{
        flex-direction: row;
        align-items: center;
    }
}
footer .rows .row-1 .inner .newsletter-signup .inner form {
                            flex: 1 1 50%;

                        }
footer .rows .row-1 .inner .newsletter-signup .inner form .newsletter-email {

                                flex: 1 1 auto;
                                background-image: url(../images/button_email.svg?5528fdb6c5005a93f77502ed447111ce);
                                background-position: 10px 30px;
                                background-repeat: no-repeat;
                                background-size: 20px 20px;
                                position: relative;
                                padding: 20px 0 0 10px;
                                border-radius: 5px 5px 0 0;
                                transition: all 0.3s ;
                                width: 100%;
                            }
@media (min-width: 1024px){

    footer .rows .row-1 .inner .newsletter-signup .inner form .newsletter-email{
        width: auto;
    }
}
footer .rows .row-1 .inner .newsletter-signup .inner form .newsletter-email .placeholder {
                                    position: absolute;
                                    opacity: 0;
                                    left: 0;
                                    padding-left: 40px;
                                    top: 20px;
                                    color: rgba(6,6,46,0.8);
                                    transition: all 0.3s;
                                    font-size: 1.125rem;
                                    line-height: 1.75rem;
                                    z-index: -1;
                                    
                                }
footer .rows .row-1 .inner .newsletter-signup .inner form .newsletter-email input {
                                    background-color: transparent;
                                    border-width: 0;
                                    border-bottom: 1px solid #fff;
                                    width: 100%;
                                    padding: 10px 30px;
                                    font-size: 1.125rem;
                                    line-height: 1.75rem;
                                    --tw-text-opacity: 1;
                                    color: rgb(6 6 46 / var(--tw-text-opacity));
                                }
footer .rows .row-1 .inner .newsletter-signup .inner form .newsletter-email input:focus-visible {
                                        border: 0;
                                        outline: none;
                                    }
footer .rows .row-1 .inner .newsletter-signup .inner form .newsletter-email input{
                                    z-index: 1;
}
footer .rows .row-1 .inner .newsletter-signup .inner form .newsletter-email:focus-within {
                                    background-color: rgba(255,255,255,0.8);
                                }
footer .rows .row-1 .inner .newsletter-signup .inner form .newsletter-email:focus-within .placeholder {
                                        opacity: 1;
                                        transform: translateY(-15px);
                                        z-index: 0;
                                    }
footer .rows .row-1 .inner .newsletter-signup .inner form .newsletter-email:focus-within input {
                                        border-bottom: none;
                                        font-weight: 700;
                                    }
footer .rows .row-1 .inner .newsletter-signup .inner form .newsletter-email:focus-within {
                                   background-position: 10px 5px;
            
                                }
footer .rows .row-1 .inner .newsletter-signup .inner form .newsletter-submit button {
                                    background-color: #fff;
                                    color: rgba(6, 6, 46, 1);
                                    font-size: 22px;

                                }
footer .rows .row-2 .inner{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 1024px){

    footer .rows .row-2 .inner{
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
footer .rows .inner>*{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
footer .rows .inner .columns{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (min-width: 1024px){

    footer .rows .inner .columns{
        flex-direction: row;
    }
}
footer .rows .inner .columns .column {
                    flex: 1 0 calc(50% - 20px); /* Take off half of gap-4 */
                }
footer .rows .inner h4 {
                margin-bottom: 20px;
                font-size: 20px;
                line-height: 130%;
                font-weight: 700;
            }
footer .rows .inner .locations{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){

    footer .rows .inner .locations{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
footer .rows .inner .locations {
                gap: 20px;
            }
footer .rows .inner .location {
                box-sizing: border-box;
                padding-right: 30px;
                font-weight: 300;

            }
footer .rows .inner .location h6 {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    font-weight: 400;
                    font-size: 20px;
                }
footer .rows .inner .location h6:before {
                        content: '';
                        background-image: url(../images/location-icon.svg?2eb65cc1ad5b88565980f6b9749a8c63);
                        height: 15px;
                        width: 28px;
                        background-repeat: no-repeat;
                        background-size: cover;
                        display: block;
                    }
footer .rows .inner .location .location-telephone:before {
                        content: '';
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                        -webkit-mask-image: url(../images/phone.svg?e2943daef4f7f54e4d98f03911bc1157);
                        mask-image: url(../images/phone.svg?e2943daef4f7f54e4d98f03911bc1157);
                        height: 15px;
                        width: 15px;
                        background-repeat: no-repeat;
                        background-size: cover;
                        display: inline-block;
                        margin-right: 5px;
                    }
footer .rows .inner .location p {
                font-weight: normal;
            }
footer .rows .inner .submenus{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px){

    footer .rows .inner .submenus{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
footer .rows .inner .submenus {
                gap: 30px 25px;
            }
footer .rows .inner .submenus .column{
    display: flex;
    flex-direction: column;
    gap: 0px;
}
footer .rows .inner .submenus .column h6 {
                        font-weight: 400;
                        font-size: 20px;
                    }
footer .rows .inner .submenus>div {}
footer .rows .inner .submenus ul li a{
    font-size: 20px;
                        margin: 2px 0;
                        display: block;
                        font-weight: 300;
}
footer .rows .inner .submenus ul li a:hover {
                            font-weight: 400;
                        }
footer .rows .row-2 {
            border-top-color: #4EED15;
            border-top-width: 2px;
            border-top-style: solid;
        }
footer .rows .row-2 .inner{
    display: flex;
    flex-direction: column;
}
@media (min-width: 1024px){

    footer .rows .row-2 .inner{
        flex-direction: row;
    }
}
footer .rows .row-2 .inner {
                justify-content: space-between;
            }
footer .rows .row-2 .inner .column{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 20px;
}
@media (min-width: 1024px){

    footer .rows .row-2 .inner .column{
        flex-direction: row;
        gap: 20px;
        padding: 40px;
    }
}
footer .rows .row-2 .inner .column .menu-footer-container ul, footer .rows .row-2 .inner .column .social-links ul {
                            padding: 0;
                            margin: 0;
                            text-align: center;
                        }
footer .rows .row-2 .inner .column .menu-footer-container ul li, footer .rows .row-2 .inner .column .social-links ul li {
                                display: block;
                            }
@media (min-width: 1024px) {
footer .rows .row-2 .inner .column .menu-footer-container ul li, footer .rows .row-2 .inner .column .social-links ul li {
                                    display: inline-block
                            }
                                }
footer .rows .row-2 .inner .column .menu-footer-container ul li a, footer .rows .row-2 .inner .column .social-links ul li a {
                                    display: block;
                                    padding-left: 10px;
                                    padding-right: 10px;
                                    font-weight: normal;
                                }
footer .rows .row-2 .inner .column .menu-footer-container ul li a svg .st0, footer .rows .row-2 .inner .column .social-links ul li a svg .st0 {
                                    fill: #fff;
                                }
footer .rows .row-2 .inner .column .social-links ul li {
                        display: inline-block; 
                    }
footer .rows .row-2 .inner .column .social-title {
                        font-weight: normal;
                    }
footer .rows .row-2 .inner .column .social-links ul li a {
                        width: 40px;
                        /* Needs to include padding x2 */
                        height: 30px;
                        --tw-text-opacity: 1;
                        color: rgb(255 255 255 / var(--tw-text-opacity));
                        padding-left: 5px;
                        padding-right: 5px;
                    }
footer .rows .row-2 .inner .column .menu-footer-container  a{
    font-size: 16px;
    line-height: 130%;
}
.card{
    gap: 0px;
    border-radius: 14px;
    padding: 15px;
    --tw-shadow: 0px 1px 12px rgba(0,0,0,0.15);
    --tw-shadow-colored: 0px 1px 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);
}
@media (min-width: 1024px){

    .card{
        gap: 20px;
        border-radius: 18px;
        padding: 20px;
    }
}
.card.card-horizontal {
        display: flex;
        flex-direction: row;
    }
.card.card-horizontal.card.post-type-location {
        padding: 0;
    }
.card.card-vertical{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media (min-width: 1024px){

    .card.card-vertical{
        gap: 20px;
    }
}
/* Hide image in horizontal cards on mobile */
.card.card-horizontal.post-type-post img, .card.card-horizontal.post-type-insight img{
    display: none;
}
@media (min-width: 1024px){

    .card.card-horizontal.post-type-post img, .card.card-horizontal.post-type-insight img{
        display: block;
    }
}
.card .post-type {
        @extend .post-type;
    }
.card .excerpt {
    }
.card .new {
        float: left;
        display: inline-block;
        text-transform: uppercase;
        margin: -2px 6px 0 0;
        --tw-bg-opacity: 1;
        background-color: rgb(14 44 219 / var(--tw-bg-opacity));
        font-size: 16px;
        line-height: 100%;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        border-radius: 14px;
    }
@media (min-width: 1024px){

    .card .new{
        border-radius: 18px;
    }
}
.card .new {
        padding: 2px 6px;
    }
.card.post-type-success_stories .post-type:before {
            background-image: url(../images/post-type-success.svg?65d56f03bc6943718ebe40472fad7ac9);
        }
.card.post-type-teammember{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.card.post-type-teammember.card-horizontal{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 15px;
}
@media (min-width: 1024px){

    .card.post-type-teammember.card-horizontal{
        flex-direction: row;
        gap: 20px;
        padding: 20px;
    }
}
.card.post-type-teammember.card-horizontal img{
    border-radius: 14px;
}
@media (min-width: 1024px){

    .card.post-type-teammember.card-horizontal img{
        border-radius: 18px;
    }
}
.card.post-type-teammember.card-horizontal img {
                background-color: #aaa; /* Background is set at slider level - see content-pull-in.csss */
            }
.card.post-type-teammember.card-horizontal .position{
    font-size: 18px;
    line-height: 130%;
}
.card.post-type-teammember.card-horizontal .email > a{
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 18px;
    line-height: 130%;
}
.card.post-type-teammember.card-horizontal .email > a:before {
                    content: '';
                    display: inline-block;
                    width: 16px;
                    height: 16px;
                    margin-right: 6px;
                    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                    -webkit-mask-image: url(../images/button_email.svg?5528fdb6c5005a93f77502ed447111ce);
                            mask-image: url(../images/button_email.svg?5528fdb6c5005a93f77502ed447111ce);
                    background-size: cover;
                    --tw-bg-opacity: 1;
                    background-color: rgb(6 6 46 / var(--tw-bg-opacity));
    
                }
@media (min-width: 1024px) {
                .card.post-type-teammember.card-horizontal img {
                    max-width: 125px;
                    width: 125px;
                }
            }
.card.post-type-event h6 {
            margin-bottom: 10px;
        }
.card.post-type-event .post-type:before {
            background-image: url(../images/post-type-event.svg?286e62a31a2d36a2676d31489c153f6c);
        }
.card.post-type-event p.date-location{
    font-size: 16px;
    line-height: 130%;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(36 33 98 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

    .card.post-type-event p.date-location{
        font-size: 18px;
        line-height: 130%;
    }
}
.card.post-type-event p.excerpt{
    font-size: 16px;
    line-height: 130%;
    font-weight: 400;
}
@media (min-width: 1024px){

    .card.post-type-event p.excerpt{
        font-size: 18px;
        line-height: 130%;
    }
}
.card.post-type-event p:last-of-type {
            margin-bottom: 0 !important;
        }
.card.post-type-post .post-type:before {
            background-image: url(../images/post-type-post.svg?2d5df9caa0c1b4c906aeaab17ea098dc);
        }
.card.post-type-post h6 a{
    font-size: 22px;
    line-height: 130%;
    font-weight: 700;
}
@media (min-width: 1024px){

    .card.post-type-post h6 a{
        font-size: 26px;
        line-height: 130%;
    }
}
.card.post-type-post h6 a:hover {
                text-decoration: underline;
            }
.card.post-type-post img{
    border-radius: 14px;
}
@media (min-width: 1024px){

    .card.post-type-post img{
        border-radius: 18px;
    }
}
.card.post-type-post img {;
            max-width: 285px;
        }
/* Equal width cols */
.card.post-type-post.card-horizontal .col {
                /* flex-basis: calc(100% / 2); */
            }
.card.post-type-post p.subtitle, .card.post-type-post p.post-date{
    font-size: 16px;
    line-height: 130%;
    font-weight: 400;
}
@media (min-width: 1024px){

    .card.post-type-post p.subtitle, .card.post-type-post p.post-date{
        font-size: 18px;
        line-height: 130%;
    }
}
.card.post-type-post p.post-date {
            margin-bottom: 0px !important;
        }
.card.post-type-post p:last-of-type {
            margin-bottom: 0 !important;
        }
.card.post-type-post{
        position: relative;
}
.card.post-type-post a::before {
            content: "";
            position: absolute;
            top: 0px;
            right: 0px;
            bottom: 0px;
            left: 0px;
        }
.card.post-type-location {
    box-shadow: none;
}
.card.post-type-location>a {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
@media (min-width: 1024px) {
.card.post-type-location img {
            width: 100%
    }
        }
.card.post-type-location .location-address {
        display: flex;
        align-items: center;
        gap: 6px;
        text-decoration: underline;
    }
.card.post-type-location .location-address:before {
            content: '';
            --tw-bg-opacity: 1;
            background-color: rgb(14 44 219 / var(--tw-bg-opacity));
            -webkit-mask-image: url(../images/location2.svg?02f23938a59589c56708e94802331119);
                    mask-image: url(../images/location2.svg?02f23938a59589c56708e94802331119);
            height: 21px;
            width: 21px;
            background-repeat: no-repeat;
            background-size: cover;
            display: block;
            flex-shrink: 0;
        }
.card.post-type-location .location-telephone {
        display: flex;
        gap: 6px;
        align-items: center;
    }
.card.post-type-location .location-telephone:before {
            content: '';
            --tw-bg-opacity: 1;
            background-color: rgb(14 44 219 / var(--tw-bg-opacity));
            -webkit-mask-image: url(../images/phone.svg?e2943daef4f7f54e4d98f03911bc1157);
            mask-image: url(../images/phone.svg?e2943daef4f7f54e4d98f03911bc1157);
            height: 15px;
            width: 15px;
            background-repeat: no-repeat;
            background-size: cover;
            display: inline-block;
            margin-right: 5px;
        }
.card.post-type-success_stories {
    position: relative;
    padding: 0;

}
/* Make whole card clickable  */
.card.post-type-success_stories a:after {
        content: "";
        position: absolute;
        inset: 0;
        cursor: pointer !important;
        display: block;
        z-index: 99;

    }
.card.post-type-success_stories>a {
        display: flex;
        position: relative;
        min-height: 400px;
        align-items: flex-end;
        justify-content: center;
        z-index: 0;
        width: 100%;
        border-radius: 14px;
    }
@media (min-width: 1024px){

    .card.post-type-success_stories>a{
        border-radius: 18px;
    }
}
.card.post-type-success_stories>a {
        overflow: hidden;
    }
.card.post-type-success_stories>a:after{
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: rgba(6,6,46,0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(6, 6, 46, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-from-position: 0%;
    --tw-gradient-to: rgba(6, 6, 46, 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(6,6,46,0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-via-position: 50%;
    --tw-gradient-to: rgba(6,6,46,0.5) var(--tw-gradient-to-position);
    --tw-gradient-to-position: 100%;
            content: " ";
            display: block;
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: -2;
            border-radius: 14px;
}
@media (min-width: 1024px){

    .card.post-type-success_stories>a:after{
        border-radius: 18px;
    }
}
.card.post-type-success_stories>a:hover:after{
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: rgba(6,6,46,0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(6, 6, 46, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-from-position: 0%;
    --tw-gradient-to: rgba(6, 6, 46, 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(6,6,46,0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-via-position: 50%;
    --tw-gradient-to: rgba(6,6,46,0.8) var(--tw-gradient-to-position);
    --tw-gradient-to-position: 100%;
}
.card.post-type-success_stories>a>img {
            position: absolute;
            -o-object-fit: cover;
               object-fit: cover;
            height: 100%;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: -3;
            border-radius: 14px;

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

    .card.post-type-success_stories>a>img{
        border-radius: 18px;
    }
}
.card.post-type-success_stories>a:hover > img {
            transform: scale(1.1);
            transition: all 0.8s;
        }
.card.post-type-success_stories>a>.logo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        height: 125px;
        width: 125px;
        /* animation: springAnimation 1s cubic-bezier(0.42, 0, 0.58, 1); */
        /* transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); */
        transition: all 0.8s cubic-bezier(0.42, 0, 0.58, 1.28);
    }
.card.post-type-success_stories>a>.logo img {
            border-radius: 50%;
            width: 100%;
            height: auto;
        }
.card.post-type-success_stories>a:hover>.logo {
        height: 150px;
        width: 150px;
        top: 40%;
    }
.card.post-type-success_stories h4 {
        padding: 10px 20px;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        font-size: 1rem !important;
        line-height: 1.5rem !important;
        font-size: 22px !important;
        /* Overwrite other card h4s */
        font-weight: normal;
        text-align: center;
        transition: all 0.4s;
        margin: 0 auto;
    }
.card.post-type-success_stories h4:after {
            content: " ";
            display: block;
            color: #fff;
            height: 20px;
            /* Width auto 100% */
            background-image: url(../images/right-arrow-icon.svg?f68aa876466b420d67df3fb5e619ed47);
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto 100%;
            /*Height of containing box */
        }
.card.post-type-success_stories>a:hover h4 {
        padding-bottom: 30px;
    }
.card.post-type-success_stories>a:hover h4:after {
            height: 28px;
        }
/* Used in multiple components */
/* Components/Hero */
#content section.hero {

    /* Veritical top padding is reduced for menu */

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 120px;

    padding-bottom: 100px;

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

    #content section.hero{
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 160px;
        padding-bottom: 100px;
    }
}
#content section.hero{
    display: flex;
    align-items: center; /* Always centre the content in the hero */ 
    /* Includes space for header on desktop */
    position: relative;
}
@media (min-width: 1024px) {
#content section.hero {
        min-height: 720px
        /* max-height: 970px; */

}
    }
#content section.hero{
    background-repeat: no-repeat;
    background-size: cover;
}
#content section.hero .inner{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
    padding: 0px;
}
@media (min-width: 1024px){

    #content section.hero .inner{
        align-items: center;
        row-gap: 40px;
    }
}
#content section.hero .inner {
        position: relative;
    }
#content section.hero .inner>*{
    text-align: left !important;
}
@media (min-width: 1024px){

    #content section.hero .inner>*{
        text-align: center !important;
    }
}
#content section.hero .inner h1 {}
#content section.hero .inner p {
            max-width: 700px;
        }
#content section.hero .inner p:not(:last-child) { 
                margin-bottom:0px; /* paragraph margin/spacing in heros is dealt with by flex gap */
            }
#content section.hero.type-standard{
    --tw-bg-opacity: 1;
    background-color: rgb(231 230 242 / var(--tw-bg-opacity));
        transition: background-color 0.2s;
}
#content section.hero .inner:before {
        content: '';
        height: 48px;
    }
#content section.hero #breadcrumbs {
        position: absolute;
        top: 100px;
    }
@media (min-width: 1024px){

    #content section.hero #breadcrumbs{
        top: 120px;
    }
}
#content section.hero #breadcrumbs {
        left: 20px;
    }
@media (min-width: 1024px) {
#content section.hero #breadcrumbs {
            left: 40px
    }
        }
#content section.hero #breadcrumbs, #content section.hero #breadcrumbs a{
    font-size: 16px;
    line-height: 130%;
}
/* For bg video https://stackoverflow.com/questions/10797632/simulate-background-sizecover-on-video-or-img */
/* overflow: hidden; */
#content section.hero video#motion {
        height: 100%;
        width: 177.77777778vh;
        /* 100 * 16 / 9 */
        min-width: 100%;
        min-height: 56.25vw;
        /* 100 * 9 / 16 */
        position: absolute;
        left: 50%;
        /* % of surrounding element */
        top: 50%;
        transform: translate(-50%, -50%);
        /* % of current element */
        z-index: -1000;
        -o-object-fit: cover;
           object-fit: cover;
    }
#content section.hero .controls{
    display: flex;
    align-items: center;
    justify-content: center;
        cursor: pointer;
        position: absolute;
        bottom: 20px;
        right: 20px;
        background-color: rgba(255, 255, 255, .75);
        width: 30px;
        height: 30px;
        border-radius: 5px;

        border: 1px solid rgba(8, 4, 78, 0.05);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35), inset 0px 0px 8px rgba(8, 4, 78, 0.05);
        -webkit-backdrop-filter: blur(2.5px);
                backdrop-filter: blur(2.5px);
         /* Inside auto layout */
        flex: none;
        order: 2;
        flex-grow: 0;
        z-index: 2;
}
#content section.hero .controls .icon{
    --tw-bg-opacity: 1;
    background-color: rgb(6 6 46 / var(--tw-bg-opacity)); 
            width: 13px;
            height: 16px;
}
#content section.hero .controls.pause .icon {
                width: 12px;
            }
#content section.hero .controls:hover {
            background-color: #08044E;
            border: 1px solid #08044E;
            box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35), inset 0px 0px 8px rgba(8, 4, 78, 0.05);
        }
#content section.hero .controls:hover .icon{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#content section.hero .hero-buttons{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
@media (min-width: 1024px){

    #content section.hero .hero-buttons{
        flex-direction: row;
        align-items: center;
        gap: 30px;
    }
}
#content section.hero h1 {
        max-width: 980px;
    }
#content section.hero .row.stats{
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-left: 40px;
    padding-right: 40px;
}
@media (min-width: 1024px){

    #content section.hero .row.stats{
        flex-direction: row;
        gap: 80px;
        padding-left: 0px;
        padding-right: 0px;
    }
}
#content section.hero .row.stats {
        align-content: stretch;
        width: 100%;
    }
#content section.hero .row.stats .column {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
@media (min-width: 1024px){

    #content section.hero .row.stats .column{
        gap: 20px;
    }
}
#content section.hero .row.stats .column{
    text-align: left;
}
#content section.hero .row.stats .column span {
                display: block;
            }
#content section.hero .row.stats .column span.stat{
    font-size: 38px;
    line-height: 105%;
}
@media (min-width: 1024px){

    #content section.hero .row.stats .column span.stat{
        font-size: 68px;
        line-height: 105%;
    }
}
#content section.hero .row.stats .column span.stat {
                    font-weight: 600;
                    line-height: 140%;
                    border-bottom: 3px solid;
                }
#content section.hero .row.stats .column span.detail{
    font-size: 24px;
    line-height: 130%;
}
/* Used on taxonomy pages */
/* Used on taxonomy pages */
#content section.hero .icons{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
@media (min-width: 1024px){

    #content section.hero .icons{
        gap: 20px;
    }
}
#content section.hero .icons .icon {
            padding: 5px 10px;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 6px;
            border-radius: 14px;
            font-size: 14px;
            font-weight: 700;
        }
@media (min-width: 1024px){

    #content section.hero .icons .icon{
        border-radius: 18px;
        font-size: 21px;
        font-weight: 500;
    }
}
#content section.hero .icons .icon {
            background: rgba(255, 255, 255, 0.8);
            border: 1px solid white;
        }
#content section.hero .icons .icon img {
                display: inline-block;
            }
#content section.hero.type-success-story .inner>.post-type, #content section.hero.type-success-story .inner h1, #content section.hero.type-article .inner>.post-type, #content section.hero.type-article .inner h1{
    text-align: left !important;
}
#content section.hero.type-success-story .inner div.featured-image, #content section.hero.type-article .inner div.featured-image{
    padding-top: 20px;
    padding-bottom: 20px;
}
@media (min-width: 1024px){

    #content section.hero.type-success-story .inner div.featured-image, #content section.hero.type-article .inner div.featured-image{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
#content section.hero.type-success-story .inner div.featured-image, #content section.hero.type-article .inner div.featured-image {  
                width: 100%;
            }
#content section.hero.type-success-story .inner div.featured-image img, #content section.hero.type-article .inner div.featured-image img {
                    margin: 10px 0px 0px 10px;
                    width: calc(100% - 10px);
                    box-shadow: rgba(255, 255, 255, .2) -10px -10px;
                }
@media (min-width: 1024px) {
#content section.hero.type-success-story .inner div.featured-image img, #content section.hero.type-article .inner div.featured-image img {
                        margin: 30px 0px 0px 30px;
                        width: calc(100% - 30px);
                        box-shadow: rgba(255, 255, 255, .2) -30px -30px;
                }
                    }
#content section.hero.type-success-story .inner div.featured-image img, #content section.hero.type-article .inner div.featured-image img{
    border-radius: 14px;
}
@media (min-width: 1024px){

    #content section.hero.type-success-story .inner div.featured-image img, #content section.hero.type-article .inner div.featured-image img{
        border-radius: 18px;
    }
}
#content section.hero.type-success-story .inner div.featured-image img, #content section.hero.type-article .inner div.featured-image img{;
                    max-width: none;
}
#content section.hero.type-success-story .inner{
    gap: 10px;
}
@media (min-width: 1024px){

    #content section.hero.type-success-story .inner{
        gap: 0px;
    }
}
#content section.hero.type-success-story .inner {
            /* Reduced gap in the hero */
            align-items: flex-start;
        }
#content section.hero.type-success-story .inner h1 {
                text-align: left;
            }
#content section.hero.type-success-story .inner>.post-type:before {
                    -webkit-mask-image: url(../images/post-type-success.svg?65d56f03bc6943718ebe40472fad7ac9);
                            mask-image: url(../images/post-type-success.svg?65d56f03bc6943718ebe40472fad7ac9);
                    --tw-bg-opacity: 1;
                    background-color: rgb(14 44 219 / var(--tw-bg-opacity));
                }
#content section.hero.type-success-story .inner>.post-type{

                @extend .card.post-type;
                margin-bottom: 0 !important;
}
/* Same as post or insight */
#content section.hero.type-article .inner {

            row-gap: 0px;


        }
#content section.hero.type-article .inner h1,
            #content section.hero.type-article .inner p {
                text-align: left;
                margin-bottom: 30px;
                display: block;
                width: 100%;
                max-width: none !important;
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
            }
#content section.hero.type-article .inner>.post-type:before {
                    -webkit-mask-image: url(../images/post-type-post.svg?2d5df9caa0c1b4c906aeaab17ea098dc);
                            mask-image: url(../images/post-type-post.svg?2d5df9caa0c1b4c906aeaab17ea098dc);
                    margin-right: 6px;
                    --tw-bg-opacity: 1;
                    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                }
#content section.hero.type-article .inner>.post-type{

                @extend .card.post-type;
                margin-bottom: 0 !important;
}
/* For certain backgrounds, make the text (and the post-type icon) White */
#content section.hero.bg-dark-pink #breadcrumbs, #content section.hero.bg-royal-blue #breadcrumbs{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
#content section.hero.bg-dark-pink .inner>*, #content section.hero.bg-royal-blue .inner>*{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
#content section.hero.bg-dark-pink .inner .post-type:before, #content section.hero.bg-royal-blue .inner .post-type:before{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#content section.hero.bg-light-blue .inner .hero-buttons a.hero-button-2 {
                /* @apply bg-transparent; */
                background-color: transparent;
                background-image: none;
            }
#content section.hero.bg-light-blue .inner .hero-buttons a.hero-button-2:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(6 6 46 / var(--tw-text-opacity));
}
/* Archive pages? */
.archive #content section.hero.type-standard{
    padding-top: 60px;
}
@media (min-width: 1024px){

    .archive #content section.hero.type-standard{
        padding-top: 80px;
    }
}
.archive #content section.hero.type-standard .inner{
    align-items: center !important;
}
.archive #content section.hero.type-standard .inner > *{
    text-align: center !important;
}
@media (min-width: 1024px){

    .archive #content section.hero.type-standard .inner > *{
        text-align: center !important;
    }
}
.archive #content section.hero.type-standard p {
                margin-bottom: 0
            }
.archive #content section.hero .logo {
            border-radius: 48px;
            background-color: rgb(255, 255, 255, 0.7);
            padding: 12px 24px;
        }
.home #content section.hero{
    padding-top: 120px;
    padding-bottom: 100px;
}
@media (min-width: 1024px){

    .home #content section.hero{
        padding-top: 120px;
        padding-bottom: 80px;
    }
}
.home #content section.hero .inner{
    align-items: center;
}
@media (min-width: 1024px){

    .home #content section.hero .inner{
        align-items: center;
    }
}
.home #content section.hero .inner>*{
    text-align: center !important;
}
@media (min-width: 1024px){

    .home #content section.hero .inner>*{
        text-align: center;
    }
}
.home #content section.hero .inner .hero-buttons{
    align-items: center;
}
#content section.columns{
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (min-width: 1024px){

    #content section.columns{
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
#content section.columns .inner{
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding-top: 0px;
    padding-bottom: 0px;
}
@media (min-width: 1024px){

    #content section.columns .inner{
        gap: 100px;
    }
}
#content section.columns .inner {
    max-width: 920px;
    /* TODO Check this */
}
#content section.columns .inner .row{
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
}
@media (min-width: 1024px){

    #content section.columns .inner .row{
        flex-direction: row;
        gap: 80px;
    }
}
#content section.columns .inner .row {
    align-items: center;
}
#content section.columns .inner .row .column {
    flex-grow: 0;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
}
#content section.columns .inner .row .column:nth-of-type(1) {
        /* Text column */
        padding: 0px;
    }
@media (min-width: 1024px){

    #content section.columns .inner .row .column:nth-of-type(1){
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
#content section.columns .inner .row .column:nth-of-type(2) {
        align-items: flex-end;

    }
#content section.columns .inner .row .column img{
    border-radius: 14px;
}
@media (min-width: 1024px){

    #content section.columns .inner .row .column img{
        border-radius: 18px;
    }
}
#content section.columns .inner .row .column img {
        margin: 0 -10px 0 0;
    }
@media (min-width: 1024px) {
#content section.columns .inner .row .column img {
            margin: 0 10px 0 0
    }
        }
#content section.columns .inner .row.odd{
    flex-direction: column-reverse;
}
@media (min-width: 1024px){

    #content section.columns .inner .row.odd{
        flex-direction: row-reverse;
    }
}
#content section.columns .inner .row.even .column img {
        margin: 0 0 0 10px;
    }
#content section.columns .inner .row.even .column:nth-of-type(2) {
        align-items: flex-start;    
    }
@media (min-width: 1024px) {
#content section.columns .inner .row.even .column:nth-of-type(2) {
            align-items: flex-end    
    }
        }
/* Links as buttons */
#content section.columns a {
    display: inline-block;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    padding: 8px 24px;
    white-space: nowrap;
    font-weight: bold;
    border: 2px solid rgb(6, 6, 46);
    transition: all .35s cubic-bezier(0.22, 0.61, 0.36, 1);
    border-radius: 30px;
}
#content section.columns a.brn-primary,#content section.columns a.btn-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
#content section.columns a,
.btn#content section.columns a{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
#content section.columns a.brn-primary,#content section.columns a.btn-primary {
    /* background-size: cover !important; */
    /* background-image: url('../svg/btn_bg.svg'); */
    background-image: linear-gradient(to right, white 50%, rgb(8, 4, 78) 50%);
    background-size: 203% 100%;
    /* background-size: cover !important; */
    background-position: right bottom;
    /* background-image: url('../svg/btn_bg.svg'); */
    background-repeat: no-repeat;
}
#content section.columns a,
.btn#content section.columns a {
    /* background-size: cover !important; */
    /* background-image: url('../svg/btn_bg.svg'); */
    background-image: linear-gradient(to right, white 50%, rgb(8, 4, 78) 50%);
    background-size: 203% 100%;
    /* background-size: cover !important; */
    background-position: right bottom;
    /* background-image: url('../svg/btn_bg.svg'); */
    background-repeat: no-repeat;
}
#content section.columns a.brn-primary:hover,#content section.columns a.btn-primary:hover {
        /* background-position: -300% bottom; */
        /* background-position: -300% bottom; */
        background-position: left bottom;
    }
#content section.columns a:hover, .btn#content section.columns a:hover {
        /* background-position: -300% bottom; */
        /* background-position: -300% bottom; */
        background-position: left bottom;
    }
#content section.columns a.brn-primary:hover,#content section.columns a.btn-primary:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
#content section.columns a:hover, .btn#content section.columns a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
#content section.columns a.brn-primary:focus,#content section.columns a.brn-primary:active,#content section.columns a.btn-primary:focus,#content section.columns a.btn-primary:active {
        outline-color: #fff;
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.columns a:focus,#content section.columns a:active, .btn#content section.columns a:focus, .btn#content section.columns a:active {
        outline-color: #fff;
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.columns a.btn-secondary {
    background: linear-gradient(to right, rgb(8, 4, 78) 50%, white 50%);
    background-size: 202% 100%;
    background-position: right bottom;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
#content section.columns a.btn-secondary:hover {
        background-position: left bottom;
        --tw-bg-opacity: 1;
        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
#content section.columns a.btn-secondary:focus,#content section.columns a.btn-secondary:active {
        outline-color: rgb(8, 4, 78);
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.columns a.btn.btn-primary.btn-right-arrow {
    /* Header contact button */
    padding: 6px 20px;
}
.btn.btn#content section.columns a.btn-right-arrow {
    /* Header contact button */
    padding: 6px 20px;
}
@media (min-width: 1024px) {
        #content section.columns a.btn.btn-primary.btn-right-arrow:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 14px;
            margin-left: 10px;
            -webkit-mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            background-size: cover;
        }
        .btn.btn#content section.columns a.btn-right-arrow:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 14px;
            margin-left: 10px;
            -webkit-mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            background-size: cover;
        }
        #content section.columns a.btn.btn-primary.btn-right-arrow:after{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
        .btn.btn#content section.columns a.btn-right-arrow:after{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
    }
#content section.columns a.btn.btn-primary.btn-right-arrow:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
.btn.btn#content section.columns a.btn-right-arrow:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
#content section.columns a.btn.btn-secondary.btn-directions {
    /* Header contact button */
    padding: 6px 20px;
}
#content section.columns a.btn.btn-secondary.btn-directions:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 14px;
        margin-left: 10px;
        -webkit-mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        background-size: cover;
        --tw-bg-opacity: 1;
        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    }
#content section.columns a.btn.btn-secondary.btn-directions:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#content section.services .vertical-slider #content section.columns a.btn-secondary {
            border: 2px solid #fff;
        }
#content section.columns a:focus, #content section.columns a:active {
        outline-color: rgb(8, 4, 78);
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.columns a{
    margin-top: 20px;
}
/* Offset background colours
TODO check these colurs - maybe use primaries? */
#content section.columns .inner .row .column img {
        box-shadow: -15px -15px;

    }
@media (min-width: 1024px) {
#content section.columns .inner .row .column img {
            box-shadow: -30px -30px

    }
        }
#content section.columns .inner .row:nth-of-type(1) .column img {
        /* Light pink @ 20% FE9CD% */
        color: rgba(254, 156, 213, .20);
    }
#content section.columns .inner .row:nth-of-type(2) .column img {
        /* Light blue @ 100% 98C1FC */
        color: rgba(152, 193, 252, 1);
    }
#content section.columns .inner .row:nth-of-type(3) .column img {
        /* Light green @ 20% A4ED15 */
        color: rgba(78, 237, 21, .20);
    }
#content section.columns .inner .row:nth-of-type(4) .column img {
        /* Light purple @ 20% D29CFF */
        color: rgba(210, 156, 255, .20);
    }
/* Components/Generic content */
#content section.generic-content {
    background-size: cover;
    background-position: 50% 50%;

}
#content section.generic-content .inner{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (min-width: 1024px){

    #content section.generic-content .inner{
        gap: 0px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
/* TODO Width of inner depends on breakpoints */
/* max-width: 1280px; */
#content section.generic-content .inner.narrow {
            max-width: 800px;
        }
#content section.generic-content .inner.fullwidth {
            /* Hack for full width empty backgrounds */
            min-height: 200px;
        }
@media (min-width: 1024px) {
#content section.generic-content .inner.fullwidth {
                min-height: 765px
        }
            }
#content section.generic-content .inner ul {
            margin-bottom: 20px;
        }
#content section.generic-content .inner span.post-date {
            text-transform: uppercase;
            padding: 2px 20px 2px 0;
            font-size: 16px;
            line-height: 130%;
            font-weight: 700;
        }
@media (min-width: 1024px){

    #content section.generic-content .inner span.post-date{
        font-weight: 500;
    }
}
#content section.generic-content .inner span.post-category {
            text-transform: uppercase;
            padding: 2px 8px;
            border-radius: 30px;
            background-color: rgba(255, 255, 255, 0.5);
            font-size: 16px;
            line-height: 130%;
            white-space: nowrap;
        }
#content section.generic-content .inner .title{
    font-size: 34px;
    line-height: 135%;
    font-weight: 700;
}
@media (min-width: 1024px){

    #content section.generic-content .inner .title{
        font-size: 48px;
        line-height: 135%;
    }
}
#content section.generic-content .inner .row.one-column {
            margin: auto;
        }
#content section.generic-content .inner .row.two-columns{
    display: flex;
    flex-direction: column;
    -moz-column-gap: 0px;
         column-gap: 0px;
    row-gap: 10px;
}
@media (min-width: 1024px){

    #content section.generic-content .inner .row.two-columns{
        flex-direction: row;
        gap: 40px;
    }
}
#content section.generic-content .inner .row.two-columns {
            align-items: center;
        }
#content section.generic-content .inner .row.two-columns .column {
                width: 100%;
            }
@media (min-width: 1024px) {

                #content section.generic-content .inner .row.two-columns .column:first-of-type {
                    width: 66%;
                    padding-right: 120px
                }

                #content section.generic-content .inner .row.two-columns .column:last-of-type {
                    width: 33%;
                }
            }
#content section.generic-content .inner .row.two-columns .column:last-of-type #toc {
                    border-left: 3px solid;
                    padding-left: 20px;

                }
#content section.generic-content .inner .row.two-columns .column:last-of-type #toc ul {
                        margin: 0 0 0px 0;
                    }
#content section.generic-content .inner .row.two-columns .column:last-of-type #toc ul li {
                            margin: 0;
                            list-style: none;
                            padding: 2px 0;
                            font-size: 16px;
                            line-height: 130%;
                            font-weight: 500;
                        }
#content section.generic-content .inner .row.two-columns .column:last-of-type #toc ul li a {
                                text-decoration: underline;
                            }
/* &:before { 
        content: '';
        display: block
    }
    &:after { 
        content: '';
        display: block
    } */
#content section.generic-content .inner h2,
        #content section.generic-content .inner h3 {
            margin-bottom: 16px;
        }
/* p>a {
            @apply btn btn-primary;

            &:focus,
            &:active {
                outline-color: rgb(8, 4, 78);
                outline-offset: -5px;
                outline-style: dashed;
                outline-width: 1px;
            }
        } */
#content section.generic-content .inner .logos p{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
            gap: 20px;
}
#content section.generic-content .inner .logos p img {
                display: block;
                flex: 0 0 calc(100% / 4);
                opacity: 0.7;
                max-height: 60px;

            }
@media (min-width: 1024px) {
#content section.generic-content .inner .logos p img {
                    flex: 1 0 calc(100% / 8);
                    max-height: 100px;

            }
                }
#content section.generic-content .inner .logos p img{

                width: auto;
}
/* In-line blockquote. See also blockquote.css for separate blockquote section */
#content section.generic-content blockquote {
        gap: 24px;
        display: flex;
        flex-direction: column;
        --tw-bg-opacity: 1;
        background-color: rgb(219 224 250 / var(--tw-bg-opacity));
        padding: 20px;

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

    #content section.generic-content blockquote{
        padding: 20px;
    }
}
#content section.generic-content blockquote {
        border-left: 3px solid royalblue;
        border-radius: 14px;

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

    #content section.generic-content blockquote{
        border-radius: 18px;
    }
}
#content section.generic-content blockquote {
        ;
        /* background-image: url('../img/blocks_background.png');
        background-size: cover;
        background-repeat: no-repeat; */
        margin-bottom: 40px;
        max-width: 600px;

    }
#content section.generic-content blockquote p {
            text-align: left;
        }
#content section.generic-content blockquote p>strong{
    font-weight: 700;
}
#content section.generic-content.darkpinkbg *{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
/** When used on Success Stories, the text in the second column of the first
* generic section should be two columns in mobile 
*/
.single-success_stories #content section.generic-content .inner .row.two-columns .column:last-child{
    -moz-columns: 2;
         columns: 2;
}
@media (min-width: 1024px){

    .single-success_stories #content section.generic-content .inner .row.two-columns .column:last-child{
        -moz-columns: 1;
             columns: 1;
    }
}
.single-success_stories #content section.generic-content .inner .row.two-columns{
    flex-direction: column;
}
@media (min-width: 1024px){

    .single-success_stories #content section.generic-content .inner .row.two-columns{
        flex-direction: row;
    }
}
/* Do not apply for subsequent generic-content blocks */
.single-success_stories #content section.generic-content~section.generic-content .inner .row.two-columns .column:last-child{
    -moz-columns: 1;
         columns: 1;
}
@media (min-width: 1024px){

    .single-success_stories #content section.generic-content~section.generic-content .inner .row.two-columns .column:last-child{
        -moz-columns: 1;
             columns: 1;
    }
}
/* Override of max content with in main content for 
* Could also use "narrow" styling */
.single-post #content section.generic-content p~h3 {
        margin-top: 48px;
    }
/* Add some (extra) padding to first generic-content block for events - this will be after the hero (and it's style declaration) and contain the event info */
.single-event #content section.hero+style+section.generic-content .inner{
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (min-width: 1024px){

    .single-event #content section.hero+style+section.generic-content .inner{
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.single-event #content section.hero+style+section.generic-content .inner .row.two-columns{
    display: flex;
}
@media (min-width: 1024px){

    .single-event #content section.hero+style+section.generic-content .inner .row.two-columns{
        display: table;
    }
}
.single-event #content section.hero+style+section.generic-content .inner .row.two-columns .column{
    display: block;
}
@media (min-width: 1024px){

    .single-event #content section.hero+style+section.generic-content .inner .row.two-columns .column{
        display: table-cell;
    }
}
.single-event #content section.hero+style+section.generic-content .inner .row.two-columns .column-2 {
                border-left: 3px solid;
            }
.single-event #content section.hero+style+section.generic-content .inner .row.two-columns .column-2 .event-info{
    padding-left: 20px;
}
@media (min-width: 1024px){

    .single-event #content section.hero+style+section.generic-content .inner .row.two-columns .column-2 .event-info{
        padding-left: 60px;
    }
}
.single-event #content section.hero+style+section.generic-content .inner .row.two-columns .column-2 .event-info p{
    font-size: 16px;
    line-height: 130%;
                        font-weight: bold;
}
.single-event #content section.hero+style+section.generic-content .inner .row.two-columns .column-2 .event-info p span.label {
                            font-weight: normal;
                        }
/* Events single column content is left aligned, not centered */
.single-event #content section.generic-content .row.one-column {
        margin: 0;
    }
#content section.logo-collection .inner{
    display: flex;
    flex-direction: column;
        gap: 40px;
}
#content section.logo-collection .inner h2, #content section.logo-collection .inner h3 {
            margin: 0 auto;
            text-align: center;
            max-width: 800px;
        }
#content section.logo-collection .inner .logos {
           display:flex;
            flex-flow: row wrap;
            justify-content:center;
            align-content:center;
            align-items:center;
            gap: 20px;

        }
#content section.logo-collection .inner .logos img {
                flex: 0 1 auto;
                width: calc(100% / 4);
                align-self:center;
                opacity: 0.7;
            }
@media  (min-width: 1024px) {
#content section.logo-collection .inner .logos img {
                    width: calc(100% / 8)
            }    
                }
#content section.logo-collection .inner .after a {
    display: inline-block;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    padding: 8px 24px;
    white-space: nowrap;
    font-weight: bold;
    border: 2px solid rgb(6, 6, 46);
    transition: all .35s cubic-bezier(0.22, 0.61, 0.36, 1);
    border-radius: 30px;
}
#content section.logo-collection .inner .after a.brn-primary,#content section.logo-collection .inner .after a.btn-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
#content section.logo-collection .inner .after a,
.btn#content section.logo-collection .inner .after a{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
#content section.logo-collection .inner .after a.brn-primary,#content section.logo-collection .inner .after a.btn-primary {
    /* background-size: cover !important; */
    /* background-image: url('../svg/btn_bg.svg'); */
    background-image: linear-gradient(to right, white 50%, rgb(8, 4, 78) 50%);
    background-size: 203% 100%;
    /* background-size: cover !important; */
    background-position: right bottom;
    /* background-image: url('../svg/btn_bg.svg'); */
    background-repeat: no-repeat;
}
#content section.logo-collection .inner .after a,
.btn#content section.logo-collection .inner .after a {
    /* background-size: cover !important; */
    /* background-image: url('../svg/btn_bg.svg'); */
    background-image: linear-gradient(to right, white 50%, rgb(8, 4, 78) 50%);
    background-size: 203% 100%;
    /* background-size: cover !important; */
    background-position: right bottom;
    /* background-image: url('../svg/btn_bg.svg'); */
    background-repeat: no-repeat;
}
#content section.logo-collection .inner .after a.brn-primary:hover,#content section.logo-collection .inner .after a.btn-primary:hover {
        /* background-position: -300% bottom; */
        /* background-position: -300% bottom; */
        background-position: left bottom;
    }
#content section.logo-collection .inner .after a:hover, .btn#content section.logo-collection .inner .after a:hover {
        /* background-position: -300% bottom; */
        /* background-position: -300% bottom; */
        background-position: left bottom;
    }
#content section.logo-collection .inner .after a.brn-primary:hover,#content section.logo-collection .inner .after a.btn-primary:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
#content section.logo-collection .inner .after a:hover, .btn#content section.logo-collection .inner .after a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
#content section.logo-collection .inner .after a.brn-primary:focus,#content section.logo-collection .inner .after a.brn-primary:active,#content section.logo-collection .inner .after a.btn-primary:focus,#content section.logo-collection .inner .after a.btn-primary:active {
        outline-color: #fff;
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.logo-collection .inner .after a:focus,#content section.logo-collection .inner .after a:active, .btn#content section.logo-collection .inner .after a:focus, .btn#content section.logo-collection .inner .after a:active {
        outline-color: #fff;
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.logo-collection .inner .after a.btn-secondary {
    background: linear-gradient(to right, rgb(8, 4, 78) 50%, white 50%);
    background-size: 202% 100%;
    background-position: right bottom;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
#content section.logo-collection .inner .after a.btn-secondary:hover {
        background-position: left bottom;
        --tw-bg-opacity: 1;
        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
#content section.logo-collection .inner .after a.btn-secondary:focus,#content section.logo-collection .inner .after a.btn-secondary:active {
        outline-color: rgb(8, 4, 78);
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.logo-collection .inner .after a.btn.btn-primary.btn-right-arrow {
    /* Header contact button */
    padding: 6px 20px;
}
.btn.btn#content section.logo-collection .inner .after a.btn-right-arrow {
    /* Header contact button */
    padding: 6px 20px;
}
@media (min-width: 1024px) {
        #content section.logo-collection .inner .after a.btn.btn-primary.btn-right-arrow:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 14px;
            margin-left: 10px;
            -webkit-mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            background-size: cover;
        }
        .btn.btn#content section.logo-collection .inner .after a.btn-right-arrow:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 14px;
            margin-left: 10px;
            -webkit-mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            background-size: cover;
        }
        #content section.logo-collection .inner .after a.btn.btn-primary.btn-right-arrow:after{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
        .btn.btn#content section.logo-collection .inner .after a.btn-right-arrow:after{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
    }
#content section.logo-collection .inner .after a.btn.btn-primary.btn-right-arrow:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
.btn.btn#content section.logo-collection .inner .after a.btn-right-arrow:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
#content section.logo-collection .inner .after a.btn.btn-secondary.btn-directions {
    /* Header contact button */
    padding: 6px 20px;
}
#content section.logo-collection .inner .after a.btn.btn-secondary.btn-directions:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 14px;
        margin-left: 10px;
        -webkit-mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        background-size: cover;
        --tw-bg-opacity: 1;
        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    }
#content section.logo-collection .inner .after a.btn.btn-secondary.btn-directions:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#content section.services .vertical-slider #content section.logo-collection .inner .after a.btn-secondary {
            border: 2px solid #fff;
        }
#content section.logo-collection .inner .after a:focus, #content section.logo-collection .inner .after a:active {
                    outline-color: rgb(8, 4, 78);
                    outline-offset: -5px;
                    outline-style: dashed;
                    outline-width: 1px;
                }
#content section.logo-collection + section.content-pull-in .inner {
            padding-top: 0 !important;
        }
/* */
#content section.testimonial{
    --tw-bg-opacity: 1;
    background-color: rgb(14 44 219 / var(--tw-bg-opacity));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    position: relative;
    min-height: 700px;
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (min-width: 1024px) {
#content section.testimonial {
        background-position: center center;
        background-size: cover
}
    }
#content section.testimonial .background-overlay {
        background-color: rgb(32, 44, 224, 0.1);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
#content section.testimonial .overlay {
        z-index: 0;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background-size: 100% auto;
        background-position: 0 70%;
        background-repeat: no-repeat;
        opacity: 1;
    }
@media (min-width: 1024px) {
#content section.testimonial .overlay {
            background-position: -100px 0;
            background-size: cover
    }
        }
body #header #content section.testimonial .inner{
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                transition: all 0.4s;
}
body.has-animation #header>#content section.testimonial .inner{
    background-color: transparent;

                /* &:hover {
                    @apply bg-white;

                } */
}
body.megamenu-open #header>#content section.testimonial .inner{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
body #header.header-scroll #content section.testimonial .inner{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0px 1px 12px rgba(0,0,0,0.15);
    --tw-shadow-colored: 0px 1px 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);
    border-radius: 14px;
}
@media (min-width: 1024px){

    body #header.header-scroll #content section.testimonial .inner{
        border-radius: 18px;
    }
}
#content section.testimonial .inner{
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
@media (min-width: 480px){

    #content section.testimonial .inner{
        max-width: 480px;
    }
}
@media (min-width: 600px){

    #content section.testimonial .inner{
        max-width: 600px;
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (min-width: 1024px){

    #content section.testimonial .inner{
        max-width: 1024px;
    }
}
@media (min-width: 1080px){

    #content section.testimonial .inner{
        max-width: 1080px;
        padding-right: 0px;
        padding-left: 0px;
    }
}
#content section.testimonial .inner{
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
}
header #content section.testimonial .inner {
        max-width: 1080px;
        /* Max width, regardless of screen size 
        Waiting to hear what we do with 1440 screens */
        padding: 0px;
    }
#content section.testimonial .inner {
        min-height: 700px;
        max-width: 1080px;

    }
@media (min-width: 1024px) {
#content section.testimonial .inner {
            min-height: 500px

    }
        }
#content section.testimonial .inner{
        position: relative;
}
#content section.testimonial .inner blockquote {

            display: flex;
            flex-direction: column;
            gap: 24px;
            width: 100%;
            padding-bottom: 60px;
        }
@media (min-width: 1024px){

    #content section.testimonial .inner blockquote{
        padding-bottom: 0px;
                width: 60%;
    }
}
#content section.testimonial .inner blockquote{
            max-width: 524px;
}
#content section.testimonial .inner blockquote p {
                text-align: left;
            }
#content section.testimonial .inner blockquote p strong {}
#content section.testimonial .inner blockquote::before {
                content: '';
                background-image: url(../images/quotes.svg?dd36a274789e9e0b5cd24a9a608b9f89);
                background-size: cover;
                background-repeat: no-repeat;
                display: block;
                height: 60px;
                width: 60px;
                color: turquoise;
            }
#content section.testimonial.right-without-quote-mark .inner {
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;
        }
#content section.testimonial.right-without-quote-mark .inner blockquote:before {
                    content: none;
                }
#content section.blockquote .inner{
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 1024px){

    #content section.blockquote .inner{
        padding-left: 0px;
        padding-right: 0px;
    }
}
#content section.blockquote .inner{
    margin-left: auto;
    margin-right: auto;
        position: relative;
        padding-bottom: 80px;
}
#content section.blockquote .inner .content {

            position: relative;
            background-position: center center;
            background-size: cover;
            --tw-shadow: 0px 4px 5px rgba(0,0,0,0.25);
            --tw-shadow-colored: 0px 4px 5px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            border-left: 5px solid #0E2CDB;
            border-radius: 14px;
        }
@media (min-width: 1024px){

    #content section.blockquote .inner .content{
        border-radius: 18px;
    }
}
#content section.blockquote .inner .content {;
            display: inline-block;
        }
#content section.blockquote .inner .content blockquote{
    display: flex;
    flex-direction: column;
    padding: 30px;
}
@media (min-width: 1024px){

    #content section.blockquote .inner .content blockquote{
        padding: 50px;
    }
}
#content section.blockquote .inner .content blockquote {
                gap: 24px;
            }
#content section.blockquote .inner .content blockquote p {
                    text-align: left;
                    font-size: 26px;
                    font-weight: 700;
                }
@media (min-width: 1024px){

    #content section.blockquote .inner .content blockquote p{
        font-size: 34px;
        line-height: 130%;
    }
}
#content section.blockquote .inner .content blockquote p>strong{
    font-weight: 700;
}
#content section.blockquote .inner .content blockquote:before {
                content: '';
                background-image: url(../images/quotes.svg?dd36a274789e9e0b5cd24a9a608b9f89);
                background-size: cover;
                background-repeat: no-repeat;
                display: block;
                height: 30px;
                width: 30px;
                color: turquoise;
            }
#content section.content-pull-in {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#content section.content-pull-in.narrow .inner, #content section.content-pull-in.content-pull-in-feature .inner {
            max-width: 900px;
        }
#content section.content-pull-in.narrow .inner h4, #content section.content-pull-in.content-pull-in-feature .inner h4 {
                margin-bottom: 10px;
            }
#content section.content-pull-in.narrow .inner p, #content section.content-pull-in.content-pull-in-feature .inner p {
                margin-bottom: 0;
            }
#content section.content-pull-in .inner{
    display: flex;
    flex-direction: column;
}
#content section.content-pull-in .inner h2 {
            text-align: center;
        }
#content section.content-pull-in .inner .row.single-pull-in{
    padding: 0px;
    padding-top: 40px;
}
@media (min-width: 1024px){

    #content section.content-pull-in .inner .row.single-pull-in{
        padding-top: 80px;
    }
}
#content section.content-pull-in .inner .row.single-pull-in{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
@media (min-width: 1024px){

    #content section.content-pull-in .inner .row.single-pull-in{
        flex-direction: row;
        gap: 50px;
    }
}
#content section.content-pull-in .inner .row.single-pull-in .column {
                flex: 0 1 50%;
            }
#content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(1) {
                    /* First column spacing */
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                }
@media (min-width: 1024px){

    #content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(1){
        gap: 20px;
    }
}
#content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(1) p {
                        /* margin: 0; */
                    }
#content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(2) {
                    position: relative;
                }
#content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(2) .image-1,
                    #content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(2) .image-2 {
                        width: 80%;
                        height: auto;
                    }
#content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(2) .image-1 img, #content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(2) .image-2 img{
    border-radius: 14px;
}
@media (min-width: 1024px){

    #content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(2) .image-1 img, #content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(2) .image-2 img{
        border-radius: 18px;
    }
}
/* the second image is absolute, so we need to add some padding 
                    to the bottom of the first image on mobile*/
#content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(2) .image-1 {
                        margin-bottom: 40px;
                    }
@media (min-width: 1024px) {
#content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(2) .image-1 {
                            margin-bottom: 0
                    }
                        }
#content section.content-pull-in .inner .row.single-pull-in .column:nth-of-type(2) .image-2 {
                        position: absolute;
                        left: 20%;
                        top: 20%;
                    }
#content section.content-pull-in .inner .row.single-pull-in p>a {
    display: inline-block;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    padding: 8px 24px;
    white-space: nowrap;
    font-weight: bold;
    border: 2px solid rgb(6, 6, 46);
    transition: all .35s cubic-bezier(0.22, 0.61, 0.36, 1);
    border-radius: 30px;
}
#content section.content-pull-in .inner .row.single-pull-in p>a.brn-primary,#content section.content-pull-in .inner .row.single-pull-in p>a.btn-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    /* background-size: cover !important; */
    /* background-image: url('../svg/btn_bg.svg'); */
    background-image: linear-gradient(to right, white 50%, rgb(8, 4, 78) 50%);
    background-size: 203% 100%;
    /* background-size: cover !important; */
    background-position: right bottom;
    /* background-image: url('../svg/btn_bg.svg'); */
    background-repeat: no-repeat;
}
#content section.content-pull-in .inner .row.single-pull-in p>a.brn-primary:hover,#content section.content-pull-in .inner .row.single-pull-in p>a.btn-primary:hover {
        /* background-position: -300% bottom; */
        /* background-position: -300% bottom; */
        background-position: left bottom;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(8 4 78 / var(--tw-text-opacity));
    }
#content section.content-pull-in .inner .row.single-pull-in p>a.brn-primary:focus,#content section.content-pull-in .inner .row.single-pull-in p>a.brn-primary:active,#content section.content-pull-in .inner .row.single-pull-in p>a.btn-primary:focus,#content section.content-pull-in .inner .row.single-pull-in p>a.btn-primary:active {
        outline-color: #fff;
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.content-pull-in .inner .row.single-pull-in p>a.btn-secondary {
    background: linear-gradient(to right, rgb(8, 4, 78) 50%, white 50%);
    background-size: 202% 100%;
    background-position: right bottom;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
#content section.content-pull-in .inner .row.single-pull-in p>a.btn-secondary:hover {
        background-position: left bottom;
        --tw-bg-opacity: 1;
        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
#content section.content-pull-in .inner .row.single-pull-in p>a.btn-secondary:focus,#content section.content-pull-in .inner .row.single-pull-in p>a.btn-secondary:active {
        outline-color: rgb(8, 4, 78);
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.content-pull-in .inner .row.single-pull-in p>a.btn.btn-primary.btn-right-arrow {
    /* Header contact button */
    padding: 6px 20px;
}
@media (min-width: 1024px) {
        #content section.content-pull-in .inner .row.single-pull-in p>a.btn.btn-primary.btn-right-arrow:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 14px;
            margin-left: 10px;
            -webkit-mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            background-size: cover;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
    }
#content section.content-pull-in .inner .row.single-pull-in p>a.btn.btn-primary.btn-right-arrow:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
#content section.content-pull-in .inner .row.single-pull-in p>a.btn.btn-secondary.btn-directions {
    /* Header contact button */
    padding: 6px 20px;
}
#content section.content-pull-in .inner .row.single-pull-in p>a.btn.btn-secondary.btn-directions:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 14px;
        margin-left: 10px;
        -webkit-mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        background-size: cover;
        --tw-bg-opacity: 1;
        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    }
#content section.content-pull-in .inner .row.single-pull-in p>a.btn.btn-secondary.btn-directions:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#content section.services .vertical-slider #content section.content-pull-in .inner .row.single-pull-in p>a.btn-secondary {
            border: 2px solid #fff;
        }
#content section.content-pull-in .inner .row.single-pull-in h4{
    font-size: 38px;
    line-height: 110%;
}
#content section.content-pull-in .inner .row.single-pull-in img {}
#content section.content-pull-in .inner .row.single-pull-in .post-type-success_stories {
                @extend .card.post-type-success_stories;
            }
#content section.content-pull-in .inner .row.single-pull-in .post-type-success_stories .post-type:before {
                    background-image: url(../images/post-type-success.svg?65d56f03bc6943718ebe40472fad7ac9);
                }
#content section.content-pull-in .inner .row.single-pull-in .post-type-post .post-type:before {
                    background-image: url(../images/post-type-post.svg?2d5df9caa0c1b4c906aeaab17ea098dc);
                }
#content section.content-pull-in.content-pull-in-single .inner{
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (min-width: 1024px){

    #content section.content-pull-in.content-pull-in-single .inner{
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
#content section.content-pull-in.content-pull-in-single .inner .row-title h2,#content section.content-pull-in.content-pull-in-single .inner .row-title h3 {
                    margin: 0 auto;
                    max-width: 800px;
                    text-align: center;
                }
#content section.content-pull-in.content-pull-in-single .carousel-on-mobile .slick-slide {
                margin: 0 5px;
                height: inherit;

            }
#content section.content-pull-in.content-pull-in-single .carousel-on-mobile .slick-slide > div, #content section.content-pull-in.content-pull-in-single .carousel-on-mobile .slick-slide > div > .column {
                    height: 100%;
                }
#content section.content-pull-in.content-pull-in-single .carousel-on-mobile .slick-slide .column{
    padding-top: 10px;
    padding-bottom: 10px;
}
@media (min-width: 1024px){

    #content section.content-pull-in.content-pull-in-single .carousel-on-mobile .slick-slide .column{
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
#content section.content-pull-in.content-pull-in-single .carousel-on-mobile .slick-slide .card {
                    height: inherit;
                }
#content section.content-pull-in.team-carousel{
    --tw-bg-opacity: 1;
    background-color: rgb(14 44 219 / var(--tw-bg-opacity));
}
#content section.content-pull-in.team-carousel .inner h3{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
                text-align: center;
}
#content section.content-pull-in.team-carousel .inner .row-after *{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
#content section.content-pull-in.team-carousel .inner .row-after ul.socials {
                    display: flex;
                    list-style-type: none;
                    margin: 0 auto;
                    justify-content: center;
                    gap: 20px;

                }
#content section.content-pull-in.team-carousel .inner .row-after ul.socials li a {
                        width: 40px;
                        height: 40px;
                        padding: 0;
                        display: block;
                    }
#content section.content-pull-in.team-carousel .inner .row-after ul.socials li a svg .st0 {
                            fill: #fff;
                        }
#content section.content-pull-in.team-carousel .inner .carousel-pull-in .slick-slide:nth-child(5n + 1) .card-horizontal.post-type-teammember img{
    --tw-bg-opacity: 1;
    background-color: rgb(123 255 147 / var(--tw-bg-opacity));
}
#content section.content-pull-in.team-carousel .inner .carousel-pull-in .slick-slide:nth-child(5n + 2) .card-horizontal.post-type-teammember img{
    --tw-bg-opacity: 1;
    background-color: rgb(20 252 248 / var(--tw-bg-opacity));
}
#content section.content-pull-in.team-carousel .inner .carousel-pull-in .slick-slide:nth-child(5n + 3) .card-horizontal.post-type-teammember img{
    --tw-bg-opacity: 1;
    background-color: rgb(117 188 255 / var(--tw-bg-opacity));
}
#content section.content-pull-in.team-carousel .inner .carousel-pull-in .slick-slide:nth-child(5n + 4) .card-horizontal.post-type-teammember img{
    --tw-bg-opacity: 1;
    background-color: rgb(216 152 254 / var(--tw-bg-opacity));
}
#content section.content-pull-in.team-carousel .inner .carousel-pull-in .slick-slide:nth-child(5n + 5) .card-horizontal.post-type-teammember img{
    --tw-bg-opacity: 1;
    background-color: rgb(253 152 212 / var(--tw-bg-opacity));
}
/* Special case for contact page
    where the locations are in a 2 wide, 3 narrow grid
*/
body.page-id-48 #content section.content-pull-in-single .inner .row.single-pull-in {

                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-gap: 40px;

            }
@media (min-width: 1024px) {
body.page-id-48 #content section.content-pull-in-single .inner .row.single-pull-in {
                    
                    grid-template-columns: repeat(6, 1fr);

                    justify-content: center

            }
                    

                    body.page-id-48 #content section.content-pull-in-single .inner .row.single-pull-in .column {
                        grid-column: span 2;
                    }

                        body.page-id-48 #content section.content-pull-in-single .inner .row.single-pull-in .column .card {
                            width: 100%;
                        }

                    body.page-id-48 #content section.content-pull-in-single .inner .row.single-pull-in .column:nth-of-type(1) {
                        grid-column: span 3;
                    }

                    body.page-id-48 #content section.content-pull-in-single .inner .row.single-pull-in .column:nth-of-type(2) {
                        grid-column: span 3;
                    }
                }
/* Special case for home */
.home #content section.content-pull-in-feature .inner .row.single-pull-in{
    padding-bottom: 80px;
}
@media (min-width: 1024px){

    .home #content section.content-pull-in-feature .inner .row.single-pull-in{
        padding-bottom: 80px;
    }
}
.home #content section.content-pull-in-feature .inner .row.single-pull-in .column:nth-of-type(1) {
                        /* First column spacing */
                        gap: 10px;
                    }
.home #content section.content-pull-in-feature .inner .row.single-pull-in p.post-type-success_stories {
                    margin: 0;
                }
/* Add padding to the bottom if this is the last section before the footer  - e.g. Team page */
#content section:last-of-type.content-pull-in-feature .inner{
    padding-bottom: 40px;
}
@media (min-width: 1024px){

    #content section:last-of-type.content-pull-in-feature .inner{
        padding-bottom: 80px;
    }
}
/* If it is a success story, we fix the gaps... */
#content section:last-of-type.content-pull-in-feature .row.single-pull-in .column:nth-of-type(1){
    gap: 10px;
}
/* If we have a pull in feature and then a section with a background, we want some extra spacing */
#content section.content-pull-in-feature + section.with-background .inner{
    margin-top: 40px;
}
@media (min-width: 1024px){

    #content section.content-pull-in-feature + section.with-background .inner{
        margin-top: 80px;
    }
}
/* The content overflows the inner for these 
as the carousel should be seen outside the content area
*/
#content section.content-pull-in.content-pull-in-carousel .inner {
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 0px;
        padding-right: 0px;
    }
@media (min-width: 1024px){

    #content section.content-pull-in.content-pull-in-carousel .inner{
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
#content section.content-pull-in.content-pull-in-carousel .inner h2, #content section.content-pull-in.content-pull-in-carousel .inner h3 {
            text-align: center;
        }
#content section.content-pull-in.content-pull-in-carousel .inner .row {
            margin-bottom: 20px;
        }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .carousel.carousel.slick-slider {
                    margin: 1em -100%;
                    /* old browsers fallback */
                    margin: 1em calc(50% - 50vw);
                }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-track {
                    display: flex !important;
                }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-slide {
                    height: inherit !important;
                    margin: 0 15px;
                }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .card {
                    opacity: 0.5;
                }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .card h4 {
                        text-align: center;
                    }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .card.post-type-success_stories {
                        width: 340px;
                    }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-slide.slick-current .card {
                    opacity: 1;
                }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-arrow {
                    z-index: 4;
                    width: 50px;
                    height: 50px;
                }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-arrow:before {
                        content: "";
                        --tw-bg-opacity: 1;
                        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
                        background-position: 50% 50%;
                        background-repeat: no-repeat;
                        background-size: cover;
                        width: 50px;
                        height: 50px;
                        display: block;
                        opacity: 1 !important;
                        border-radius: 50%;
                        --tw-shadow: 0px 4px 5px rgba(0,0,0,0.25);
                        --tw-shadow-colored: 0px 4px 5px var(--tw-shadow-color);
                        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);                  
                    }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-arrow:hover:before{
    --tw-shadow: 0px 6px 12px rgba(0,0,0,0.25);
    --tw-shadow-colored: 0px 6px 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);
}
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-arrow.slick-next {
                    right: 10px;
                }
@media (min-width: 1024px) {
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-arrow.slick-next { 
                        right: calc(50% - 190px) /* Right, minus half a card, plus padding */
                }
                         }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-arrow.slick-next:before {
                        background-image: url(../images/right-arrow-icon.svg?f68aa876466b420d67df3fb5e619ed47);
                    }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-arrow.slick-prev {
                    left: 10px;
                }
@media (min-width: 1024px) {
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-arrow.slick-prev { 
                        left: calc(50% - 190px)
                } 
                    }
#content section.content-pull-in.content-pull-in-carousel .inner .row.carousel-pull-in .slick-arrow.slick-prev:before {
                        background-image: url(../images/left-arrow-icon.svg?f3baa50bf1fbdf2e624776cf79114de5);
                    }
#content section.read-more-cards {


    overflow: hidden;
}
@media (min-width: 1024px) {
#content section.read-more-cards {
        overflow: auto
}
    }
#content section.read-more-cards .inner{
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (min-width: 1024px){

    #content section.read-more-cards .inner{
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
#content section.read-more-cards .inner{
    row-gap: 10px;
}
@media (min-width: 1024px){

    #content section.read-more-cards .inner{
        row-gap: 40px;
    }
}
#content section.read-more-cards .inner h2 {
            text-align: center;
        }
#content section.read-more-cards .inner .row.columns { /* Equal width if there are 1 or 3 */ display: flex; flex-direction: column;

        }
#content section.read-more-cards .inner .row.columns.two-columns{
    flex-direction: row;
    gap: 30px;
}
#content section.read-more-cards .inner .row.columns.three-columns{
    flex-direction: row;
    gap: 30px;
}
#content section.read-more-cards .inner .row.columns .column {
                flex: 1 1;
                padding-top: 10px;
                padding-bottom: 10px;
            }
@media (min-width: 1024px){

    #content section.read-more-cards .inner .row.columns .column{
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
#content section.read-more-cards .inner .row.columns .column .card {
                    height: 100%;

                }
/* First is 66% (landscape?) if there are 2 columns */
#content section.read-more-cards .inner .row.two-columns .column:last-of-type {
                flex: 66.66%
            }
#content section.read-more-cards .inner .row.two-columns .column:first-of-type {
                flex: 33.33%;
            }
#content section.read-more-cards ~ .read-more-cards .inner {
        padding-top: 0px;
    }
/* Becomes a slider on mobile */
#content section.read-more-cards .slick-track, #content section.content-pull-in-single .slick-track{
    display: flex !important;
}
/* Add gap between the slides */
#content section.read-more-cards .slick-slide, #content section.content-pull-in-single .slick-slide {
        margin: 0 5px;
        height: inherit;
    }
#content section.read-more-cards .slick-slide > div, #content section.read-more-cards .slick-slide > div > .column, #content section.content-pull-in-single .slick-slide > div, #content section.content-pull-in-single .slick-slide > div > .column {
            height: 100%;
        }
#content section.read-more-cards .slick-list, #content section.content-pull-in-single .slick-list {
        margin: 0 -5px;
    }
#content section.read-more-cards .slick-arrow, #content section.content-pull-in-single .slick-arrow {
        z-index: 4;
        width: 40px;
        height: 40px;
    }
#content section.read-more-cards .slick-arrow:before, #content section.content-pull-in-single .slick-arrow:before {
            content: "";
            --tw-bg-opacity: 1;
            background-color: rgb(6 6 46 / var(--tw-bg-opacity));
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            width: 40px;
            height: 40px;
            display: block;
            --tw-shadow: 0px 4px 5px rgba(0,0,0,0.25);
            --tw-shadow-colored: 0px 4px 5px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 
            border-radius: 50%;
            
        }
#content section.read-more-cards .slick-arrow.slick-next, #content section.content-pull-in-single .slick-arrow.slick-next {
        right: -10px;
        top: 33%;
    }
#content section.read-more-cards .slick-arrow.slick-next:before, #content section.content-pull-in-single .slick-arrow.slick-next:before {
            background-image: url(../images/right-arrow-icon.svg?f68aa876466b420d67df3fb5e619ed47);
        }
#content section.read-more-cards .slick-arrow.slick-prev, #content section.content-pull-in-single .slick-arrow.slick-prev {
        left: -10px;
        top: 33%;
    }
#content section.read-more-cards .slick-arrow.slick-prev:before, #content section.content-pull-in-single .slick-arrow.slick-prev:before {
            background-image: url(../images/left-arrow-icon.svg?f3baa50bf1fbdf2e624776cf79114de5);
        }
/* Normal order is 
PREV LIST NEXT DOTS
We want 
PREV DOTS LIST NEXT on desktop
DOTS PREV LIST NEXT on mobile
So we make the components Flex and the dots absolute and position them to the left of the list 


*/
#content section.services {

    background-position: 50% 0%;
    background-size: auto 120%;
    overflow: hidden;
    transition: background-position 1s;
}
/* Layout */
#content section.services .inner{
    padding-top: 40px;
    padding-bottom: 60px;
}
@media (min-width: 1024px){

    #content section.services .inner{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
#content section.services .inner {
        position: relative;
    }
#content section.services .inner .mobile-link { /* Hide on desktop, show at bottom on mobile */ display: flex; justify-content: center;
        }
@media (min-width: 1024px){

    #content section.services .inner .mobile-link{
        display: none;
    }
}
#content section.services .inner .mobile-link {
            position: absolute;
            bottom: 40px;
            left: 0;
            width: 100%;
        }
#content section.services .inner .button-link { /* show on desktop, hide on mobile */ display: none;
        }
@media (min-width: 1024px){

    #content section.services .inner .button-link{
        display: block;
    }
}
#content section.services .inner .mobile-link a, #content section.services .inner .button-link a{
    display: inline-block;
}
@media (min-width: 1024px){

    #content section.services .inner .mobile-link a, #content section.services .inner .button-link a{
        display: none;
    }
}
#content section.services .inner .mobile-link a, #content section.services .inner .button-link a{
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
                padding: 8px 24px;
                white-space: nowrap;
                font-weight: bold;
                border: 2px solid #fff;
                transition: all .5s ease-out;
                border-radius: 30px;
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                background: linear-gradient(to right, rgb(8, 4, 78) 50%, white 50%);
                background-size: 203% calc(100% - 2px) !important;
                background-position: 99% bottom;
}
#content section.services .inner .mobile-link a:hover, #content section.services .inner .button-link a:hover {
                    background-position: left bottom;
                    --tw-bg-opacity: 1;
                    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
                    --tw-text-opacity: 1;
                    color: rgb(255 255 255 / var(--tw-text-opacity));
                }
#content section.services .vertical-slider .btn.btn-secondary {
            border: 2px solid #fff;
        }
#content section.services .slick-slider{
    display: flex;
    align-items: flex-start;
}
@media (min-width: 1024px){

    #content section.services .slick-slider{
        align-items: center;
    }
}
#content section.services .slick-slider {
     
        margin-bottom: 0;

    }
#content section.services .slick-slider .slick-list{
    margin-right: 3px;
}
@media (min-width: 1024px){

    #content section.services .slick-slider .slick-list{
        margin-right: 0px;
    }
}
#content section.services .slick-slider .slick-list {
            box-sizing: border-box;
        }
#content section.services .slick-slider .slick-slide>div {
            /* items wrapper*/
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 0px;
            padding-left: 0px;
        }
@media (min-width: 1024px){

    #content section.services .slick-slider .slick-slide>div{
        margin-left: 50px;
        padding-right: 80px;
        padding-left: 120px;
    }
}
#content section.services .slick-slider .slick-slide>div {
            
            /* ml-5 = Space for slick dots */
        }
#content section.services .slick-slider.current-slide-3 ul.slick-dots, #content section.services .slick-slider.current-slide-4 ul.slick-dots{
    margin-left: -100px;
}
@media (min-width: 520px){
                #content section.services .slick-slider.current-slide-3 ul.slick-dots, #content section.services .slick-slider.current-slide-4 ul.slick-dots {
                    margin-left: 20px;
                }
            }
/* Styling */
/* height: 100%; */
#content section.services .slick-slider .item .content{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 120px;
}
@media (min-width: 1024px){

    #content section.services .slick-slider .item .content{
        padding-top: 0px;
    }
}
#content section.services .slick-slider .item .content {
                justify-content: center;
                min-height: 650px;
                max-width: 600px;
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
                text-align: left;

            }
#content section.services .slick-slider .item .content h3 {
                    font-weight: normal;
                }
#content section.services .slick-slider .item .content h3 b, #content section.services .slick-slider .item .content h3 strong {
                        font-weight: 700;
                    }
#content section.services .slick-slider .item .content p {
                    @apply: text-p_large;
                    margin-bottom: 0;
                }
#content section.services .slick-slider .item .content p:last-of-type {
                    text-align: center;
                }
@media (min-width: 1024px) {
#content section.services .slick-slider .item .content p:last-of-type {
                        text-align: left
                }
                    }
/* On mobile, we use the "mobile_link" field instead so the link is hidden */
#content section.services .slick-slider .item .content p:last-of-type a{
    display: none;
}
@media (min-width: 1024px){

    #content section.services .slick-slider .item .content p:last-of-type a{
        display: inline-block;
    }
}
#content section.services .slick-slider .item .content p:last-of-type a{
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
                        padding: 8px 24px;
                        white-space: nowrap;
                        font-weight: bold;
                        border: 2px solid #fff;
                        transition: all .5s ease-out;
                        border-radius: 30px;
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                        background: linear-gradient(to right, rgb(8, 4, 78) 50%, white 50%);
                        background-size: 203% calc(100% - 2px) !important;
                        background-position: 99% bottom;
}
#content section.services .slick-slider .item .content p:last-of-type a:hover {
                            background-position: left bottom;
                            --tw-bg-opacity: 1;
                            background-color: rgb(8 4 78 / var(--tw-bg-opacity));
                            --tw-text-opacity: 1;
                            color: rgb(255 255 255 / var(--tw-text-opacity));
                        }
#content section.services .slick-slider .slick-arrow {

            font-size: 40px;
            z-index: 2;
            font-size: 0;
            line-height: 0;
            position: absolute;
            display: block;
            width: 50px;
            height: 50px;
            top: 100%;
            left: 0;
            right: 0;
            padding: 0;
            bottom: 0; 
            margin: 0;
        }
@media (min-width: 1024px) {
#content section.services .slick-slider .slick-arrow {
                top: 50%;
                position: relative
        }
            }
#content section.services .slick-slider .slick-arrow.slick-disabled {
                visibility: hidden;
            }
#content section.services .slick-slider .slick-arrow:before {
                content: "";
                background-position: 50% 50%;
                background-repeat: no-repeat;
                background-size: cover;
                width: 40px;
                height: 40px;
                display: block;
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgb(6 6 46 / var(--tw-text-opacity));
                --tw-shadow: 0px 4px 5px rgba(0,0,0,0.25);
                --tw-shadow-colored: 0px 4px 5px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                border-radius: 50%;
                margin: 0 auto;
                /* Centre in the column */
            }
#content section.services .slick-slider .slick-arrow.slick-prev:before {
                    background-image: url(../images/left-arrow-icon-purpleblack.svg?1a364fb395ab99209ec1a04c548f0dfb);
                }
#content section.services .slick-slider .slick-arrow.slick-next {
                left: calc(100% - 40px - 10px);
            }
/* width minus size of arrow, minus 10 for padding in mobile */
@media (min-width: 1024px) {
#content section.services .slick-slider .slick-arrow.slick-next {
                    left: 0
            }    
                }
#content section.services .slick-slider .slick-arrow.slick-next:before {
                    background-image: url(../images/right-arrow-icon-purpleblack.svg?c8acdac478c59a48cda7d1ee3b9a2dc8);
                }
#content section.services .slick-slider ul.slick-dots {

            position: absolute;
            /* Spacing to left of slides, but do not overlap the left/right */
            display: flex;
            flex-direction: column;
            align-items: center;
            
            /* Mobile only */
            
            width: auto;
            transform: rotate(-90deg) translateX(100px) translateY(-10px);
            transform-origin: 0 0;
            transition: margin 0.4s;
            bottom: -50px;
        }
@media (min-width: 480px){
#content section.services .slick-slider ul.slick-dots {
                bottom: -90px
        }
            }
@media (min-width: 768px){
#content section.services .slick-slider ul.slick-dots {
                bottom: -90px
        }
            }
@media (min-width: 1024px){
#content section.services .slick-slider ul.slick-dots { 
                /* Desktop only */ 
                padding-right: 0px;
                width: 80px;
                bottom: 0;
                top: 50px;
                left: 50px;
                transform: none
        }

            }
#content section.services .slick-slider ul.slick-dots li {
                display: block;
                width: 50px;
                height: 80px;
                text-align: center;
                position: relative;


            }
#content section.services .slick-slider ul.slick-dots li:first-of-type button .button-title {
                    margin-top: -20px;
                }
#content section.services .slick-slider ul.slick-dots li button {

                    width: 50px;
                    height: 50px;
                    z-index: 2;
                    display: flex;
                    align-items: center;
                    font-size: 16px;
                    line-height: 130%;
                }
@media (min-width: 1024px){

    #content section.services .slick-slider ul.slick-dots li button{
        display: block;
        font-size: 0px;
    }
}
#content section.services .slick-slider ul.slick-dots li button > .button-title {
                        transform: rotate(90deg) translateY(-70px) translateX(-20px);
                        transform-origin: 0 0;
                        font-size: 16px;
                        line-height: 130%;
                        font-weight: 500;
                        --tw-text-opacity: 1;
                        color: rgb(255 255 255 / var(--tw-text-opacity));
                            
                    }
@media (min-width: 1024px){

    #content section.services .slick-slider ul.slick-dots li button > .button-title{
        font-size: 0px;
    }
}
#content section.services .slick-slider ul.slick-dots li button > .button-title {
                        opacity: 0.8;
                            
                    }
#content section.services .slick-slider ul.slick-dots li button.end:before, #content section.services .slick-slider ul.slick-dots li button.start:before {
                            transform: scale(0.8, 0.8);
                            background-image: linear-gradient(0deg, #F273E0 0%, #F198D7 100%);
                        }
#content section.services .slick-slider ul.slick-dots li button.end:before {
                        top: -8px;
                    }
#content section.services .slick-slider ul.slick-dots li button:before {
                        font-size: 50px;
                        font-family: slick;
                        line-height: 106%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 50px;
                        height: 60px;
                        color: #EA9DDF;
                        z-index: 1;
                        opacity: 1;
                        filter: blur(0.05px);
                        background-color: #EA9DDF;
                        -webkit-background-clip: text;
                                background-clip: text;
                        background-image: linear-gradient(40deg, #EA9DDF 0%, #EC7FDC 100%);
                        background-size: 100%;
                        -webkit-text-fill-color: transparent; 
                        -moz-text-fill-color: transparent;
                        transition: all 0.2s;
                        /* Overwrite slick default */
                    }
#content section.services .slick-slider ul.slick-dots li button.prev:before, #content section.services .slick-slider ul.slick-dots li button.next:before {
                            transform: scale(1.4, 1.4);
                        }
#content section.services .slick-slider ul.slick-dots li button.prev:before {
                        background-image: linear-gradient(0deg, #F7C6E9 0%, #EA9DDF 100%);
                    }
#content section.services .slick-slider ul.slick-dots li button.next:before {
                        background-image: linear-gradient(0deg, #EA9DDF 0%, #F7C6E9 100%);
                    }
#content section.services .slick-slider ul.slick-dots li.slick-active {

                    height: 150px;
                }
/* transition: 0.2s; */
/* opacity: 1; */
#content section.services .slick-slider ul.slick-dots li.slick-active button > .button-title {
                            transform: rotate(90deg) translateY(-100px) translateX(-5px) scale(1.25, 1.25);
                            font-weight: 700;
                        }
@media (min-width: 1024px){

    #content section.services .slick-slider ul.slick-dots li.slick-active button > .button-title{
        font-size: 0px;
    }
}
#content section.services .slick-slider ul.slick-dots li.slick-active button > .button-title {
                            opacity: 1;
                        }
#content section.services .slick-slider ul.slick-dots li.slick-active button:before {
                            transform: scale(2, 2);
                            margin-top: 32px;
                            color: #F6CEEE;
                            top: -1px;
                            transition: 0.2s;
                            background-color: #F6CEEE;
                            background-image: linear-gradient(0deg, #F7D8F1 0%, #F6CEEE 50%, #F7D8F1 100%);
                        }
#content section.services .slick-slider ul.slick-dots li:not(:last-of-type):after {
                    /* Add a connector between the dots */
                    /* background-color: linear-gradient(#f7D8F1, #F6CEEE, #F7D8F1); */
                    position: absolute;
                    opacity: 1;
                    display: block;
                    content: '';
                    height: 50px;
                    width: 40px;
                    top: 34px;
                    left: calc(50% - 20px);
                    background-image: url(../images/connector.svg?bf7f8e9cd8e19e2b23befd01f682e4ca);
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: 50% 50%;
                    /* transform: top height; */
                    transition: top 0s, height 0s;
                }
#content section.services .slick-slider ul.slick-dots li.slick-active:not(:last-of-type):after {
                    top: 72px;
                    height: 100px; /* Double the height and starting point for active ones. */
                }
#content section.posts-navigation{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    background-position: 50% 50%;
    background-size: cover;
}
/* Layout */
#content section.posts-navigation .inner{
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (min-width: 1024px){

    #content section.posts-navigation .inner{
        gap: 60px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
#content section.posts-navigation .inner {
        position: relative;
        align-items: center;
    }
#content section.posts-navigation .inner .row.header-and-order{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
#content section.posts-navigation .inner .row.header-and-order>* {
                vertical-align: center;
            }
#content section.posts-navigation .inner .row.header-and-order .select-wrapper {

                position: relative;

            }
#content section.posts-navigation .inner .row.header-and-order .select-wrapper select{
    font-size: 18px;
    line-height: 130%;
                    font-weight: 500;
                    border-radius: 50px;
                    text-align: center;
                    border: 1px solid rgb(6, 6, 46);
                    padding: 8px 42px 8px 24px;
                    -webkit-appearance: none;
}
#content section.posts-navigation .inner .row.header-and-order .select-wrapper:after {
                    content: "";
                    font-family: dashicons;
                    font-weight: normal;
                    display: inline-block;
                    margin: 0;
                    vertical-align: middle;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    transform: rotate(0);
                    color: inherit;
                    position: absolute;
                    background: transparent;
                    height: auto;
                    width: auto;
                    right: 12px;
                    top: 8px;
                    line-height: inherit; 
                    pointer-events: none;
                }
#content section.posts-navigation .inner .posts-navigation-posts{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}
@media (min-width: 1024px){

    #content section.posts-navigation .inner .posts-navigation-posts{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
#content section.posts-navigation .inner .posts-navigation-posts>div>.column {
                height: 100%;
            }
#content section.posts-navigation .inner .posts-navigation-posts>div>.column .card {
                    height: 100%;
                }
#content section.posts-navigation .inner .posts-navigation-posts>div>.column .card .post-date{
    font-size: 16px;
    line-height: 130%;
    --tw-text-opacity: 1;
    color: rgb(119 119 119 / var(--tw-text-opacity));
}
/* Fix for non-insight cards, which require a full width image on the card */
#content section.posts-navigation .inner .posts-navigation-posts .card.card-vertical.post-type-post .col-1 {
                margin: -15px -15px 0px -15px;
            }
#content section.posts-navigation .inner .posts-navigation-posts .card.card-vertical.post-type-post .col-1 img {
                    max-width: 100%;
                    border-radius: 14px 14px 0 0;
                }
@media (min-width: 1024px) {
#content section.posts-navigation .inner .posts-navigation-posts .card.card-vertical.post-type-post .col-1 {
                    margin: -20px -20px 0px -20px
            }

                    #content section.posts-navigation .inner .posts-navigation-posts .card.card-vertical.post-type-post .col-1 img {

                        border-radius: 18px 18px 0 0;
                    }

                }
#content section.posts-navigation .inner .posts-navigation-pagination .nav-links{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
@media (min-width: 1024px){

    #content section.posts-navigation .inner .posts-navigation-pagination .nav-links{
        gap: 20px;
    }
}
#content section.posts-navigation .inner .posts-navigation-pagination .nav-links a,
                #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span{
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: 24px;
    line-height: 130%;
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
    --tw-shadow: 0px 4px 5px rgba(0,0,0,0.25);
    --tw-shadow-colored: 0px 4px 5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
                    width: 54px;
                    line-height: 50px;
                    border-radius: 50%;
                    text-align: center;
                    border: 2px solid rgb(6, 6, 46);
                    transition: all 0.25s;
}
#content section.posts-navigation .inner .posts-navigation-pagination .nav-links a:hover, #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0px 6px 12px rgba(0,0,0,0.25);
    --tw-shadow-colored: 0px 6px 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);
}
#content section.posts-navigation .inner .posts-navigation-pagination .nav-links a.current, #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span.current{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
#content section.posts-navigation .inner .posts-navigation-pagination .nav-links a.current:hover, #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span.current:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
#content section.posts-navigation .inner .posts-navigation-pagination .nav-links a.prev,
                    #content section.posts-navigation .inner .posts-navigation-pagination .nav-links a.next,
                    #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span.prev,
                    #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span.next {
                        color: transparent;
                        width: 44px;
                        line-height: 40px;
                        font-size: 20px;
                        --tw-bg-opacity: 1;
                        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
                        background-position: 50% 50%;
                        background-repeat: no-repeat;
                        background-size: cover;
                        margin-left: 0px;
                        margin-right: 0px;
                    }
@media (min-width: 1024px){

    #content section.posts-navigation .inner .posts-navigation-pagination .nav-links a.prev,
                    #content section.posts-navigation .inner .posts-navigation-pagination .nav-links a.next,
                    #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span.prev,
                    #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span.next{
        margin-left: 20px;
        margin-right: 20px;
    }
}
#content section.posts-navigation .inner .posts-navigation-pagination .nav-links a.prev:hover, #content section.posts-navigation .inner .posts-navigation-pagination .nav-links a.next:hover, #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span.prev:hover, #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span.next:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(36 33 98 / var(--tw-bg-opacity));
    color: transparent;
}
#content section.posts-navigation .inner .posts-navigation-pagination .nav-links a.next, #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span.next {
                        background-image: url(../images/right-arrow-icon.svg?f68aa876466b420d67df3fb5e619ed47);

                    }
#content section.posts-navigation .inner .posts-navigation-pagination .nav-links a.prev, #content section.posts-navigation .inner .posts-navigation-pagination .nav-links span.prev {
                        background-image: url(../images/left-arrow-icon.svg?f3baa50bf1fbdf2e624776cf79114de5);
                    }
#content section.posts-navigation .inner .posts-navigation-pagination .nav-links span {
                    opacity: 0.9;
                }
#content section.services-block{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    background-position: 50% 50%;
    background-size: cover;
}
/* Layout */
#content section.services-block .inner {
        max-width: 980px;
        display: flex;
        flex-direction: column;
        gap: 60px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
@media (min-width: 1024px){

    #content section.services-block .inner{
        gap: 60px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
#content section.services-block .inner {
        position: relative;
        align-items: center;
    }
#content section.services-block .inner .row.intro,
        #content section.services-block .inner .row:after {
            display: block;
        }
#content section.services-block .inner .row.intro>*, #content section.services-block .inner .row>*:after{
    text-align: center;
}
#content section.services-block .inner .row.blocks{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
}
@media (min-width: 1024px){

    #content section.services-block .inner .row.blocks{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
#content section.services-block .inner .row.blocks .column {
                /* TODO: Hard-coded for now */
                background-image: url(../images/blocks_background.png?ff9249eb57c0c70b00977081b2df935a);
                background-size: cover;
                background-position: 50% 50%;
                background-color: rgba(255,255,255,0.1);
                background-blend-mode: lighten;
                position: relative;
                display: flex;
                flex-direction: column;
                gap: 20px;
                padding: 20px;
                border-radius: 14px;
            }
@media (min-width: 1024px){

    #content section.services-block .inner .row.blocks .column{
        border-radius: 18px;
    }
}
#content section.services-block .inner .row.blocks .column {;
                position: relative;
                border: 2px solid white;
            }
/* &:before  {
                    content: '';
                    @apply: bg-white;
                    opacity: 0.5;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                } */
#content section.services-block .inner .row.blocks .column:hover {
                    border: 2px solid #F273E0;
                    --tw-shadow: 0px 1px 12px rgba(0,0,0,0.15);
                    --tw-shadow-colored: 0px 1px 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);
                }
#content section.services-block .inner .row.blocks .column img{
    border-radius: 14px;
}
@media (min-width: 1024px){

    #content section.services-block .inner .row.blocks .column img{
        border-radius: 18px;
    }
}
#content section.services-block .inner .row.blocks .column h4 {
                    display: flex;
                    align-items: flex-start;
                    gap: 30px;
                }
#content section.services-block .inner .row.after a {
    display: inline-block;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    padding: 8px 24px;
    white-space: nowrap;
    font-weight: bold;
    border: 2px solid rgb(6, 6, 46);
    transition: all .35s cubic-bezier(0.22, 0.61, 0.36, 1);
    border-radius: 30px;
}
#content section.services-block .inner .row.after a.brn-primary,#content section.services-block .inner .row.after a.btn-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    /* background-size: cover !important; */
    /* background-image: url('../svg/btn_bg.svg'); */
    background-image: linear-gradient(to right, white 50%, rgb(8, 4, 78) 50%);
    background-size: 203% 100%;
    /* background-size: cover !important; */
    background-position: right bottom;
    /* background-image: url('../svg/btn_bg.svg'); */
    background-repeat: no-repeat;
}
#content section.services-block .inner .row.after a.brn-primary:hover,#content section.services-block .inner .row.after a.btn-primary:hover {
        /* background-position: -300% bottom; */
        /* background-position: -300% bottom; */
        background-position: left bottom;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(8 4 78 / var(--tw-text-opacity));
    }
#content section.services-block .inner .row.after a.brn-primary:focus,#content section.services-block .inner .row.after a.brn-primary:active,#content section.services-block .inner .row.after a.btn-primary:focus,#content section.services-block .inner .row.after a.btn-primary:active {
        outline-color: #fff;
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.services-block .inner .row.after a.btn-secondary {
    background: linear-gradient(to right, rgb(8, 4, 78) 50%, white 50%);
    background-size: 202% 100%;
    background-position: right bottom;
}
.btn#content section.services-block .inner .row.after a {
    background: linear-gradient(to right, rgb(8, 4, 78) 50%, white 50%);
    background-size: 202% 100%;
    background-position: right bottom;
}
#content section.services-block .inner .row.after a.btn-secondary{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
.btn#content section.services-block .inner .row.after a{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
#content section.services-block .inner .row.after a.btn-secondary:hover {
        background-position: left bottom;
    }
.btn#content section.services-block .inner .row.after a:hover {
        background-position: left bottom;
    }
#content section.services-block .inner .row.after a.btn-secondary:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn#content section.services-block .inner .row.after a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
#content section.services-block .inner .row.after a.btn-secondary:focus,#content section.services-block .inner .row.after a.btn-secondary:active {
        outline-color: rgb(8, 4, 78);
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
.btn#content section.services-block .inner .row.after a:focus, .btn#content section.services-block .inner .row.after a:active {
        outline-color: rgb(8, 4, 78);
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.services-block .inner .row.after a.btn.btn-primary.btn-right-arrow {
    /* Header contact button */
    padding: 6px 20px;
}
@media (min-width: 1024px) {
        #content section.services-block .inner .row.after a.btn.btn-primary.btn-right-arrow:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 14px;
            margin-left: 10px;
            -webkit-mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            background-size: cover;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
    }
#content section.services-block .inner .row.after a.btn.btn-primary.btn-right-arrow:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
#content section.services-block .inner .row.after a.btn.btn-secondary.btn-directions {
    /* Header contact button */
    padding: 6px 20px;
}
.btn.btn#content section.services-block .inner .row.after a.btn-directions {
    /* Header contact button */
    padding: 6px 20px;
}
#content section.services-block .inner .row.after a.btn.btn-secondary.btn-directions:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 14px;
        margin-left: 10px;
        -webkit-mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        background-size: cover;
    }
.btn.btn#content section.services-block .inner .row.after a.btn-directions:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 14px;
        margin-left: 10px;
        -webkit-mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        background-size: cover;
    }
#content section.services-block .inner .row.after a.btn.btn-secondary.btn-directions:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
.btn.btn#content section.services-block .inner .row.after a.btn-directions:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
#content section.services-block .inner .row.after a.btn.btn-secondary.btn-directions:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.btn.btn#content section.services-block .inner .row.after a.btn-directions:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#content section.services .vertical-slider #content section.services-block .inner .row.after a.btn-secondary {
            border: 2px solid #fff;
        }
#content section.services .vertical-slider .btn#content section.services-block .inner .row.after a {
            border: 2px solid #fff;
        }
#content section.services-block .inner .row.after a{
    --tw-text-opacity: 1;
    color: rgb(6 6 46 / var(--tw-text-opacity));
}
#content section.services-block .inner .row.after a:focus, #content section.services-block .inner .row.after a:active {
                    outline-color: rgb(255, 255, 255);
                    outline-offset: -5px;
                    outline-style: dashed;
                    outline-width: 1px;
                }
.archive #content section.services-block .inner .row.blocks .column{
    padding: 20px;
}
@media (min-width: 1024px){

    .archive #content section.services-block .inner .row.blocks .column{
        padding: 40px;
    }
}
.archive #content section.content-pull-in-feature ~ section.services-block .inner{
    padding-top: 80px;
}
#content section.contact-block {
    background-size: cover;
    background-position: 50% 50%;

}
#content section.contact-block .inner{
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (min-width: 1024px){

    #content section.contact-block .inner{
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
#content section.contact-block .inner .row{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
@media (min-width: 1024px){

    #content section.contact-block .inner .row{
        flex-direction: row;
        gap: 40px;
    }
}
#content section.contact-block .inner .row .column {
                flex: 0 1 50%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                text-align: left;
            }
#content section.contact-block .inner .row .column:first-of-type{
    padding-right: 0px;
}
@media (min-width: 1024px){

    #content section.contact-block .inner .row .column:first-of-type{
        padding-right: 120px;
    }
}
#content section.contact-block .inner .row .column:first-of-type h3{
    padding-bottom: 10px;
}
@media (min-width: 1024px){

    #content section.contact-block .inner .row .column:first-of-type h3{
        padding-bottom: 40px;
    }
}
#content section.contact-block .inner .row .column:first-of-type .location-block {
                        width: 100%;
                        margin: 20px 0;
                        position: relative;
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                        --tw-shadow: 0px 1px 12px rgba(0,0,0,0.15);
                        --tw-shadow-colored: 0px 1px 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);
                        border-radius: 14px;
                    }
@media (min-width: 1024px){

    #content section.contact-block .inner .row .column:first-of-type .location-block{
        border-radius: 18px;
    }
}
#content section.contact-block .inner .row .column:first-of-type .location-block {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;
                        padding: 20px;
                    }
/* Copied from cards.css */
#content section.contact-block .inner .row .column:first-of-type .location-block .location-address {
                            display: flex;
                            align-items: center;
                            gap: 6px;
                            text-decoration: underline;
                        }
#content section.contact-block .inner .row .column:first-of-type .location-block .location-address:before {
                                content: '';
                                --tw-bg-opacity: 1;
                                background-color: rgb(6 6 46 / var(--tw-bg-opacity));
                                -webkit-mask-image: url(../images/location2.svg?02f23938a59589c56708e94802331119);
                                        mask-image: url(../images/location2.svg?02f23938a59589c56708e94802331119);
                                height: 21px;
                                width: 21px;
                                background-repeat: no-repeat;
                                background-size: cover;
                                display: block;
                                flex-shrink: 0;
                            }
#content section.contact-block .inner .row .column:first-of-type .location-block .location-telephone {
                            display: flex;
                            gap: 6px;
                            align-items: center;
                        }
#content section.contact-block .inner .row .column:first-of-type .location-block .location-telephone:before {
                                content: '';
                                --tw-bg-opacity: 1;
                                background-color: rgb(6 6 46 / var(--tw-bg-opacity));
                                -webkit-mask-image: url(../images/phone.svg?e2943daef4f7f54e4d98f03911bc1157);
                                mask-image: url(../images/phone.svg?e2943daef4f7f54e4d98f03911bc1157);
                                height: 15px;
                                width: 15px;
                                background-repeat: no-repeat;
                                background-size: cover;
                                display: inline-block;
                                margin-right: 5px;
                            }
#content section.contact-block .inner .row .column:first-of-type .location-block a {
                            text-decoration: underline;
                        }
#content section.contact-block .inner .row .column ul li {
                    margin-top: 20px
                }
/* If the content block section is instead of a hero, style it as one */
#content section:first-of-type.contact-block{
    padding-top: 80px;
    padding-bottom: 80px;
}
@media (min-width: 1080px){

    #content section:first-of-type.contact-block{
        padding-top: 160px;
        padding-bottom: 160px;
        padding-left: 120px;
        padding-right: 120px;
    }
}
#content section:first-of-type.contact-block .inner{
    padding-top: 60px;
}
#content section:first-of-type.contact-block .inner .title {
                width: 100%;
                flex: 100%;
                padding-top: 80px;
                padding-bottom: 80px;
                text-align: left;
                font-size: 38px;
                line-height: 105%;
                font-weight: 700;
                
            }
@media (min-width: 1024px){

    #content section:first-of-type.contact-block .inner .title{
        text-align: center;
        font-size: 68px;
        line-height: 105%;
    }
}
#content section.accordion{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (min-width: 1024px){

    #content section.accordion{
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
/*  This is a hack
    * Setting the class on the technologies is not working.
    * It seems like the first and second call of accordion.php 
    * has the ACF field values, even though it should be empty.
    */
#content section.accordion.accordion-technologies~.accordion-technologies {
        padding: 0;
    }
#content section.accordion .inner {
        margin: 0 auto;
    }
#content section.accordion .inner h2 {
            text-align: center;
        }
#content section.accordion .inner .accordiongroup {
            margin-top: 40px;
            display: flex;
        }
#content section.accordion .inner .accordiongroup ul {
                margin-left: 0;
            }
#content section.accordion .inner .accordiongroup ul li {
                    list-style-type: none;
                    background: url(../images/list_marker_purpleblack.svg?9cef94740aec57c6e0fcc50734d40e69) left -2px no-repeat;
                    background-size: 24px auto;
                    padding-left: 28px;
                    font-size: 16px;
                    line-height: 150%;
                }
#content section.accordion .inner .bg-rgreen{
    --tw-bg-opacity: 1;
    background-color: rgb(123 255 147 / var(--tw-bg-opacity));
}
#content section.accordion .inner .bg-rpink{
    --tw-bg-opacity: 1;
    background-color: rgb(253 152 212 / var(--tw-bg-opacity));
}
#content section.accordion .inner .bg-rblue{
    --tw-bg-opacity: 1;
    background-color: rgb(117 188 255 / var(--tw-bg-opacity));
}
#content section.accordion .inner .bg-rlightblue{
    --tw-bg-opacity: 1;
    background-color: rgb(20 252 248 / var(--tw-bg-opacity));
}
#content section.accordion .inner .bg-rpurple{
    --tw-bg-opacity: 1;
    background-color: rgb(216 152 254 / var(--tw-bg-opacity));
}
#content section.accordion.accordion-horizontal .accordiongroup {
            gap: 1px;
            display: flex;
            flex-direction: column;

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

    #content section.accordion.accordion-horizontal .accordiongroup{
        flex-direction: row;
        gap: 0px;
    }
}
#content section.accordion.accordion-horizontal .item {
            float: left;
            /* height: auto; */
            border-radius: 18px;
            padding: 10px;

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

    #content section.accordion.accordion-horizontal .item{
        padding: 0px;
    }
}
#content section.accordion.accordion-horizontal .item {
            cursor: pointer;
            position: relative;
            width: 100% !important;

        }
@media (min-width: 1024px) {
#content section.accordion.accordion-horizontal .item {
                width: 10% !important;
                border: 1px solid #fff

        }
            }
#content section.accordion.accordion-horizontal .item.active{
    display: none;
}
#content section.accordion.accordion-horizontal .item .title-text {
                /* Stretch the text to cover the parent item */
                display: flex;
                justify-content: space-between;

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

    #content section.accordion.accordion-horizontal .item .title-text{
        display: block;
    }
}
#content section.accordion.accordion-horizontal .item .title-text {
                position: relative;

            }
@media (min-width: 1024px) {
#content section.accordion.accordion-horizontal .item .title-text {
                    position: absolute

            }
                }
#content section.accordion.accordion-horizontal .item .title-text{

                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                padding-left: 0;
                transition: transform 0.5s;
}
#content section.accordion.accordion-horizontal .item .title-text h5.title-text-label {
                    /* Position at the bottom, centered l-r, with some padding */
                    font-size: 26px;
                    line-height: 130%;
                    font-weight: 700;
                    position: relative;
                    transition: none;
                }
/* -webkit-transform: rotate(-90deg); */
/* -moz-transform: rotate(-90deg); */
@media (min-width: 1024px) {
#content section.accordion.accordion-horizontal .item .title-text h5.title-text-label {
                        transform: rotate(-90deg);
                        position: absolute;
                        bottom: 80px;
                        left: 0;
                        right: 0
                }
                    }
#content section.accordion.accordion-horizontal .item .title-text .title-text-arrow {
                    /* Position at the bottom, centered l-r, with some padding */
                    position: relative;
                    transform: rotate(-90deg) translateY(-15px);
                }
@media (min-width: 1024px) {
#content section.accordion.accordion-horizontal .item .title-text .title-text-arrow {
                        position: absolute;
                        left: calc(50% - 7.5px);
                        right: 0;
                        top: 20px;
                        transform: none;
                }
                    }
#content section.accordion.accordion-horizontal .item .title-text .title-text-arrow{

                    text-align: center;
                    width: 15px;
                    height: 30px;
                    background-image: url(../images/arrow.svg?f7940e4fcfff2dfdb7a9c4f893db09df);
                    background-size: cover;
                    background-repeat: no-repeat;
}
#content section.accordion.accordion-horizontal .info {
            float: left;
            display: block;



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

    #content section.accordion.accordion-horizontal .info{
        display: none;
    }
}
#content section.accordion.accordion-horizontal .info {

            /* On mobile, set the max height to 0. It will then transition to 100%; */

            max-height: 0;



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

    #content section.accordion.accordion-horizontal .info{
        max-height: 100%;
    }
}
#content section.accordion.accordion-horizontal .info {
            transition: max-height 1s ease-in-out;
            color: #222;
            /* height: auto; */
            border-radius: 14px;



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

    #content section.accordion.accordion-horizontal .info{
        border-radius: 18px;
    }
}
/* sm:max-md:!w-100; not working for some reason */
@media not all and (min-width: 640px) {
#content section.accordion.accordion-horizontal .info {
                width: 100% !important



        }
            }
#content section.accordion.accordion-horizontal .info{

            overflow: hidden;
}
@media (min-width: 1024px) {
#content section.accordion.accordion-horizontal .info {
                border: 1px solid white



        }
            }
#content section.accordion.accordion-horizontal .info .content{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}
@media (min-width: 1024px){

    #content section.accordion.accordion-horizontal .info .content{
        gap: 20px;
        padding: 40px;
    }
}
#content section.accordion.accordion-horizontal .info .content {
                transition: opacity 0.3s;
                position: relative;

            }
#content section.accordion.accordion-horizontal .info .content a {
    display: inline-block;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    padding: 8px 24px;
    white-space: nowrap;
    font-weight: bold;
    border: 2px solid rgb(6, 6, 46);
    transition: all .35s cubic-bezier(0.22, 0.61, 0.36, 1);
    border-radius: 30px;
}
#content section.accordion.accordion-horizontal .info .content a.brn-primary,#content section.accordion.accordion-horizontal .info .content a.btn-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    /* background-size: cover !important; */
    /* background-image: url('../svg/btn_bg.svg'); */
    background-image: linear-gradient(to right, white 50%, rgb(8, 4, 78) 50%);
    background-size: 203% 100%;
    /* background-size: cover !important; */
    background-position: right bottom;
    /* background-image: url('../svg/btn_bg.svg'); */
    background-repeat: no-repeat;
}
#content section.accordion.accordion-horizontal .info .content a.brn-primary:hover,#content section.accordion.accordion-horizontal .info .content a.btn-primary:hover {
        /* background-position: -300% bottom; */
        /* background-position: -300% bottom; */
        background-position: left bottom;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(8 4 78 / var(--tw-text-opacity));
    }
#content section.accordion.accordion-horizontal .info .content a.brn-primary:focus,#content section.accordion.accordion-horizontal .info .content a.brn-primary:active,#content section.accordion.accordion-horizontal .info .content a.btn-primary:focus,#content section.accordion.accordion-horizontal .info .content a.btn-primary:active {
        outline-color: #fff;
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.accordion.accordion-horizontal .info .content a.btn-secondary {
    background: linear-gradient(to right, rgb(8, 4, 78) 50%, white 50%);
    background-size: 202% 100%;
    background-position: right bottom;
}
.btn#content section.accordion.accordion-horizontal .info .content a {
    background: linear-gradient(to right, rgb(8, 4, 78) 50%, white 50%);
    background-size: 202% 100%;
    background-position: right bottom;
}
#content section.accordion.accordion-horizontal .info .content a.btn-secondary{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
.btn#content section.accordion.accordion-horizontal .info .content a{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
#content section.accordion.accordion-horizontal .info .content a.btn-secondary:hover {
        background-position: left bottom;
    }
.btn#content section.accordion.accordion-horizontal .info .content a:hover {
        background-position: left bottom;
    }
#content section.accordion.accordion-horizontal .info .content a.btn-secondary:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn#content section.accordion.accordion-horizontal .info .content a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
#content section.accordion.accordion-horizontal .info .content a.btn-secondary:focus,#content section.accordion.accordion-horizontal .info .content a.btn-secondary:active {
        outline-color: rgb(8, 4, 78);
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
.btn#content section.accordion.accordion-horizontal .info .content a:focus, .btn#content section.accordion.accordion-horizontal .info .content a:active {
        outline-color: rgb(8, 4, 78);
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
#content section.accordion.accordion-horizontal .info .content a.btn.btn-primary.btn-right-arrow {
    /* Header contact button */
    padding: 6px 20px;
}
@media (min-width: 1024px) {
        #content section.accordion.accordion-horizontal .info .content a.btn.btn-primary.btn-right-arrow:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 14px;
            margin-left: 10px;
            -webkit-mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            background-size: cover;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
    }
#content section.accordion.accordion-horizontal .info .content a.btn.btn-primary.btn-right-arrow:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
#content section.accordion.accordion-horizontal .info .content a.btn.btn-secondary.btn-directions {
    /* Header contact button */
    padding: 6px 20px;
}
.btn.btn#content section.accordion.accordion-horizontal .info .content a.btn-directions {
    /* Header contact button */
    padding: 6px 20px;
}
#content section.accordion.accordion-horizontal .info .content a.btn.btn-secondary.btn-directions:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 14px;
        margin-left: 10px;
        -webkit-mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        background-size: cover;
    }
.btn.btn#content section.accordion.accordion-horizontal .info .content a.btn-directions:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 14px;
        margin-left: 10px;
        -webkit-mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        background-size: cover;
    }
#content section.accordion.accordion-horizontal .info .content a.btn.btn-secondary.btn-directions:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
.btn.btn#content section.accordion.accordion-horizontal .info .content a.btn-directions:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
#content section.accordion.accordion-horizontal .info .content a.btn.btn-secondary.btn-directions:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.btn.btn#content section.accordion.accordion-horizontal .info .content a.btn-directions:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#content section.services .vertical-slider #content section.accordion.accordion-horizontal .info .content a.btn-secondary {
            border: 2px solid #fff;
        }
#content section.services .vertical-slider .btn#content section.accordion.accordion-horizontal .info .content a {
            border: 2px solid #fff;
        }
#content section.accordion.accordion-horizontal .info .content a {
                    color: inherit;
                }
#content section.accordion.accordion-horizontal .info .content a:focus,
                    #content section.accordion.accordion-horizontal .info .content a:active {
                        outline-color: rgb(8, 4, 78);
                        outline-offset: -5px;
                        outline-style: dashed;
                        outline-width: 1px;
                    }
#content section.accordion.accordion-horizontal .info .content h3 {
                    font-weight: normal;
                }
#content section.accordion.accordion-horizontal .info .content h3 strong {
                        font-weight: bold;
                    }
/** Don't need arrow on closed item in mobile */
#content section.accordion.accordion-horizontal .info .content:after {
                    /* Top right on mobile */
                    content: none;
                    position: absolute;
                    text-align: center;
                    right: 25px;
                    top: 10px;
                    width: 15px;
                    height: 30px;
                    background-image: url(../images/arrow.svg?f7940e4fcfff2dfdb7a9c4f893db09df);
                    background-size: cover;
                    background-repeat: no-repeat;
                    transform: rotate(-90deg);
                }
@media (min-width: 1024px) {
#content section.accordion.accordion-horizontal .info .content:after {
                        content: none
                        /* Not shown on desktop */
                }
                    }
#content section.accordion.accordion-horizontal .info.active{
    display: block;
    max-height: 500px;
}
@media (min-width: 1024px){

    #content section.accordion.accordion-horizontal .info.active{
        max-height: 100%;
    }
}
#content section.accordion.accordion-horizontal .info.active {
                margin-bottom: 1px;
            }
@media (min-width: 1024px){

    #content section.accordion.accordion-horizontal .info.active{
        margin-bottom: 0px;
    }
}
#content section.accordion.accordion-horizontal .info.active {
                transition: max-height 1s ease-in-out;
            }
#content section.accordion.accordion-horizontal .info.active .content {
                    opacity: 1;
                }
#content section.accordion.accordion-horizontal .accordionlist {
            width: 100%;
            float: none;
            /* background-color: #95a5a6; */
            border: 1px solid #7f8c8d;
            height: auto;
            line-height: 1.3;
            cursor: pointer;
        }
#content section.accordion.accordion-horizontal .accordionlist .item .content {
            display: none;
        }
@media only screen and (max-width: 600px) {
            #content section.accordion.accordion-horizontal .item {
                width: 100%;
                float: none;

            }
        }
#content section.accordion.accordion-vertical .inner {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }
#content section.accordion .accordion-technologies .item{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(250 235 247 / var(--tw-bg-opacity));
    padding: 10px;
    padding-bottom: 20px;
}
@media (min-width: 1024px){

    #content section.accordion .accordion-technologies .item{
        gap: 40px;
        padding: 20px;
    }
}
#content section.accordion .accordion-technologies .item {
            border: 2px solid #F273E0;
            margin-bottom: 10px;
            border-radius: 14px;

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

    #content section.accordion .accordion-technologies .item{
        border-radius: 18px;
    }
}
#content section.accordion .accordion-technologies .item {
            transition: all 0.3s;

        }
#content section.accordion .accordion-technologies .item.active,
            #content section.accordion .accordion-technologies .item:hover {
                background-color: #de4bd6;
                background-image: url(../images/services-bg.png?1f02b103498a75e70bf682734ad6d4d7);
                background-repeat: repeat-y;
                background-size: 100% auto;
                background-position: 0px 0px;
            }
#content section.accordion .accordion-technologies .item .col-1 {
                flex: 80px 1 0;
                align-self: flex-start;

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

    #content section.accordion .accordion-technologies .item .col-1{
        align-self: auto;
                    flex: 140px 1 0;
    }
}
#content section.accordion .accordion-technologies .item .col-1{
                height: 100%;
}
#content section.accordion .accordion-technologies .item .col-1 .image {

                    border-radius: 50%;

                    display: flex;

                    align-items: center;

                    justify-content: center;

                    --tw-bg-opacity: 1;

                    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

                    height: 80px;

                    width: 80px;

                    padding: 10px;
                }
@media (min-width: 1024px){

    #content section.accordion .accordion-technologies .item .col-1 .image{
        height: 140px;
        width: 140px;
        padding: 20px;
    }
}
#content section.accordion .accordion-technologies .item .col-1 .image img {
                        width: 80px;
                        height: auto;
                    }
#content section.accordion .accordion-technologies .item .col-2 .title{
    display: flex;
    gap: 20px;
                    align-items: center;
                    cursor: pointer;
}
#content section.accordion .accordion-technologies .item .col-2 .title .intro {
                        display: none;
                    }
/* Hidden on mobile */
@media (min-width: 1024px) {
#content section.accordion .accordion-technologies .item .col-2 .title .intro {
                            display: block;
                            opacity: 1;
                            transition: opacity 0.2s
                    }
                        }
#content section.accordion .accordion-technologies .item .col-2 .description{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#content section.accordion .accordion-technologies .item .col-3 .arrow {
                    flex: 32px 1 0;
                }
@media (min-width: 1024px) {
#content section.accordion .accordion-technologies .item .col-3 .arrow {
                        flex: 52px 1 0
                }
                    }
#content section.accordion .accordion-technologies .item .col-3 .arrow{

                    top: 0;
                    width: 32px;
                    height: 30px;
                    position: relative;
                    cursor: pointer;
                    transition: top 0.2s;
}
#content section.accordion .accordion-technologies .item .col-3 .arrow:before {
                        content: '';
                        --tw-bg-opacity: 1;
                        background-color: rgb(6 6 46 / var(--tw-bg-opacity));
                        -webkit-mask-image: url(../images/hex_plus.svg?6c26cc843f3900d622e20f3abfdb6895);
                                mask-image: url(../images/hex_plus.svg?6c26cc843f3900d622e20f3abfdb6895);
                        width: 32px;
                        height: 30px;
                        position: absolute;
                        left: 0;
                        top: 0;

                    }
#content section.accordion .accordion-technologies .item:hover .arrow:before, #content section.accordion .accordion-technologies .item.active .arrow:before{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
#content section.accordion .accordion-technologies .item:hover .title-text,
                #content section.accordion .accordion-technologies .item:hover .description,
                #content section.accordion .accordion-technologies .item.active .title-text,
                #content section.accordion .accordion-technologies .item.active .description{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
#content section.accordion .accordion-technologies .item.active .arrow {
                    top: calc(50% - 16px);
                }
#content section.accordion .accordion-technologies .item.active .arrow:before {
                        -webkit-mask-image: url(../images/hex_minus.svg?e68329219a692a6e7d9440cf47dfa1dc);
                                mask-image: url(../images/hex_minus.svg?e68329219a692a6e7d9440cf47dfa1dc);
                    }
#content section.accordion .accordion-technologies .item .content {

                max-height: 0;
                transition: max-height 0.2s;
                overflow: hidden;
            }
#content section.accordion .accordion-technologies .item .content .description .link a {
                            text-wrap: auto;
                            text-align: center;
                            border-color: #ffffff;
                        }
#content section.accordion .accordion-technologies .item.active .content {
                    max-height: 800px;
                }
#content section.image-and-list {
    background-image: url("../images/Royal Blue - Hero Background.png?8b4d1b43f528e746de961da06e5e5d21");
    background-size: cover;
}
#content section.image-and-list .inner{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media (min-width: 1024px){

    #content section.image-and-list .inner{
        gap: 40px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
#content section.image-and-list .inner {
        padding-bottom: 0;
        /* Bottom padding is in testimonial */
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
#content section.image-and-list .inner .row-title h2,
            #content section.image-and-list .inner .row-title h3,
            #content section.image-and-list .inner .row-title p {
                text-align: center;
            }
#content section.image-and-list .inner .row-title h2{
    margin-bottom: 10px;
}
#content section.image-and-list .inner .row-benefits{
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 40px;
}
@media (min-width: 1024px){

    #content section.image-and-list .inner .row-benefits{
        flex-direction: row;
    }
}
#content section.image-and-list .inner .row-benefits h3{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
                margin-bottom: 20px;
}
#content section.image-and-list .inner .row-benefits .column {
                display: flex;
                flex: 1 1 60%;
            }
#content section.image-and-list .inner .row-benefits .column ul {
                    display: flex;
                    flex-direction: column;
                    gap: 20px;
                    list-style: none;
                    margin: 0;

                }
#content section.image-and-list .inner .row-benefits .column ul li {
                        list-style-type: none;
                        /** the image will be vertically aligned in the center **/
                        background: url(../images/list_marker.svg?b85f5a658a0e9abfe5fe3a4c0db503ae) left top no-repeat;
                        /** move the text to the right **/
                        padding-left: 40px;

                    }
#content section.image-and-list .inner .row-benefits .column:first-of-type {
                flex: 1 1 40%;
                justify-content: center;
            }
#content section.image-and-list .inner .row-benefits .column:first-of-type img {
                    height: -moz-fit-content;
                    height: fit-content;
                }
#content section.image-and-list .inner .row-benefits-2{
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
}
@media (min-width: 1024px){

    #content section.image-and-list .inner .row-benefits-2{
        flex-direction: row-reverse;
    }
}
#content section.image-and-list .inner .row-benefits-2 {
            margin-bottom: 80px;
        }
/* Inherits classes from the #content section.testimonial in testimonial.css */
#content section.image-and-list .inner .row-testimonial section.testimonial {
                /* Make this full-width so it overlays the background */
                background-color: transparent !important;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
                padding-bottom: 80px;
                z-index: 0;
            }
#content section.image-and-list .inner .row-testimonial section.testimonial .overlay {
                    /* mask-image: url('../svg/cutouts/service-testimonial-mobile.svg');
                    mask-position: left bottom !important;
                    mask-size:cover; */
                    -webkit-mask: url(../images/service-testimonial-mobile.svg?1c9110efa4ea2376eb00ede23dc5a29c) bottom/cover, linear-gradient(#000 0 0);
                            mask: url(../images/service-testimonial-mobile.svg?1c9110efa4ea2376eb00ede23dc5a29c) bottom/cover, linear-gradient(#000 0 0);
                    -webkit-mask-composite: xor;
                            mask-composite: exclude;

                }
@media (min-width: 1024px) {
#content section.image-and-list .inner .row-testimonial section.testimonial .overlay {
                        -webkit-mask: url("../images/Bottom Full Width Cut Out@3x.svg?6ab95aee460039502c434ffe9e9875b5") bottom/cover, linear-gradient(#000 0 0);
                                mask: url("../images/Bottom Full Width Cut Out@3x.svg?6ab95aee460039502c434ffe9e9875b5") bottom/cover, linear-gradient(#000 0 0);
                        -webkit-mask-composite: xor;
                                mask-composite: exclude

                }
                    }
#content section.image-and-list .inner .row-testimonial section.testimonial .overlay-fade {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    z-index: 1;
                    background-color: rgba(32, 44, 224, 0.25);
                }
#content section.image-and-list .inner .row-testimonial section.testimonial .inner {
                    z-index: 2;
                }
#content section.team-members {

    background-position: 50% 50%;
    background-size: cover;
    background-color: #fff;
}
/* Layout */
#content section.team-members .inner {
        padding: 0px 0px 80px 0px;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 40px;

    }
#content section.team-members .inner h2 { 
            margin: 0 auto;
            text-align: center;
        }
#content section.team-members .inner .row.columns{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
#content section.team-members .inner .row.columns .column {
                width: 100%;
                margin: 0 10px;


            }
@media (min-width: 1024px) {
#content section.team-members .inner .row.columns .column {
                    flex: 0 0 32%;
                    width: 32%;
                    margin: 0 auto


            }
                }
#content section.team-members .inner .row.columns .column .column-inner{
    display: flex;
    flex-direction: column;
    --tw-shadow: 0px 1px 12px rgba(0,0,0,0.15);
    --tw-shadow-colored: 0px 1px 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);
    border-radius: 14px;
    padding: 10px;
}
@media (min-width: 1024px){

    #content section.team-members .inner .row.columns .column .column-inner{
        border-radius: 18px;
        padding: 20px;
    }
}
#content section.team-members .inner .row.columns .column .column-inner {;

                    gap: 10px;
                    height: 100%;
                }
#content section.team-members .inner .row.columns .column .column-inner .image{
    border-radius: 14px;
}
@media (min-width: 1024px){

    #content section.team-members .inner .row.columns .column .column-inner .image{
        border-radius: 18px;
    }
}
#content section.team-members .inner .row.columns .column .column-inner .image {
                        background-color: #ccc;
                    }
#content section.team-members .inner .row.columns .column .column-inner .image img{
    display: block;
    width: 100%;
    border-radius: 14px;
}
@media (min-width: 1024px){

    #content section.team-members .inner .row.columns .column .column-inner .image img{
        border-radius: 18px;
    }
}
#content section.team-members .inner .row.columns .column .column-inner .content {
                        height: 100%;
                    }
#content section.team-members .inner .row.columns .column .column-inner .links{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#content section.team-members .inner .row.columns .column .column-inner .links > * {
                            display: block;
                        }
#content section.team-members .inner .row.columns .column .column-inner .links .linkedin-button {

                        }
#content section.team-members .inner .row.columns .column .column-inner p.expertise {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 10px;
                    }
#content section.team-members .inner .row.columns .column .column-inner p.expertise span.expertise {
                            display: block;
                            text-transform: uppercase;
                            /* border: 1px solid #949292; */
                            font-weight: 500;
                            --tw-bg-opacity: 1;
                            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                            font-size: 16px;
                            line-height: 130%;
                            --tw-shadow: 0px 1px 12px rgba(0,0,0,0.15);
                            --tw-shadow-colored: 0px 1px 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);
                            padding: 2px 6px;
                            border-radius: 60px;
                            white-space: nowrap;

                            
                        }
#content section.team-members .inner .row.columns .column:nth-child(5n + 1) .image{
    --tw-bg-opacity: 1;
    background-color: rgb(123 255 147 / var(--tw-bg-opacity));
}
#content section.team-members .inner .row.columns .column:nth-child(5n + 2) .image{
    --tw-bg-opacity: 1;
    background-color: rgb(20 252 248 / var(--tw-bg-opacity));
}
#content section.team-members .inner .row.columns .column:nth-child(5n + 3) .image{
    --tw-bg-opacity: 1;
    background-color: rgb(117 188 255 / var(--tw-bg-opacity));
}
#content section.team-members .inner .row.columns .column:nth-child(5n + 4) .image{
    --tw-bg-opacity: 1;
    background-color: rgb(216 152 254 / var(--tw-bg-opacity));
}
#content section.team-members .inner .row.columns .column:nth-child(5n + 5) .image{
    --tw-bg-opacity: 1;
    background-color: rgb(253 152 212 / var(--tw-bg-opacity));
}
#content section.team-members .inner .row.agrid {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            /* width: 100vw; */
            position: relative;
            /* margin-left: -50vw; */
            /* left: 50%; */
            margin: 0 calc(50% - 50vw);
            gap: 20px;
        }
#content section.team-members .inner .row.agrid .inner-row {
                flex: 0 0 20%;
                display: flex;
                gap: 20px;
            }
#content section.team-members .inner .row.agrid .inner-row .column {
                    flex: 0 0 117px;
                }
@media (min-width: 1024px) {
#content section.team-members .inner .row.agrid .inner-row .column {
                        flex: 0 0 200px
                }
                    }
/* .inner-row-4 {
                margin-left: -60px;
                margin-right: 60px;
            }
            .inner-row-5 {
                margin-left: 50px;
                margin-right: -50px;
            } */
#content section.team-members .inner .row.agrid .image{
    border-radius: 14px;
}
@media (min-width: 1024px){

    #content section.team-members .inner .row.agrid .image{
        border-radius: 18px;
    }
}
#content section.team-members .inner .row.agrid .image {
                width: 117px;
                height: 117px; 

            }
#content section.team-members .inner .row.agrid .image img{
    border-radius: 14px;
}
@media (min-width: 1024px){

    #content section.team-members .inner .row.agrid .image img{
        border-radius: 18px;
    }
#content section.team-members .inner .row.agrid .image {
                    width: 200px;
                    height: 200px 

            }
}
#content section.team-members .inner .row.agrid .inner-row:nth-child(5n + 1) .image{
    --tw-bg-opacity: 1;
    background-color: rgb(123 255 147 / var(--tw-bg-opacity));
}
#content section.team-members .inner .row.agrid .inner-row:nth-child(5n + 2) .image{
    --tw-bg-opacity: 1;
    background-color: rgb(20 252 248 / var(--tw-bg-opacity));
}
#content section.team-members .inner .row.agrid .inner-row:nth-child(5n + 3) .image{
    --tw-bg-opacity: 1;
    background-color: rgb(117 188 255 / var(--tw-bg-opacity));
}
#content section.team-members .inner .row.agrid .inner-row:nth-child(5n + 4) .image{
    --tw-bg-opacity: 1;
    background-color: rgb(216 152 254 / var(--tw-bg-opacity));
}
#content section.team-members .inner .row.agrid .inner-row:nth-child(5n + 5) .image{
    --tw-bg-opacity: 1;
    background-color: rgb(253 152 212 / var(--tw-bg-opacity));
}
/* Newsletter */
#popupform {
    display: none;
    z-index: 101; /* Over the background opactiy @ z 100 */ --tw-shadow: 0px 1px 12px rgba(0,0,0,0.15); --tw-shadow-colored: 0px 1px 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);
    background-image: url("../images/Newsletter Details Modal.png?efff0387943b0873d93019b333a38c1c");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
/* TODO: Mobile */
/* background-image: url('../img/Newsletter Details Modal-1.png'); */
#popupform.active {
        display: block;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 20px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        width: 1080px;
    }
#popupform .row {
        display: flex;
        justify-content: space-between;
        gap: 100px;
        padding: 40px;
        margin: 0 auto;
        width: 100%;

    }
#popupform .row .column {
            flex: 1;
        }
#popupform .row .column:first-of-type {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
body.modalshow:before {
    content: '';
    display: block;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(6, 6, 46, 0.5);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
.frm_forms {
    width: 100%;
}
form .frm_fields_container {
        display: flex;
    }
form .frm_fields_container label, form .frm_fields_container input {
            font-size: 20px;
        }
form .frm_combo_inputs_container>*,
    form .frm_grid_container>*,
    form .frm_section_heading>*,
    form .frm_fields_container .frm_form_field,
    form .frm_fields_container>* {
        display: grid;
        grid-column: span 12 / span 12;
    }
form .frm_combo_inputs_container,
    form .frm_grid_container,
    form .frm_form_fields .frm_section_heading,
    form .frm_form_fields .frm_fields_container {
        grid-gap: 0 10px;
    }
form .frm_form_field:not(.vertical_radio) {
        margin-bottom: 10px !important;
        padding: 4px;
        border-bottom: 2px solid #242162;
        border-radius: 5px 5px 0 0 !important;
        background-color: rgba(255, 255, 255, 0.2);
    }
form .frm_form_field:not(.vertical_radio) input,
        form .frm_form_field:not(.vertical_radio) textarea {
            border-radius: 2px !important;
            background-color: transparent !important;
            border-width: 0 !important;

        }
form .frm_form_field:not(.vertical_radio) input:focus,
            form .frm_form_field:not(.vertical_radio) input:active,
            form .frm_form_field:not(.vertical_radio) input:focus-visible,
            form .frm_form_field:not(.vertical_radio) textarea:focus,
            form .frm_form_field:not(.vertical_radio) textarea:active,
            form .frm_form_field:not(.vertical_radio) textarea:focus-visible {
                border-color: transparent !important;
                box-shadow: none !important;
                outline: none;
                padding-left: 10px;
            }
form .frm_form_field:not(.vertical_radio):focus-within {
            background-color: rgba(255, 255, 255, 0.8);
        }
form .frm_radio input[type=radio],
    form .frm_checkbox input[type=checkbox] {
        -webkit-appearance: auto !important;
           -moz-appearance: auto !important;
                appearance: auto !important;
        background-color: transparent !important;
        accent-color: transparent;
        mix-blend-mode: multiply;
        margin: 10px 0;
    }
form .frm_radio label {
            display: flex;
            align-items: center;
            gap: 6px;
        }
form .frm_radio input[type=radio] {
            border: 0px;
            width: 24px;
            height: 24px;
        }
form .frm_forms .frm_message h4 {
        margin-bottom:20px
    }
form #frm_field_6_container,
    form #frm_field_20_container,
    form #frm_field_64_container {
        /* Submit button on contact forms */

        border-bottom: none;
        margin-top: 20px;
    }
form #frm_field_6_container .frm_submit button,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_6_container .frm_submit input[type=button],
        form #frm_field_20_container .frm_submit button,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_20_container .frm_submit input[type=button],
        form #frm_field_64_container .frm_submit button,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_64_container .frm_submit input[type=button] {
    display: inline-block;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    padding: 8px 24px;
    white-space: nowrap;
    font-weight: bold;
    border: 2px solid rgb(6, 6, 46);
    transition: all .35s cubic-bezier(0.22, 0.61, 0.36, 1);
    border-radius: 30px;
}
form #frm_field_6_container .frm_submit button.brn-primary,form #frm_field_6_container .frm_submit button.btn-primary,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].brn-primary,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-primary,
        form #frm_field_6_container .frm_submit input[type=button].brn-primary,
        form #frm_field_6_container .frm_submit input[type=button].btn-primary,
        form #frm_field_20_container .frm_submit button.brn-primary,
        form #frm_field_20_container .frm_submit button.btn-primary,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].brn-primary,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-primary,
        form #frm_field_20_container .frm_submit input[type=button].brn-primary,
        form #frm_field_20_container .frm_submit input[type=button].btn-primary,
        form #frm_field_64_container .frm_submit button.brn-primary,
        form #frm_field_64_container .frm_submit button.btn-primary,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].brn-primary,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-primary,
        form #frm_field_64_container .frm_submit input[type=button].brn-primary,
        form #frm_field_64_container .frm_submit input[type=button].btn-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
form #frm_field_6_container .frm_submit button,form
.btn #frm_field_6_container .frm_submit button,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit],
        form
.btn #frm_field_6_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_6_container .frm_submit input[type=button],
        form
.btn #frm_field_6_container .frm_submit input[type=button],
        form #frm_field_20_container .frm_submit button,
        form
.btn #frm_field_20_container .frm_submit button,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit],
        form
.btn #frm_field_20_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_20_container .frm_submit input[type=button],
        form
.btn #frm_field_20_container .frm_submit input[type=button],
        form #frm_field_64_container .frm_submit button,
        form
.btn #frm_field_64_container .frm_submit button,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit],
        form
.btn #frm_field_64_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_64_container .frm_submit input[type=button],
        form
.btn #frm_field_64_container .frm_submit input[type=button]{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
form #frm_field_6_container .frm_submit button.brn-primary,form #frm_field_6_container .frm_submit button.btn-primary,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].brn-primary,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-primary,
        form #frm_field_6_container .frm_submit input[type=button].brn-primary,
        form #frm_field_6_container .frm_submit input[type=button].btn-primary,
        form #frm_field_20_container .frm_submit button.brn-primary,
        form #frm_field_20_container .frm_submit button.btn-primary,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].brn-primary,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-primary,
        form #frm_field_20_container .frm_submit input[type=button].brn-primary,
        form #frm_field_20_container .frm_submit input[type=button].btn-primary,
        form #frm_field_64_container .frm_submit button.brn-primary,
        form #frm_field_64_container .frm_submit button.btn-primary,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].brn-primary,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-primary,
        form #frm_field_64_container .frm_submit input[type=button].brn-primary,
        form #frm_field_64_container .frm_submit input[type=button].btn-primary {
    /* background-size: cover !important; */
    /* background-image: url('../svg/btn_bg.svg'); */
    background-image: linear-gradient(to right, white 50%, rgb(8, 4, 78) 50%);
    background-size: 203% 100%;
    /* background-size: cover !important; */
    background-position: right bottom;
    /* background-image: url('../svg/btn_bg.svg'); */
    background-repeat: no-repeat;
}
form #frm_field_6_container .frm_submit button,form
.btn #frm_field_6_container .frm_submit button,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit],
        form
.btn #frm_field_6_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_6_container .frm_submit input[type=button],
        form
.btn #frm_field_6_container .frm_submit input[type=button],
        form #frm_field_20_container .frm_submit button,
        form
.btn #frm_field_20_container .frm_submit button,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit],
        form
.btn #frm_field_20_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_20_container .frm_submit input[type=button],
        form
.btn #frm_field_20_container .frm_submit input[type=button],
        form #frm_field_64_container .frm_submit button,
        form
.btn #frm_field_64_container .frm_submit button,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit],
        form
.btn #frm_field_64_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_64_container .frm_submit input[type=button],
        form
.btn #frm_field_64_container .frm_submit input[type=button] {
    /* background-size: cover !important; */
    /* background-image: url('../svg/btn_bg.svg'); */
    background-image: linear-gradient(to right, white 50%, rgb(8, 4, 78) 50%);
    background-size: 203% 100%;
    /* background-size: cover !important; */
    background-position: right bottom;
    /* background-image: url('../svg/btn_bg.svg'); */
    background-repeat: no-repeat;
}
form #frm_field_6_container .frm_submit button.brn-primary:hover,form #frm_field_6_container .frm_submit button.btn-primary:hover,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].brn-primary:hover,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-primary:hover,
        form #frm_field_6_container .frm_submit input[type=button].brn-primary:hover,
        form #frm_field_6_container .frm_submit input[type=button].btn-primary:hover,
        form #frm_field_20_container .frm_submit button.brn-primary:hover,
        form #frm_field_20_container .frm_submit button.btn-primary:hover,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].brn-primary:hover,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-primary:hover,
        form #frm_field_20_container .frm_submit input[type=button].brn-primary:hover,
        form #frm_field_20_container .frm_submit input[type=button].btn-primary:hover,
        form #frm_field_64_container .frm_submit button.brn-primary:hover,
        form #frm_field_64_container .frm_submit button.btn-primary:hover,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].brn-primary:hover,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-primary:hover,
        form #frm_field_64_container .frm_submit input[type=button].brn-primary:hover,
        form #frm_field_64_container .frm_submit input[type=button].btn-primary:hover {
        /* background-position: -300% bottom; */
        /* background-position: -300% bottom; */
        background-position: left bottom;
    }
form #frm_field_6_container .frm_submit button:hover,form .btn #frm_field_6_container .frm_submit button:hover,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:hover,
        form .btn #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:hover,
        form #frm_field_6_container .frm_submit input[type=button]:hover,
        form .btn #frm_field_6_container .frm_submit input[type=button]:hover,
        form #frm_field_20_container .frm_submit button:hover,
        form .btn #frm_field_20_container .frm_submit button:hover,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:hover,
        form .btn #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:hover,
        form #frm_field_20_container .frm_submit input[type=button]:hover,
        form .btn #frm_field_20_container .frm_submit input[type=button]:hover,
        form #frm_field_64_container .frm_submit button:hover,
        form .btn #frm_field_64_container .frm_submit button:hover,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:hover,
        form .btn #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:hover,
        form #frm_field_64_container .frm_submit input[type=button]:hover,
        form .btn #frm_field_64_container .frm_submit input[type=button]:hover {
        /* background-position: -300% bottom; */
        /* background-position: -300% bottom; */
        background-position: left bottom;
    }
form #frm_field_6_container .frm_submit button.brn-primary:hover,form #frm_field_6_container .frm_submit button.btn-primary:hover,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].brn-primary:hover,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-primary:hover,
        form #frm_field_6_container .frm_submit input[type=button].brn-primary:hover,
        form #frm_field_6_container .frm_submit input[type=button].btn-primary:hover,
        form #frm_field_20_container .frm_submit button.brn-primary:hover,
        form #frm_field_20_container .frm_submit button.btn-primary:hover,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].brn-primary:hover,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-primary:hover,
        form #frm_field_20_container .frm_submit input[type=button].brn-primary:hover,
        form #frm_field_20_container .frm_submit input[type=button].btn-primary:hover,
        form #frm_field_64_container .frm_submit button.brn-primary:hover,
        form #frm_field_64_container .frm_submit button.btn-primary:hover,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].brn-primary:hover,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-primary:hover,
        form #frm_field_64_container .frm_submit input[type=button].brn-primary:hover,
        form #frm_field_64_container .frm_submit input[type=button].btn-primary:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
form #frm_field_6_container .frm_submit button:hover,form .btn #frm_field_6_container .frm_submit button:hover,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:hover,
        form .btn #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:hover,
        form #frm_field_6_container .frm_submit input[type=button]:hover,
        form .btn #frm_field_6_container .frm_submit input[type=button]:hover,
        form #frm_field_20_container .frm_submit button:hover,
        form .btn #frm_field_20_container .frm_submit button:hover,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:hover,
        form .btn #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:hover,
        form #frm_field_20_container .frm_submit input[type=button]:hover,
        form .btn #frm_field_20_container .frm_submit input[type=button]:hover,
        form #frm_field_64_container .frm_submit button:hover,
        form .btn #frm_field_64_container .frm_submit button:hover,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:hover,
        form .btn #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:hover,
        form #frm_field_64_container .frm_submit input[type=button]:hover,
        form .btn #frm_field_64_container .frm_submit input[type=button]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
form #frm_field_6_container .frm_submit button.brn-primary:focus,form #frm_field_6_container .frm_submit button.brn-primary:active,form #frm_field_6_container .frm_submit button.btn-primary:focus,form #frm_field_6_container .frm_submit button.btn-primary:active,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].brn-primary:focus,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].brn-primary:active,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-primary:focus,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-primary:active,
        form #frm_field_6_container .frm_submit input[type=button].brn-primary:focus,
        form #frm_field_6_container .frm_submit input[type=button].brn-primary:active,
        form #frm_field_6_container .frm_submit input[type=button].btn-primary:focus,
        form #frm_field_6_container .frm_submit input[type=button].btn-primary:active,
        form #frm_field_20_container .frm_submit button.brn-primary:focus,
        form #frm_field_20_container .frm_submit button.brn-primary:active,
        form #frm_field_20_container .frm_submit button.btn-primary:focus,
        form #frm_field_20_container .frm_submit button.btn-primary:active,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].brn-primary:focus,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].brn-primary:active,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-primary:focus,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-primary:active,
        form #frm_field_20_container .frm_submit input[type=button].brn-primary:focus,
        form #frm_field_20_container .frm_submit input[type=button].brn-primary:active,
        form #frm_field_20_container .frm_submit input[type=button].btn-primary:focus,
        form #frm_field_20_container .frm_submit input[type=button].btn-primary:active,
        form #frm_field_64_container .frm_submit button.brn-primary:focus,
        form #frm_field_64_container .frm_submit button.brn-primary:active,
        form #frm_field_64_container .frm_submit button.btn-primary:focus,
        form #frm_field_64_container .frm_submit button.btn-primary:active,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].brn-primary:focus,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].brn-primary:active,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-primary:focus,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-primary:active,
        form #frm_field_64_container .frm_submit input[type=button].brn-primary:focus,
        form #frm_field_64_container .frm_submit input[type=button].brn-primary:active,
        form #frm_field_64_container .frm_submit input[type=button].btn-primary:focus,
        form #frm_field_64_container .frm_submit input[type=button].btn-primary:active {
        outline-color: #fff;
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
form #frm_field_6_container .frm_submit button:focus,form #frm_field_6_container .frm_submit button:active,form .btn #frm_field_6_container .frm_submit button:focus,form .btn #frm_field_6_container .frm_submit button:active,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:focus,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:active,
        form .btn #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:focus,
        form .btn #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:active,
        form #frm_field_6_container .frm_submit input[type=button]:focus,
        form #frm_field_6_container .frm_submit input[type=button]:active,
        form .btn #frm_field_6_container .frm_submit input[type=button]:focus,
        form .btn #frm_field_6_container .frm_submit input[type=button]:active,
        form #frm_field_20_container .frm_submit button:focus,
        form #frm_field_20_container .frm_submit button:active,
        form .btn #frm_field_20_container .frm_submit button:focus,
        form .btn #frm_field_20_container .frm_submit button:active,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:focus,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:active,
        form .btn #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:focus,
        form .btn #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:active,
        form #frm_field_20_container .frm_submit input[type=button]:focus,
        form #frm_field_20_container .frm_submit input[type=button]:active,
        form .btn #frm_field_20_container .frm_submit input[type=button]:focus,
        form .btn #frm_field_20_container .frm_submit input[type=button]:active,
        form #frm_field_64_container .frm_submit button:focus,
        form #frm_field_64_container .frm_submit button:active,
        form .btn #frm_field_64_container .frm_submit button:focus,
        form .btn #frm_field_64_container .frm_submit button:active,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:focus,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:active,
        form .btn #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:focus,
        form .btn #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:active,
        form #frm_field_64_container .frm_submit input[type=button]:focus,
        form #frm_field_64_container .frm_submit input[type=button]:active,
        form .btn #frm_field_64_container .frm_submit input[type=button]:focus,
        form .btn #frm_field_64_container .frm_submit input[type=button]:active {
        outline-color: #fff;
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
form #frm_field_6_container .frm_submit button.btn-secondary,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-secondary,
        form #frm_field_6_container .frm_submit input[type=button].btn-secondary,
        form #frm_field_20_container .frm_submit button.btn-secondary,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-secondary,
        form #frm_field_20_container .frm_submit input[type=button].btn-secondary,
        form #frm_field_64_container .frm_submit button.btn-secondary,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-secondary,
        form #frm_field_64_container .frm_submit input[type=button].btn-secondary {
    background: linear-gradient(to right, rgb(8, 4, 78) 50%, white 50%);
    background-size: 202% 100%;
    background-position: right bottom;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(8 4 78 / var(--tw-text-opacity));
}
form #frm_field_6_container .frm_submit button.btn-secondary:hover,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-secondary:hover,
        form #frm_field_6_container .frm_submit input[type=button].btn-secondary:hover,
        form #frm_field_20_container .frm_submit button.btn-secondary:hover,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-secondary:hover,
        form #frm_field_20_container .frm_submit input[type=button].btn-secondary:hover,
        form #frm_field_64_container .frm_submit button.btn-secondary:hover,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-secondary:hover,
        form #frm_field_64_container .frm_submit input[type=button].btn-secondary:hover {
        background-position: left bottom;
        --tw-bg-opacity: 1;
        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
form #frm_field_6_container .frm_submit button.btn-secondary:focus,form #frm_field_6_container .frm_submit button.btn-secondary:active,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-secondary:focus,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-secondary:active,
        form #frm_field_6_container .frm_submit input[type=button].btn-secondary:focus,
        form #frm_field_6_container .frm_submit input[type=button].btn-secondary:active,
        form #frm_field_20_container .frm_submit button.btn-secondary:focus,
        form #frm_field_20_container .frm_submit button.btn-secondary:active,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-secondary:focus,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-secondary:active,
        form #frm_field_20_container .frm_submit input[type=button].btn-secondary:focus,
        form #frm_field_20_container .frm_submit input[type=button].btn-secondary:active,
        form #frm_field_64_container .frm_submit button.btn-secondary:focus,
        form #frm_field_64_container .frm_submit button.btn-secondary:active,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-secondary:focus,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-secondary:active,
        form #frm_field_64_container .frm_submit input[type=button].btn-secondary:focus,
        form #frm_field_64_container .frm_submit input[type=button].btn-secondary:active {
        outline-color: rgb(8, 4, 78);
        outline-offset: -5px;
        outline-style: dashed;
        outline-width: 1px;
    }
form #frm_field_6_container .frm_submit button.btn.btn-primary.btn-right-arrow,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow,
        form #frm_field_6_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow,
        form #frm_field_20_container .frm_submit button.btn.btn-primary.btn-right-arrow,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow,
        form #frm_field_20_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow,
        form #frm_field_64_container .frm_submit button.btn.btn-primary.btn-right-arrow,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow,
        form #frm_field_64_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow {
    /* Header contact button */
    padding: 6px 20px;
}
form.btn.btn #frm_field_6_container .frm_submit button.btn-right-arrow,
        form.btn.btn #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow,
        form.btn.btn #frm_field_6_container .frm_submit input[type=button].btn-right-arrow,
        form.btn.btn #frm_field_20_container .frm_submit button.btn-right-arrow,
        form.btn.btn #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow,
        form.btn.btn #frm_field_20_container .frm_submit input[type=button].btn-right-arrow,
        form.btn.btn #frm_field_64_container .frm_submit button.btn-right-arrow,
        form.btn.btn #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow,
        form.btn.btn #frm_field_64_container .frm_submit input[type=button].btn-right-arrow {
    /* Header contact button */
    padding: 6px 20px;
}
@media (min-width: 1024px) {
        form #frm_field_6_container .frm_submit button.btn.btn-primary.btn-right-arrow:after,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow:after,
        form #frm_field_6_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow:after,
        form #frm_field_20_container .frm_submit button.btn.btn-primary.btn-right-arrow:after,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow:after,
        form #frm_field_20_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow:after,
        form #frm_field_64_container .frm_submit button.btn.btn-primary.btn-right-arrow:after,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow:after,
        form #frm_field_64_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 14px;
            margin-left: 10px;
            -webkit-mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            background-size: cover;
        }
        form.btn.btn #frm_field_6_container .frm_submit button.btn-right-arrow:after,
        form.btn.btn #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow:after,
        form.btn.btn #frm_field_6_container .frm_submit input[type=button].btn-right-arrow:after,
        form.btn.btn #frm_field_20_container .frm_submit button.btn-right-arrow:after,
        form.btn.btn #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow:after,
        form.btn.btn #frm_field_20_container .frm_submit input[type=button].btn-right-arrow:after,
        form.btn.btn #frm_field_64_container .frm_submit button.btn-right-arrow:after,
        form.btn.btn #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow:after,
        form.btn.btn #frm_field_64_container .frm_submit input[type=button].btn-right-arrow:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 14px;
            margin-left: 10px;
            -webkit-mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            mask-image: url(../images/button_arrow_right.svg?5df4e8879fea392b826362f1318b1d42);
            background-size: cover;
        }
        form #frm_field_6_container .frm_submit button.btn.btn-primary.btn-right-arrow:after,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow:after,
        form #frm_field_6_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow:after,
        form #frm_field_20_container .frm_submit button.btn.btn-primary.btn-right-arrow:after,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow:after,
        form #frm_field_20_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow:after,
        form #frm_field_64_container .frm_submit button.btn.btn-primary.btn-right-arrow:after,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow:after,
        form #frm_field_64_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow:after{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
        form.btn.btn #frm_field_6_container .frm_submit button.btn-right-arrow:after,
        form.btn.btn #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow:after,
        form.btn.btn #frm_field_6_container .frm_submit input[type=button].btn-right-arrow:after,
        form.btn.btn #frm_field_20_container .frm_submit button.btn-right-arrow:after,
        form.btn.btn #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow:after,
        form.btn.btn #frm_field_20_container .frm_submit input[type=button].btn-right-arrow:after,
        form.btn.btn #frm_field_64_container .frm_submit button.btn-right-arrow:after,
        form.btn.btn #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow:after,
        form.btn.btn #frm_field_64_container .frm_submit input[type=button].btn-right-arrow:after{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
    }
form #frm_field_6_container .frm_submit button.btn.btn-primary.btn-right-arrow:hover:after,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow:hover:after,
        form #frm_field_6_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow:hover:after,
        form #frm_field_20_container .frm_submit button.btn.btn-primary.btn-right-arrow:hover:after,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow:hover:after,
        form #frm_field_20_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow:hover:after,
        form #frm_field_64_container .frm_submit button.btn.btn-primary.btn-right-arrow:hover:after,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn.btn-primary.btn-right-arrow:hover:after,
        form #frm_field_64_container .frm_submit input[type=button].btn.btn-primary.btn-right-arrow:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
form.btn.btn #frm_field_6_container .frm_submit button.btn-right-arrow:hover:after,
        form.btn.btn #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow:hover:after,
        form.btn.btn #frm_field_6_container .frm_submit input[type=button].btn-right-arrow:hover:after,
        form.btn.btn #frm_field_20_container .frm_submit button.btn-right-arrow:hover:after,
        form.btn.btn #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow:hover:after,
        form.btn.btn #frm_field_20_container .frm_submit input[type=button].btn-right-arrow:hover:after,
        form.btn.btn #frm_field_64_container .frm_submit button.btn-right-arrow:hover:after,
        form.btn.btn #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-right-arrow:hover:after,
        form.btn.btn #frm_field_64_container .frm_submit input[type=button].btn-right-arrow:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
form #frm_field_6_container .frm_submit button.btn.btn-secondary.btn-directions,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn.btn-secondary.btn-directions,
        form #frm_field_6_container .frm_submit input[type=button].btn.btn-secondary.btn-directions,
        form #frm_field_20_container .frm_submit button.btn.btn-secondary.btn-directions,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn.btn-secondary.btn-directions,
        form #frm_field_20_container .frm_submit input[type=button].btn.btn-secondary.btn-directions,
        form #frm_field_64_container .frm_submit button.btn.btn-secondary.btn-directions,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn.btn-secondary.btn-directions,
        form #frm_field_64_container .frm_submit input[type=button].btn.btn-secondary.btn-directions {
    /* Header contact button */
    padding: 6px 20px;
}
form #frm_field_6_container .frm_submit button.btn.btn-secondary.btn-directions:after,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn.btn-secondary.btn-directions:after,
        form #frm_field_6_container .frm_submit input[type=button].btn.btn-secondary.btn-directions:after,
        form #frm_field_20_container .frm_submit button.btn.btn-secondary.btn-directions:after,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn.btn-secondary.btn-directions:after,
        form #frm_field_20_container .frm_submit input[type=button].btn.btn-secondary.btn-directions:after,
        form #frm_field_64_container .frm_submit button.btn.btn-secondary.btn-directions:after,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn.btn-secondary.btn-directions:after,
        form #frm_field_64_container .frm_submit input[type=button].btn.btn-secondary.btn-directions:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 14px;
        margin-left: 10px;
        -webkit-mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        mask-image: url(../images/button_arrow_up_right.svg?99690258e054aa7a24afcbb8d9d0e26a);
        background-size: cover;
        --tw-bg-opacity: 1;
        background-color: rgb(8 4 78 / var(--tw-bg-opacity));
    }
form #frm_field_6_container .frm_submit button.btn.btn-secondary.btn-directions:hover:after,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn.btn-secondary.btn-directions:hover:after,
        form #frm_field_6_container .frm_submit input[type=button].btn.btn-secondary.btn-directions:hover:after,
        form #frm_field_20_container .frm_submit button.btn.btn-secondary.btn-directions:hover:after,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn.btn-secondary.btn-directions:hover:after,
        form #frm_field_20_container .frm_submit input[type=button].btn.btn-secondary.btn-directions:hover:after,
        form #frm_field_64_container .frm_submit button.btn.btn-secondary.btn-directions:hover:after,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn.btn-secondary.btn-directions:hover:after,
        form #frm_field_64_container .frm_submit input[type=button].btn.btn-secondary.btn-directions:hover:after{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#content section.services .vertical-slider form #frm_field_6_container .frm_submit button.btn-secondary,#content section.services .vertical-slider 
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit].btn-secondary,#content section.services .vertical-slider 
        form #frm_field_6_container .frm_submit input[type=button].btn-secondary,#content section.services .vertical-slider 
        form #frm_field_20_container .frm_submit button.btn-secondary,#content section.services .vertical-slider 
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit].btn-secondary,#content section.services .vertical-slider 
        form #frm_field_20_container .frm_submit input[type=button].btn-secondary,#content section.services .vertical-slider 
        form #frm_field_64_container .frm_submit button.btn-secondary,#content section.services .vertical-slider 
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit].btn-secondary,#content section.services .vertical-slider 
        form #frm_field_64_container .frm_submit input[type=button].btn-secondary {
            border: 2px solid #fff;
        }
form #frm_field_6_container .frm_submit button:focus, form #frm_field_6_container .frm_submit button:active, form #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:focus, form #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:active, form #frm_field_6_container .frm_submit input[type=button]:focus, form #frm_field_6_container .frm_submit input[type=button]:active, form #frm_field_20_container .frm_submit button:focus, form #frm_field_20_container .frm_submit button:active, form #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:focus, form #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:active, form #frm_field_20_container .frm_submit input[type=button]:focus, form #frm_field_20_container .frm_submit input[type=button]:active, form #frm_field_64_container .frm_submit button:focus, form #frm_field_64_container .frm_submit button:active, form #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:focus, form #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:active, form #frm_field_64_container .frm_submit input[type=button]:focus, form #frm_field_64_container .frm_submit input[type=button]:active {
                outline-color: white;
                outline-offset: -5px;
                outline-style: dashed;
                outline-width: 1px;
            }
form #frm_field_6_container .frm_submit button,
        form #frm_field_6_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_6_container .frm_submit input[type=button],
        form #frm_field_20_container .frm_submit button,
        form #frm_field_20_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_20_container .frm_submit input[type=button],
        form #frm_field_64_container .frm_submit button,
        form #frm_field_64_container .frm_submit .frm_button_submit[type=submit],
        form #frm_field_64_container .frm_submit input[type=button]{
            font-size: 22px;
}
/* CTA button */
form #frm_field_6_container .frm_submit button:before, form #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:before, form #frm_field_6_container .frm_submit input[type=button]:before, form #frm_field_20_container .frm_submit button:before, form #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:before, form #frm_field_20_container .frm_submit input[type=button]:before, form #frm_field_64_container .frm_submit button:before, form #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:before, form #frm_field_64_container .frm_submit input[type=button]:before {
                transition: 0.4s;
                content: '';
                display: inline-block;
                width: 16px;
                height: 16px;
                margin-right: 10px;
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                -webkit-mask-image: url(../images/button_email.svg?5528fdb6c5005a93f77502ed447111ce);
                        mask-image: url(../images/button_email.svg?5528fdb6c5005a93f77502ed447111ce);
                background-size: cover;

            }
form #frm_field_6_container .frm_submit button:hover:before, form #frm_field_6_container .frm_submit .frm_button_submit[type=submit]:hover:before, form #frm_field_6_container .frm_submit input[type=button]:hover:before, form #frm_field_20_container .frm_submit button:hover:before, form #frm_field_20_container .frm_submit .frm_button_submit[type=submit]:hover:before, form #frm_field_20_container .frm_submit input[type=button]:hover:before, form #frm_field_64_container .frm_submit button:hover:before, form #frm_field_64_container .frm_submit .frm_button_submit[type=submit]:hover:before, form #frm_field_64_container .frm_submit input[type=button]:hover:before{
    --tw-bg-opacity: 1;
    background-color: rgb(8 4 78 / var(--tw-bg-opacity));
}
article>*:not(.entry-content),
.entry-content>*{
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
}
.entry-content h1, .block-editor-block-list__layout h1{
    font-size: 1.5rem;
    line-height: 2rem;
}
.entry-content h2, .block-editor-block-list__layout h2{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.entry-content h3, .block-editor-block-list__layout h3{
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.entry-content p a, .entry-content ul a, .entry-content ol a, .block-editor-block-list__layout p a, .block-editor-block-list__layout ul a, .block-editor-block-list__layout ol a{
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
    text-decoration-line: underline;
}
.entry-content p a:hover, .entry-content ul a:hover, .entry-content ol a:hover, .block-editor-block-list__layout p a:hover, .block-editor-block-list__layout ul a:hover, .block-editor-block-list__layout ol a:hover{
    text-decoration-line: none;
}
.entry-content p,
    .entry-content ul,
    .entry-content ol,
    .block-editor-block-list__layout p,
    .block-editor-block-list__layout ul,
    .block-editor-block-list__layout ol{
    margin-bottom: 80px;
}
.entry-content ul:not(.block-editor-block-variation-picker__variations) li, .block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li{
    list-style-position: inside;
    list-style-type: disc;
}
.entry-content ol li, .block-editor-block-list__layout ol li{
    list-style-position: inside;
    list-style-type: decimal;
}
@media (min-width: 1024px){

    .md\:my-6{
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .md\:flex{
        display: flex;
    }

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

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

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

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

    .md\:gap-2{
        gap: 20px;
    }

    .md\:p-4{
        padding: 40px;
    }

    .md\:px-4{
        padding-left: 40px;
        padding-right: 40px;
    }

    .md\:py-4{
        padding-top: 40px;
        padding-bottom: 40px;
    }

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

    .md\:text-h1-md{
        font-size: 68px;
        line-height: 105%;
    }

    .md\:text-h2-md{
        font-size: 48px;
        line-height: 135%;
    }

    .md\:text-h3-md{
        font-size: 38px;
        line-height: 120%;
    }

    .md\:text-h4-md{
        font-size: 34px;
        line-height: 130%;
    }

    .md\:text-h5-md{
        font-size: 30px;
        line-height: 130%;
    }

    .md\:text-h6-md{
        font-size: 26px;
        line-height: 130%;
    }
}
@media (min-width: 1080px){

    .lg\:-mx-4{
        margin-left: -40px;
        margin-right: -40px;
    }

    .lg\:mx-4{
        margin-left: 40px;
        margin-right: 40px;
    }

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

    .lg\:block{
        display: block;
    }

    .lg\:flex{
        display: flex;
    }

    .lg\:hidden{
        display: none;
    }

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

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

    .lg\:p-0{
        padding: 0px;
    }

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