@charset "UTF-8";
/*!
Theme Name: Mental Health America
Theme URI: https://www.mhanational.org
Description: A custom WordPress theme for Mental Health America.
Version: 1.0.0
Author: Great Believer
Author URI: https://greatbeliever.us
*/
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/*
 * Normalization
 */
:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

audio:not([controls]) {
  display: none;
}

details {
  display: block;
}

input[type=number] {
  width: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

main {
  display: block;
}

summary {
  display: block;
}

pre {
  overflow: auto;
}

progress {
  display: inline-block;
}

small {
  font-size: 75%;
}

template {
  display: none;
}

textarea {
  overflow: auto;
}

[hidden] {
  display: none;
}

[unselectable] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/*
 * Universal inheritance
 */
*,
::before,
::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

* {
  font-size: inherit;
  line-height: inherit;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

/*
 * Opinionated defaults
 */
*,
::before,
::after {
  border-style: solid;
  border-width: 0;
}

* {
  margin: 0;
  padding: 0;
}

:root {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
  font: 16px/1.5 sans-serif;
  text-rendering: optimizeLegibility;
}

html {
  background-color: #ffffff;
}

a {
  text-decoration: none;
}

audio,
canvas,
iframe,
img,
video {
  vertical-align: middle;
}

button,
input,
select,
textarea {
  background-color: transparent;
}

button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

button,
[type=button],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=reset],
[type=search],
[type=submit],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
  min-height: 1.5em;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

nav ol,
nav ul {
  list-style: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
select::-ms-value {
  color: currentColor;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea {
  resize: vertical;
}

::-moz-selection {
  background-color: #b3d4fc;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  text-shadow: none;
}

@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important;
  }
}
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

.clear {
  clear: both;
}

blockquote {
  border-left: 4px solid #e5e5e5;
  padding: 2rem;
  margin: 1.5rem 0;
  display: inline-block;
}
blockquote > p {
  padding: 0 !important;
}
blockquote > p:last-child {
  margin-bottom: 0 !important;
}

/*
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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: theme("borderColor.DEFAULT", currentColor); /* 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: theme("fontFamily.sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
  -webkit-font-feature-settings: theme("fontFamily.sans[1].fontFeatureSettings", normal);
          font-feature-settings: theme("fontFamily.sans[1].fontFeatureSettings", normal); /* 5 */
  font-variation-settings: theme("fontFamily.sans[1].fontVariationSettings", 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: theme("fontFamily.mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); /* 1 */
  -webkit-font-feature-settings: theme("fontFamily.mono[1].fontFeatureSettings", normal);
          font-feature-settings: theme("fontFamily.mono[1].fontFeatureSettings", normal); /* 2 */
  font-variation-settings: theme("fontFamily.mono[1].fontVariationSettings", 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 */
  -webkit-font-feature-settings: inherit;
          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.
*/
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1; /* 1 */
  color: theme("colors.gray.400", #9ca3af); /* 2 */
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: theme("colors.gray.400", #9ca3af); /* 2 */
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: theme("colors.gray.400", #9ca3af); /* 2 */
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: theme("colors.gray.400", #9ca3af); /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: theme("colors.gray.400", #9ca3af); /* 2 */
}

/*
Set the default cursor for buttons.
*/
button,
[role=button] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: 0;
}

.flickity-viewport {
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: #fff;
  cursor: pointer;
}

.flickity-button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 5px #19f;
          box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-page-dots {
  padding: 0;
  margin-top: 40px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: block;
  width: 10px;
  height: 10px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.carousel {
  width: 100%;
}

@-webkit-keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@-webkit-keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  -webkit-animation: plyr-fade-in 0.3s ease;
          animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
          transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius, 4px);
  color: inherit;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none;
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}

.plyr__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  -webkit-animation: plyr-popup 0.2s ease;
          animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9019607843);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
          box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border-top-color: rgba(255, 255, 255, 0.9019607843);
  border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  -webkit-box-shadow: 0 1px 0 #fff;
          box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
          box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, 0.1019607843);
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(35, 40, 47, 0.1019607843);
}

.plyr__menu__container .plyr__menu__value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), color-stop(0, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(90deg, currentColor 0, rgba(0, 0, 0, 0) 0);
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(0, 0, 0, 0) var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
          box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type=range]::-ms-track {
  color: rgba(0, 0, 0, 0);
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background, #fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
          box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%) scale(1);
          transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  -webkit-transform: translateY(10px) scale(0.8);
          transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  -webkit-transform: translateY(10px) scale(0.8);
          transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  -webkit-transform: translate(0) scale(1);
          transform: translate(0) scale(1);
}

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0);
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
          animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: rgba(0, 0, 0, 0);
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}

.plyr__volume {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
          box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  -webkit-transform: translateY(-38.28125%);
          transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7490196078)));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
          box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.2509803922);
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads:empty:after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background, #fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
          box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateY(10px) scale(0.8);
          transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  -webkit-transform: translate(0) scale(1);
          transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
  content: "";
  pointer-events: none;
}

.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}

.plyr__preview-thumb__time-container {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7490196078)));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__preview-scrubbing {
  bottom: 0;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

/**
 * Mixin for clearfix
 * @include clearfix;
*/
/**
 *
 * PX to REM font size conversion
 * Usage: @include font(800, 24, 42, 'courier');
 * Returns: font: 800 1.5rem/1.75 "courier";
 *
 */
/**
 * @font-face mixin 
 * Bulletproof font-face via Font Squirrel
 * @include fontface('family', 'assets/fonts/', 'myfontname', 'italic', 900);
 */
/**
 * IMAGE RETINA
 * @include image-2x(/img/image.png, 100%, auto);
 */
/**
 * MIXIN: Responsive Media Queries
 * USAGE:
	@include r(240)  {}
	@include r(320)  {}
	@include r(480)  {}
	@include r(768)  {}
	@include r(1024) {}
	@include r(1140) {}
	@include r(1280) {}
*/
/**
 * Mixin for color theme classes
*/
.copy {
  font-family: "DM Sans", sans-serif;
  line-height: 150%;
}
.copy.is-md {
  font-size: 18px;
}
.copy.is-lg {
  font-size: 20px;
}
.copy.is-xl {
  font-size: 22px;
}
.copy.is-2xl {
  font-size: 24px;
}

hr {
  clear: both;
  border: none;
  border-bottom: 1px solid #112455;
  opacity: 0.25;
  display: block;
}
hr.bg-white {
  border-color: white;
}

.hs-1,
.hs-2,
.hs-3,
.hs-4,
.hs-5,
.hs-6 {
  font-weight: 600;
  line-height: 150%;
}
.hs-1.is-tighter,
.hs-2.is-tighter,
.hs-3.is-tighter,
.hs-4.is-tighter,
.hs-5.is-tighter,
.hs-6.is-tighter {
  line-height: 125%;
}

.hs-1 {
  font-size: 64px;
  letter-spacing: -2.56px;
}

.hs-2 {
  font-size: 48px;
  letter-spacing: -1.92px;
}

.hs-3 {
  font-size: 40px;
  letter-spacing: -1.6px;
}

.hs-4 {
  font-size: 36px;
  letter-spacing: -1.44px;
}

.hs-5 {
  font-size: 28px;
  letter-spacing: -1.12px;
}

.hs-6 {
  font-size: 22px;
  letter-spacing: -0.88px;
}

@media (min-width: 768px) {
  .md\:hs-1 {
    font-size: 64px;
    letter-spacing: -2.56px;
  }
  .md\:hs-2 {
    font-size: 48px;
    letter-spacing: -1.92px;
  }
  .md\:hs-3 {
    font-size: 40px;
    letter-spacing: -1.6px;
  }
  .md\:hs-4 {
    font-size: 36px;
    letter-spacing: -1.44px;
  }
  .md\:hs-5 {
    font-size: 28px;
    letter-spacing: -1.12px;
  }
  .md\:hs-6 {
    font-size: 22px;
    letter-spacing: -0.88px;
  }
}
@media (min-width: 1024px) {
  .lg\:hs-1 {
    font-size: 64px;
    letter-spacing: -2.56px;
  }
  .lg\:hs-2 {
    font-size: 48px;
    letter-spacing: -1.92px;
  }
  .lg\:hs-3 {
    font-size: 40px;
    letter-spacing: -1.6px;
  }
  .lg\:hs-4 {
    font-size: 36px;
    letter-spacing: -1.44px;
  }
  .lg\:hs-5 {
    font-size: 28px;
    letter-spacing: -1.12px;
  }
  .lg\:hs-6 {
    font-size: 22px;
    letter-spacing: -0.88px;
  }
}
.the-content {
  font-size: 20px;
}
.the-content h1,
.the-content h2,
.the-content h3,
.the-content h4,
.the-content h5,
.the-content h6 {
  color: #112455;
  line-height: 135%;
  font-weight: 600;
}
.the-content h1:not(:empty):not(:last-child),
.the-content h2:not(:empty):not(:last-child),
.the-content h3:not(:empty):not(:last-child),
.the-content h4:not(:empty):not(:last-child),
.the-content h5:not(:empty):not(:last-child),
.the-content h6:not(:empty):not(:last-child) {
  margin-bottom: 24px;
}
.the-content h2 {
  font-size: 36px;
  letter-spacing: -1.44px;
}
.the-content h3 {
  font-size: 28px;
  letter-spacing: -1.12px;
}
.the-content h4 {
  font-size: 22px;
  letter-spacing: -0.88px;
}
.the-content li {
  position: relative;
  padding-left: 5px;
}
.the-content li h1:not(:last-child),
.the-content li h2:not(:last-child),
.the-content li h3:not(:last-child),
.the-content li h4:not(:last-child),
.the-content li h5:not(:last-child),
.the-content li h6:not(:last-child) {
  margin-bottom: 12px;
}
.the-content ul li {
  padding-left: 1.25rem;
}
.the-content p,
.the-content ul,
.the-content ol,
.the-content div,
.the-content li {
  font-family: "DM Sans", sans-serif;
  line-height: 150%;
}
.the-content p:not(:empty):not(:last-child),
.the-content ul:not(:empty):not(:last-child),
.the-content ol:not(:empty):not(:last-child),
.the-content div:not(:empty):not(:last-child),
.the-content li:not(:empty):not(:last-child) {
  margin-bottom: 24px;
}
.the-content hr {
  margin-top: 40px;
  margin-bottom: 40px;
}
.the-content ul li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #112455;
  position: absolute;
  top: 12px;
  left: 0;
}

ol {
  padding-left: 2rem;
}
ol li {
  padding-left: 0;
}

:root {
  --nav-gap: 24px;
  --menu-gap: 140px;
  --menu-section-gap: 140px;
  --menu-gap-mobile: 70px;
  --main-header-height: 106px;
  --sidebar-gap: 170px;
  --announcement-height: 0px;
  --wwd-cards-sticky-gap: 65px;
}
@media (max-width: 1104.99px) {
  :root {
    --menu-section-gap: 106px;
    --sidebar-gap: 136px;
  }
}
@media (max-width: 767.99px) {
  :root {
    --menu-section-gap: 70px;
    --main-header-height: 70px;
  }
}

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  scroll-behavior: smooth;
  font-family: "Poppins", system-ui;
  color: #242424;
}

body {
  --top: 0.001rem;
}

main {
  padding-top: calc(var(--menu-section-gap) + var(--announcement-height));
}

.overflow-hidden {
  overflow: hidden;
}

body.admin-bar {
  --top: 32px;
  --menu-gap: 172px;
  --sidebar-gap: 202px;
}
@media (max-width: 781.99px) {
  body.admin-bar {
    --top: 46px;
  }
  body.admin-bar #parent-header {
    top: 0;
  }
}

.hidden {
  display: none;
}

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

.share-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.share-links svg {
  display: block;
  width: 20px;
  cursor: pointer;
}

.copy-to-clipboard {
  position: relative;
}
.copy-to-clipboard .tooltip {
  position: absolute;
  bottom: -7px;
  right: 0;
  text-wrap: nowrap;
  font-size: 12px;
  padding: 5px 8px;
  border-radius: 5px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background-color: black;
  color: white;
  opacity: 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  pointer-events: none;
}
.copy-to-clipboard.is-copied .tooltip {
  opacity: 1;
}

.font-roca {
  font-family: "roca", sans-serif;
  font-weight: 700;
}

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

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

.color-white {
  color: white;
}

.color-navy {
  color: #112455;
}

.color-navy-light {
  color: #385988;
}

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

.bg-navy-light {
  background-color: #385988;
}

.bg-navy {
  background-color: #112455;
}

.bg-purple-light {
  background-color: #f2f7ff;
}

.bg-beige {
  background-color: #faf6eb;
  background-image: linear-gradient(292deg, rgba(255, 239, 209, 0.8) 3.5%, rgba(255, 249, 238, 0.8) 96.5%);
}

.bg-beige-only {
  background-color: #faf6eb;
}

.has-bg-purple-light {
  background-color: #f2f7ff;
}
.has-bg-purple-light:has(.line-button:hover), .has-bg-purple-light:has(.line-button:focus) {
  background-color: #e5efff;
  border-color: #e5efff;
}

.link {
  color: #385988;
  text-decoration: underline;
}

.w-mx {
  margin-left: 24px;
  margin-right: 24px;
}
@media (max-width: 767.99px) {
  .w-mx {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.aspect-16\/9 {
  aspect-ratio: 16/9;
}

.aspect-rect {
  aspect-ratio: 5/3.25;
}

.breadcrumbs {
  font-weight: 600;
}
.breadcrumbs a {
  text-decoration: underline;
  -webkit-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.breadcrumbs a:hover, .breadcrumbs a:focus {
  color: #112455;
  text-decoration: none;
}

.hover-y-base {
  position: relative;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.hover-y-base:hover, .hover-y-base:focus {
  -webkit-transform: translateY(-24px);
          transform: translateY(-24px);
}

.w-border-t-white {
  position: relative;
}
.w-border-t-white:before {
  content: "";
  position: absolute;
  top: -1px;
  height: 5px;
  left: 0;
  width: 100%;
  background-color: white;
}

.w-border-t-beige {
  position: relative;
}
.w-border-t-beige:before {
  content: "";
  position: absolute;
  top: -1px;
  height: 5px;
  left: 0;
  width: 100%;
  background-color: #faf6eb;
}

@media (max-width: 767.99px) {
  .show-desktop {
    display: none;
  }
}

.show-mobile {
  display: none;
}
@media (max-width: 767.99px) {
  .show-mobile {
    display: block;
  }
}

.font-poppins {
  font-family: "Poppins", system-ui;
}

.font-dmsans {
  font-family: "DM Sans", sans-serif;
}

.visually-hidden:not(:focus):not(:active) {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  position: absolute;
  white-space: nowrap;
}

.container {
  max-width: 1300px;
}

.container-lg {
  max-width: 1360px;
}

.container,
.container-lg {
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767.99px) {
  .container:not(.is-px-lg),
  .container-lg:not(.is-px-lg) {
    padding-right: 12px;
    padding-left: 12px;
  }
}

.container-left {
  margin-left: 24px;
}
@media (min-width: 1390px) {
  .container-left {
    margin-left: calc((100vw - (4vw + 1320px)) / 2);
    padding-left: 24px;
  }
  .container-left .carousel-controls {
    margin-left: calc((100vw - (4vw + 1320px)) / 2 * -1);
  }
}

/*
===== parent header =====
*/
#parent-header {
  background-color: white;
  z-index: 50;
  position: fixed;
  top: var(--top);
  left: 0;
  width: 100%;
  -webkit-transition: 0.3s opacity ease, 0.3s -webkit-box-shadow ease;
  transition: 0.3s opacity ease, 0.3s -webkit-box-shadow ease;
  transition: 0.3s box-shadow ease, 0.3s opacity ease;
  transition: 0.3s box-shadow ease, 0.3s opacity ease, 0.3s -webkit-box-shadow ease;
}
#parent-header.is-hidden {
  opacity: 0;
  pointer-events: none;
}
#parent-header.is-active {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1104.99px) {
  #parent-header.show-mobile-menu .main-header .nav-wrapper {
    opacity: 1;
    pointer-events: auto;
  }
  #parent-header.show-mobile-menu .burger-trigger #open {
    opacity: 0;
  }
  #parent-header.show-mobile-menu .burger-trigger #close {
    opacity: 1;
  }
}

/*
===== top header =====
*/
.top-header {
  text-align: right;
}
@media (max-width: 1104.99px) {
  .top-header {
    display: none;
  }
}

.announcement-bar {
  background-color: #f2f7ff;
  padding: 8px 0;
  color: #112455;
}
.announcement-bar .container-lg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.announcement-bar .announcement-close-trigger {
  min-width: 12px;
  cursor: pointer;
}

/*
===== main header =====
*/
.main-header {
  position: relative;
}
.main-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--nav-gap);
}
.main-header .nav-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  gap: var(--nav-gap);
}
.main-header .main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  gap: var(--nav-gap);
}
.main-header nav {
  list-style: none;
}
.main-header .page-item {
  position: relative;
  padding: 39.5px 0;
}
.main-header .page-item > a,
.main-header .page-item > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  color: #112455;
}
.main-header .has-children {
  cursor: pointer;
}
.main-header .has-children a,
.main-header .has-children span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.main-header .has-children > a:after,
.main-header .has-children > span:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath fill='%23112455' fill-rule='evenodd' d='m3.75 4.875 3.75 3.75 3.75-3.75 1.25 1.25-5 5-5-5 1.25-1.25Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.main-header .logo {
  min-width: 172px;
  margin-right: 56px;
  padding: 23px 0;
}
.main-header .burger-trigger-wrapper {
  display: none;
}
@media (max-width: 1199.99px) {
  .main-header {
    --nav-gap: 16px;
  }
  .main-header .logo {
    margin-right: 24px;
  }
}
@media (min-width: 1105px) {
  .main-header {
    margin-top: -10px;
  }
  .main-header .page-item.show-nav .submenu {
    opacity: 1;
    pointer-events: auto;
  }
  .main-header .page-item.show-nav .submenu .col-content {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  .main-header .page-item.show-nav .submenu .col:nth-child(2) .col-content {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .main-header .page-item.show-nav .submenu .col:nth-child(3) .col-content {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  .main-header .page-item.show-nav > a:after,
  .main-header .page-item.show-nav > span:after {
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1);
  }
  .main-header .right-nav {
    margin-left: auto;
  }
}
@media (max-width: 1104.99px) {
  .main-header .nav-wrapper {
    top: calc(var(--menu-section-gap) + var(--announcement-height));
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f2f7ff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .main-header .left-nav,
  .main-header .right-nav {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .main-header .left-nav > li,
  .main-header .right-nav > li {
    width: 100%;
  }
  .main-header .left-nav {
    margin-top: 15px;
  }
  .main-header .right-nav {
    margin-bottom: 15px;
  }
  .main-header .last-nav {
    display: none;
    width: 100%;
    padding: 24px;
    position: relative;
  }
  .main-header .last-nav:before {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    border-top: 1px solid rgba(17, 36, 85, 0.25);
  }
  .main-header .burger-trigger-wrapper {
    display: block;
  }
  .main-header .buttons-nav {
    margin-left: auto;
  }
  .main-header .page-item {
    padding: 0;
  }
  .main-header .page-item > a,
  .main-header .page-item > span {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-transition: 0.3s background-color ease;
    transition: 0.3s background-color ease;
  }
  .main-header .page-item > a:not(.button),
  .main-header .page-item > span:not(.button) {
    width: 100%;
    padding: 10px 24px;
  }
  .main-header .has-children > a:after,
  .main-header .has-children > span:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%23112455' fill-rule='evenodd' d='m4.375 11.25 3.75-3.75-3.75-3.75 1.25-1.25 5 5-5 5-1.25-1.25Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
}
@media (max-width: 767.99px) {
  .main-header .logo {
    min-width: 130px;
    height: 46px;
    padding: 0;
    margin: 12px 0;
  }
}

.search-trigger {
  width: 40px;
  height: 40px;
  background-color: #ff9f37;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  cursor: pointer;
}
.search-trigger:hover {
  opacity: 0.85;
}
.search-trigger svg {
  width: 16px;
  margin: auto;
}

.burger-trigger {
  width: 24px;
  cursor: pointer;
}
.burger-trigger #open,
.burger-trigger #close {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.burger-trigger #close {
  opacity: 0;
}

.mobile-donate-switcher {
  padding: 0 24px;
  width: 100%;
  display: none;
}
.mobile-donate-switcher .flex {
  padding: 24px 0;
  gap: 24px;
  border-top: 1px solid rgba(17, 36, 85, 0.25);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-donate-switcher .language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher .trp-ls-shortcode-language {
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  right: 0;
  left: unset;
}
@media (max-width: 1104.99px) {
  .mobile-donate-switcher {
    display: block;
  }
}

body.show-main-search #main-search,
body.show-main-search .main-overlay {
  pointer-events: auto;
  opacity: 1;
}
body.show-main-search .searchwp-live-search-results.searchwp-live-search-results {
  display: block;
}

.main-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

#main-search {
  position: absolute;
  inset: 0;
  background-color: white;
  z-index: 11;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

#main-search form.searchwp-form {
  width: 100%;
}
#main-search form.searchwp-form input.swp-input--search {
  line-height: var(--main-header-height);
  font-size: 32px;
  font-weight: 600;
  padding: 0;
  color: #112455;
  padding-left: 70px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='40' height='40' fill='%23FF9F37' rx='20'/%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='m26.77 25.666-2.644-2.636a6.157 6.157 0 0 0 1.314-3.81 6.22 6.22 0 1 0-6.22 6.22 6.157 6.157 0 0 0 3.81-1.314l2.636 2.644a.778.778 0 0 0 1.274-.253.777.777 0 0 0-.17-.851ZM14.555 19.22a4.665 4.665 0 1 1 9.33 0 4.665 4.665 0 0 1-9.33 0Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 50px auto;
  background-position: left center;
}
#main-search form.searchwp-form input.swp-input--search:focus {
  outline: none;
}
#main-search form.searchwp-form input.swp-input--search::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: -8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23112455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
#main-search form.searchwp-form input.swp-input--search::-webkit-search-cancel-button:hover {
  opacity: 1;
}
#main-search form.searchwp-form input:where([type=submit]) {
  display: none;
}
@media (max-width: 767.99px) {
  #main-search form.searchwp-form input.swp-input--search {
    font-size: 24px;
    padding-left: 55px;
    background-size: 40px auto;
  }
}

.searchwp-live-search-results.searchwp-live-search-results {
  -webkit-transition: none;
  transition: none;
  top: calc(var(--menu-section-gap) + var(--announcement-height) + var(--top)) !important;
  width: 100% !important;
  left: 0 !important;
  position: fixed !important;
  background-color: #f2f7ff;
  padding: 24px 0;
  border: none;
  border-radius: 0;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  overflow: scroll;
  display: none;
  pointer-events: none;
}
.searchwp-live-search-results.searchwp-live-search-results.searchwp-live-search-results-showing {
  pointer-events: auto;
}
.searchwp-live-search-results.searchwp-live-search-results .searchwp-live-search-results-container {
  max-width: 1300px;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
}
.searchwp-live-search-results.searchwp-live-search-results .searchwp-live-search-result {
  border: none;
  padding: 0;
}
.searchwp-live-search-results.searchwp-live-search-results .searchwp-live-search-no-results:empty {
  padding: 0 !important;
}
.searchwp-live-search-results.searchwp-live-search-results .searchwp-live-search-no-results:has(> *:only-child:empty) {
  display: none;
}
.searchwp-live-search-results.searchwp-live-search-results .searchwp-live-search-result .searchwp-live-search-result--title a {
  display: block;
  font-size: 24px;
  line-height: 1.25;
  padding: 13px 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border-radius: 12px;
}
.searchwp-live-search-results.searchwp-live-search-results .searchwp-live-search-result .searchwp-live-search-result--title a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 13px 18px;
}
@media (max-width: 767.99px) {
  .searchwp-live-search-results.searchwp-live-search-results {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    padding: 10px 0;
  }
  .searchwp-live-search-results.searchwp-live-search-results .searchwp-live-search-result .searchwp-live-search-result--title a {
    padding: 10px 0;
    font-size: 18px;
  }
}

.archive-search-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.archive-search-input {
  max-width: 300px;
  width: 100%;
  position: relative;
}
.archive-search-input label {
  color: #112455;
  font-weight: 600;
  margin-bottom: 3px;
  display: block;
}
.archive-search-input input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px 16px;
  border-radius: 6px;
  background: #eee;
  border: 2px solid #eee;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.archive-search-input input:focus {
  outline: none;
  border-color: #385988;
}
.archive-search-input input:focus + .icon {
  background: #f29734;
}
.archive-search-input input:hover + .icon {
  background: #f29734;
}
.archive-search-input input::-webkit-input-placeholder {
  font-size: 0.8rem;
}
.archive-search-input input::-moz-placeholder {
  font-size: 0.8rem;
}
.archive-search-input input:-ms-input-placeholder {
  font-size: 0.8rem;
}
.archive-search-input input::-ms-input-placeholder {
  font-size: 0.8rem;
}
.archive-search-input input::placeholder {
  font-size: 0.8rem;
}
.archive-search-input .icon {
  width: 32px;
  padding: 8px;
  background-color: #ff9f37;
  border-radius: 50%;
  position: absolute;
  top: calc(50% + 13px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  pointer-events: none;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media (max-width: 767.99px) {
  .archive-search-input {
    width: 100%;
    max-width: 100%;
  }
}

.submenu {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.submenu .back-to-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: rgba(17, 36, 85, 0.5);
  font-weight: 600;
  font-size: 16px;
  padding: 11.5px 24px;
  margin-bottom: 10px;
}
.submenu .back-to-button:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath fill='%23112455' fill-rule='evenodd' d='M10.625 11.75 6.875 8l3.75-3.75L9.375 3l-5 5 5 5 1.25-1.25Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media (min-width: 1105px) {
  .submenu .show-mobile-only {
    display: none;
  }
}

.small-submenu {
  position: fixed;
  top: calc(var(--menu-gap) + var(--announcement-height));
  -webkit-transform: translateX(-24px);
          transform: translateX(-24px);
  background-color: white;
  -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 24px;
  color: #112455;
  font-weight: 600;
}
.small-submenu li:not(:last-child) {
  margin-bottom: 8px;
}
.small-submenu .button-wrapper {
  padding-bottom: 8px;
}
.small-submenu a:not(.button) {
  font-family: "DM Sans", sans-serif;
}
.small-submenu a:not(.button):hover {
  text-decoration: underline;
}
@media (max-width: 1104.99px) {
  .small-submenu {
    top: calc(var(--menu-section-gap) + var(--announcement-height));
    left: 0;
    right: 0;
    -webkit-transform: none;
            transform: none;
    bottom: 0;
    z-index: 11;
    background-color: #f2f7ff;
    padding: 15px 0 35px;
  }
  .small-submenu li:not(:last-child) {
    margin-bottom: 0px;
  }
  .small-submenu .button-wrapper {
    padding: 0 24px;
    margin: 16px 0 12px !important;
  }
  .small-submenu nav {
    margin-bottom: 15px;
  }
  .small-submenu a:not(.button) {
    padding: 10px 24px;
    text-decoration: none;
    letter-spacing: -0.64px;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: -0.64px;
    display: block;
  }
}

.mega-submenu {
  position: fixed;
  top: calc(var(--menu-gap) + var(--announcement-height));
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: #faf6eb;
  overflow: auto;
}
.mega-submenu .container,
.mega-submenu .container-lg {
  height: 100%;
}
.mega-submenu .grid {
  gap: 160px;
  height: 100%;
}
.mega-submenu .grid > div {
  position: relative;
}
.mega-submenu .submenu-title {
  color: #112455;
  font-size: 44px;
  font-weight: 600;
  line-height: 125%; /* 55px */
  letter-spacing: -1.76px;
  margin-bottom: 20px;
}
.mega-submenu .submenu-copy {
  margin-bottom: 30px;
}
.mega-submenu .submenu-nav,
.mega-submenu .sub-submenu-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mega-submenu .submenu-nav {
  color: #112455;
  gap: 30px;
}
.mega-submenu .sub-page-item > a {
  -webkit-transition: 0.3s background-color ease;
  transition: 0.3s background-color ease;
  font-size: 20px;
  font-weight: 600;
  color: #112455;
  line-height: 125%; /* 25px */
  letter-spacing: -0.8px;
  text-decoration: underline;
  text-transform: capitalize;
}
.mega-submenu .col {
  display: grid;
}
.mega-submenu .left-col {
  background-color: #f2f7ff;
  position: relative;
}
.mega-submenu .col-content {
  position: relative;
}
.mega-submenu .sub-submenu {
  margin-top: 20px;
}
.mega-submenu .sub-submenu-nav {
  gap: 10px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 125%; /* 20px */
}
.mega-submenu .post-card .card-button {
  padding-top: 25px;
}
.mega-submenu .card-img {
  border-radius: 24px;
  margin-bottom: 30px;
}
.mega-submenu .card-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 125%; /* 25px */
  letter-spacing: -0.8px;
}
@media (min-width: 1105px) {
  .mega-submenu {
    border-top: 1px solid #eeeeee;
  }
  .mega-submenu .sub-submenu-nav {
    padding: 3px 0;
  }
  .mega-submenu .grid > div {
    padding: 60px 0;
  }
  .mega-submenu .left-col:before {
    content: "";
    position: absolute;
    top: 0;
    left: -500px;
    right: -80px;
    bottom: 0;
    background-color: #f2f7ff;
  }
  .mega-submenu .col-content {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .mega-submenu .sub-page-item a {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .mega-submenu .sub-page-item a:hover {
    opacity: 0.5;
  }
}
@media (max-width: 1104.99px) {
  .mega-submenu {
    top: calc(var(--menu-section-gap) + var(--announcement-height));
    z-index: 11;
  }
  .mega-submenu .sub-submenu-nav {
    margin-bottom: 15px;
  }
  .mega-submenu .container-lg {
    padding: 0;
  }
  .mega-submenu .left-col {
    padding: 15px 0 35px;
  }
  .mega-submenu .left-col .col-content {
    padding: 0 24px;
  }
  .mega-submenu .grid {
    gap: 0;
    display: block;
  }
  .mega-submenu .right-col {
    display: none;
  }
  .mega-submenu .submenu-nav {
    gap: 0;
    padding: 25px 0 15px;
  }
  .mega-submenu .submenu-title {
    font-size: 32px;
    line-height: 125%; /* 40px */
    letter-spacing: -1.28px;
  }
  .mega-submenu .submenu-copy {
    margin-bottom: 24px;
  }
  .mega-submenu .sub-page-item > a,
  .mega-submenu .sub-submenu-nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 24px;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: -0.64px;
  }
  .mega-submenu .sub-submenu {
    z-index: 11;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    margin: 0;
    position: fixed;
    top: calc(var(--menu-section-gap) + var(--announcement-height));
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #faf6eb;
    padding: 15px 0 35px;
  }
  .mega-submenu .sub-submenu-nav {
    gap: 0;
  }
}

@media (max-width: 1104.99px) {
  .page-item > a:active,
  .page-item > span:active,
  .sub-page-item > a:active,
  .back-to-button:active {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .has-children.is-active > div {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (min-width: 1105px) {
  .sub-page-item.has-children > a:after {
    display: none;
  }
}
#content-sidebar {
  margin: 50px 0;
}
#content-sidebar.content-center .content-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#content-sidebar .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#content-sidebar .aside-nav {
  font-weight: 600;
  color: #112455;
}
#content-sidebar .aside-nav li:not(:last-child) {
  margin-bottom: 19px;
}
#content-sidebar .aside-nav li a,
#content-sidebar .aside-nav li > span {
  font-size: 18px;
  color: #112455;
}
#content-sidebar .aside-nav li a:hover {
  text-decoration: underline;
}
#content-sidebar .aside-nav li ul {
  margin: 0.3rem 0 0.75rem;
}
#content-sidebar .aside-nav li ul li:not(:last-child) {
  margin-bottom: 5px;
}
#content-sidebar .aside-nav li ul li a {
  font-size: 16px;
  font-weight: 600;
}
#content-sidebar .aside-nav li.current_page_item > a {
  text-decoration: underline;
  color: #385988;
}
#content-sidebar aside {
  width: 202px;
  position: sticky;
  top: calc(var(--sidebar-gap) + var(--announcement-height));
}
#content-sidebar .post-details {
  font-weight: 600;
}
#content-sidebar .post-details .label {
  color: #385988;
  margin-bottom: 4px;
}
#content-sidebar .post-details .value {
  color: #112455;
}
#content-sidebar .tags {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
}
#content-sidebar .tag {
  line-height: 1;
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid rgba(17, 36, 85, 0.25);
}
@media (min-width: 1024px) {
  #content-sidebar .main-content {
    width: 100%;
  }
  #content-sidebar aside + .main-content {
    width: calc(100% - 202px);
    margin: 0;
    padding-left: 24px;
  }
  #content-sidebar.sidebar-w-300 aside {
    width: 300px;
  }
  #content-sidebar.sidebar-w-300 aside + .main-content {
    width: calc(100% - 300px);
    margin: 0;
  }
  #content-sidebar.content-w-960 .main-content {
    width: 960px;
  }
  #content-sidebar.content-w-960 aside + .main-content {
    width: calc(100% - 302px);
    margin: 0;
    padding-right: 24px;
  }
  #content-sidebar.content-w-800 .main-content {
    width: 800px;
  }
  #content-sidebar.content-w-800 aside + .main-content {
    width: calc(100% - 402px);
    margin: 0;
    padding-right: 24px;
  }
}
@media (max-width: 1023.99px) {
  #content-sidebar .main-content {
    width: 100%;
  }
  #content-sidebar aside + .main-content {
    width: calc(100% - 202px);
  }
}
@media (max-width: 767.99px) {
  #content-sidebar aside {
    position: relative;
    top: 0;
  }
  #content-sidebar .content-wrapper {
    display: block;
  }
  #content-sidebar aside {
    width: 100%;
    margin-bottom: 40px;
  }
  #content-sidebar .main-content,
  #content-sidebar aside + .main-content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #content-sidebar .aside-nav {
    border-bottom: 1px solid rgba(17, 36, 85, 0.25);
    padding-bottom: 12px;
    margin-bottom: 40px;
  }
  #content-sidebar .aside-nav li {
    display: inline-block;
  }
  #content-sidebar .aside-nav li:not(:last-child) {
    margin-right: 24px;
    margin-bottom: 12px;
  }
  #content-sidebar .post-details {
    gap: 16px 0;
    border-bottom: 1px solid rgba(17, 36, 85, 0.25);
    padding-bottom: 20px;
  }
}
#content-sidebar aside {
  font-family: "DM Sans", sans-serif;
}
#content-sidebar aside h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
#content-sidebar aside .sidebar-header {
  display: none;
}
#content-sidebar aside .sidebar-header button.sidebar-toggle {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
#content-sidebar aside .sidebar-header button.sidebar-toggle::after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath fill='%23112455' fill-rule='evenodd' d='m3.75 4.875 3.75 3.75 3.75-3.75 1.25 1.25-5 5-5-5 1.25-1.25Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
#content-sidebar aside .sidebar-header button.sidebar-toggle.active::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#content-sidebar aside ul.sidebar-links li a {
  font-size: 16px;
  color: #112455;
}
#content-sidebar aside ul.sidebar-links li a:hover {
  color: #385988;
  text-decoration: none;
}
#content-sidebar aside ul.sidebar-links li:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  #content-sidebar aside {
    margin-bottom: 12px;
    margin-top: -38px;
  }
  #content-sidebar aside h2 {
    display: none;
  }
  #content-sidebar aside .sidebar-header {
    display: block;
  }
  #content-sidebar aside ul.sidebar-links {
    display: none;
  }
  #content-sidebar aside ul.sidebar-links.active {
    display: block;
  }
  #content-sidebar aside ul.sidebar-links.active li {
    width: 100%;
  }
}

#parent-footer {
  background-color: #385988;
  color: white;
}
#parent-footer .footer-contact-info p {
  margin-bottom: 15px;
}
#parent-footer a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
#parent-footer a:not(.social-link):hover {
  color: #ff9f37;
}
#parent-footer a path {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
#parent-footer a.social-link:hover path {
  fill: #ff9f37;
}

.top-footer {
  padding: 40px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.top-footer .content-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.top-footer .title-wrapper {
  width: 100%;
}
.top-footer .form-wrapper {
  width: 100%;
}
.top-footer .form-wrapper .gform_fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 1rem;
  padding-top: 2rem;
}
@media (max-width: 1023.99px) {
  .top-footer .form-wrapper .gform_fields {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.top-footer .form-wrapper .gform_fields .gfield {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
@media (max-width: 1023.99px) {
  .top-footer .form-wrapper .gform_fields .gfield {
    width: 49%;
  }
}
@media (max-width: 767.99px) {
  .top-footer .form-wrapper .gform_fields .gfield {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 100%;
  }
}
.top-footer .form-wrapper .gform_fields .gfield label {
  color: #FFF;
  font-size: 1rem;
  left: 1.5rem;
  opacity: 0.75;
  pointer-events: none;
  position: absolute;
  top: 0.5rem;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.top-footer .form-wrapper .gform_fields .gfield label.is-filled {
  opacity: 1;
  top: -1.75rem;
}
.top-footer .form-wrapper .gform_fields .gfield input {
  background: transparent;
  border: 1px solid #FFF;
  border-radius: 3.125rem;
  color: #FFF;
  font-size: 1rem;
  padding: 6px 22px 8px;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}
.top-footer .form-wrapper .gform_fields .gfield#field_submit {
  min-width: 7.5rem;
}
.top-footer .form-wrapper .gform_fields .gfield#field_submit input.button[type=submit] {
  background-color: #FFF;
  border-radius: 3.125rem;
  color: #385988;
  font-size: 1rem;
  font-weight: 600;
  opacity: 1;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  width: 100%;
}
.top-footer .form-wrapper .gform_fields .gfield#field_submit input.button[type=submit]:hover, .top-footer .form-wrapper .gform_fields .gfield#field_submit input.button[type=submit]:focus {
  background-color: #ff9f37;
  color: #112455;
}
.top-footer .input-group {
  width: 100%;
  position: relative;
}
.top-footer .input-group .placeholder {
  position: absolute;
  inset: 0;
  line-height: 40px;
  padding: 0 22px;
  pointer-events: none;
  opacity: 0.75;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.top-footer .input-group.is-filled .placeholder {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 1;
}
.top-footer input {
  padding: 6px 22px 8px;
  background-color: transparent;
  border: 1px solid white;
  border-radius: 50px;
  width: 100%;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}
.top-footer input::-webkit-input-placeholder {
  color: white;
}
.top-footer input::-moz-placeholder {
  color: white;
}
.top-footer input:-ms-input-placeholder {
  color: white;
}
.top-footer input::-ms-input-placeholder {
  color: white;
}
.top-footer input::placeholder {
  color: white;
}
.top-footer input:focus {
  outline: none;
}
.top-footer input:focus + .placeholder {
  opacity: 1;
}
.top-footer .button[type=submit] {
  opacity: 1;
  width: auto;
  background-color: white;
  color: #385988;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  font-size: 16px;
}
.top-footer .button[type=submit] .button-ink {
  background-color: #ff9f37;
}
.top-footer .button[type=submit]:hover {
  color: #112455;
}
@media (min-width: 1024px) {
  .top-footer .title-wrapper {
    width: 30%;
  }
  .top-footer .form-wrapper {
    width: 70%;
  }
}
@media (min-width: 768px) {
  .top-footer .button[type=submit] {
    width: 350px;
  }
}
@media (max-width: 1023.99px) {
  .top-footer .title-wrapper {
    margin-bottom: 20px;
  }
}
@media (max-width: 767.99px) {
  .top-footer .title-wrapper {
    text-align: center;
  }
}

.center-footer {
  padding: 40px 0;
}
.center-footer .left-col {
  font-size: 16px;
  font-family: "DM Sans", sans-serif;
}
.center-footer .logo {
  display: block;
  width: 174px;
  margin-bottom: 40px;
}
.center-footer .address-phone {
  margin-bottom: 40px;
}
.center-footer .nav-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 34px;
}
.center-footer .nav-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 125%; /* 27.5px */
  letter-spacing: -0.88px;
  margin-bottom: 24px;
}
.center-footer nav li:not(:last-child) {
  margin-bottom: 15px;
}
.center-footer nav a {
  text-decoration: none;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media (min-width: 1024px) {
  .center-footer .left-col {
    padding-right: 300px;
  }
}
@media (max-width: 767.99px) {
  .center-footer {
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }
  .center-footer .nav-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .center-footer .logo {
    margin-left: auto;
    margin-right: auto;
  }
  .center-footer .address-phone,
  .center-footer .copyright {
    display: none;
  }
}

.bottom-footer {
  padding-bottom: 40px;
}
.bottom-footer .content-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.bottom-footer .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
}
.bottom-footer .social a {
  display: block;
  width: 22px;
  height: 22px;
}
.bottom-footer .social svg {
  display: block;
}
.bottom-footer .privacy-credits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  font-weight: 600;
}
.bottom-footer .privacy-credits a {
  text-decoration: none;
}
.bottom-footer .address-phone,
.bottom-footer .copyright {
  width: 100%;
}
@media (min-width: 768px) {
  .bottom-footer .address-phone,
  .bottom-footer .copyright {
    display: none;
  }
}
@media (max-width: 767.99px) {
  .bottom-footer {
    text-align: center;
    padding: 40px 0;
  }
  .bottom-footer .content-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.px-sm {
  padding-right: 12px;
  padding-left: 12px;
}

.px-base {
  padding-right: 24px;
  padding-left: 24px;
}

.px-lg {
  padding-right: 40px;
  padding-left: 40px;
}

.px-xl {
  padding-right: 60px;
  padding-left: 60px;
}

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

.px-30 {
  padding-right: 30px;
  padding-left: 30px;
}

.px-80 {
  padding-right: 80px;
  padding-left: 80px;
}

.px-100 {
  padding-right: 100px;
  padding-left: 100px;
}

@media (min-width: 768px) {
  .md\:px-sm {
    padding-right: 12px;
    padding-left: 12px;
  }
  .md\:px-base {
    padding-right: 24px;
    padding-left: 24px;
  }
  .md\:px-lg {
    padding-right: 40px;
    padding-left: 40px;
  }
  .md\:px-xl {
    padding-right: 60px;
    padding-left: 60px;
  }
  .md\:px-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .md\:px-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .md\:px-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .md\:px-100 {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:px-sm {
    padding-right: 12px;
    padding-left: 12px;
  }
  .lg\:px-base {
    padding-right: 24px;
    padding-left: 24px;
  }
  .lg\:px-lg {
    padding-right: 40px;
    padding-left: 40px;
  }
  .lg\:px-xl {
    padding-right: 60px;
    padding-left: 60px;
  }
  .lg\:px-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .lg\:px-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .lg\:px-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .lg\:px-100 {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:px-sm {
    padding-right: 12px;
    padding-left: 12px;
  }
  .xl\:px-base {
    padding-right: 24px;
    padding-left: 24px;
  }
  .xl\:px-lg {
    padding-right: 40px;
    padding-left: 40px;
  }
  .xl\:px-xl {
    padding-right: 60px;
    padding-left: 60px;
  }
  .xl\:px-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .xl\:px-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .xl\:px-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .xl\:px-100 {
    padding-right: 100px;
    padding-left: 100px;
  }
}
.mx-sm {
  margin-right: 12px;
  margin-left: 12px;
}

.mx-base {
  margin-right: 24px;
  margin-left: 24px;
}

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

.mx-xl {
  margin-right: 60px;
  margin-left: 60px;
}

.mx-0 {
  margin-right: 0px;
  margin-left: 0px;
}

.mx-30 {
  margin-right: 30px;
  margin-left: 30px;
}

.mx-80 {
  margin-right: 80px;
  margin-left: 80px;
}

.mx-100 {
  margin-right: 100px;
  margin-left: 100px;
}

@media (min-width: 768px) {
  .md\:mx-sm {
    margin-right: 12px;
    margin-left: 12px;
  }
  .md\:mx-base {
    margin-right: 24px;
    margin-left: 24px;
  }
  .md\:mx-lg {
    margin-right: 40px;
    margin-left: 40px;
  }
  .md\:mx-xl {
    margin-right: 60px;
    margin-left: 60px;
  }
  .md\:mx-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .md\:mx-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .md\:mx-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .md\:mx-100 {
    margin-right: 100px;
    margin-left: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:mx-sm {
    margin-right: 12px;
    margin-left: 12px;
  }
  .lg\:mx-base {
    margin-right: 24px;
    margin-left: 24px;
  }
  .lg\:mx-lg {
    margin-right: 40px;
    margin-left: 40px;
  }
  .lg\:mx-xl {
    margin-right: 60px;
    margin-left: 60px;
  }
  .lg\:mx-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .lg\:mx-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .lg\:mx-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .lg\:mx-100 {
    margin-right: 100px;
    margin-left: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:mx-sm {
    margin-right: 12px;
    margin-left: 12px;
  }
  .xl\:mx-base {
    margin-right: 24px;
    margin-left: 24px;
  }
  .xl\:mx-lg {
    margin-right: 40px;
    margin-left: 40px;
  }
  .xl\:mx-xl {
    margin-right: 60px;
    margin-left: 60px;
  }
  .xl\:mx-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .xl\:mx-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .xl\:mx-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .xl\:mx-100 {
    margin-right: 100px;
    margin-left: 100px;
  }
}
.py-sm {
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-base {
  padding-top: 24px;
  padding-bottom: 24px;
}

.py-lg {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-xl {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media (min-width: 768px) {
  .md\:py-sm {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .md\:py-base {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .md\:py-lg {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .md\:py-xl {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .md\:py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .md\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:py-sm {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .lg\:py-base {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .lg\:py-lg {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .lg\:py-xl {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .lg\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .lg\:py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .lg\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:py-sm {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .xl\:py-base {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .xl\:py-lg {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .xl\:py-xl {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .xl\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .xl\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .xl\:py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .xl\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.my-sm {
  margin-top: 12px;
  margin-bottom: 12px;
}

.my-base {
  margin-top: 24px;
  margin-bottom: 24px;
}

.my-lg {
  margin-top: 40px;
  margin-bottom: 40px;
}

.my-xl {
  margin-top: 60px;
  margin-bottom: 60px;
}

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

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

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

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

@media (min-width: 768px) {
  .md\:my-sm {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .md\:my-base {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .md\:my-lg {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .md\:my-xl {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .md\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .md\:my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .md\:my-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:my-sm {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .lg\:my-base {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .lg\:my-lg {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .lg\:my-xl {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .lg\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .lg\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .lg\:my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .lg\:my-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:my-sm {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .xl\:my-base {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .xl\:my-lg {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .xl\:my-xl {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .xl\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .xl\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .xl\:my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .xl\:my-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
.gap-x-sm {
  gap-x: 12px;
}

.gap-x-base {
  gap-x: 24px;
}

.gap-x-lg {
  gap-x: 40px;
}

.gap-x-xl {
  gap-x: 60px;
}

.gap-x-0 {
  gap-x: 0px;
}

.gap-x-30 {
  gap-x: 30px;
}

.gap-x-80 {
  gap-x: 80px;
}

.gap-x-100 {
  gap-x: 100px;
}

@media (min-width: 768px) {
  .md\:gap-x-base {
    gap-x: 24px;
  }
  .md\:gap-x-lg {
    gap-x: 40px;
  }
  .md\:gap-x-xl {
    gap-x: 60px;
  }
  .md\:gap-x-0 {
    gap-x: 0px;
  }
  .md\:gap-x-30 {
    gap-x: 30px;
  }
  .md\:gap-x-80 {
    gap-x: 80px;
  }
  .md\:gap-x-100 {
    gap-x: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:gap-x-base {
    gap-x: 24px;
  }
  .lg\:gap-x-lg {
    gap-x: 40px;
  }
  .lg\:gap-x-xl {
    gap-x: 60px;
  }
  .lg\:gap-x-0 {
    gap-x: 0px;
  }
  .lg\:gap-x-30 {
    gap-x: 30px;
  }
  .lg\:gap-x-80 {
    gap-x: 80px;
  }
  .lg\:gap-x-100 {
    gap-x: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:gap-x-base {
    gap-x: 24px;
  }
  .xl\:gap-x-lg {
    gap-x: 40px;
  }
  .xl\:gap-x-xl {
    gap-x: 60px;
  }
  .xl\:gap-x-0 {
    gap-x: 0px;
  }
  .xl\:gap-x-30 {
    gap-x: 30px;
  }
  .xl\:gap-x-80 {
    gap-x: 80px;
  }
  .xl\:gap-x-100 {
    gap-x: 100px;
  }
}
.gap-y-sm {
  gap-y: 12px;
}

.gap-y-base {
  gap-y: 24px;
}

.gap-y-lg {
  gap-y: 40px;
}

.gap-y-xl {
  gap-y: 60px;
}

.gap-y-0 {
  gap-y: 0px;
}

.gap-y-30 {
  gap-y: 30px;
}

.gap-y-80 {
  gap-y: 80px;
}

.gap-y-100 {
  gap-y: 100px;
}

@media (min-width: 768px) {
  .md\:gap-y-base {
    gap-y: 24px;
  }
  .md\:gap-y-lg {
    gap-y: 40px;
  }
  .md\:gap-y-xl {
    gap-y: 60px;
  }
  .md\:gap-y-0 {
    gap-y: 0px;
  }
  .md\:gap-y-30 {
    gap-y: 30px;
  }
  .md\:gap-y-80 {
    gap-y: 80px;
  }
  .md\:gap-y-100 {
    gap-y: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:gap-y-base {
    gap-y: 24px;
  }
  .lg\:gap-y-lg {
    gap-y: 40px;
  }
  .lg\:gap-y-xl {
    gap-y: 60px;
  }
  .lg\:gap-y-0 {
    gap-y: 0px;
  }
  .lg\:gap-y-30 {
    gap-y: 30px;
  }
  .lg\:gap-y-80 {
    gap-y: 80px;
  }
  .lg\:gap-y-100 {
    gap-y: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:gap-y-base {
    gap-y: 24px;
  }
  .xl\:gap-y-lg {
    gap-y: 40px;
  }
  .xl\:gap-y-xl {
    gap-y: 60px;
  }
  .xl\:gap-y-0 {
    gap-y: 0px;
  }
  .xl\:gap-y-30 {
    gap-y: 30px;
  }
  .xl\:gap-y-80 {
    gap-y: 80px;
  }
  .xl\:gap-y-100 {
    gap-y: 100px;
  }
}
.gap-sm {
  gap: 12px;
}

.gap-base {
  gap: 24px;
}

.gap-lg {
  gap: 40px;
}

.gap-xl {
  gap: 60px;
}

.gap-0 {
  gap: 0px;
}

.gap-30 {
  gap: 30px;
}

.gap-80 {
  gap: 80px;
}

.gap-100 {
  gap: 100px;
}

@media (min-width: 768px) {
  .md\:gap-base {
    gap: 24px;
  }
  .md\:gap-lg {
    gap: 40px;
  }
  .md\:gap-xl {
    gap: 60px;
  }
  .md\:gap-0 {
    gap: 0px;
  }
  .md\:gap-30 {
    gap: 30px;
  }
  .md\:gap-80 {
    gap: 80px;
  }
  .md\:gap-100 {
    gap: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:gap-base {
    gap: 24px;
  }
  .lg\:gap-lg {
    gap: 40px;
  }
  .lg\:gap-xl {
    gap: 60px;
  }
  .lg\:gap-0 {
    gap: 0px;
  }
  .lg\:gap-30 {
    gap: 30px;
  }
  .lg\:gap-80 {
    gap: 80px;
  }
  .lg\:gap-100 {
    gap: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:gap-base {
    gap: 24px;
  }
  .xl\:gap-lg {
    gap: 40px;
  }
  .xl\:gap-xl {
    gap: 60px;
  }
  .xl\:gap-0 {
    gap: 0px;
  }
  .xl\:gap-30 {
    gap: 30px;
  }
  .xl\:gap-80 {
    gap: 80px;
  }
  .xl\:gap-100 {
    gap: 100px;
  }
}
.m-sm {
  margin: 12px;
}

.m-base {
  margin: 24px;
}

.m-lg {
  margin: 40px;
}

.m-xl {
  margin: 60px;
}

.m-0 {
  margin: 0px;
}

.m-30 {
  margin: 30px;
}

.m-80 {
  margin: 80px;
}

.m-100 {
  margin: 100px;
}

@media (min-width: 768px) {
  .md\:m-base {
    margin: 24px;
  }
  .md\:m-lg {
    margin: 40px;
  }
  .md\:m-xl {
    margin: 60px;
  }
  .md\:m-0 {
    margin: 0px;
  }
  .md\:m-30 {
    margin: 30px;
  }
  .md\:m-80 {
    margin: 80px;
  }
  .md\:m-100 {
    margin: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:m-base {
    margin: 24px;
  }
  .lg\:m-lg {
    margin: 40px;
  }
  .lg\:m-xl {
    margin: 60px;
  }
  .lg\:m-0 {
    margin: 0px;
  }
  .lg\:m-30 {
    margin: 30px;
  }
  .lg\:m-80 {
    margin: 80px;
  }
  .lg\:m-100 {
    margin: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:m-base {
    margin: 24px;
  }
  .xl\:m-lg {
    margin: 40px;
  }
  .xl\:m-xl {
    margin: 60px;
  }
  .xl\:m-0 {
    margin: 0px;
  }
  .xl\:m-30 {
    margin: 30px;
  }
  .xl\:m-80 {
    margin: 80px;
  }
  .xl\:m-100 {
    margin: 100px;
  }
}
.mt-sm {
  margin-top: 12px;
}

.mt-base {
  margin-top: 24px;
}

.mt-lg {
  margin-top: 40px;
}

.mt-xl {
  margin-top: 60px;
}

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

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

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

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

@media (min-width: 768px) {
  .md\:mt-base {
    margin-top: 24px;
  }
  .md\:mt-lg {
    margin-top: 40px;
  }
  .md\:mt-xl {
    margin-top: 60px;
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:mt-30 {
    margin-top: 30px;
  }
  .md\:mt-80 {
    margin-top: 80px;
  }
  .md\:mt-100 {
    margin-top: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:mt-base {
    margin-top: 24px;
  }
  .lg\:mt-lg {
    margin-top: 40px;
  }
  .lg\:mt-xl {
    margin-top: 60px;
  }
  .lg\:mt-0 {
    margin-top: 0px;
  }
  .lg\:mt-30 {
    margin-top: 30px;
  }
  .lg\:mt-80 {
    margin-top: 80px;
  }
  .lg\:mt-100 {
    margin-top: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:mt-base {
    margin-top: 24px;
  }
  .xl\:mt-lg {
    margin-top: 40px;
  }
  .xl\:mt-xl {
    margin-top: 60px;
  }
  .xl\:mt-0 {
    margin-top: 0px;
  }
  .xl\:mt-30 {
    margin-top: 30px;
  }
  .xl\:mt-80 {
    margin-top: 80px;
  }
  .xl\:mt-100 {
    margin-top: 100px;
  }
}
.mr-sm {
  margin-right: 12px;
}

.mr-base {
  margin-right: 24px;
}

.mr-lg {
  margin-right: 40px;
}

.mr-xl {
  margin-right: 60px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-100 {
  margin-right: 100px;
}

@media (min-width: 768px) {
  .md\:mr-base {
    margin-right: 24px;
  }
  .md\:mr-lg {
    margin-right: 40px;
  }
  .md\:mr-xl {
    margin-right: 60px;
  }
  .md\:mr-0 {
    margin-right: 0px;
  }
  .md\:mr-30 {
    margin-right: 30px;
  }
  .md\:mr-80 {
    margin-right: 80px;
  }
  .md\:mr-100 {
    margin-right: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:mr-base {
    margin-right: 24px;
  }
  .lg\:mr-lg {
    margin-right: 40px;
  }
  .lg\:mr-xl {
    margin-right: 60px;
  }
  .lg\:mr-0 {
    margin-right: 0px;
  }
  .lg\:mr-30 {
    margin-right: 30px;
  }
  .lg\:mr-80 {
    margin-right: 80px;
  }
  .lg\:mr-100 {
    margin-right: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:mr-base {
    margin-right: 24px;
  }
  .xl\:mr-lg {
    margin-right: 40px;
  }
  .xl\:mr-xl {
    margin-right: 60px;
  }
  .xl\:mr-0 {
    margin-right: 0px;
  }
  .xl\:mr-30 {
    margin-right: 30px;
  }
  .xl\:mr-80 {
    margin-right: 80px;
  }
  .xl\:mr-100 {
    margin-right: 100px;
  }
}
.mb-sm {
  margin-bottom: 12px;
}

.mb-base {
  margin-bottom: 24px;
}

.mb-lg {
  margin-bottom: 40px;
}

.mb-xl {
  margin-bottom: 60px;
}

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

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

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

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

@media (min-width: 768px) {
  .md\:mb-base {
    margin-bottom: 24px;
  }
  .md\:mb-lg {
    margin-bottom: 40px;
  }
  .md\:mb-xl {
    margin-bottom: 60px;
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:mb-30 {
    margin-bottom: 30px;
  }
  .md\:mb-80 {
    margin-bottom: 80px;
  }
  .md\:mb-100 {
    margin-bottom: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:mb-base {
    margin-bottom: 24px;
  }
  .lg\:mb-lg {
    margin-bottom: 40px;
  }
  .lg\:mb-xl {
    margin-bottom: 60px;
  }
  .lg\:mb-0 {
    margin-bottom: 0px;
  }
  .lg\:mb-30 {
    margin-bottom: 30px;
  }
  .lg\:mb-80 {
    margin-bottom: 80px;
  }
  .lg\:mb-100 {
    margin-bottom: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:mb-base {
    margin-bottom: 24px;
  }
  .xl\:mb-lg {
    margin-bottom: 40px;
  }
  .xl\:mb-xl {
    margin-bottom: 60px;
  }
  .xl\:mb-0 {
    margin-bottom: 0px;
  }
  .xl\:mb-30 {
    margin-bottom: 30px;
  }
  .xl\:mb-80 {
    margin-bottom: 80px;
  }
  .xl\:mb-100 {
    margin-bottom: 100px;
  }
}
.ml-sm {
  margin-left: 12px;
}

.ml-base {
  margin-left: 24px;
}

.ml-lg {
  margin-left: 40px;
}

.ml-xl {
  margin-left: 60px;
}

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

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

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

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

@media (min-width: 768px) {
  .md\:ml-base {
    margin-left: 24px;
  }
  .md\:ml-lg {
    margin-left: 40px;
  }
  .md\:ml-xl {
    margin-left: 60px;
  }
  .md\:ml-0 {
    margin-left: 0px;
  }
  .md\:ml-30 {
    margin-left: 30px;
  }
  .md\:ml-80 {
    margin-left: 80px;
  }
  .md\:ml-100 {
    margin-left: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:ml-base {
    margin-left: 24px;
  }
  .lg\:ml-lg {
    margin-left: 40px;
  }
  .lg\:ml-xl {
    margin-left: 60px;
  }
  .lg\:ml-0 {
    margin-left: 0px;
  }
  .lg\:ml-30 {
    margin-left: 30px;
  }
  .lg\:ml-80 {
    margin-left: 80px;
  }
  .lg\:ml-100 {
    margin-left: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:ml-base {
    margin-left: 24px;
  }
  .xl\:ml-lg {
    margin-left: 40px;
  }
  .xl\:ml-xl {
    margin-left: 60px;
  }
  .xl\:ml-0 {
    margin-left: 0px;
  }
  .xl\:ml-30 {
    margin-left: 30px;
  }
  .xl\:ml-80 {
    margin-left: 80px;
  }
  .xl\:ml-100 {
    margin-left: 100px;
  }
}
.p-sm {
  padding: 12px;
}

.p-base {
  padding: 24px;
}

.p-lg {
  padding: 40px;
}

.p-xl {
  padding: 60px;
}

.p-0 {
  padding: 0px;
}

.p-30 {
  padding: 30px;
}

.p-80 {
  padding: 80px;
}

.p-100 {
  padding: 100px;
}

@media (min-width: 768px) {
  .md\:p-base {
    padding: 24px;
  }
  .md\:p-lg {
    padding: 40px;
  }
  .md\:p-xl {
    padding: 60px;
  }
  .md\:p-0 {
    padding: 0px;
  }
  .md\:p-30 {
    padding: 30px;
  }
  .md\:p-80 {
    padding: 80px;
  }
  .md\:p-100 {
    padding: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:p-base {
    padding: 24px;
  }
  .lg\:p-lg {
    padding: 40px;
  }
  .lg\:p-xl {
    padding: 60px;
  }
  .lg\:p-0 {
    padding: 0px;
  }
  .lg\:p-30 {
    padding: 30px;
  }
  .lg\:p-80 {
    padding: 80px;
  }
  .lg\:p-100 {
    padding: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:p-base {
    padding: 24px;
  }
  .xl\:p-lg {
    padding: 40px;
  }
  .xl\:p-xl {
    padding: 60px;
  }
  .xl\:p-0 {
    padding: 0px;
  }
  .xl\:p-30 {
    padding: 30px;
  }
  .xl\:p-80 {
    padding: 80px;
  }
  .xl\:p-100 {
    padding: 100px;
  }
}
.pt-sm {
  padding-top: 12px;
}

.pt-base {
  padding-top: 24px;
}

.pt-lg {
  padding-top: 40px;
}

.pt-xl {
  padding-top: 60px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-100 {
  padding-top: 100px;
}

@media (min-width: 768px) {
  .md\:pt-base {
    padding-top: 24px;
  }
  .md\:pt-lg {
    padding-top: 40px;
  }
  .md\:pt-xl {
    padding-top: 60px;
  }
  .md\:pt-0 {
    padding-top: 0px;
  }
  .md\:pt-30 {
    padding-top: 30px;
  }
  .md\:pt-80 {
    padding-top: 80px;
  }
  .md\:pt-100 {
    padding-top: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:pt-base {
    padding-top: 24px;
  }
  .lg\:pt-lg {
    padding-top: 40px;
  }
  .lg\:pt-xl {
    padding-top: 60px;
  }
  .lg\:pt-0 {
    padding-top: 0px;
  }
  .lg\:pt-30 {
    padding-top: 30px;
  }
  .lg\:pt-80 {
    padding-top: 80px;
  }
  .lg\:pt-100 {
    padding-top: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:pt-base {
    padding-top: 24px;
  }
  .xl\:pt-lg {
    padding-top: 40px;
  }
  .xl\:pt-xl {
    padding-top: 60px;
  }
  .xl\:pt-0 {
    padding-top: 0px;
  }
  .xl\:pt-30 {
    padding-top: 30px;
  }
  .xl\:pt-80 {
    padding-top: 80px;
  }
  .xl\:pt-100 {
    padding-top: 100px;
  }
}
.pr-sm {
  padding-right: 12px;
}

.pr-base {
  padding-right: 24px;
}

.pr-lg {
  padding-right: 40px;
}

.pr-xl {
  padding-right: 60px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-100 {
  padding-right: 100px;
}

@media (min-width: 768px) {
  .md\:pr-base {
    padding-right: 24px;
  }
  .md\:pr-lg {
    padding-right: 40px;
  }
  .md\:pr-xl {
    padding-right: 60px;
  }
  .md\:pr-0 {
    padding-right: 0px;
  }
  .md\:pr-30 {
    padding-right: 30px;
  }
  .md\:pr-80 {
    padding-right: 80px;
  }
  .md\:pr-100 {
    padding-right: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:pr-base {
    padding-right: 24px;
  }
  .lg\:pr-lg {
    padding-right: 40px;
  }
  .lg\:pr-xl {
    padding-right: 60px;
  }
  .lg\:pr-0 {
    padding-right: 0px;
  }
  .lg\:pr-30 {
    padding-right: 30px;
  }
  .lg\:pr-80 {
    padding-right: 80px;
  }
  .lg\:pr-100 {
    padding-right: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:pr-base {
    padding-right: 24px;
  }
  .xl\:pr-lg {
    padding-right: 40px;
  }
  .xl\:pr-xl {
    padding-right: 60px;
  }
  .xl\:pr-0 {
    padding-right: 0px;
  }
  .xl\:pr-30 {
    padding-right: 30px;
  }
  .xl\:pr-80 {
    padding-right: 80px;
  }
  .xl\:pr-100 {
    padding-right: 100px;
  }
}
.pb-sm {
  padding-bottom: 12px;
}

.pb-base {
  padding-bottom: 24px;
}

.pb-lg {
  padding-bottom: 40px;
}

.pb-xl {
  padding-bottom: 60px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-100 {
  padding-bottom: 100px;
}

@media (min-width: 768px) {
  .md\:pb-base {
    padding-bottom: 24px;
  }
  .md\:pb-lg {
    padding-bottom: 40px;
  }
  .md\:pb-xl {
    padding-bottom: 60px;
  }
  .md\:pb-0 {
    padding-bottom: 0px;
  }
  .md\:pb-30 {
    padding-bottom: 30px;
  }
  .md\:pb-80 {
    padding-bottom: 80px;
  }
  .md\:pb-100 {
    padding-bottom: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:pb-base {
    padding-bottom: 24px;
  }
  .lg\:pb-lg {
    padding-bottom: 40px;
  }
  .lg\:pb-xl {
    padding-bottom: 60px;
  }
  .lg\:pb-0 {
    padding-bottom: 0px;
  }
  .lg\:pb-30 {
    padding-bottom: 30px;
  }
  .lg\:pb-80 {
    padding-bottom: 80px;
  }
  .lg\:pb-100 {
    padding-bottom: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:pb-base {
    padding-bottom: 24px;
  }
  .xl\:pb-lg {
    padding-bottom: 40px;
  }
  .xl\:pb-xl {
    padding-bottom: 60px;
  }
  .xl\:pb-0 {
    padding-bottom: 0px;
  }
  .xl\:pb-30 {
    padding-bottom: 30px;
  }
  .xl\:pb-80 {
    padding-bottom: 80px;
  }
  .xl\:pb-100 {
    padding-bottom: 100px;
  }
}
.pl-sm {
  padding-left: 12px;
}

.pl-base {
  padding-left: 24px;
}

.pl-lg {
  padding-left: 40px;
}

.pl-xl {
  padding-left: 60px;
}

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

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

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

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

@media (min-width: 768px) {
  .md\:pl-base {
    padding-left: 24px;
  }
  .md\:pl-lg {
    padding-left: 40px;
  }
  .md\:pl-xl {
    padding-left: 60px;
  }
  .md\:pl-0 {
    padding-left: 0px;
  }
  .md\:pl-30 {
    padding-left: 30px;
  }
  .md\:pl-80 {
    padding-left: 80px;
  }
  .md\:pl-100 {
    padding-left: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:pl-base {
    padding-left: 24px;
  }
  .lg\:pl-lg {
    padding-left: 40px;
  }
  .lg\:pl-xl {
    padding-left: 60px;
  }
  .lg\:pl-0 {
    padding-left: 0px;
  }
  .lg\:pl-30 {
    padding-left: 30px;
  }
  .lg\:pl-80 {
    padding-left: 80px;
  }
  .lg\:pl-100 {
    padding-left: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:pl-base {
    padding-left: 24px;
  }
  .xl\:pl-lg {
    padding-left: 40px;
  }
  .xl\:pl-xl {
    padding-left: 60px;
  }
  .xl\:pl-0 {
    padding-left: 0px;
  }
  .xl\:pl-30 {
    padding-left: 30px;
  }
  .xl\:pl-80 {
    padding-left: 80px;
  }
  .xl\:pl-100 {
    padding-left: 100px;
  }
}
.rounded-sm {
  border-radius: 12px;
}

.rounded-base {
  border-radius: 24px;
}

.rounded-lg {
  border-radius: 40px;
}

.rounded-xl {
  border-radius: 60px;
}

.rounded-0 {
  border-radius: 0px;
}

.rounded-30 {
  border-radius: 30px;
}

.rounded-80 {
  border-radius: 80px;
}

.rounded-100 {
  border-radius: 100px;
}

@media (min-width: 768px) {
  .md\:rounded-base {
    border-radius: 24px;
  }
  .md\:rounded-lg {
    border-radius: 40px;
  }
  .md\:rounded-xl {
    border-radius: 60px;
  }
  .md\:rounded-0 {
    border-radius: 0px;
  }
  .md\:rounded-30 {
    border-radius: 30px;
  }
  .md\:rounded-80 {
    border-radius: 80px;
  }
  .md\:rounded-100 {
    border-radius: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:rounded-base {
    border-radius: 24px;
  }
  .lg\:rounded-lg {
    border-radius: 40px;
  }
  .lg\:rounded-xl {
    border-radius: 60px;
  }
  .lg\:rounded-0 {
    border-radius: 0px;
  }
  .lg\:rounded-30 {
    border-radius: 30px;
  }
  .lg\:rounded-80 {
    border-radius: 80px;
  }
  .lg\:rounded-100 {
    border-radius: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:rounded-base {
    border-radius: 24px;
  }
  .xl\:rounded-lg {
    border-radius: 40px;
  }
  .xl\:rounded-xl {
    border-radius: 60px;
  }
  .xl\:rounded-0 {
    border-radius: 0px;
  }
  .xl\:rounded-30 {
    border-radius: 30px;
  }
  .xl\:rounded-80 {
    border-radius: 80px;
  }
  .xl\:rounded-100 {
    border-radius: 100px;
  }
}
.rounded-tr-sm {
  border-top-right-radius: 12px;
}

.rounded-tr-base {
  border-top-right-radius: 24px;
}

.rounded-tr-lg {
  border-top-right-radius: 40px;
}

.rounded-tr-xl {
  border-top-right-radius: 60px;
}

.rounded-tr-0 {
  border-top-right-radius: 0px;
}

.rounded-tr-30 {
  border-top-right-radius: 30px;
}

.rounded-tr-80 {
  border-top-right-radius: 80px;
}

.rounded-tr-100 {
  border-top-right-radius: 100px;
}

@media (min-width: 768px) {
  .md\:rounded-tr-base {
    border-top-right-radius: 24px;
  }
  .md\:rounded-tr-lg {
    border-top-right-radius: 40px;
  }
  .md\:rounded-tr-xl {
    border-top-right-radius: 60px;
  }
  .md\:rounded-tr-0 {
    border-top-right-radius: 0px;
  }
  .md\:rounded-tr-30 {
    border-top-right-radius: 30px;
  }
  .md\:rounded-tr-80 {
    border-top-right-radius: 80px;
  }
  .md\:rounded-tr-100 {
    border-top-right-radius: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:rounded-tr-base {
    border-top-right-radius: 24px;
  }
  .lg\:rounded-tr-lg {
    border-top-right-radius: 40px;
  }
  .lg\:rounded-tr-xl {
    border-top-right-radius: 60px;
  }
  .lg\:rounded-tr-0 {
    border-top-right-radius: 0px;
  }
  .lg\:rounded-tr-30 {
    border-top-right-radius: 30px;
  }
  .lg\:rounded-tr-80 {
    border-top-right-radius: 80px;
  }
  .lg\:rounded-tr-100 {
    border-top-right-radius: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:rounded-tr-base {
    border-top-right-radius: 24px;
  }
  .xl\:rounded-tr-lg {
    border-top-right-radius: 40px;
  }
  .xl\:rounded-tr-xl {
    border-top-right-radius: 60px;
  }
  .xl\:rounded-tr-0 {
    border-top-right-radius: 0px;
  }
  .xl\:rounded-tr-30 {
    border-top-right-radius: 30px;
  }
  .xl\:rounded-tr-80 {
    border-top-right-radius: 80px;
  }
  .xl\:rounded-tr-100 {
    border-top-right-radius: 100px;
  }
}
.rounded-tl-sm {
  border-top-left-radius: 12px;
}

.rounded-tl-base {
  border-top-left-radius: 24px;
}

.rounded-tl-lg {
  border-top-left-radius: 40px;
}

.rounded-tl-xl {
  border-top-left-radius: 60px;
}

.rounded-tl-0 {
  border-top-left-radius: 0px;
}

.rounded-tl-30 {
  border-top-left-radius: 30px;
}

.rounded-tl-80 {
  border-top-left-radius: 80px;
}

.rounded-tl-100 {
  border-top-left-radius: 100px;
}

@media (min-width: 768px) {
  .md\:rounded-tl-base {
    border-top-left-radius: 24px;
  }
  .md\:rounded-tl-lg {
    border-top-left-radius: 40px;
  }
  .md\:rounded-tl-xl {
    border-top-left-radius: 60px;
  }
  .md\:rounded-tl-0 {
    border-top-left-radius: 0px;
  }
  .md\:rounded-tl-30 {
    border-top-left-radius: 30px;
  }
  .md\:rounded-tl-80 {
    border-top-left-radius: 80px;
  }
  .md\:rounded-tl-100 {
    border-top-left-radius: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:rounded-tl-base {
    border-top-left-radius: 24px;
  }
  .lg\:rounded-tl-lg {
    border-top-left-radius: 40px;
  }
  .lg\:rounded-tl-xl {
    border-top-left-radius: 60px;
  }
  .lg\:rounded-tl-0 {
    border-top-left-radius: 0px;
  }
  .lg\:rounded-tl-30 {
    border-top-left-radius: 30px;
  }
  .lg\:rounded-tl-80 {
    border-top-left-radius: 80px;
  }
  .lg\:rounded-tl-100 {
    border-top-left-radius: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:rounded-tl-base {
    border-top-left-radius: 24px;
  }
  .xl\:rounded-tl-lg {
    border-top-left-radius: 40px;
  }
  .xl\:rounded-tl-xl {
    border-top-left-radius: 60px;
  }
  .xl\:rounded-tl-0 {
    border-top-left-radius: 0px;
  }
  .xl\:rounded-tl-30 {
    border-top-left-radius: 30px;
  }
  .xl\:rounded-tl-80 {
    border-top-left-radius: 80px;
  }
  .xl\:rounded-tl-100 {
    border-top-left-radius: 100px;
  }
}
.rounded-br-sm {
  border-bottom-right-radius: 12px;
}

.rounded-br-base {
  border-bottom-right-radius: 24px;
}

.rounded-br-lg {
  border-bottom-right-radius: 40px;
}

.rounded-br-xl {
  border-bottom-right-radius: 60px;
}

.rounded-br-0 {
  border-bottom-right-radius: 0px;
}

.rounded-br-30 {
  border-bottom-right-radius: 30px;
}

.rounded-br-80 {
  border-bottom-right-radius: 80px;
}

.rounded-br-100 {
  border-bottom-right-radius: 100px;
}

@media (min-width: 768px) {
  .md\:rounded-br-base {
    border-bottom-right-radius: 24px;
  }
  .md\:rounded-br-lg {
    border-bottom-right-radius: 40px;
  }
  .md\:rounded-br-xl {
    border-bottom-right-radius: 60px;
  }
  .md\:rounded-br-0 {
    border-bottom-right-radius: 0px;
  }
  .md\:rounded-br-30 {
    border-bottom-right-radius: 30px;
  }
  .md\:rounded-br-80 {
    border-bottom-right-radius: 80px;
  }
  .md\:rounded-br-100 {
    border-bottom-right-radius: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:rounded-br-base {
    border-bottom-right-radius: 24px;
  }
  .lg\:rounded-br-lg {
    border-bottom-right-radius: 40px;
  }
  .lg\:rounded-br-xl {
    border-bottom-right-radius: 60px;
  }
  .lg\:rounded-br-0 {
    border-bottom-right-radius: 0px;
  }
  .lg\:rounded-br-30 {
    border-bottom-right-radius: 30px;
  }
  .lg\:rounded-br-80 {
    border-bottom-right-radius: 80px;
  }
  .lg\:rounded-br-100 {
    border-bottom-right-radius: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:rounded-br-base {
    border-bottom-right-radius: 24px;
  }
  .xl\:rounded-br-lg {
    border-bottom-right-radius: 40px;
  }
  .xl\:rounded-br-xl {
    border-bottom-right-radius: 60px;
  }
  .xl\:rounded-br-0 {
    border-bottom-right-radius: 0px;
  }
  .xl\:rounded-br-30 {
    border-bottom-right-radius: 30px;
  }
  .xl\:rounded-br-80 {
    border-bottom-right-radius: 80px;
  }
  .xl\:rounded-br-100 {
    border-bottom-right-radius: 100px;
  }
}
.rounded-bl-sm {
  border-bottom-left-radius: 12px;
}

.rounded-bl-base {
  border-bottom-left-radius: 24px;
}

.rounded-bl-lg {
  border-bottom-left-radius: 40px;
}

.rounded-bl-xl {
  border-bottom-left-radius: 60px;
}

.rounded-bl-0 {
  border-bottom-left-radius: 0px;
}

.rounded-bl-30 {
  border-bottom-left-radius: 30px;
}

.rounded-bl-80 {
  border-bottom-left-radius: 80px;
}

.rounded-bl-100 {
  border-bottom-left-radius: 100px;
}

@media (min-width: 768px) {
  .md\:rounded-bl-base {
    border-bottom-left-radius: 24px;
  }
  .md\:rounded-bl-lg {
    border-bottom-left-radius: 40px;
  }
  .md\:rounded-bl-xl {
    border-bottom-left-radius: 60px;
  }
  .md\:rounded-bl-0 {
    border-bottom-left-radius: 0px;
  }
  .md\:rounded-bl-30 {
    border-bottom-left-radius: 30px;
  }
  .md\:rounded-bl-80 {
    border-bottom-left-radius: 80px;
  }
  .md\:rounded-bl-100 {
    border-bottom-left-radius: 100px;
  }
}
@media (min-width: 1024px) {
  .lg\:rounded-bl-base {
    border-bottom-left-radius: 24px;
  }
  .lg\:rounded-bl-lg {
    border-bottom-left-radius: 40px;
  }
  .lg\:rounded-bl-xl {
    border-bottom-left-radius: 60px;
  }
  .lg\:rounded-bl-0 {
    border-bottom-left-radius: 0px;
  }
  .lg\:rounded-bl-30 {
    border-bottom-left-radius: 30px;
  }
  .lg\:rounded-bl-80 {
    border-bottom-left-radius: 80px;
  }
  .lg\:rounded-bl-100 {
    border-bottom-left-radius: 100px;
  }
}
@media (min-width: 1280px) {
  .xl\:rounded-bl-base {
    border-bottom-left-radius: 24px;
  }
  .xl\:rounded-bl-lg {
    border-bottom-left-radius: 40px;
  }
  .xl\:rounded-bl-xl {
    border-bottom-left-radius: 60px;
  }
  .xl\:rounded-bl-0 {
    border-bottom-left-radius: 0px;
  }
  .xl\:rounded-bl-30 {
    border-bottom-left-radius: 30px;
  }
  .xl\:rounded-bl-80 {
    border-bottom-left-radius: 80px;
  }
  .xl\:rounded-bl-100 {
    border-bottom-left-radius: 100px;
  }
}
.w-full {
  width: 100%;
}

.grid {
  display: grid;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

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

.grid-cols-1 {
  grid-template-columns: 1fr;
}

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

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

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

@media (min-width: 768px) {
  .md\:grid {
    display: grid;
  }
  .md\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md\:grid-cols-1 {
    grid-template-columns: 1fr;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .lg\:grid {
    display: grid;
  }
  .lg\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lg\:mw-600 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:mw-700 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:mw-800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:mw-960 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: 1fr;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.top-1 {
  position: relative;
  top: 1px;
}

.language-switcher-wrapper {
  text-align: right;
  position: relative;
  z-index: 10;
}

.language-switcher-wrapper .trp_language_switcher_shortcode {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: left;
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher {
  height: auto;
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher,
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-ls-shortcode-current-language {
  width: unset !important;
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher > div {
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher > .trp-ls-shortcode-current-language {
  text-align: right;
  position: relative;
  padding-right: 16px;
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher > .trp-ls-shortcode-current-language:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 9'%3E%3Cpath fill='currentColor' d='M9 .5H0l4.5 8L9 .5Z'/%3E%3C/svg%3E");
  background-size: cover;
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher .trp-ls-shortcode-language {
  visibility: visible;
  height: auto;
  position: absolute;
  max-height: unset;
  opacity: 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  pointer-events: none;
  display: block !important;
  top: 24px;
  width: auto !important;
  right: 0;
  left: unset;
  padding: 8px;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 12px;
  transition: 0.3s all ease;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher > div > a {
  padding: 10px 0;
  -webkit-transition: 0.15s all ease;
  transition: 0.15s all ease;
  border-radius: 6px;
  color: #112455;
  font-weight: 600;
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher > .trp-ls-shortcode-language > a {
  padding: 10px 12px;
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher > .trp-ls-shortcode-language > a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-ls-shortcode-language > .trp-ls-disabled-language {
  opacity: 0.5;
  pointer-events: none;
  display: none;
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher:focus .trp-ls-shortcode-current-language,
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher:hover .trp-ls-shortcode-current-language {
  visibility: visible;
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher:focus .trp-ls-shortcode-language,
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher:hover .trp-ls-shortcode-language {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  height: auto;
}
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher:focus > .trp-ls-shortcode-current-language:after,
.language-switcher-wrapper .trp_language_switcher_shortcode .trp-language-switcher:hover > .trp-ls-shortcode-current-language:after {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}

#popup {
  --trigger-gap: 30px;
  position: fixed;
  inset: 0;
  height: 100vh;
  padding: 40px 0;
  overflow: scroll;
  z-index: 50;
  background-color: rgba(0, 0, 0, 0.5);
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  pointer-events: none;
  opacity: 0;
}
#popup.is-active {
  opacity: 1;
  pointer-events: auto;
}
#popup .popup-box {
  position: relative;
  padding: 40px;
  border-radius: 24px;
  overflow: hidden;
}
#popup .grid {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#popup .popup-closer {
  width: 30px;
  position: absolute;
  top: var(--trigger-gap);
  right: var(--trigger-gap);
  cursor: pointer;
}
#popup .popup-img {
  background-color: #ccc;
  border-radius: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1022.99px) {
  #popup .popup-img {
    height: 100%;
    -o-object-position: top;
       object-position: top;
  }
}
#popup .popup-bio > *:not(:last-child) {
  margin-bottom: 15px;
}
#popup .share-links {
  gap: 0;
}
#popup .share-links a {
  margin-bottom: 40px;
  margin-right: 12px;
}
#popup .share-links a[href=""] {
  margin-bottom: 0;
  margin-right: 0;
}
#popup .share-links a[href=""] svg {
  display: none;
}
@media (max-width: 767.99px) {
  #popup {
    --trigger-gap: 0px;
  }
  #popup .popup-box {
    padding: 24px;
    padding-top: 65px;
  }
  #popup .popup-img {
    border-radius: 12px;
  }
  #popup .popup-closer {
    background-color: rgba(0, 0, 0, 0.15);
    border-bottom-left-radius: 12px;
    width: 45px;
    padding: 8px;
  }
}

.popup-trigger {
  cursor: pointer;
}

#modal_overlay {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 999;
}
#modal_overlay .popup {
  border-radius: 24px;
  max-width: 62.5rem;
  min-width: 21.875rem;
  padding: 40px 54px 40px 40px;
  position: relative;
  width: 55%;
}
#modal_overlay .popup button.btn-close {
  display: block;
  position: absolute;
  right: 1.875rem;
  top: 1.875rem;
  width: 1.875rem;
}
#modal_overlay .popup button.btn-close svg path {
  fill: #112455;
}
#modal_overlay .popup button.btn-close:hover svg path {
  fill: #ff9f37;
}
#modal_overlay .popup button.btn-close:focus {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
}
#modal_overlay .popup .popup-content h2 {
  font-size: 36px;
  letter-spacing: -1.44px;
}
#modal_overlay .popup .popup-content h3 {
  font-size: 28px;
  letter-spacing: -1.12px;
}
#modal_overlay .popup .popup-content h4 {
  font-size: 22px;
  letter-spacing: -0.88px;
}
@media (max-width: 767.99px) {
  #modal_overlay .popup .popup-content h2 {
    font-size: 28px;
    letter-spacing: -1.12px;
  }
  #modal_overlay .popup .popup-content h3 {
    font-size: 22px;
    letter-spacing: -0.88px;
  }
  #modal_overlay .popup .popup-content h4 {
    font-size: 20px;
    letter-spacing: -0.75px;
  }
}
#modal_overlay .popup .popup-content h2, #modal_overlay .popup .popup-content h3, #modal_overlay .popup .popup-content h4 {
  color: #112455;
  line-height: 135%;
  font-weight: 600;
}
#modal_overlay .popup .popup-content h2:not(:empty):not(:last-child), #modal_overlay .popup .popup-content h3:not(:empty):not(:last-child), #modal_overlay .popup .popup-content h4:not(:empty):not(:last-child) {
  margin-bottom: 24px;
}
#modal_overlay .popup .popup-content p:not(:empty):not(:last-child) {
  margin-bottom: 24px;
}

.bg-mesh-gradient {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.bg-mesh-gradient canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.bg-mesh-gradient.type-navy canvas {
  --gradient-color-1: #3c4f80;
  --gradient-color-2: #385988;
  --gradient-color-3: #4d73a8;
  --gradient-color-4: #6786af;
}
.bg-mesh-gradient.type-beige canvas {
  --gradient-color-1: #faf6eb;
  --gradient-color-2: #ffe6ca;
  --gradient-color-3: #faecc6;
  --gradient-color-4: #fce4ca;
}

#hero-post .content-wrapper.archive-back-link {
  text-align: left;
  position: absolute;
}
#hero-post .content-wrapper.archive-back-link span.icon::before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath fill='%23112455' fill-rule='evenodd' d='m3.75 4.875 3.75 3.75 3.75-3.75 1.25 1.25-5 5-5-5 1.25-1.25Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-right: 5px;
  margin-bottom: -2px;
}
@media (max-width: 767.99px) {
  #hero-post .content-wrapper.archive-back-link {
    position: relative;
    text-align: center;
  }
}

.archive-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.filter-buttons {
  padding: 12px;
  background-color: #f2f7ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  gap: 4px;
}

.filter-button,
.filter-button-link {
  color: #112455;
  background-color: #ff9f37;
  padding: 12px;
  font-weight: 600;
  line-height: 125%; /* 22.5px */
  letter-spacing: -0.72px;
  background-color: #f2f7ff;
  border-radius: 6px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  cursor: pointer;
}
.filter-button:hover,
.filter-button-link:hover {
  opacity: 0.75;
}
.filter-button.is-active,
.filter-button-link.is-active {
  background-color: #ff9f37;
}

.posts-container.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

.load-posts.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

.view-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #112455;
}
.view-filter .grid {
  width: 24px;
}
.view-filter .list {
  width: 33px;
}

.view-filter-trigger {
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.view-filter-trigger.is-active {
  opacity: 1;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  color: #112455;
}
.pagination .page-numbers,
.pagination .page-dots {
  font-family: "DM Sans", sans-serif;
  width: 40px;
  line-height: 38px;
  border-radius: 24px;
  text-align: center;
  background-color: #f2f7ff;
  border: 1px solid #f2f7ff;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  cursor: pointer;
}
.pagination .page-dots {
  line-height: 30px;
}
.pagination a.page-numbers:not(.prev):not(.next):hover {
  opacity: 0.85;
}
.pagination [aria-current=page],
.pagination .current {
  background-color: #385988;
  border-color: #385988;
  color: white;
}
.pagination .disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: disabled;
}
.pagination .prev,
.pagination .next {
  width: 65px;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ff9f37;
  background-color: white;
}
.pagination .prev svg,
.pagination .next svg {
  width: 16px;
  margin: auto;
}
.pagination .prev path,
.pagination .next path {
  fill: #ff9f37;
}
.pagination .prev:hover,
.pagination .next:hover {
  background-color: #ff9f37;
}
.pagination .prev:hover path,
.pagination .next:hover path {
  fill: #112455;
}

.archive-cards.list-view {
  grid-template-columns: 1fr !important;
}
@media (min-width: 768px) {
  .archive-cards.list-view .post-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .archive-cards.list-view .post-card .card-img {
    width: 270px;
  }
  .archive-cards.list-view .post-card .card-content {
    width: calc(100% - 270px);
  }
}

.filter-select-group {
  position: relative;
}
.filter-select-group:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cpath fill='%23112455' fill-rule='evenodd' d='m3.75 4.875 3.75 3.75 3.75-3.75 1.25 1.25-5 5-5-5 1.25-1.25Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  width: 15px;
  height: 15px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  pointer-events: none;
}

.filter-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border: 1px solid rgba(17, 36, 85, 0.25);
  padding: 8.5px 16px 10.5px;
  border-radius: 6px;
}

@-webkit-keyframes ripple-effect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes ripple-effect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
@-webkit-keyframes ripple-effect-reverse {
  0% {
    opacity: 1;
    -webkit-transform: scale(20);
            transform: scale(20);
  }
  100% {
    opacity: 0;
  }
}
@keyframes ripple-effect-reverse {
  0% {
    opacity: 1;
    -webkit-transform: scale(20);
            transform: scale(20);
  }
  100% {
    opacity: 0;
  }
}
.button-wrapper {
  font-size: 0;
}

.button-ink.show-ink {
  -webkit-animation: ripple-effect 1s cubic-bezier(0.16, 1, 0.3, 1);
          animation: ripple-effect 1s cubic-bezier(0.16, 1, 0.3, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.button-inner {
  position: relative;
  z-index: 1;
}

.button-ink {
  position: absolute;
  display: block;
  background-color: #112455;
  border-radius: 50%;
  -webkit-animation: ripple-effect-reverse 0.3s ease;
          animation: ripple-effect-reverse 0.3s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  pointer-events: none;
}

.button {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  text-transform: none;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.button.w-icon .button-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.button svg {
  width: 24px;
  display: block;
  margin-left: 7px;
}
.button:hover {
  text-decoration: none;
}
.button:not(.size-sm) {
  padding: 7.5px 26px 10.5px;
}
.button.size-sm {
  padding: 6px 22px 7px;
}
.button:hover {
  color: white;
}
.button.bg-orange {
  color: #112455;
  background-color: #ff9f37;
}
.button.bg-orange:hover {
  color: white;
}
.button.bg-navy {
  background-color: #385988;
  color: white;
}
@-webkit-keyframes button-ripple-effect {
  0% {
    width: 0px;
    height: 0px;
    opacity: 1;
  }
  100% {
    width: 240px;
    height: 240px;
    opacity: 0;
  }
}
@keyframes button-ripple-effect {
  0% {
    width: 0px;
    height: 0px;
    opacity: 1;
  }
  100% {
    width: 240px;
    height: 240px;
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.button.with-ripple:hover .ripple {
  display: none;
}
.button.with-ripple .ripple-anchor {
  position: relative;
}
.button.with-ripple .ripple-anchor svg {
  -webkit-animation: pulse;
          animation: pulse;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.button.with-ripple .ripple {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  border-radius: 50%;
  background-color: var(--ripple-color, rgba(255, 255, 255, 0.15));
  width: 240px;
  height: 240px;
  -webkit-animation: button-ripple-effect;
          animation: button-ripple-effect;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.button.with-ripple .button-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.button.with-ripple .button-inner svg {
  margin-left: 0;
}
@media (max-width: 767.99px) {
  .button {
    font-size: 16px;
  }
}

.line-button-group-hover:hover .line-button:before,
.line-button-group-hover:hover .line-button:after {
  background-color: #385988;
}
.line-button-group-hover:hover .line-button:before {
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.line-button-group-hover:hover .line-button:after {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.line-button {
  color: #112455;
  position: relative;
  padding-bottom: 3px;
  display: inline-block;
  font-weight: 600;
}
.line-button.is-lg {
  font-size: 24px;
}
.line-button:before, .line-button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ff9f37;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition: background-color 0.6s ease, -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: background-color 0.6s ease, -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.6s ease;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.6s ease, -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.line-button:before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.line-button:after {
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.line-button.has-hover:hover:before, .line-button.has-hover:hover:after, .line-button.has-hover:focus:before, .line-button.has-hover:focus:after {
  background-color: #385988;
}
.line-button.has-hover:hover:before, .line-button.has-hover:focus:before {
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.line-button.has-hover:hover:after, .line-button.has-hover:focus:after {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

#resource-carousel .carousel {
  width: 333px;
  margin-right: 37px;
}
#resource-carousel .flickity-page-dots .dot {
  background-color: white;
}

.carousel-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  gap: 20px;
  font-size: 23px;
}
.carousel-controls .carousel-button {
  cursor: pointer;
  padding: 12px 24px;
  border: 1px solid #ff9f37;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border-radius: 24px;
}
.carousel-controls .carousel-button:hover {
  background-color: #ff9f37;
}
.carousel-controls .carousel-button:hover path {
  fill: white;
}
.carousel-controls .carousel-button.is-active {
  background-color: #ff9f37;
}
.carousel-controls .carousel-button.is-active path {
  fill: white;
}
.carousel-controls .carousel-button:active {
  opacity: 0.5;
}
.carousel-controls svg {
  width: 23px;
}
.carousel-controls path {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.carousel-controls .carousel-indicator > span {
  width: 10px;
  text-align: center;
  display: inline-block;
}

@media (max-width: 767.99px) {
  #donate-carousel .carousel {
    margin-right: 12px;
  }
}
@media (min-width: 768px) {
  .donate-carousel-controls {
    display: none;
  }
}
@media (min-width: 1024px) {
  .lg\:row-reverse-even > div:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .lg\:right-layout > div.post-card.is-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.post-card {
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.post-card:not(.no-radius) {
  border-radius: 24px;
}
.post-card:not(.no-flex) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}
.post-card.carousel-after-load {
  height: 100%;
}
.post-card.bg-beige {
  background-color: #faf6eb;
  background-image: linear-gradient(292deg, rgba(255, 239, 209, 0.8) 3.5%, rgba(255, 249, 238, 0.8) 96.5%);
}
.post-card.bg-beige:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(292deg, rgb(255, 239, 209) 3.5%, rgb(255, 249, 238) 96.5%);
  opacity: 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.post-card.bg-white-border {
  background-color: white;
  border: 1px solid rgba(17, 36, 85, 0.25);
}
.post-card .card-img {
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  background-color: #eee;
  height: 15.25rem;
}
.post-card .card-img.img-cover img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.post-card .card-content {
  position: relative;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.post-card .card-content.is-p-0 {
  padding: 0;
}
.post-card .card-content.is-p-lg {
  padding: 40px;
}
.post-card .card-content.is-same-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.post-card .card-content.is-same-height .bottom {
  margin-top: auto;
}
.post-card .card-content .related-tags p.tag {
  border: 1px solid #9FB4D7;
  border-radius: 0.25rem;
  color: #112455;
  display: inline-block;
  font-family: "Poppins", system-ui;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
}
.post-card .card-eyebrow {
  font-family: "DM Sans", sans-serif;
  color: #385988;
  margin-bottom: 15px;
  font-weight: 600;
}
.post-card .card-location {
  font-family: "DM Sans", sans-serif;
  color: #385988;
  margin-bottom: 15px;
  font-weight: 600;
  position: relative;
  line-height: 1.5;
  padding-left: 22px;
}
.post-card .card-location:not(:empty):before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath fill='%23385988' d='M12.664 12.476a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-9.5a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Z'/%3E%3C/svg%3E");
  background-size: cover;
}
.post-card .card-title {
  color: #112455;
}
.post-card .card-title:not(.no-mb) {
  margin-bottom: 15px;
}
.post-card .card-title span.sub {
  display: block;
  font-size: 16px;
  font-weight: 400;
}
.post-card .card-button {
  padding-top: 24px;
}
.post-card .card-button button {
  font-size: 1.125rem;
}
@media (min-width: 1024px) {
  .post-card.is-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .post-card.is-flex .card-img {
    height: 100%;
    width: 40%;
  }
  .post-card.is-flex .card-content {
    width: 60%;
  }
}
@media (min-width: 768px) {
  .post-card .card-content.is-same-height {
    height: auto;
  }
  .post-card.bg-beige:hover::before, .post-card.bg-beige:focus::before {
    opacity: 1;
  }
  .post-card.hover-to-beige:hover, .post-card.hover-to-beige:focus {
    background-color: #faf6eb;
    border-color: #faf6eb;
  }
  .post-card.hover-to-purple-light:hover, .post-card.hover-to-purple-light:focus {
    background-color: #f2f7ff;
    border-color: #f2f7ff;
  }
  .post-card.bg-purple-light:hover, .post-card.bg-purple-light:focus {
    background-color: #e5efff;
    border-color: #e5efff;
  }
}

.card-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  color: #112455;
}

.card-tag {
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid rgba(17, 36, 85, 0.25);
}

.section-arc.-top-1px svg {
  top: -1px;
}
.section-arc.top-1px svg {
  top: 1px;
}
.section-arc svg {
  position: relative;
}
.section-arc.is-flipped svg {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.section-arc.fill-purple-light path {
  fill: #f2f7ff;
}
.section-arc.fill-navy path {
  fill: #385988;
}
.section-arc.fill-beige path {
  fill: #faf6eb;
}
.section-arc.fill-white path {
  fill: white;
}
.section-arc.bg-beige {
  background-color: #faf6eb;
}

.accordion-item {
  border: 1px solid #f2f7ff;
  font-size: 20px;
  letter-spacing: -0.72px;
  border-radius: 12px;
  overflow: hidden;
}
.accordion-item > div {
  padding: 24px;
}
.accordion-item .question {
  background-color: #f2f7ff;
  color: #112455;
  font-weight: 600;
  padding-right: 100px;
  position: relative;
  cursor: pointer;
}
.accordion-item .question:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 29'%3E%3Cpath fill='%23112455' d='M22.956 15.706h-7.25v7.25h-2.417v-7.25H6.04v-2.417h7.25V6.04h2.417v7.25h7.25v2.417Z'/%3E%3C/svg%3E");
  background-size: cover;
  pointer-events: none;
}
.accordion-item .answer {
  background-color: white;
  display: none;
}
.accordion-item.is-active {
  border-color: rgba(17, 36, 85, 0.25);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.accordion-item.is-active .question:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 29'%3E%3Cpath fill='%23242424' d='M22.956 15.706H6.039v-2.417h16.917v2.417Z'/%3E%3C/svg%3E");
}
.accordion-item.is-active .answer {
  display: block;
}

#donation-popup {
  --trigger-gap: 30px;
  position: fixed;
  inset: 0;
  height: 100vh;
  padding: 2rem 0;
  overflow: auto;
  z-index: 50;
  background-color: rgba(0, 0, 0, 0.5);
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  pointer-events: none;
  opacity: 0;
  /* Spinner styling */
  /* You can adjust the spinner animation if needed */
}
#donation-popup #donation-form-content {
  height: 504px;
  width: 370px;
}
#donation-popup.is-active {
  opacity: 1;
  pointer-events: auto;
}
#donation-popup .popup-closer {
  width: 30px;
  position: absolute;
  top: var(--trigger-gap);
  right: var(--trigger-gap);
  cursor: pointer;
}
#donation-popup .container {
  width: 100%;
  padding: 0 1rem;
}
#donation-popup .popup-box {
  position: relative;
  padding: 65px;
  border-radius: 24px;
  overflow: hidden;
  max-width: 500px;
  margin: auto;
}
@media (max-width: 767.99px) {
  #donation-popup .popup-box {
    padding: 65px 40px;
  }
}
#donation-popup .spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#donation-popup .spinner svg {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

.popup-trigger {
  cursor: pointer;
}

.report-section-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
.report-section-selector label {
  font: 600 1.75rem/1.25 "Poppins", system-ui;
}
.report-section-selector select {
  font: 600 1.125rem/1.2222222222 "Poppins", system-ui;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid rgba(17, 36, 85, 0.25);
  display: block;
  padding: 12px 24px;
  width: 80%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23112455" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
}

.report-section {
  display: none;
}
.report-section.active {
  display: block;
}

.state-rank-table {
  max-width: 100%;
  width: 100%;
  overflow-x: auto;
}

#page-content {
  overflow: hidden;
}

.flexible-content {
  padding: 80px 0;
}

.flexible-content-item {
  clear: both;
  --flexible-content-gap: 55px;
}
.flexible-content-item:not(:last-child):not(#flexible-quote) {
  margin-bottom: var(--flexible-content-gap);
  padding-bottom: var(--flexible-content-gap);
  border-bottom: 1px solid rgba(17, 36, 85, 0.25);
}
@media (max-width: 767.99px) {
  .flexible-content-item {
    --flexible-content-gap: 30px;
  }
}
.flexible-content-item a {
  color: #385988;
}
.flexible-content-item a:not(.button):not(.post-card) {
  text-decoration: underline;
}

#flexible-quote:not(:last-child) {
  margin-bottom: 55px;
}
#flexible-quote hr {
  margin: 24px 0;
}
#flexible-quote .share-links {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #ff9f37;
}
#flexible-quote .share-links a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
#flexible-quote .share-links a:hover,
#flexible-quote .share-links a:focus {
  opacity: 0.85;
}

#flexible-text-editor .w-bg {
  background-color: #f2f7ff;
  padding: 24px;
  border-radius: 24px;
}
@media (min-width: 768px) {
  #flexible-text-editor .cols-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  #flexible-text-editor .cols-2 > div {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid-column;
  }
}

.table {
  border: 1px solid #dde8fb;
  overflow: hidden;
  border-radius: 24px;
}

table {
  table-layout: fixed;
  width: 100%;
}
table th {
  background-color: #dde8fb;
}
table th,
table td {
  padding: 12px 24px;
}
table td {
  width: 50%;
}
table td:first-child {
  color: #112455;
  font-weight: 600;
  line-height: 125%;
  /* 22.5px */
  letter-spacing: -0.72px;
  text-transform: capitalize;
}
table tbody {
  font-size: 18px;
}
table tbody tr:nth-child(odd) {
  background-color: #f2f7ff;
}

#flexible-media-group .media-list img {
  border-radius: 24px;
  overflow: hidden;
}
#flexible-media-group .video-wrapper {
  grid-column: 1/3;
}

#flexible-grid-stats .grid-stats {
  gap: 40px 24px;
}
#flexible-grid-stats .grid-stats img {
  border-radius: 24px;
  overflow: hidden;
}
#flexible-grid-stats .textbox {
  display: grid;
}
#flexible-grid-stats .textbox .inner {
  margin: auto;
  text-align: center;
}
@media (max-width: 767.99px) {
  #flexible-grid-stats .grid-stats {
    gap: 24px;
  }
}

#flexible-carousel .carousel {
  width: 90%;
  margin-right: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  aspect-ratio: 5/3;
  border-radius: 24px;
}

#home-hero {
  color: white;
  position: relative;
  overflow: hidden;
}
#home-hero .bg-mesh-gradient > canvas {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
}
#home-hero .inner {
  padding: 30px 0;
  position: relative;
}
#home-hero .container {
  position: relative;
}
#home-hero .hero-heading {
  text-shadow: 0px 8px 24px rgba(56, 89, 136, 0.25);
  font-family: "Poppins", system-ui;
  font-size: 114px;
  font-weight: 600;
  line-height: 125%;
  /* 142.5px */
  letter-spacing: -4.56px;
  width: 90%;
  padding-left: 0;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
@media (min-width: 992px) {
  #home-hero .hero-text {
    width: 55%;
  }
}
@media (max-width: 1023.99px) {
  #home-hero .hero-heading {
    font-size: 5rem;
  }
}
@media (max-width: 767.99px) {
  #home-hero {
    overflow: hidden;
    margin-top: 30px;
  }
  #home-hero .background {
    -webkit-transform: scale(5);
            transform: scale(5);
  }
  #home-hero .inner {
    padding: 20px 0 15px;
  }
  #home-hero .hero-heading {
    font-size: 48px;
    letter-spacing: -1.92px;
  }
}
#home-hero .section-arc {
  left: -2px;
  width: calc(100% + 4px);
}

#spotlights {
  overflow: hidden;
}
#spotlights .separator {
  background-color: rgba(17, 36, 85, 0.25);
  height: 1px;
  margin: 55px 0;
  display: none;
}
#spotlights .post-card .card-img {
  aspect-ratio: 5/3.3333;
}

.spotlight-triggers .spotlight-trigger {
  cursor: pointer;
}
.spotlight-triggers .spotlight-trigger.is-active {
  background-color: #faf6eb;
  border-color: #faf6eb;
}
@media (max-width: 767.99px) {
  .spotlight-triggers {
    display: block;
    margin: 0 -12px;
    padding: 0 12px;
  }
  .spotlight-triggers .spotlight-trigger {
    width: 80%;
    margin-right: 24px;
  }
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate3D(0%, 0, 0);
            transform: translate3D(0%, 0, 0);
  }
  100% {
    -webkit-transform: translate3D(-100%, 0, 0);
            transform: translate3D(-100%, 0, 0);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translate3D(0%, 0, 0);
            transform: translate3D(0%, 0, 0);
  }
  100% {
    -webkit-transform: translate3D(-100%, 0, 0);
            transform: translate3D(-100%, 0, 0);
  }
}
@-webkit-keyframes marquee2 {
  0% {
    -webkit-transform: translate3D(100%, 0, 0);
            transform: translate3D(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3D(0%, 0, 0);
            transform: translate3D(0%, 0, 0);
  }
}
@keyframes marquee2 {
  0% {
    -webkit-transform: translate3D(100%, 0, 0);
            transform: translate3D(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3D(0%, 0, 0);
            transform: translate3D(0%, 0, 0);
  }
}
#marquee {
  position: relative;
  overflow: hidden;
  background: linear-gradient(103deg, rgba(123, 158, 208, 0.45) 7.49%, rgba(255, 246, 237, 0.45) 92.23%), #385988;
  color: white;
}

.marquee-list {
  padding: 24px 0;
  white-space: nowrap;
  text-wrap: nowrap;
  font-size: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-animation: marquee 25s linear infinite;
          animation: marquee 25s linear infinite;
}
.marquee-list:nth-child(2) {
  position: absolute;
  top: 0;
  -webkit-animation-name: marquee2;
          animation-name: marquee2;
}

.marquee-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  padding: 0 25px;
}
.marquee-item .heading {
  color: #fff;
  font-size: 96px;
  font-weight: 600;
  line-height: 125%; /* 120px */
  letter-spacing: -3.84px;
}
.marquee-item img {
  width: 250px;
  border-radius: 24px;
  margin-right: 40px;
}
@media (max-width: 767.99px) {
  .marquee-item {
    padding: 0 10px;
  }
  .marquee-item .heading {
    font-size: 48px;
  }
  .marquee-item img {
    width: 185px;
    margin-right: 20px;
  }
}

:root {
  --card-offset: 125px;
}
@media (max-width: 767.99px) {
  :root {
    --card-offset: 65px;
  }
}

#home-wwd {
  color: #112455;
  position: relative;
}
#home-wwd .section-arc {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
#home-wwd .container {
  position: relative;
}
#home-wwd .text {
  font-weight: normal;
}
#home-wwd .home-wwd-cards {
  position: sticky;
  top: var(--wwd-cards-sticky-gap);
}
#home-wwd .fake-cards {
  display: grid;
  gap: 40px;
  pointer-events: none;
}
#home-wwd .fake-cards .card {
  opacity: 0;
  pointer-events: none;
}
#home-wwd .home-wwd-cards .card:not(:first-child) {
  position: absolute;
  inset: 0;
}
#home-wwd .card {
  padding: 40px 90px;
  border: 1px solid #112455;
  border-radius: 24px;
  text-align: center;
  background-color: #faf6eb;
  background-image: linear-gradient(292deg, rgba(255, 239, 209, 0.8) 3.5%, rgba(255, 249, 238, 0.8) 96.5%);
  position: relative;
  overflow: hidden;
}
#home-wwd .card:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: #f2f7ff;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  pointer-events: none;
}
#home-wwd .card.is-active {
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
#home-wwd .card.is-active .card-inner {
  opacity: 1;
}
#home-wwd .card.is-active:before {
  opacity: 1;
}
#home-wwd .card-inner {
  opacity: 0.5;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
  position: relative;
}
#home-wwd .card-title {
  color: #112455;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 100px */
  letter-spacing: -3.2px;
  margin-bottom: 40px;
}
#home-wwd .inner-card {
  background-color: white;
  padding: 40px;
  border-radius: 48px;
}
#home-wwd .card-img {
  aspect-ratio: 5/3.3333;
  background-color: #eee;
  border-radius: 24px;
}
#home-wwd .card-img img {
  width: 100%;
  border-radius: 24px;
  aspect-ratio: 5/3.3333;
}
#home-wwd .card-text {
  margin-bottom: 30px;
  color: #242424;
}
#home-wwd .card-link {
  font-size: 18px;
  font-weight: 600;
}
#home-wwd .card-content {
  padding: 0 30px;
}
@media (min-width: 1024px) {
  #home-wwd .inner-card {
    gap: 40px;
  }
  #home-wwd .content {
    max-width: 1078px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1023.99px) {
  #home-wwd .card-img {
    margin-bottom: 30px;
  }
}
@media (max-width: 767.99px) {
  #home-wwd .background {
    display: none;
  }
  #home-wwd .inner-card {
    border-radius: 24px;
  }
  #home-wwd .card {
    padding: 24px 12px;
  }
  #home-wwd .card-content {
    padding: 0;
  }
  #home-wwd .card-title {
    font-size: 36px;
    margin-bottom: 20px;
  }
  #home-wwd .card-text {
    font-size: 20px;
  }
}

#news-events {
  position: relative;
  background-color: white;
}

#our-impact {
  position: relative;
}
#our-impact .bg-mesh-gradient > canvas {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
}
#our-impact .heading {
  color: white;
}
#our-impact .container {
  position: relative;
}
@media (min-width: 768px) {
  #our-impact .button-wrapper {
    text-align: center;
  }
}
@media (max-width: 767.99px) {
  #our-impact .background {
    width: 100%;
  }
  #our-impact .heading {
    font-size: 36px;
  }
}

#cta-home {
  position: relative;
}
#cta-home .section-arc-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
#cta-home .section-arc-top svg {
  bottom: -1px;
}
#cta-home .section-arc-bottom svg {
  bottom: -1px;
}
#cta-home .container {
  position: relative;
  z-index: 1;
}
#cta-home .image-wrapper {
  position: relative;
}
#cta-home .image-wrapper img {
  width: 100%;
  aspect-ratio: 5/4.75;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1024px) {
  #cta-home .image-wrapper {
    padding-left: 100px;
    top: 60px;
  }
}
@media (max-width: 767.99px) {
  #cta-home {
    text-align: center;
  }
  #cta-home .container {
    padding-bottom: 20px;
  }
}

body.home #parent-footer {
  padding-top: 40px;
}

#donate {
  position: relative;
  top: 40px;
  margin-top: -30px;
}
#donate .card {
  background-color: #ff9f37;
  color: white;
  padding: 80px 40px;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1024px) {
  #donate .card-content {
    padding-right: 60px;
  }
}
#donate .embed-card {
  width: 100%;
  background: linear-gradient(292deg, rgba(255, 239, 209, 0.8) 3.5%, rgba(255, 249, 238, 0.8) 96.5%);
  border-radius: 24px;
  padding: 40px;
  color: #112455;
}
@media (min-width: 1024px) {
  #donate .card-content {
    width: 40%;
  }
  #donate .embed-card {
    width: 60%;
  }
}
@media (max-width: 767.99px) {
  #donate {
    top: 20px;
    margin-top: 0;
  }
  #donate + #parent-footer {
    padding-top: 20px;
  }
  #donate .card {
    padding: 30px 12px 12px;
  }
  #donate .card-content {
    text-align: center;
    margin-bottom: 30px;
  }
}

#hero-2 {
  position: relative;
}
#hero-2 .container {
  position: relative;
}
#hero-2 .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 528px;
}
#hero-2 .content {
  padding: 50px 0;
  width: 53%;
  position: relative;
}
#hero-2 .gallery-wrapper {
  width: 47%;
}
#hero-2 .heading {
  color: #112455;
  font-size: 80px;
  font-weight: 600;
  line-height: 125%; /* 100px */
  letter-spacing: -3.2px;
  margin-bottom: 20px;
}
#hero-2 .copy {
  width: 80%;
}
#hero-2 .gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding-left: 60px;
}
#hero-2 .gallery img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767.99px) {
  #hero-2 .content,
  #hero-2 .gallery-wrapper {
    width: 100%;
  }
  #hero-2 .gallery {
    padding-left: 0;
    margin: 0 -12px;
  }
  #hero-2 .content {
    padding: 30px 0 40px;
  }
  #hero-2 .heading {
    font-size: 40px;
    margin-bottom: 10px;
  }
  #hero-2 .copy {
    width: 100%;
  }
}
#hero-2.type-animated .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  padding-left: 60px;
  position: relative;
  max-height: 528px;
  overflow: clip;
}
@media (max-width: 767.99px) {
  #hero-2.type-animated .gallery {
    max-height: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#hero-2.type-animated .gallery img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767.99px) {
  #hero-2.type-animated .gallery img {
    width: calc(50% - 9px);
  }
}
#hero-2.type-animated .gallery .gallery-col-1,
#hero-2.type-animated .gallery .gallery-col-2 {
  display: grid;
  gap: 18px;
}
@media (max-width: 767.99px) {
  #hero-2.type-animated .gallery .gallery-col-1,
  #hero-2.type-animated .gallery .gallery-col-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#hero-2.type-animated .gallery .gallery-col-1 {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media (max-width: 767.99px) {
  #hero-2.type-animated .gallery .gallery-col-1 {
    -ms-flex-item-align: unset;
        align-self: unset;
  }
}

#featured-items .inner {
  gap: 140px;
}
@media (max-width: 1023.99px) {
  #featured-items .inner {
    gap: 40px;
  }
}

#flex-tier {
  background-color: #385988;
}
#flex-tier .inner {
  padding: 80px 0;
}
#flex-tier .grid {
  gap: 80px;
}
#flex-tier img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1023.99px) {
  #flex-tier .grid {
    gap: 60px;
  }
}
@media (max-width: 767.99px) {
  #flex-tier .grid {
    gap: 20px;
  }
  #flex-tier .inner {
    padding: 40px 0;
  }
}

.page-template-learn #flex-tier {
  background-color: #faf6eb;
  background-image: linear-gradient(292deg, rgba(255, 239, 209, 0.8) 3.5%, rgba(255, 249, 238, 0.8) 96.5%);
}

.page-template-mental-health-learning-hub #flex-tier {
  background-color: #f2f7ff;
}
.page-template-mental-health-learning-hub #flex-tier:before {
  background-color: #f2f7ff;
}

#grid-items {
  background-color: #f2f7ff;
  text-align: center;
}
#grid-items .items {
  text-align: left;
  gap: 80px 60px;
}
#grid-items .heading {
  margin-bottom: 20px;
}
#grid-items .text {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
#grid-items .flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#grid-items .item h5 {
  margin-bottom: 10px;
}
#grid-items .item img {
  width: 30%;
}
#grid-items .item .content {
  width: 70%;
  padding-left: 40px;
}
@media (min-width: 1024px) {
  #grid-items .text {
    max-width: 600px;
  }
}
@media (max-width: 767.99px) {
  #grid-items .heading {
    font-size: 36px;
  }
  #grid-items .items {
    gap: 40px;
  }
  #grid-items .item {
    text-align: center;
  }
  #grid-items .item img {
    width: 157px;
    margin: 0 auto 20px;
  }
  #grid-items .item .content {
    padding-left: 0;
    width: 100%;
  }
}

#cta {
  background-color: #faf6eb;
  background-image: linear-gradient(292deg, rgba(255, 239, 209, 0.8) 3.5%, rgba(255, 249, 238, 0.8) 96.5%);
}
#cta .inner {
  padding: 60px 0;
}
#cta .grid {
  margin-left: auto;
  margin-right: auto;
}
#cta .heading {
  margin-bottom: 25px;
}
#cta .copy {
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  #cta .left-col {
    padding-right: 80px;
  }
  #cta .grid {
    max-width: 1050px;
  }
}
@media (max-width: 767.99px) {
  #cta {
    text-align: center;
  }
  #cta .inner {
    padding: 30px 0 40px;
  }
}

#cta-alt {
  text-align: center;
  margin: 55px 0;
}
#cta-alt .heading {
  margin-bottom: 15px;
}
#cta-alt .copy.is-xl {
  margin-bottom: 32px;
}

#hero-1 {
  overflow-x: clip;
  position: relative;
  margin-bottom: 2rem;
}
#hero-1.theme-navy {
  color: white;
}
#hero-1.theme-beige .heading {
  color: #112455;
}
#hero-1 .content-inner {
  position: relative;
}
#hero-1 .heading {
  margin-bottom: 20px;
}
#hero-1 .flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#hero-1 .content {
  width: 57%;
  padding: 80px 120px 90px 0;
  position: relative;
}
#hero-1 .image-wrapper {
  width: 43%;
  position: absolute;
  top: 0;
  left: 57%;
  bottom: -15%;
}
@media (max-width: 767.99px) {
  #hero-1 .image-wrapper {
    position: relative;
    left: unset;
    bottom: unset;
  }
}
#hero-1 .image-wrapper > div {
  position: relative;
}
#hero-1 .image-wrapper .image-acc {
  position: absolute;
  inset: 0;
  background-color: #385988;
  -webkit-transform: translate(-33px, -33px);
          transform: translate(-33px, -33px);
}
#hero-1 .image-wrapper .image-outer {
  width: calc(100% + 100px);
  height: 100%;
}
#hero-1 .image-wrapper svg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
#hero-1 .image-wrapper svg path {
  fill: white;
}
#hero-1 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  #hero-1 .content-wrapper {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 767.99px) {
  #hero-1 {
    overflow: visible;
    margin-bottom: 30px;
  }
  #hero-1.theme-navy {
    background-color: #385988;
    color: white;
  }
  #hero-1.theme-beige {
    background-color: #faf6eb;
    background-image: linear-gradient(292deg, rgba(255, 239, 209, 0.8) 3.5%, rgba(255, 249, 238, 0.8) 96.5%);
  }
  #hero-1 .content {
    padding: 30px 0;
  }
  #hero-1 .content:before {
    content: none;
  }
  #hero-1 .flex {
    display: block;
  }
  #hero-1 .content,
  #hero-1 .image-wrapper {
    width: 100%;
  }
  #hero-1 .image-wrapper {
    position: relative;
  }
  #hero-1 .image-wrapper .image-acc {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    display: none;
  }
  #hero-1 .image-wrapper .image-outer {
    width: 100%;
  }
}

#featured-posts {
  padding: 80px 0;
}
#featured-posts .section-header {
  text-align: center;
}
#featured-posts .heading {
  margin-bottom: 20px;
}
#featured-posts .text {
  margin-bottom: 30px;
}
#featured-posts .cards {
  gap: 80px;
}
@media (min-width: 1024px) {
  #featured-posts .section-header {
    margin: 0 auto 50px;
    max-width: 700px;
  }
}
@media (max-width: 1023.99px) {
  #featured-posts .cards {
    gap: 60px;
  }
}
@media (max-width: 767.99px) {
  #featured-posts {
    padding: 40px 0;
  }
  #featured-posts .cards {
    gap: 40px;
  }
  #featured-posts .section-header {
    margin-bottom: 40px;
  }
}

#from-the-blog {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}
#from-the-blog .bg-mesh-gradient > canvas {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
}
#from-the-blog .inner {
  padding: 60px 0 30px;
}
#from-the-blog .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 35%;
}
#from-the-blog .container {
  position: relative;
}
#from-the-blog .heading {
  color: white;
}
#from-the-blog .cards {
  margin-bottom: 65px;
  gap: 60px;
}
@media (min-width: 768px) {
  #from-the-blog .button-wrapper {
    text-align: center;
  }
}
@media (max-width: 767.99px) {
  #from-the-blog .inner {
    padding: 30px 0;
  }
  #from-the-blog .cards {
    gap: 24px;
    margin-bottom: 40px;
  }
  #from-the-blog .background {
    width: 100%;
  }
  #from-the-blog h1 {
    font-size: 36px;
  }
  #from-the-blog hr {
    margin: 24px 0 36px;
  }
}

#hero-conference #banner {
  padding: 70px 0;
  background: url(../../assets/img/conference-bg.jpeg) no-repeat center center/cover #f2f7ff;
  color: #385988;
  position: relative;
}
#hero-conference #banner .container {
  position: relative;
}
#hero-conference #banner .inner {
  margin-left: auto;
  margin-right: auto;
}
#hero-conference #banner .flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#hero-conference #banner .left-col {
  width: 175px;
  padding-top: 79px;
}
#hero-conference #banner .right-col {
  width: calc(100% - 175px);
  padding-left: 40px;
}
#hero-conference #banner .date {
  margin-bottom: 20px;
}
#hero-conference #banner .heading {
  font-size: 100px;
  font-weight: 1000;
  text-transform: uppercase;
  line-height: 1;
  font-family: "DM Sans", sans-serif;
  letter-spacing: 4px;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  #hero-conference #banner .inner {
    max-width: 1050px;
  }
}
@media (max-width: 1023.99px) {
  #hero-conference #banner .heading {
    font-size: 48px;
    letter-spacing: 0;
  }
  #hero-conference #banner .left-col {
    width: 15%;
    padding-top: 71px;
  }
  #hero-conference #banner .right-col {
    width: 85%;
  }
}
@media (max-width: 767.99px) {
  #hero-conference #banner {
    padding: 55px 0;
  }
  #hero-conference #banner .heading {
    font-size: 36px;
    letter-spacing: 0;
    margin-bottom: 20px;
  }
  #hero-conference #banner .left-col {
    padding-top: 48px;
  }
  #hero-conference #banner .right-col {
    padding-left: 17px;
  }
  #hero-conference #banner .date {
    font-size: 16px;
    margin-bottom: 20px;
    letter-spacing: -0.72px;
  }
}

#hero-conference.alt-style #banner {
  color: #FFF;
}
#hero-conference.alt-style #banner .left-col svg g {
  fill: #FFF;
}

#hero-conference #nav {
  padding: 10px 0 13px;
  font-size: 18px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  color: #112455;
  position: sticky;
  top: 0;
  background-color: #112455;
}
#hero-conference #nav.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 50;
}
#hero-conference #nav.is-hidden {
  opacity: 0;
  pointer-events: none;
}
#hero-conference #nav .flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 66px;
}
#hero-conference #nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#hero-conference #nav ul li {
  border: none;
}
#hero-conference #nav ul li a {
  border: none;
  text-decoration: none;
  padding: 0;
}
#hero-conference #nav ul li a:hover {
  text-decoration: underline;
}
#hero-conference #nav ul li a:before, #hero-conference #nav ul li a:after {
  display: none;
}
#hero-conference #nav ul li a.line-button {
  color: white;
}
#hero-conference #nav ul li a.line-button:hover {
  color: #ff9f37;
}
@media (max-width: 1023.99px) {
  #hero-conference #nav .flex {
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    text-align: center;
  }
  #hero-conference #nav .flex li {
    border-bottom: 1px solid #385988;
    padding-bottom: 8px;
  }
  #hero-conference #nav .flex li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}

#hero-conference #countdown {
  text-align: center;
  position: relative;
}
#hero-conference #countdown.is-done .done-copy {
  display: block;
}
#hero-conference #countdown.is-done .timer {
  display: none;
}
#hero-conference #countdown .done-copy {
  display: none;
}
#hero-conference #countdown .inner {
  padding: 42px 0;
  position: relative;
}
#hero-conference #countdown .heading {
  margin-bottom: 30px;
}
#hero-conference #countdown .timer {
  gap: 14px;
}
#hero-conference #countdown .component {
  background-color: white;
  border-radius: 24px;
  padding: 24px;
  font-weight: 600;
  position: relative;
}
#hero-conference #countdown .component:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -7px;
  margin-top: -28.5px;
  margin-right: -28.5px;
  width: 57px;
  height: 57px;
  background-color: #fff5e1;
  border-radius: 50%;
}
#hero-conference #countdown .component:first-child {
  z-index: 3;
}
#hero-conference #countdown .component:nth-child(2) {
  z-index: 2;
}
#hero-conference #countdown .component:nth-child(3) {
  z-index: 1;
}
#hero-conference #countdown .component:last-child::after {
  content: none;
}
#hero-conference #countdown .number {
  font-size: 48px;
  letter-spacing: -1.92px;
}
#hero-conference #countdown .label {
  font-size: 22px;
  letter-spacing: -0.88px;
}
@media (max-width: 1023.99px) {
  #hero-conference #countdown .component:nth-child(2):after {
    display: none;
  }
}

#feature-item img {
  width: 100%;
}
#feature-item .card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#feature-item .card-content h4 {
  margin-bottom: 15px;
}
#feature-item .card-content .bottom {
  padding-top: 30px;
  margin-top: auto;
}
@media (max-width: 767.99px) {
  #feature-item .card {
    text-align: center;
  }
}

#conference-topics .card-title {
  margin: auto;
}

#video-banner {
  margin: 100px 0 0;
  padding-bottom: 100px;
  height: 300vh;
  background-color: #f2f7ff;
}
@media (max-width: 767.99px) {
  #video-banner {
    margin: 60px 0 0;
    padding-bottom: 60px;
  }
}
#video-banner .vimeo-wrapper {
  --video-clip-x: 22%;
  --video-clip-y: 25%;
  --video-radius: 24px;
  /* Apply the same clipping effect to the container */
  clip-path: inset(var(--video-clip-y) var(--video-clip-x) var(--video-clip-y) var(--video-clip-x) round var(--video-radius));
  position: sticky;
  width: 100%;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
#video-banner .vimeo-wrapper iframe {
  width: 100%;
  height: 100%;
  /* object-fit doesn't apply to iframes, 
        but Vimeo's background parameter should 
        handle resizing like a cover background */
  display: block;
}
@media (max-width: 767.99px) {
  #video-banner .vimeo-wrapper {
    --video-clip-x: 10%;
    --video-clip-y: 35%;
  }
}

.plyr-wrapper {
  --plyr-video-control-background-hover: white;
  --plyr-color-main: #385988;
}
.plyr-wrapper .video-wrapper {
  overflow: hidden;
}
.plyr-wrapper .plyr__poster {
  background-size: cover;
}
.plyr-wrapper .plyr--stopped .plyr__controls {
  display: none;
}
.plyr-wrapper .plyr__control--overlaid {
  --plyr-control-icon-size: 28px;
  background-color: white;
  padding: 22px 34px;
  border-radius: 24px;
}
.plyr-wrapper .plyr__control--overlaid svg use {
  fill: #112455;
}

@media (min-width: 768px) {
  #conference-featured-items .card:last-child .content {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

#stats {
  margin: 65px 0;
  position: relative;
  overflow: hidden;
  color: white;
  background: linear-gradient(103deg, rgba(123, 158, 208, 0.45) 7.49%, rgba(255, 246, 237, 0.45) 92.23%), #385988;
}
@media (max-width: 767.99px) {
  #stats {
    margin: 55px 0;
  }
}

.stat-list {
  padding: 24px 0;
  white-space: nowrap;
  text-wrap: nowrap;
  font-size: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: marquee linear 25s infinite;
          animation: marquee linear 25s infinite;
}
.stat-list:nth-child(2) {
  position: absolute;
  top: 0;
  -webkit-animation-name: marquee2;
          animation-name: marquee2;
}

.stat-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  padding: 0 25px;
}
.stat-item .content {
  text-align: center;
}
.stat-item .content > div {
  display: block;
}
.stat-item .title {
  color: #fff;
  font-size: 96px;
  font-weight: 600;
  line-height: 125%;
  /* 120px */
  letter-spacing: -3.84px;
}
.stat-item .text {
  max-width: 320px;
  white-space: normal;
  margin: auto;
}
.stat-item img {
  width: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: 40px;
}
@media (max-width: 767.99px) {
  .stat-item {
    padding: 0 10px;
  }
  .stat-item .title {
    font-size: 48px;
  }
  .stat-item img {
    width: 185px;
    margin-left: 20px;
  }
}

.card-triggers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
  color: #112455;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.card-triggers .select {
  padding-right: 10px;
}
.card-triggers .card-trigger {
  padding: 8px 16px;
  border: 1px solid #112455;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.card-triggers .card-trigger:hover {
  background-color: #112455;
  color: white;
}
.card-triggers .card-trigger.is-active {
  background-color: #112455;
  color: white;
}

.condition-cards-wrapper {
  overflow: hidden;
}

#condition-cards {
  --card-gap: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#condition-cards.card-2-active .post-card:nth-child(2) {
  -webkit-transform: translateX(var(--card-gap));
          transform: translateX(var(--card-gap));
}
#condition-cards.card-2-active .post-card:nth-child(1) {
  -webkit-transform: translateX(calc(var(--card-gap) * -1));
          transform: translateX(calc(var(--card-gap) * -1));
}
#condition-cards.card-3-active .post-card:nth-child(3) {
  -webkit-transform: translateX(calc(var(--card-gap) * 2));
          transform: translateX(calc(var(--card-gap) * 2));
}
#condition-cards.card-3-active .post-card:nth-child(2),
#condition-cards.card-3-active .post-card:nth-child(1) {
  -webkit-transform: translateX(calc(var(--card-gap) * -1));
          transform: translateX(calc(var(--card-gap) * -1));
}
#condition-cards.card-4-active .post-card:nth-child(4) {
  -webkit-transform: translateX(calc(var(--card-gap) * 3));
          transform: translateX(calc(var(--card-gap) * 3));
}
#condition-cards.card-4-active .post-card:nth-child(3),
#condition-cards.card-4-active .post-card:nth-child(2),
#condition-cards.card-4-active .post-card:nth-child(1) {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
#condition-cards.card-5-active .post-card:nth-child(5) {
  -webkit-transform: translateX(calc(var(--card-gap) * 4));
          transform: translateX(calc(var(--card-gap) * 4));
}
#condition-cards.card-5-active .post-card:nth-child(4),
#condition-cards.card-5-active .post-card:nth-child(3),
#condition-cards.card-5-active .post-card:nth-child(2),
#condition-cards.card-5-active .post-card:nth-child(1) {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
#condition-cards.card-6-active .post-card:nth-child(6) {
  -webkit-transform: translateX(calc(var(--card-gap) * 5));
          transform: translateX(calc(var(--card-gap) * 5));
}
#condition-cards.card-6-active .post-card:nth-child(5),
#condition-cards.card-6-active .post-card:nth-child(4),
#condition-cards.card-6-active .post-card:nth-child(3),
#condition-cards.card-6-active .post-card:nth-child(2),
#condition-cards.card-6-active .post-card:nth-child(1) {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
#condition-cards .post-card {
  min-width: 400px;
  max-width: 400px;
  margin: 0 -250px;
  text-align: center;
  border: 1px solid rgba(17, 36, 85, 0.25);
  background-color: #faf6eb;
}
#condition-cards .post-card .card-inner {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  opacity: 0.5;
}
#condition-cards .post-card.is-active {
  background-color: #F2F7FF;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  pointer-events: auto;
}
#condition-cards .post-card.is-active .card-inner {
  opacity: 1;
  background: #f2f7ff;
}
@media (max-width: 767.99px) {
  #condition-cards {
    --card-gap: 20px;
    display: block;
    position: relative;
    margin-bottom: calc(var(--card-gap) * 7);
  }
  #condition-cards .post-card {
    width: 100%;
    max-width: unset;
    min-width: unset;
    margin: 0;
  }
  #condition-cards .post-card:not(:first-child) {
    position: absolute;
    inset: 0;
  }
  #condition-cards .post-card:nth-child(2) {
    -webkit-transform: translateY(var(--card-gap));
            transform: translateY(var(--card-gap));
  }
  #condition-cards .post-card:nth-child(3) {
    -webkit-transform: translateY(calc(var(--card-gap) * 2));
            transform: translateY(calc(var(--card-gap) * 2));
  }
  #condition-cards .post-card:nth-child(4) {
    -webkit-transform: translateY(calc(var(--card-gap) * 3));
            transform: translateY(calc(var(--card-gap) * 3));
  }
  #condition-cards .post-card:nth-child(5) {
    -webkit-transform: translateY(calc(var(--card-gap) * 4));
            transform: translateY(calc(var(--card-gap) * 4));
  }
  #condition-cards .post-card:nth-child(6) {
    -webkit-transform: translateY(calc(var(--card-gap) * 5));
            transform: translateY(calc(var(--card-gap) * 5));
  }
  #condition-cards.card-2-active .post-card:nth-child(2) {
    -webkit-transform: none;
            transform: none;
  }
  #condition-cards.card-2-active .post-card:nth-child(1) {
    -webkit-transform: translateY(calc(var(--card-gap) * 1));
            transform: translateY(calc(var(--card-gap) * 1));
  }
  #condition-cards.card-3-active .post-card:nth-child(3) {
    -webkit-transform: none;
            transform: none;
  }
  #condition-cards.card-3-active .post-card:nth-child(2) {
    -webkit-transform: translateY(calc(var(--card-gap) * 2));
            transform: translateY(calc(var(--card-gap) * 2));
  }
  #condition-cards.card-3-active .post-card:nth-child(1) {
    -webkit-transform: translateY(calc(var(--card-gap) * 1));
            transform: translateY(calc(var(--card-gap) * 1));
  }
  #condition-cards.card-4-active .post-card:nth-child(4) {
    -webkit-transform: none;
            transform: none;
  }
  #condition-cards.card-4-active .post-card:nth-child(3) {
    -webkit-transform: translateY(calc(var(--card-gap) * 3));
            transform: translateY(calc(var(--card-gap) * 3));
  }
  #condition-cards.card-4-active .post-card:nth-child(2) {
    -webkit-transform: translateY(calc(var(--card-gap) * 2));
            transform: translateY(calc(var(--card-gap) * 2));
  }
  #condition-cards.card-4-active .post-card:nth-child(1) {
    -webkit-transform: translateY(calc(var(--card-gap) * 1));
            transform: translateY(calc(var(--card-gap) * 1));
  }
  #condition-cards.card-5-active .post-card:nth-child(5) {
    -webkit-transform: none;
            transform: none;
  }
  #condition-cards.card-5-active .post-card:nth-child(4) {
    -webkit-transform: translateY(calc(var(--card-gap) * 4));
            transform: translateY(calc(var(--card-gap) * 4));
  }
  #condition-cards.card-5-active .post-card:nth-child(3) {
    -webkit-transform: translateY(calc(var(--card-gap) * 3));
            transform: translateY(calc(var(--card-gap) * 3));
  }
  #condition-cards.card-5-active .post-card:nth-child(2) {
    -webkit-transform: translateY(calc(var(--card-gap) * 2));
            transform: translateY(calc(var(--card-gap) * 2));
  }
  #condition-cards.card-5-active .post-card:nth-child(1) {
    -webkit-transform: translateY(calc(var(--card-gap) * 1));
            transform: translateY(calc(var(--card-gap) * 1));
  }
  #condition-cards.card-6-active .post-card:nth-child(6) {
    -webkit-transform: none;
            transform: none;
  }
  #condition-cards.card-6-active .post-card:nth-child(5) {
    -webkit-transform: translateY(calc(var(--card-gap) * 5));
            transform: translateY(calc(var(--card-gap) * 5));
  }
  #condition-cards.card-6-active .post-card:nth-child(4) {
    -webkit-transform: translateY(calc(var(--card-gap) * 4));
            transform: translateY(calc(var(--card-gap) * 4));
  }
  #condition-cards.card-6-active .post-card:nth-child(3) {
    -webkit-transform: translateY(calc(var(--card-gap) * 3));
            transform: translateY(calc(var(--card-gap) * 3));
  }
  #condition-cards.card-6-active .post-card:nth-child(2) {
    -webkit-transform: translateY(calc(var(--card-gap) * 2));
            transform: translateY(calc(var(--card-gap) * 2));
  }
  #condition-cards.card-6-active .post-card:nth-child(1) {
    -webkit-transform: translateY(calc(var(--card-gap) * 1));
            transform: translateY(calc(var(--card-gap) * 1));
  }
}

#resource-centers {
  position: relative;
  overflow: hidden;
}
#resource-centers .container-left {
  position: relative;
}
#resource-centers .heading {
  color: white;
}
#resource-centers + #flex-tier .section-arc {
  display: none;
}
#resource-centers + #flex-tier .section-arc.fill-white path {
  fill: #385988;
}
#resource-centers .carousel-controls {
  color: white;
}
#resource-centers #resource-carousel {
  overflow-x: clip;
}

#give-stats {
  --gap: 44px;
  position: relative;
  overflow: hidden;
  background-color: #385988;
  color: white;
  text-align: center;
}
#give-stats .background {
  position: absolute;
  inset: 0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#give-stats .inner {
  padding: 60px 0;
  position: relative;
}
#give-stats .text {
  margin-bottom: 60px;
}
#give-stats .cards {
  gap: var(--gap);
}
#give-stats .post-card {
  position: relative;
  overflow: visible;
}
#give-stats .post-card .card-img {
  margin-bottom: 24px;
  aspect-ratio: 5/3.2813;
}
#give-stats .post-card .card-title {
  color: white;
  margin-bottom: 0;
}
#give-stats .post-card .card-content {
  background: linear-gradient(103deg, rgba(123, 158, 208, 0.45) 7.49%, rgba(255, 246, 237, 0.45) 92.23%);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
@media (min-width: 768px) {
  #give-stats .card-content {
    position: relative;
  }
  #give-stats .card-content:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    right: 0;
    width: var(--gap);
    height: 1px;
    background-color: white;
  }
  #give-stats .post-card:last-child .card-content:before {
    content: none;
  }
}
@media (max-width: 1023.99px) {
  #give-stats .post-card:nth-child(2) .card-content:before {
    content: none;
  }
}
@media (max-width: 767.99px) {
  #give-stats .inner {
    padding: 40px 0;
  }
  #give-stats .text {
    margin-bottom: 40px;
  }
  #give-stats h1 {
    font-size: 36px;
    letter-spacing: -1.44px;
  }
}

#give-quotes {
  position: relative;
}
#give-quotes .inner {
  padding: 80px 0;
  position: relative;
}
#give-quotes .heading {
  margin-bottom: 70px;
}
#give-quotes .quotes {
  gap: 70px;
}
@media (max-width: 767.99px) {
  #give-quotes {
    margin-top: 25px;
  }
  #give-quotes .inner {
    padding: 40px 0;
  }
  #give-quotes .heading {
    margin-bottom: 40px;
  }
  #give-quotes .quotes {
    gap: 40px;
  }
}

#give-quotes .quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  color: #112455;
  text-align: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
#give-quotes .quote:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#give-quotes .quote .text {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  letter-spacing: -1.28px;
  margin-bottom: 15px;
}
#give-quotes .quote .author {
  font-size: 22px;
  font-weight: 600;
}
#give-quotes .quote .title {
  font-weight: 600;
}
#give-quotes .quote .title:not(:empty) {
  margin-top: 10px;
}
#give-quotes .quote .quote-img {
  width: 295px;
}
#give-quotes .quote img {
  -o-object-fit: cover;
     object-fit: cover;
}
#give-quotes .quote .quote-content {
  width: calc(100% - 400px);
  background-color: white;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#give-quotes .quote .quote-content .content {
  margin: auto;
}
@media (max-width: 1279.99px) {
  #give-quotes .quote .quote-content {
    width: calc(100% - 295px);
  }
}
@media (max-width: 767.99px) {
  #give-quotes .quote {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px;
  }
  #give-quotes .quote .quote-img,
  #give-quotes .quote .quote-content {
    width: 100%;
  }
  #give-quotes .quote .text {
    font-size: 24px;
  }
}

#ways-to-give {
  padding: 80px 0;
  text-align: center;
}
#ways-to-give .heading {
  margin-bottom: 15px;
}
#ways-to-give .text {
  margin-bottom: 60px;
}
#ways-to-give .cards {
  gap: 60px;
}
#ways-to-give .post-card .card-content.is-same-height {
  height: auto;
}
@media (min-width: 768px) {
  #ways-to-give .cards {
    text-align: left;
  }
}
@media (max-width: 767.99px) {
  #ways-to-give .cards {
    gap: 40px;
  }
}
@media (max-width: 1023.99px) {
  #ways-to-give .post-card .card-img {
    aspect-ratio: 5/4;
  }
}

#hero-4 .image-wrapper img {
  width: 68%;
  margin-left: auto;
}
#hero-4 .share-and-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#hero-4 .share-links-title {
  margin-bottom: 6px;
}
@media (max-width: 1023.99px) {
  #hero-4 .image-wrapper img {
    width: 80%;
  }
}
@media (max-width: 767.99px) {
  #hero-4 {
    text-align: center;
  }
  #hero-4 .image-wrapper {
    margin-bottom: 2rem;
  }
  #hero-4 .image-wrapper img {
    width: 100%;
  }
}

#report-findings {
  overflow: hidden;
}
#report-findings .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 20px;
}
#report-findings .post-card {
  min-width: 400px;
  background-color: #f2f7ff;
  -webkit-transition: none;
  transition: none;
}
#report-findings .number {
  font-weight: 600;
}
@media (max-width: 767.99px) {
  #report-findings .cards {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #report-findings .post-card {
    min-width: 100%;
  }
}

#report-sponsors {
  border-radius: 24px;
  padding: 40px;
  background: linear-gradient(292deg, rgba(255, 239, 209, 0.2) 3.5%, rgba(255, 249, 238, 0.2) 96.5%);
}
#report-sponsors .logos {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#report-sponsors .logos img {
  width: 206px;
}
@media (max-width: 767.99px) {
  #report-sponsors .logos {
    gap: 24px;
  }
}

#state-ranks {
  color: #112455;
  font-size: 22px;
}
#state-ranks .heading {
  background-color: #dde8fb;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  font-weight: 600;
  position: relative;
}
#state-ranks .heading:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 24px;
  width: 30px;
  height: 30px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 29'%3E%3Cpath fill='%23242424' d='M22.956 15.706H6.039V13.29h16.917v2.416Z'/%3E%3C/svg%3E");
  background-size: contain;
}
#state-ranks .heading,
#state-ranks .state-item {
  padding: 12px 24px;
}
#state-ranks .state-item {
  background-color: #f2f7ff;
  font-family: "DM Sans", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#state-ranks .state-item:nth-child(even) {
  background-color: white;
}

body.post-type-archive-council #hero-3,
body.post-type-archive-policy-council #hero-3,
body.post-type-archive-affiliates #hero-3,
body.post-type-archive-research #hero-3,
body.post-type-archive-treatment-options #hero-3,
body.post-type-archive-calendar #hero-3,
body.post-type-archive-resources #hero-3 {
  background: #f2f7ff;
}
body.post-type-archive-council #hero-3 .background,
body.post-type-archive-policy-council #hero-3 .background,
body.post-type-archive-affiliates #hero-3 .background,
body.post-type-archive-research #hero-3 .background,
body.post-type-archive-treatment-options #hero-3 .background,
body.post-type-archive-calendar #hero-3 .background,
body.post-type-archive-resources #hero-3 .background {
  background-image: url(../img/bell-edge-purple.svg);
}

#hero-3 {
  background-color: #faf6eb;
  background-image: linear-gradient(292deg, rgba(255, 239, 209, 0.8) 3.5%, rgba(255, 249, 238, 0.8) 96.5%);
  position: relative;
  overflow: hidden;
}
#hero-3 .background {
  position: absolute;
  inset: 0;
  bottom: -4px;
  background: url(../img/bell-edge-beige.svg) no-repeat center right;
  background-size: cover;
  background-position: right center;
}
#hero-3 .container {
  position: relative;
}
@media (min-width: 1024px) {
  #hero-3 .content {
    max-width: 800px;
  }
}

.fwe-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fullwidth-embed {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1500px;
  max-width: 98vw;
  margin: 0 auto;
}

#media-banner {
  padding: 100px 0;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
#media-banner .background {
  position: absolute;
  inset: 0;
  opacity: 0.85;
}
#media-banner .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#media-banner.theme-dark {
  color: white;
}
#media-banner.theme-dark .color-navy {
  color: white;
}
#media-banner.theme-dark .image {
  mix-blend-mode: soft-light;
  opacity: 0.75;
}
#media-banner.theme-dark .background {
  opacity: 0.85;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(17, 36, 85, 0.65)), to(rgba(17, 36, 85, 0.65))), lightgray 50%;
  background: linear-gradient(0deg, rgba(17, 36, 85, 0.65) 0%, rgba(17, 36, 85, 0.65) 100%), lightgray 50%;
}
#media-banner.theme-light .image {
  mix-blend-mode: overlay;
}
#media-banner.theme-light .background {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(250, 246, 235, 0.25)), to(rgba(250, 246, 255, 0.25))), lightgray 50%;
  background: linear-gradient(0deg, rgba(250, 246, 235, 0.25) 0%, rgba(250, 246, 255, 0.25) 100%), lightgray 50%;
}
#media-banner .container {
  position: relative;
}

#hero-post {
  text-align: center;
}
#hero-post .content-wrapper,
#hero-post .content {
  position: relative;
}
#hero-post .background-wrapper {
  position: absolute;
  inset: 0;
}
#hero-post .background {
  width: 100%;
  height: 100%;
  background-color: #faf6eb;
  background-image: linear-gradient(292deg, rgba(255, 239, 209, 0.8) 3.5%, rgba(255, 249, 238, 0.8) 96.5%);
}
#hero-post .section-arc {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
#hero-post .image {
  position: relative;
}
#hero-post .image img {
  width: 100%;
}
#hero-post figcaption {
  opacity: 0.5;
}
#hero-post.w-image .background-wrapper {
  bottom: -150px;
}
#hero-post:not(.w-image) .content {
  padding-bottom: 50px;
}
/*# sourceMappingURL=style.css.map */