/*!
Theme Name: Surepoint
Theme URI: https://surepoint-er.com/
Author: TPD Design House
Author URI: https://tpddesignhouse.com
Description: A custom theme by TPD Design House
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tpd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

TPD is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@font-face {
  font-family: "HelixaReg";
  src: url("webfonts/Helixa-Regular.eot");
  src: url("webfonts/Helixa-Regular.eot?#iefix") format("embedded-opentype"), url("webfonts/Helixa-Regular.woff2") format("woff2"), url("webfonts/Helixa-Regular.woff") format("woff"), url("webfonts/Helixa-Regular.svg#Helixa-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HelixaRegItal";
  src: url("webfonts/Helixa-Italic.eot");
  src: url("webfonts/Helixa-Italic.eot?#iefix") format("embedded-opentype"), url("webfonts/Helixa-Italic.woff2") format("woff2"), url("webfonts/Helixa-Italic.woff") format("woff"), url("webfonts/Helixa-Italic.svg#Helixa-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "HelixaBold";
  src: url("webfonts/Helixa-Bold.eot");
  src: url("webfonts/Helixa-Bold.eot?#iefix") format("embedded-opentype"), url("webfonts/Helixa-Bold.woff2") format("woff2"), url("webfonts/Helixa-Bold.woff") format("woff"), url("webfonts/Helixa-Bold.svg#Helixa-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HelixaBoldItal";
  src: url("webfonts/Helixa-BoldItalic.eot");
  src: url("webfonts/Helixa-BoldItalic.eot?#iefix") format("embedded-opentype"), url("webfonts/Helixa-BoldItalic.woff2") format("woff2"), url("webfonts/Helixa-BoldItalic.woff") format("woff"), url("webfonts/Helixa-BoldItalic.svg#Helixa-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
.sr-only {
  display: block;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(1px);
          clip-path: inset(1px);
  white-space: nowrap;
  position: absolute;
}

/* =================================
   Base Animation Setup
================================= */
@media only screen and (min-width : 1024px) {
  [data-animate-section] [data-animate] {
    opacity: 0;
    will-change: transform, opacity;
    transition: opacity 1.25s ease, transform 1.25s cubic-bezier(0.76, 0, 0.24, 1);
  }
  [data-animate-section].is-in-view [data-animate] {
    opacity: 1;
    transform: none;
  }
}
/* =================================
   Animation Variants
================================= */
@media only screen and (min-width : 1024px) {
  [data-animate=fade-up] {
    transform: translate3d(0, 40px, 0);
  }
  [data-animate=fade-down] {
    transform: translate3d(0, -40px, 0);
  }
  [data-animate=fade-left] {
    transform: translate3d(-40px, 0, 0);
  }
  [data-animate=fade-right] {
    transform: translate3d(40px, 0, 0);
  }
  [data-animate=fade-in] {
    transform: none;
  }
  [data-animate=scale-in] {
    transform: scale(0.95);
  }
}
/* =================================
   Accessibility: Reduced Motion
================================= */
@media only screen and (min-width : 1024px) and (prefers-reduced-motion: reduce) {
  [data-animate-section] [data-animate] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(16px, 15.2957746479px + 0.1877934272vw, 18px);
}

body,
button,
input,
select,
optgroup,
textarea {
  color: #343a40;
  font-family: "HelixaReg";
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 0;
}

p {
  margin: 0 0 1rem 0;
  line-height: 1.3;
}

strong {
  font-family: "HelixaBold";
  font-weight: bold;
}

dfn,
cite,
em,
i {
  font-family: "HelixaRegItal";
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0;
  font-style: normal;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
html {
  scroll-behavior: smooth;
}

body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

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

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

.button, #site-navigation .nav-button a {
  border-radius: 10px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  min-width: 200px;
  padding: 0.6rem 1.2rem;
  font-family: "HelixaBold";
  font-weight: bold;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
.button span, #site-navigation .nav-button a span {
  margin-right: 0.5rem;
}
.button:focus, #site-navigation .nav-button a:focus {
  outline: 2px solid #cb333d;
}

.button.--white-solid, #site-navigation .nav-button a.--white-solid {
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #cb333d;
}
.button.--white-solid:hover, #site-navigation .nav-button a.--white-solid:hover {
  background: #cb333d;
  color: #ffffff;
}

.button.--white-border, #site-navigation .nav-button a.--white-border {
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
.button.--white-border:hover, #site-navigation .nav-button a.--white-border:hover {
  background: #ffffff;
  color: #cb333d;
}

.button.--red-solid, #site-navigation .nav-button a.--red-solid, #site-navigation .nav-button.--red a {
  border: 1px solid #cb333d;
  background: #cb333d;
  color: #ffffff;
}
.button.--red-solid:hover, #site-navigation .nav-button a.--red-solid:hover, #site-navigation .nav-button.--red a:hover {
  background: #004c82;
  border-color: #004c82;
}

.button.--red-border, #site-navigation .nav-button a.--red-border {
  border: 1px solid #cb333d;
  background: transparent;
  color: #cb333d;
}
.button.--red-border:hover, #site-navigation .nav-button a.--red-border:hover {
  background: #cb333d;
  color: #ffffff;
}

.button.--pink-solid, #site-navigation .nav-button a.--pink-solid {
  border: 1px solid #ffb88c;
  background: #ffb88c;
  color: #343a40;
}
.button.--pink-solid:hover, #site-navigation .nav-button a.--pink-solid:hover {
  background: #ffffff;
  border-color: #ffffff;
}

.button.--blue-solid, #site-navigation .nav-button a.--blue-solid, #site-navigation .nav-button.--blue a {
  border: 1px solid #004c82;
  background: #004c82;
  color: #ffffff;
}
.button.--blue-solid:hover, #site-navigation .nav-button a.--blue-solid:hover, #site-navigation .nav-button.--blue a:hover {
  background: #cb333d;
  border-color: #cb333d;
}

.button.--blue-border, #site-navigation .nav-button a.--blue-border {
  border: 1px solid #004c82;
  background: transparent;
  color: #004c82;
}
.button.--blue-border:hover, #site-navigation .nav-button a.--blue-border:hover {
  background: #004c82;
  color: #ffffff;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #343a40;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #343a40;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
#page {
  margin-top: 78px;
}
@media only screen and (min-width : 1280px) {
  #page {
    margin-top: 98px;
  }
}

.site-header {
  width: 100%;
  max-width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
@media only screen and (min-width : 1280px) {
  .site-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    background: #f5f5f5;
  }
}

.site-branding {
  padding: 24px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  background: #f5f5f5;
}
@media only screen and (min-width : 1280px) {
  .site-branding {
    padding: 24px 0px 24px 72px;
  }
}

.site-branding a.header-logo {
  display: block;
  margin: 0;
  width: 150px;
}
.site-branding a.header-logo img {
  display: block;
  margin: 0;
}
@media only screen and (min-width : 1280px) {
  .site-branding a.header-logo {
    width: 185px;
  }
}
@media only screen and (min-width : 1440px) {
  .site-branding a.header-logo {
    width: 210px;
  }
}

.site-branding .nav-toggle {
  display: block;
  margin-right: 5px;
  color: #cb333d;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  padding: 0;
  background: none;
  cursor: pointer;
  font-size: 30px;
}
.site-branding .nav-toggle .fa-bars {
  display: block;
}
.site-branding .nav-toggle .fa-xmark {
  display: none;
}
@media only screen and (min-width : 1280px) {
  .site-branding .nav-toggle {
    display: none;
  }
}

body.nav-active .site-branding .nav-toggle .fa-xmark {
  display: block;
}
body.nav-active .site-branding .nav-toggle .fa-bars {
  display: none;
}

body.nav-active {
  overflow: hidden;
}

#site-navigation {
  position: fixed;
  top: 76px;
  right: 0;
  width: 100%;
  height: calc(100dvh - 76px);
  padding: 24px;
  overflow-y: auto;
  transform: translateX(100%);
  will-change: transform;
  z-index: 1000;
  background: #ffffff;
}
@media only screen and (min-width : 1280px) {
  #site-navigation {
    position: static;
    transition: none !important;
    transform: none;
    background: transparent;
    height: auto;
    overflow-y: unset;
    padding: 24px 72px 24px 24px;
  }
}

body.nav-active #site-navigation {
  transition: transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  transform: translateX(0);
}
@media only screen and (min-width : 1280px) {
  body.nav-active #site-navigation {
    transition: none !important;
  }
}

#site-navigation a {
  color: #000000;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 12px 0;
}

body.nav-active #site-navigation {
  transform: translateX(0);
}

#site-navigation ul#pages-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width : 1280px) {
  #site-navigation ul#pages-menu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
  }
}

@media only screen and (min-width : 1280px) {
  #site-navigation ul#pages-menu > li:not(.nav-button) {
    margin-right: 16px;
  }
}
@media only screen and (min-width : 1440px) {
  #site-navigation ul#pages-menu > li:not(.nav-button) {
    margin-right: 24px;
  }
}

@media only screen and (min-width : 1280px) {
  #site-navigation ul#pages-menu li.home-link {
    display: none;
  }
}

@media only screen and (min-width : 1280px) {
  #site-navigation ul#pages-menu > .menu-item > a {
    position: relative;
    overflow: hidden;
  }
}

/* Original text */
@media only screen and (min-width : 1280px) {
  #site-navigation ul#pages-menu > .menu-item > a .menu-text {
    display: inline-block;
    transition: transform 0.15s ease-out;
  }
}

/* Duplicate text layer */
@media only screen and (min-width : 1280px) {
  #site-navigation ul#pages-menu > .menu-item > a::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    transition: transform 0.2s ease-out;
  }
}

/* Hover animation */
@media only screen and (min-width : 1280px) {
  #site-navigation ul#pages-menu > .menu-item > a:hover .menu-text {
    transform: translateY(-145%);
  }
  #site-navigation ul#pages-menu > .menu-item > a:hover::after {
    transform: translateY(-145%);
  }
}

#site-navigation .menu-item-has-children {
  border-radius: 10px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media only screen and (min-width : 1280px) {
  #site-navigation .menu-item-has-children {
    position: relative;
  }
}

#site-navigation .menu-item-has-children > a {
  width: calc(100% - 40px);
}
@media only screen and (min-width : 1280px) {
  #site-navigation .menu-item-has-children > a {
    width: auto;
  }
}

#site-navigation .menu-item-has-children .submenu-toggle {
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  width: 40px;
  transition: transform ease-in-out 0.25s;
  color: #cb333d;
  font-size: 18px;
  cursor: pointer;
}
@media only screen and (min-width : 1280px) {
  #site-navigation .menu-item-has-children .submenu-toggle {
    pointer-events: none;
    width: 30px;
  }
}

#site-navigation .menu-item-has-children.submenu-open .submenu-toggle {
  transform: rotate(180deg);
}

@media only screen and (min-width : 1280px) {
  #site-navigation .menu-item-has-children:hover .submenu-toggle {
    transform: rotate(180deg);
  }
}

#site-navigation .sub-menu {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width : 1280px) {
  #site-navigation .sub-menu {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    background: #ffffff;
    border: 1px solid #cb333d;
    border-radius: 15px;
    box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
    padding: 24px 18px;
    width: 320px;
    opacity: 0;
    transform: translateY(-5px);
    transition: all ease-in-out 0.35s;
    pointer-events: none;
  }
}

@media only screen and (min-width : 1280px) {
  #site-navigation .menu-item-has-children:hover > .sub-menu,
  #site-navigation .menu-item-has-children:focus-within > .sub-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: unset;
  }
}

#site-navigation .sub-menu li {
  border-top: 1px solid #d0d0d0;
}

@media only screen and (min-width : 1280px) {
  #site-navigation .sub-menu li:first-of-type {
    border: none;
  }
}

#site-navigation .sub-menu li a {
  padding: 6px 0;
  transition: color ease-in-out 0.3s;
}
#site-navigation .sub-menu li a svg {
  color: #cb333d;
  margin-right: 12px;
}
@media only screen and (min-width : 1280px) {
  #site-navigation .sub-menu li a {
    transition: background ease-in-out 0.3s;
  }
  #site-navigation .sub-menu li a svg {
    transition: margin ease-in-out 0.3s;
  }
  #site-navigation .sub-menu li a:hover {
    color: #cb333d;
  }
  #site-navigation .sub-menu li a:hover svg {
    margin-right: 20px;
  }
}

@media only screen and (min-width : 1280px) {
  .menu-item-has-children:hover > .sub-menu,
  .menu-item-has-children:focus-within > .sub-menu {
    display: block;
  }
}

#site-navigation .menu-item-has-children.submenu-open {
  border: 1px solid #cb333d;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
  padding: 24px 18px;
  margin: 9px 0;
}
#site-navigation .menu-item-has-children.submenu-open > a {
  color: #cb333d;
  padding: 9px 0 18px 0;
  font-size: 1.2rem;
  font-weight: bold;
}
@media only screen and (min-width : 1280px) {
  #site-navigation .menu-item-has-children.submenu-open {
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
  }
  #site-navigation .menu-item-has-children.submenu-open > a {
    color: unset;
    padding: unset;
    font-size: unset;
    font-weight: unset;
  }
}

#site-navigation .menu-item-has-children.submenu-open .sub-menu {
  display: block;
}

#site-navigation .nav-button {
  padding-top: 12px;
}
@media only screen and (min-width : 1280px) {
  #site-navigation .nav-button {
    padding: 0;
  }
  #site-navigation .nav-button:not(:last-of-type) {
    margin-right: 5px;
  }
}
@media only screen and (min-width : 1440px) {
  #site-navigation .nav-button:not(:last-of-type) {
    margin-right: 8px;
  }
}

#site-navigation .nav-button a {
  padding: 0.6rem 0.8rem;
  color: #ffffff;
  min-width: auto;
  font-size: 0.85rem;
}
#site-navigation .nav-button a span {
  margin: 0;
  white-space: nowrap;
}
@media only screen and (min-width : 1440px) {
  #site-navigation .nav-button a {
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
  }
}

.pagination {
  padding: 36px 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .pagination {
    padding: 48px 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .pagination {
    padding: 60px 0 60px 0;
  }
}
.pagination {
  text-align: center;
}
.pagination .nav-links {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 0.85rem;
}
.pagination .nav-links .page-numbers {
  margin: 0 8px;
  text-decoration: none;
  color: #cb333d;
  transition: all ease-in-out 0.25s;
}
.pagination .nav-links .page-numbers:hover, .pagination .nav-links .page-numbers:active, .pagination .nav-links .page-numbers:focus {
  color: #004c82;
}
.pagination .nav-links .page-numbers:visited {
  color: #cb333d;
}
.pagination .nav-links .page-numbers:visited:hover, .pagination .nav-links .page-numbers:visited:active, .pagination .nav-links .page-numbers:visited:focus {
  color: #004c82;
}
.pagination .nav-links .page-numbers {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.pagination .nav-links .page-numbers:hover {
  text-decoration: underline;
}
.pagination .nav-links span.current {
  background: #004c82;
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.breadcrumb-nav {
  padding: 0;
}
.breadcrumb-nav a {
  font-size: 12px;
  text-decoration: none;
  color: #50585f;
  transition: all ease-in-out 0.25s;
}
.breadcrumb-nav a:hover, .breadcrumb-nav a:active, .breadcrumb-nav a:focus {
  color: #cb333d;
}
.breadcrumb-nav a:visited {
  color: #50585f;
}
.breadcrumb-nav a:visited:hover, .breadcrumb-nav a:visited:active, .breadcrumb-nav a:visited:focus {
  color: #cb333d;
}
.breadcrumb-nav a:hover, .breadcrumb-nav a:focus {
  text-decoration: underline;
  outline: none;
}
.breadcrumb-nav a:focus {
  outline: 3px solid #004c82;
}
.breadcrumb-nav ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}
.breadcrumb-nav ol li {
  margin-bottom: 5px;
}
.breadcrumb-nav ol li:first-of-type {
  margin-right: 4px;
}
.breadcrumb-nav ol li:first-of-type a:hover svg path {
  stroke: #004c82;
}
.breadcrumb-nav ol li:nth-of-type(n + 2) {
  position: relative;
  padding-left: 14px;
  margin-left: 14px;
  transform: translateY(-2px);
}
.breadcrumb-nav ol li:nth-of-type(n + 2) svg {
  color: #50585f;
  font-size: 15px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateX(-4px) translateY(-5px);
}
.breadcrumb-nav ol li:last-of-type a {
  text-decoration: none;
  color: #cb333d;
  transition: all ease-in-out 0.25s;
}
.breadcrumb-nav ol li:last-of-type a:hover, .breadcrumb-nav ol li:last-of-type a:active, .breadcrumb-nav ol li:last-of-type a:focus {
  color: #004c82;
}
.breadcrumb-nav ol li:last-of-type a:visited {
  color: #cb333d;
}
.breadcrumb-nav ol li:last-of-type a:visited:hover, .breadcrumb-nav ol li:last-of-type a:visited:active, .breadcrumb-nav ol li:last-of-type a:visited:focus {
  color: #004c82;
}
.breadcrumb-nav ol li:last-of-type a:hover, .breadcrumb-nav ol li:last-of-type a:focus {
  text-decoration: underline;
  outline: none;
}
.breadcrumb-nav ol li:last-of-type a:focus {
  outline: 3px solid #004c82;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.intro-component {
  overflow-x: clip;
  position: relative;
}
.intro-component:before, .intro-component:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .intro-component:before, .intro-component:after {
    width: 692px;
    height: 434px;
  }
}
.intro-component:before {
  display: none;
}
.intro-component:after {
  top: 0;
  right: 0;
  transform: translateX(45%) translateY(-16%) rotate(90deg);
}
@media only screen and (min-width : 834px) {
  .intro-component:after {
    transform: translateX(30%) translateY(-15%);
  }
}
@media only screen and (min-width : 1024px) {
  .intro-component:before {
    display: block;
    left: 50%;
    transform: translateX(-30%) translateY(-22.5%);
  }
  .intro-component:after {
    top: auto;
    bottom: 0;
    right: 50%;
    transform: translateX(754px) translateY(33px);
  }
}
@media only screen and (min-width : 1280px) {
  .intro-component:after {
    transform: translateX(968px) translateY(43px);
  }
}

.intro-component .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .intro-component .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .intro-component .container {
    width: calc(100% - 144px);
  }
}
.intro-component .container {
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .intro-component .container {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .intro-component .container {
    padding: 90px 0 90px 0;
  }
}
@media only screen and (min-width : 1024px) {
  .intro-component .container {
    display: flex;
    flex-flow: row nowrap;
  }
}

@media only screen and (min-width : 1024px) {
  .intro-component .text {
    width: 50%;
    padding-right: 5%;
  }
}

.intro-component .text .breadcrumb-nav {
  margin: 0 0 2rem 0;
}

.intro-component .text h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.intro-component .text h2 em {
  font-family: inherit;
}
.intro-component .text h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .intro-component .text h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .intro-component .text h2 {
    font-size: 56px;
  }
}
.intro-component .text h2 {
  margin: 0 0 0.5em 0;
}
.intro-component .text h2 em {
  color: #cb333d;
}

@media only screen and (min-width : 834px) {
  .intro-component .text > div {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
@media only screen and (min-width : 1024px) {
  .intro-component .text > div {
    -moz-columns: auto;
         columns: auto;
  }
}

.intro-component .text strong {
  display: block;
  color: #cb333d;
  margin-bottom: 0.65em;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "HelixaBold";
}
@media only screen and (min-width : 834px) {
  .intro-component .text strong {
    font-size: 1.3rem;
  }
}

.intro-component .image {
  margin-top: 2.5rem;
  max-height: 500px;
  position: relative;
}
.intro-component .image:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.intro-component .image img,
.intro-component .image .embed-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
}
@media only screen and (min-width : 1024px) {
  .intro-component .image {
    margin-top: 0;
    width: 50%;
  }
}

.patient-resource-card {
  background: #ffffff;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 1rem;
  display: flex;
  flex-flow: row nowrap;
}
@media only screen and (min-width : 640px) {
  .patient-resource-card {
    flex-flow: column;
  }
}
@media only screen and (min-width : 1280px) {
  .patient-resource-card {
    padding: 1.25rem;
  }
}

.patient-resource-card .entry-header {
  width: 37%;
}
@media only screen and (min-width : 640px) {
  .patient-resource-card .entry-header {
    width: 100%;
  }
}

.patient-resource-card .entry-header img {
  border-radius: 6px;
  aspect-ratio: 92/80;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width : 640px) {
  .patient-resource-card .entry-header img {
    aspect-ratio: 224/140;
  }
}

@media only screen and (min-width : 640px) {
  .patient-resource-card .entry-header .posted-on {
    display: block;
    margin: 0.5em 0;
  }
}

.patient-resource-card .entry-header .posted-on a,
.patient-resource-card .entry-meta .link {
  text-decoration: none;
  color: #cb333d;
  transition: all ease-in-out 0.25s;
}
.patient-resource-card .entry-header .posted-on a:hover, .patient-resource-card .entry-header .posted-on a:active, .patient-resource-card .entry-header .posted-on a:focus,
.patient-resource-card .entry-meta .link:hover,
.patient-resource-card .entry-meta .link:active,
.patient-resource-card .entry-meta .link:focus {
  color: #004c82;
}
.patient-resource-card .entry-header .posted-on a:visited,
.patient-resource-card .entry-meta .link:visited {
  color: #cb333d;
}
.patient-resource-card .entry-header .posted-on a:visited:hover, .patient-resource-card .entry-header .posted-on a:visited:active, .patient-resource-card .entry-header .posted-on a:visited:focus,
.patient-resource-card .entry-meta .link:visited:hover,
.patient-resource-card .entry-meta .link:visited:active,
.patient-resource-card .entry-meta .link:visited:focus {
  color: #004c82;
}

.patient-resource-card .entry-meta {
  width: 63%;
  padding-left: 1rem;
  display: flex;
  flex-flow: column nowrap;
}
.patient-resource-card .entry-meta h2 {
  font-size: 1.05rem;
  font-weight: bold;
  line-height: 1.15;
  margin-bottom: 1.25em;
}
@media only screen and (min-width : 640px) {
  .patient-resource-card .entry-meta {
    width: 100%;
    padding-left: 0;
  }
}

.patient-resource-card .entry-meta .link {
  text-transform: uppercase;
  display: block;
  text-align: right;
  margin-top: auto;
}
@media only screen and (min-width : 640px) {
  .patient-resource-card .entry-meta .link {
    text-align: left;
  }
}

.testimonial-card {
  background: #ffffff;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 1rem;
  display: flex;
  flex-flow: column nowrap;
  padding: 1.75rem;
}
@media only screen and (min-width : 1280px) {
  .testimonial-card {
    padding: 2rem;
  }
}

.testimonial-card .entry-header {
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.testimonial-card .entry-header span {
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "HelixaBold";
}
@media only screen and (min-width : 834px) {
  .testimonial-card .entry-header span {
    font-size: 1.3rem;
  }
}

.testimonial-card .entry-content {
  margin: 0;
  padding: 2.75rem 0;
}
.testimonial-card .entry-content p:last-of-type {
  margin-bottom: 0;
}
.testimonial-card .entry-content {
  color: #50585f;
}

.testimonial-card .entry-footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-top: auto;
}
.testimonial-card .entry-footer:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #d0d0d0;
  margin-right: 1rem;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

.fp-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: var(--fp-x-mobile) var(--fp-y-mobile);
     object-position: var(--fp-x-mobile) var(--fp-y-mobile);
}

@media only screen and (min-width : 834px) {
  .fp-img {
    -o-object-position: var(--fp-x-tablet) var(--fp-y-tablet);
       object-position: var(--fp-x-tablet) var(--fp-y-tablet);
  }
}
@media only screen and (min-width : 1280px) {
  .fp-img {
    -o-object-position: var(--fp-x-desktop) var(--fp-y-desktop);
       object-position: var(--fp-x-desktop) var(--fp-y-desktop);
  }
}
/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

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

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

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

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Accordions
--------------------------------------------- */
/*
*
* GLOBAL ACCORDION STYLES 
*
*/
/* Icon animation */
.accordion-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
  text-align: left;
  padding: 2rem 1rem;
  width: 100%;
  cursor: pointer;
}
@media only screen and (min-width : 834px) {
  .accordion-trigger {
    padding: 2rem 1.5rem;
  }
}
@media only screen and (min-width : 1024px) {
  .accordion-trigger {
    padding: 2rem;
  }
}

.accordion-trigger .accordion-title {
  font-size: 1.125rem;
}
@media only screen and (min-width : 834px) {
  .accordion-trigger .accordion-title {
    font-size: 1.3rem;
  }
}
.accordion-trigger .accordion-title {
  padding-right: 1rem;
  line-height: 1.15;
}

.accordion-icon {
  transform: rotate(0deg);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion-item.is-open .accordion-icon {
  transform: rotate(180deg);
}

/* Optional reduced motion */
@media (prefers-reduced-motion: reduce) {
  .accordion-panel,
  .accordion-icon {
    transition: none;
  }
}
.accordion-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 1rem;
}
@media only screen and (min-width : 834px) {
  .accordion-panel {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width : 1024px) {
  .accordion-panel {
    padding: 0 2rem;
  }
}

.accordion-panel > div {
  padding: 1.5rem 0 1rem 0;
  visibility: hidden;
}

.accordion-item.is-open .accordion-panel > div {
  visibility: visible;
}

/*
*
* WHITE ACCORDION STYLES 
*
*/
.accordion.--white .accordion-item {
  background: #ffffff;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width : 834px) {
  .accordion.--white .accordion-item {
    margin-bottom: 1rem;
  }
}

.accordion.--white .accordion-icon {
  color: #cb333d;
}

.accordion.--white .accordion-panel > div {
  border-top: 1px solid #d0d0d0;
}
.accordion.--white .accordion-panel > div a {
  text-decoration: none;
  color: #343a40;
  transition: all ease-in-out 0.25s;
}
.accordion.--white .accordion-panel > div a:hover, .accordion.--white .accordion-panel > div a:active, .accordion.--white .accordion-panel > div a:focus {
  color: #cb333d;
}
.accordion.--white .accordion-panel > div a:visited {
  color: #343a40;
}
.accordion.--white .accordion-panel > div a:visited:hover, .accordion.--white .accordion-panel > div a:visited:active, .accordion.--white .accordion-panel > div a:visited:focus {
  color: #cb333d;
}
.accordion.--white .accordion-panel > div a {
  text-decoration: underline;
}

/*
*
* BLUE ACCORDION STYLES 
*
*/
.accordion.--blue {
  --start: #004c82;
  --end: #00416f;
}

.accordion.--blue .accordion-item {
  /* Default fallback */
  background-color: var(--start);
  color: #ffffff;
}

/* Progressive shading */
.accordion.--blue .accordion-item {
  background-color: color-mix(in srgb, var(--start), var(--end) calc(var(--i) / var(--total) * 100%));
}

.accordion.--blue .accordion-item:first-of-type {
  border-radius: 15px 15px 0 0;
}

.accordion.--blue .accordion-item:last-of-type {
  border-radius: 0 0 15px 15px;
}

.accordion.--blue .accordion-trigger .accordion-title {
  color: #ffffff;
}

.accordion.--blue .accordion-icon {
  color: #ffb88c;
}

.accordion.--blue .accordion-panel > div {
  border-top: 1px solid #d0d0d0;
}
.accordion.--blue .accordion-panel > div a {
  text-decoration: none;
  color: #ffffff;
  transition: all ease-in-out 0.25s;
}
.accordion.--blue .accordion-panel > div a:hover, .accordion.--blue .accordion-panel > div a:active, .accordion.--blue .accordion-panel > div a:focus {
  color: #ffb88c;
}
.accordion.--blue .accordion-panel > div a:visited {
  color: #ffffff;
}
.accordion.--blue .accordion-panel > div a:visited:hover, .accordion.--blue .accordion-panel > div a:visited:active, .accordion.--blue .accordion-panel > div a:visited:focus {
  color: #ffb88c;
}
.accordion.--blue .accordion-panel > div a {
  text-decoration: underline;
}

/* Callouts
--------------------------------------------- */
@media only screen and (min-width : 834px) {
  .callout-checkin {
    padding: 60px 0 60px 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 834px) {
  .callout-checkin {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 1280px) {
  .callout-checkin {
    padding: 90px 0 90px 0;
  }
}

.callout-checkin .content {
  background-image: linear-gradient(rgba(203, 51, 61, 0.9), rgba(203, 51, 61, 0.9)), url("img/callout-bg.jpg");
  background-size: cover;
  text-align: center;
}
@media only screen and (min-width : 834px) {
  .callout-checkin .content {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 36px);
    max-width: 1440px;
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
  }
}
@media only screen and (min-width : 834px) and (min-width : 834px) {
  .callout-checkin .content {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 834px) and (min-width : 1280px) {
  .callout-checkin .content {
    width: calc(100% - 144px);
  }
}

.callout-checkin .container {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  padding: 48px 48px 48px 48px;
}
@media only screen and (min-width : 834px) {
  .callout-checkin .container {
    padding: 60px 60px 60px 60px;
  }
}
@media only screen and (min-width : 1280px) {
  .callout-checkin .container {
    padding: 72px 72px 72px 72px;
  }
}
.callout-checkin .container {
  color: #ffffff;
}
@media only screen and (min-width : 834px) {
  .callout-checkin .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

.callout-checkin .container h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.callout-checkin .container h2 em {
  font-family: inherit;
}
.callout-checkin .container h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .callout-checkin .container h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .callout-checkin .container h2 {
    font-size: 56px;
  }
}
.callout-checkin .container h2 {
  margin-bottom: 1em;
}
@media only screen and (min-width : 834px) {
  .callout-checkin .container h2 {
    margin: 0;
  }
}

.callout-checkin .container .buttons {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media only screen and (min-width : 960px) {
  .callout-checkin .container .buttons {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}
.callout-checkin .container .buttons .button:focus, .callout-checkin .container .buttons #site-navigation .nav-button a:focus, #site-navigation .nav-button .callout-checkin .container .buttons a:focus {
  outline: 2px solid #004c82;
}

@media only screen and (min-width : 834px) {
  .callout-checkin {
    overflow-x: clip;
    position: relative;
  }
  .callout-checkin:before, .callout-checkin:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 493px;
    height: 309px;
    background: url(img/bg-diamond-pattern.svg);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.75;
  }
}
@media only screen and (min-width : 834px) and (min-width : 1280px) {
  .callout-checkin:before, .callout-checkin:after {
    width: 692px;
    height: 434px;
  }
}
@media only screen and (min-width : 834px) {
  .callout-checkin:before {
    top: 50%;
    left: 50%;
    transform: translateX(-125%) translateY(-40%);
  }
  .callout-checkin:after {
    top: 0;
    right: 0;
    transform: translateX(22%) translateY(0%);
  }
}
@media only screen and (min-width : 1280px) {
  .callout-checkin:before, .callout-checkin:after {
    width: 692px;
    height: 434px;
  }
  .callout-checkin:before {
    transform: translateX(-120%) translateY(-27.5%);
  }
  .callout-checkin:after {
    left: 50%;
    transform: translateX(40%) translateY(0%);
  }
}

.image-banner {
  text-align: center;
  position: relative;
  z-index: 10;
}

.image-banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: -1;
}

.image-banner .text {
  background: rgba(0, 0, 0, 0.5);
  padding: 45px 0;
}
@media only screen and (min-width : 834px) {
  .image-banner .text {
    padding: 100px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .image-banner .text {
    padding: 160px 0;
  }
}

.image-banner h1 {
  color: #ffffff;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.image-banner h1 em {
  font-family: inherit;
}
.image-banner h1 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .image-banner h1 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .image-banner h1 {
    font-size: 56px;
  }
}
.image-banner h1 {
  line-height: 1;
  font-style: italic;
}
@media only screen and (min-width : 1024px) {
  .image-banner h1 {
    animation-name: fadeInUp;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(150%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
/* Dialogs
--------------------------------------------- */
body:has(dialog[open]) {
  overflow: hidden;
}

.dialog[open] {
  position: absolute;
  z-index: 900;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  max-width: 480px;
  margin: 0;
  padding: 0;
  border: none;
  background: #ffffff;
  display: block;
  border-radius: 15px;
}

.dialog[closed] {
  display: none;
}

.dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.dialog .dialog-close {
  position: absolute;
  top: 0px;
  right: 0px;
  border: none;
  margin: 0;
  padding: 0.6rem;
  background: none;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0 15px 0 15px;
}
.dialog .dialog-close:focus, .dialog .dialog-close:focus-visible {
  border: none;
  outline: none;
}
.dialog .dialog-close svg {
  color: #ffffff;
  font-size: 22px;
}

.dialog .image {
  width: 100%;
  background: #50585f;
  aspect-ratio: 330/180;
  border-radius: 15px 15px 0 0;
}
.dialog .image img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.dialog .content {
  padding: 2rem 1.5rem;
  color: #50585f;
}
.dialog .content h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.dialog .content h2 em {
  font-family: inherit;
}
.dialog .content h2 {
  font-size: 22px;
}
@media only screen and (min-width : 834px) {
  .dialog .content h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width : 1280px) {
  .dialog .content h2 {
    font-size: 32px;
  }
}
.dialog .content h2 {
  margin-bottom: 0.15em;
  color: #343a40;
}
.dialog .content h2 em {
  color: #cb333d;
}
.dialog .content .button, .dialog .content #site-navigation .nav-button a, #site-navigation .nav-button .dialog .content a {
  margin-top: 1.5rem;
  display: table;
  width: 100%;
}

ul.popup-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 1.25rem 0;
  border-top: 1px solid #d0d0d0;
}
ul.popup-icon-list li {
  padding: 0.65rem 0;
  border-bottom: 1px solid #d0d0d0;
  display: flex;
  flex-flow: row nowrap;
}
ul.popup-icon-list .icon {
  min-width: 36px;
}
ul.popup-icon-list .icon img {
  width: auto;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  transform: translateY(1px);
}
ul.popup-icon-list span.text {
  font-size: 0.875rem;
}

ul.popup-contact-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 1.25rem 0;
}
ul.popup-contact-list li {
  padding: 0.15rem 0;
  display: flex;
  flex-flow: row nowrap;
}
ul.popup-contact-list a {
  text-decoration: none;
  color: #343a40;
  transition: all ease-in-out 0.25s;
}
ul.popup-contact-list a:hover, ul.popup-contact-list a:active, ul.popup-contact-list a:focus {
  color: #cb333d;
}
ul.popup-contact-list a:visited {
  color: #343a40;
}
ul.popup-contact-list a:visited:hover, ul.popup-contact-list a:visited:active, ul.popup-contact-list a:visited:focus {
  color: #cb333d;
}
ul.popup-contact-list a {
  text-decoration: underline;
}
ul.popup-contact-list svg {
  font-size: 30px;
  color: #cb333d;
  margin-right: 0.5rem;
}
ul.popup-contact-list span {
  font-size: 0.875rem;
}

/* Footer
--------------------------------------------- */
body {
  min-height: calc(100vh - 78px);
}
@media only screen and (min-width : 1280px) {
  body {
    min-height: calc(100vh - 98px);
  }
}

.site-footer {
  background: #004c82;
  position: -webkit-sticky;
  position: sticky;
  top: 100vh;
}

.site-footer .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .site-footer .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .site-footer .container {
    width: calc(100% - 144px);
  }
}

@media only screen and (min-width : 1024px) {
  .site-footer .footer-main {
    padding: 2.5rem 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
  }
}

.site-footer .footer-branding {
  padding: 3rem 0 0 0;
  display: flex;
  flex-flow: row wrap;
}
@media only screen and (min-width : 1024px) {
  .site-footer .footer-branding {
    width: 360px;
    display: block;
    padding: 0;
  }
}

.site-footer .footer-branding .logo {
  display: block;
  width: 100%;
  margin: 0 0 2.5rem 0;
}
.site-footer .footer-branding .logo a {
  display: inline-block;
  margin: 0;
  width: auto;
}
.site-footer .footer-branding .logo a:focus {
  outline: 1px dotted #ffffff;
}
.site-footer .footer-branding .logo img {
  display: block;
  margin: 0;
  width: 250px;
}
@media only screen and (min-width : 1024px) {
  .site-footer .footer-branding .logo {
    margin: 0 0 1.5rem 0;
  }
}

.site-footer .footer-branding .footer-social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  width: 50%;
}
.site-footer .footer-branding .footer-social li {
  margin: 0 0.4rem 0.4rem 0;
}
.site-footer .footer-branding .footer-social a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #cb333d;
  color: #ffffff;
  width: 27px;
  height: 27px;
  border-radius: 6px;
}
.site-footer .footer-branding .footer-social a:focus {
  outline: 2px solid #ffffff;
}

.site-footer .scroll-top {
  text-decoration: none;
  color: #ffffff;
  transition: all ease-in-out 0.25s;
}
.site-footer .scroll-top:hover, .site-footer .scroll-top:active, .site-footer .scroll-top:focus {
  color: #ffb88c;
}
.site-footer .scroll-top:visited {
  color: #ffffff;
}
.site-footer .scroll-top:visited:hover, .site-footer .scroll-top:visited:active, .site-footer .scroll-top:visited:focus {
  color: #ffb88c;
}
.site-footer .scroll-top {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
}
.site-footer .scroll-top span {
  margin-right: 0.65rem;
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap;
}
.site-footer .scroll-top svg {
  color: #ffb88c;
  border: 1px solid #ffb88c;
  padding: 0.45rem 0.6rem;
  border-radius: 6px;
  transition: ease-in-out 0.25s;
}
.site-footer .scroll-top:hover svg {
  background: #ffb88c;
  color: #ffffff;
}

.site-footer .footer-branding .scroll-top {
  width: 50%;
}
@media only screen and (min-width : 834px) {
  .site-footer .footer-branding .scroll-top {
    width: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width : 1024px) {
  .site-footer .footer-branding .scroll-top {
    display: none;
  }
}

.site-footer .footer-main > .scroll-top {
  display: none;
}
@media only screen and (min-width : 1024px) {
  .site-footer .footer-main > .scroll-top {
    display: inline-flex;
    margin-left: auto;
  }
}

.site-footer .footer-menus {
  display: flex;
  flex-flow: row nowrap;
  padding: 2.5rem 0 4rem 0;
}
@media only screen and (min-width : 1024px) {
  .site-footer .footer-menus {
    width: 720px;
    padding: 0;
  }
}

.site-footer .footer-menus .footer-menu {
  width: 50%;
}
.site-footer .footer-menus .footer-menu h2 {
  color: #ffb88c;
  margin-bottom: 1rem;
}
.site-footer .footer-menus .footer-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer .footer-menus .footer-menu a {
  display: block;
  padding: 0.25rem 0;
  text-decoration: none;
  color: #ffffff;
  transition: all ease-in-out 0.25s;
}
.site-footer .footer-menus .footer-menu a:hover, .site-footer .footer-menus .footer-menu a:active, .site-footer .footer-menus .footer-menu a:focus {
  color: #ffb88c;
}
.site-footer .footer-menus .footer-menu a:visited {
  color: #ffffff;
}
.site-footer .footer-menus .footer-menu a:visited:hover, .site-footer .footer-menus .footer-menu a:visited:active, .site-footer .footer-menus .footer-menu a:visited:focus {
  color: #ffb88c;
}
@media only screen and (min-width : 834px) {
  .site-footer .footer-menus .footer-menu {
    width: 30%;
  }
}

.site-footer .footer-meta {
  padding: 1.5rem 0;
  text-align: center;
  color: #ffffff;
  border-top: 1px solid rgba(208, 208, 208, 0.3);
  font-size: 14px;
}
.site-footer .footer-meta ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer .footer-meta li {
  display: inline-block;
}
.site-footer .footer-meta li:nth-of-type(2) {
  position: relative;
  padding-left: 0.5rem;
  margin-left: 0.25rem;
}
.site-footer .footer-meta li:nth-of-type(2):before {
  content: "";
  display: block;
  width: 1px;
  height: 70%;
  background: #ffffff;
  position: absolute;
  top: 15%;
  left: 0;
}
.site-footer .footer-meta li:nth-of-type(3) {
  display: block;
}
.site-footer .footer-meta a {
  text-decoration: none;
  color: #ffffff;
  transition: all ease-in-out 0.25s;
}
.site-footer .footer-meta a:hover, .site-footer .footer-meta a:active, .site-footer .footer-meta a:focus {
  color: #cb333d;
}
.site-footer .footer-meta a:visited {
  color: #ffffff;
}
.site-footer .footer-meta a:visited:hover, .site-footer .footer-meta a:visited:active, .site-footer .footer-meta a:visited:focus {
  color: #cb333d;
}
@media only screen and (min-width : 640px) {
  .site-footer .footer-meta {
    padding: 1rem 0 1.25rem 0;
  }
  .site-footer .footer-meta li:nth-of-type(3) {
    display: inline-block;
    position: relative;
    padding-left: 0.5rem;
    margin-left: 0.25rem;
  }
  .site-footer .footer-meta li:nth-of-type(3):before {
    content: "";
    display: block;
    width: 1px;
    height: 70%;
    background: #ffffff;
    position: absolute;
    top: 15%;
    left: 0;
  }
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
  fill: currentColor;
  pointer-events: none;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  margin-left: 0;
}
.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon {
  transform: rotate(180deg);
}
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(0deg);
}

.swiper-vertical .swiper-button-prev,
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-prev,
.swiper-vertical ~ .swiper-button-next {
  left: var(--swiper-navigation-top-offset, 50%);
  right: auto;
  margin-left: calc(0px - var(--swiper-navigation-size) / 2);
  margin-top: 0;
}
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-prev {
  top: var(--swiper-navigation-sides-offset, 4px);
  bottom: auto;
}
.swiper-vertical .swiper-button-prev .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}
.swiper-vertical .swiper-button-next .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
  transform: rotate(90deg);
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

button .swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-thumbs .swiper-slide-thumb-active {
  /* Styles for active thumb slide */
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #343a40;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
  color: #cb333d;
  margin-bottom: 0.5em;
}
.wysiwyg h1 {
  font-size: 1.875rem;
  line-height: 1.25;
}
.wysiwyg h2 {
  font-size: 1.5rem;
  line-height: 1.3;
}
.wysiwyg h3 {
  font-size: 1.25rem;
  line-height: 1.35;
}
.wysiwyg h4 {
  font-size: 1.125rem;
  line-height: 1.4;
}
.wysiwyg h5 {
  font-size: 1rem;
  line-height: 1.45;
}
.wysiwyg h6 {
  font-size: 0.875rem;
  line-height: 1.5;
}
.wysiwyg a {
  text-decoration: none;
  color: #cb333d;
  transition: all ease-in-out 0.25s;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg a:focus {
  color: #004c82;
}
.wysiwyg a:visited {
  color: #cb333d;
}
.wysiwyg a:visited:hover, .wysiwyg a:visited:active, .wysiwyg a:visited:focus {
  color: #004c82;
}
.wysiwyg a {
  text-decoration: underline;
}
.wysiwyg ul,
.wysiwyg ol {
  margin-left: 0;
  padding: 0 0 0 1rem;
}
.wysiwyg blockquote {
  margin: 2rem;
  padding: 0.75rem 1.75rem 0.75rem 1.75rem;
  border-left: 3px solid #cb333d;
}
.wysiwyg blockquote p:last-of-type {
  margin-bottom: 0;
}
.wysiwyg blockquote p {
  font-size: 1.15rem;
  line-height: 1.65;
}

@media print {
  /* Hide global UI */
  .site-header,
  .breadcrumb-nav,
  .entry-meta,
  .post-share,
  .resource-related,
  .callout-checkin,
  .site-footer {
    display: none !important;
  }
  /* Typography cleanup */
  body {
    font-size: 12pt;
    line-height: 1.5;
    color: #000;
  }
  h1 {
    margin-top: 2rem;
  }
  /* Article layout */
  .post-content {
    max-width: 100%;
  }
  a {
    color: #000;
    text-decoration: underline;
  }
  /* Optional: show URLs after links */
  a[href^=http]::after {
    content: " (" attr(href) ")";
    font-size: 10pt;
  }
}
/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Templates
--------------------------------------------------------------*/
/* PAGES
--------------------------------------------- */
/*
*
*
* DEFAULT - BODY
*
*/
.default-body {
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .default-body {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .default-body {
    padding: 90px 0 90px 0;
  }
}
.default-body {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .default-body {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .default-body {
    width: calc(100% - 144px);
  }
}

/*
*
*
* ACCORDION - BODY
*
*/
.accordion-body {
  padding: 48px 0 48px 0;
}
@media only screen and (min-width : 834px) {
  .accordion-body {
    padding: 60px 0 60px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .accordion-body {
    padding: 72px 0 72px 0;
  }
}
.accordion-body {
  overflow: hidden;
}

.accordion-body .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .accordion-body .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .accordion-body .container {
    width: calc(100% - 144px);
  }
}
.accordion-body .container {
  overflow-x: clip;
  position: relative;
}
.accordion-body .container:before, .accordion-body .container:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .accordion-body .container:before, .accordion-body .container:after {
    width: 692px;
    height: 434px;
  }
}
.accordion-body .container {
  overflow: visible;
}
.accordion-body .container:before {
  top: 0;
  right: 0;
  transform: translateX(70%) translateY(-30%);
}
.accordion-body .container:after {
  top: 0;
  left: 0;
  transform: scaleX(-1) translateX(70%) translateY(-30%);
}
@media only screen and (min-width : 834px) {
  .accordion-body .container:before {
    display: none;
  }
  .accordion-body .container:after {
    transform: scaleX(-1) translateX(20%) translateY(-30%);
  }
}
@media only screen and (min-width : 1024px) {
  .accordion-body .container:before {
    display: block;
    transform: translateX(45%) translateY(-30%);
  }
  .accordion-body .container:after {
    transform: scaleX(-1) translateX(45%) translateY(-30%);
  }
}

.accordion-body .section-header {
  text-align: center;
}

.accordion-body .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.accordion-body .section-header h2 em {
  font-family: inherit;
}
.accordion-body .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .accordion-body .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .accordion-body .section-header h2 {
    font-size: 56px;
  }
}
.accordion-body .section-header h2 {
  margin: 0 0 1em 0;
}
.accordion-body .section-header h2 em {
  color: #cb333d;
}

/*
*
*
* HOME - COVER
*
*/
.home-cover {
  position: relative;
}

.home-cover picture {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
}
.home-cover picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 70%;
     object-position: 50% 70%;
}
@media only screen and (min-width : 834px) {
  .home-cover picture {
    height: 85%;
  }
  .home-cover picture img {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
}
@media (orientation: landscape) {
  .home-cover picture {
    height: 100%;
  }
}

.home-cover .text {
  padding: 2rem 0;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .home-cover .text {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .home-cover .text {
    width: calc(100% - 144px);
  }
}
.home-cover .text {
  height: 50dvh;
  max-height: 640px;
}
@media only screen and (min-width : 834px) {
  .home-cover .text {
    max-height: 720px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
  }
}
@media (orientation: landscape) {
  .home-cover .text {
    height: 70dvh;
    max-height: 850px;
  }
}

.home-cover .text > div h1 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.home-cover .text > div h1 em {
  font-family: inherit;
}
.home-cover .text > div h1 {
  font-size: 40px;
}
@media only screen and (min-width : 834px) {
  .home-cover .text > div h1 {
    font-size: 45px;
  }
}
@media only screen and (min-width : 1280px) {
  .home-cover .text > div h1 {
    font-size: 64px;
  }
}
.home-cover .text > div h1 em {
  color: #cb333d;
}
.home-cover .text > div span.subtitle {
  display: block;
  margin: 2rem 0 3rem 0;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.home-cover .text > div span.subtitle em {
  font-family: inherit;
}
.home-cover .text > div span.subtitle {
  font-size: 22px;
}
@media only screen and (min-width : 834px) {
  .home-cover .text > div span.subtitle {
    font-size: 24px;
  }
}
@media only screen and (min-width : 1280px) {
  .home-cover .text > div span.subtitle {
    font-size: 32px;
  }
}
.home-cover .text > div span.subtitle em {
  color: #cb333d;
}
@media only screen and (min-width : 1280px) {
  .home-cover .text > div span.subtitle {
    margin: 3rem 0;
  }
}

.home-cover .text > div h1 em {
  display: inline-block;
  transform: translateX(30px) translateY(0px);
  position: relative;
  z-index: -1;
}
.home-cover .text > div h1 em:before {
  content: "";
  display: block;
  position: absolute;
  background: url(img/word-bubble-2.svg) no-repeat;
  background-size: 100% 100%;
  top: -15px;
  left: -30px;
  width: 170px;
  height: 148px;
}
@media only screen and (min-width : 834px) {
  .home-cover .text > div h1 em:before {
    width: 180px;
    height: 156px;
  }
}
@media only screen and (min-width : 1280px) {
  .home-cover .text > div h1 em {
    transform: translateX(30px) translateY(5px);
  }
  .home-cover .text > div h1 em:before {
    top: -40px;
    left: -35px;
    width: 270px;
    height: 235px;
  }
}

.home-cover .highlights-container {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 20%, white 100%);
}
@media only screen and (min-width : 834px) {
  .home-cover .highlights-container {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
  }
}

.home-cover .highlights-bar {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .home-cover .highlights-bar {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .home-cover .highlights-bar {
    width: calc(100% - 144px);
  }
}
.home-cover .highlights-bar {
  border-radius: 15px;
  overflow: hidden;
}
@media only screen and (min-width : 960px) {
  .home-cover .highlights-bar {
    display: flex;
    flex-flow: row nowrap;
  }
}

.home-cover .highlights-bar .highlight {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  background: #004c82;
  padding: 1.2rem 0.25rem 1.2rem 1rem;
}
.home-cover .highlights-bar .highlight h2 {
  color: #ffffff;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.home-cover .highlights-bar .highlight h2 em {
  font-family: inherit;
}
.home-cover .highlights-bar .highlight h2 {
  font-size: 20px;
}
@media only screen and (min-width : 834px) {
  .home-cover .highlights-bar .highlight h2 {
    font-size: 23px;
  }
}
@media only screen and (min-width : 1280px) {
  .home-cover .highlights-bar .highlight h2 {
    font-size: 28px;
  }
}
.home-cover .highlights-bar .highlight h2 {
  line-height: 113%;
}
.home-cover .highlights-bar .highlight h2 em {
  color: #ffb88c;
}
.home-cover .highlights-bar .highlight img {
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.5rem;
}
@media only screen and (min-width : 834px) {
  .home-cover .highlights-bar .highlight {
    flex: 1;
  }
}
@media only screen and (min-width : 1280px) {
  .home-cover .highlights-bar .highlight {
    padding: 1.5rem 0.25rem 1.5rem 1.5rem;
  }
  .home-cover .highlights-bar .highlight img {
    margin-right: 1rem;
    width: 72px;
    height: 72px;
  }
}

.home-cover .highlights-bar .highlight:nth-of-type(2) {
  background: rgb(0, 67.0553846154, 114.7);
}

.home-cover .highlights-bar .highlight:nth-of-type(3) {
  background: rgb(0, 58.1107692308, 99.4);
}

/*
*
*
* HOME - BENEFITS
*
*/
.home-benefits {
  overflow: hidden;
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .home-benefits {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .home-benefits {
    padding: 90px 0 90px 0;
  }
}

.home-benefits > .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .home-benefits > .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .home-benefits > .container {
    width: calc(100% - 144px);
  }
}
.home-benefits > .container {
  overflow-x: clip;
  position: relative;
}
.home-benefits > .container:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .home-benefits > .container:before {
    width: 692px;
    height: 434px;
  }
}
.home-benefits > .container {
  overflow: visible;
}
.home-benefits > .container:before {
  top: 0;
  left: 0;
  transform: translateX(-50%) translateY(15%) scaleX(1);
}
@media only screen and (min-width : 834px) {
  .home-benefits > .container:before {
    transform: translateX(-25%) translateY(-15%) scaleX(1);
  }
}
@media only screen and (min-width : 834px) {
  .home-benefits > .container {
    position: relative;
  }
}

.home-benefits .text {
  padding: 0 0 75px 0;
}
@media only screen and (min-width : 834px) {
  .home-benefits .text {
    padding: 0 0 90px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .home-benefits .text {
    padding: 0 0 120px 0;
  }
}
.home-benefits .text h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.home-benefits .text h2 em {
  font-family: inherit;
}
.home-benefits .text h2 {
  font-size: 30px;
}
@media only screen and (min-width : 834px) {
  .home-benefits .text h2 {
    font-size: 34px;
  }
}
@media only screen and (min-width : 1280px) {
  .home-benefits .text h2 {
    font-size: 48px;
  }
}
.home-benefits .text h2 {
  color: #343a40;
}
.home-benefits .text h2 em {
  color: #cb333d;
}
@media only screen and (min-width : 834px) {
  .home-benefits .text {
    width: 52.5%;
    order: 1;
    padding-bottom: 0;
    margin-left: auto;
  }
}
@media only screen and (min-width : 1024px) {
  .home-benefits .text {
    width: 55%;
    padding-left: 2.5%;
  }
}
@media only screen and (min-width : 1440px) {
  .home-benefits .text {
    padding-right: 5%;
  }
}

@media only screen and (min-width : 834px) {
  .home-benefits .list {
    width: 47.5%;
    padding: 45px 45px 0 25px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }
}
@media only screen and (min-width : 1024px) {
  .home-benefits .list {
    width: 45%;
    padding: 50px 0 0 0;
  }
}

.home-benefits .list .container {
  position: relative;
  z-index: 2;
  padding: 32px 24px;
  background: #ffffff;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
.home-benefits .list .container img.shield-icon {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 65px;
  transform: translateX(-50%) translateY(-40px);
}
@media only screen and (min-width : 1024px) {
  .home-benefits .list .container {
    max-width: 450px;
    margin: 0 auto;
  }
}
@media only screen and (min-width : 1280px) {
  .home-benefits .list .container {
    padding: 32px 48px;
  }
  .home-benefits .list .container img.shield-icon {
    width: 82px;
  }
}

.home-benefits .list .list-items {
  border-top: 1px solid rgb(214.375, 214.375, 214.375);
  margin: 32px 0;
  width: 100%;
}
@media only screen and (min-width : 1280px) {
  .home-benefits .list .list-items {
    margin: 72px 0 48px 0;
  }
}

.home-benefits .list .list-item {
  border-bottom: 1px solid rgb(214.375, 214.375, 214.375);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0.65rem 0;
}

.home-benefits .list .list-item .icon {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  min-width: 38px;
}
.home-benefits .list .list-item .icon img {
  width: auto;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.home-benefits .list .list-item h3 {
  font-weight: bold;
  font-size: 1rem;
}

.home-benefits .image {
  width: 100%;
  height: 350px;
  margin-top: 3rem;
}
.home-benefits .image img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
@media only screen and (min-width : 834px) {
  .home-benefits .image {
    order: 2;
    height: 400px;
  }
}

/*
*
*
* HOME - TESTIMONIALS
*
*/
.home-testimonials {
  padding: 75px 0 75px 0;
}
@media only screen and (min-width : 834px) {
  .home-testimonials {
    padding: 90px 0 90px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .home-testimonials {
    padding: 120px 0 120px 0;
  }
}
.home-testimonials {
  overflow: hidden;
  background-image: linear-gradient(rgba(0, 76, 130, 0.9), rgba(0, 76, 130, 0.9)), url("img/gloves-bg.jpg");
  background-size: cover;
  background-position: center center;
}

.home-testimonials .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .home-testimonials .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .home-testimonials .container {
    width: calc(100% - 144px);
  }
}
.home-testimonials .container {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
@media only screen and (min-width : 834px) {
  .home-testimonials .container {
    display: flex;
    flex-flow: row nowrap;
  }
}

.home-testimonials .text {
  color: #ffffff;
}
@media only screen and (min-width : 834px) {
  .home-testimonials .text {
    width: 50%;
    padding: 24px 36px 0 0;
  }
}
@media only screen and (min-width : 1024px) {
  .home-testimonials .text {
    padding: 24px 7.5% 0 0;
  }
}
@media only screen and (min-width : 1280px) {
  .home-testimonials .text {
    padding: 24px 10% 0 0;
  }
}
@media only screen and (min-width : 1280px) {
  .home-testimonials .text {
    padding: 24px 12.5% 0 0;
  }
}

.home-testimonials .text .countdown {
  margin-bottom: 1.5rem;
}
.home-testimonials .text .countdown .countdown-number,
.home-testimonials .text .countdown .percent {
  color: #ffb88c;
  font-family: "ivymode", sans-serif;
  font-weight: 600;
  font-size: 90px;
  line-height: 1;
}
@media only screen and (min-width : 834px) {
  .home-testimonials .text .countdown .countdown-number,
  .home-testimonials .text .countdown .percent {
    font-size: 102px;
  }
}
@media only screen and (min-width : 1024px) {
  .home-testimonials .text .countdown .countdown-number,
  .home-testimonials .text .countdown .percent {
    font-size: 132px;
  }
}
@media only screen and (min-width : 1280px) {
  .home-testimonials .text .countdown .countdown-number,
  .home-testimonials .text .countdown .percent {
    font-size: 150px;
  }
}
.home-testimonials .text .countdown .label {
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "HelixaBold";
}
@media only screen and (min-width : 834px) {
  .home-testimonials .text .countdown .label {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width : 1280px) {
  .home-testimonials .text .countdown {
    margin-bottom: 2rem;
  }
}

.home-testimonials .text p {
  font-size: 1.125rem;
}
@media only screen and (min-width : 834px) {
  .home-testimonials .text p {
    font-size: 1.3rem;
  }
}

.home-testimonials .slider {
  padding: 24px 0 0 0;
}
@media only screen and (min-width : 834px) {
  .home-testimonials .slider {
    width: 50%;
    padding: 0;
  }
}

.home-testimonials .slider .swiper {
  overflow: visible;
}

.home-testimonials .slider-nav {
  padding-top: 2rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width : 834px) {
  .home-testimonials .slider-nav {
    justify-content: flex-end;
  }
}

.home-testimonials .slider-nav .swiper {
  overflow: visible;
}

.home-testimonials .swiper-slide article {
  padding: 2.5rem;
}
@media only screen and (min-width : 1280px) {
  .home-testimonials .swiper-slide article {
    padding: 3.25rem;
  }
}

.home-testimonials .slider-nav .swiper-pagination {
  position: static;
  width: auto;
  padding: 0 1.25rem;
}
.home-testimonials .slider-nav .swiper-pagination .swiper-pagination-bullet {
  background: #ffffff;
  border: 1px solid #ffffff;
  margin: 0 px;
  cursor: pointer;
  opacity: 1;
  transition: background ease-in-out 0.3s;
}
.home-testimonials .slider-nav .swiper-pagination .swiper-pagination-bullet:hover {
  background: #cb333d;
}
.home-testimonials .slider-nav .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
  width: 20px;
  border-radius: 4px;
}

.home-testimonials .slider-nav .slider-prev,
.home-testimonials .slider-nav .slider-next {
  background: none;
  border: 1px solid #ffffff;
  padding: 0;
  width: 36px;
  height: 36px;
  color: #ffffff;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
.home-testimonials .slider-nav .slider-prev:hover,
.home-testimonials .slider-nav .slider-next:hover {
  background: #ffffff;
  color: #cb333d;
}
.home-testimonials .slider-nav .swiper-button-disabled {
  opacity: 0.3;
}

.home-testimonials .swiper-wrapper {
  align-items: stretch;
}

.home-testimonials .swiper-slide {
  height: auto;
  display: flex;
  align-items: stretch;
}

.home-testimonials .swiper-slide article {
  height: 100%;
  box-sizing: border-box;
}

/*
*
*
* ABOUT - PRESIDENT
*
*/
.about-president {
  background-image: linear-gradient(rgba(0, 76, 130, 0.9), rgba(0, 76, 130, 0.9)), url("img/desk-bg.jpg");
  background-size: cover;
  background-position: 50% 20%;
}

.about-president .container {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .about-president .container {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .about-president .container {
    padding: 90px 0 90px 0;
  }
}
.about-president .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .about-president .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .about-president .container {
    width: calc(100% - 144px);
  }
}
@media only screen and (min-width : 834px) {
  .about-president .container {
    display: flex;
    flex-flow: row nowrap;
  }
}

.about-president .text {
  color: #ffffff;
  text-align: center;
}
@media only screen and (min-width : 834px) {
  .about-president .text {
    width: 67.5%;
    padding-left: 5%;
  }
}
@media only screen and (min-width : 1024px) {
  .about-president .text {
    width: 72%;
    padding-left: 7.5%;
  }
}

.about-president .text .quote p:last-of-type {
  margin-bottom: 0;
}
.about-president .text .quote {
  padding-top: 2.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ffb88c;
  position: relative;
}
.about-president .text .quote:before, .about-president .text .quote:after {
  content: "";
  display: block;
  width: calc(50% - 36px);
  height: 1px;
  position: absolute;
  top: 0px;
  background: #ffb88c;
}
.about-president .text .quote:before {
  left: 0;
}
.about-president .text .quote:after {
  right: 0;
}
.about-president .text .quote p {
  font-style: italic;
}
.about-president .text .quote img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 45px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width : 1024px) {
  .about-president .text .quote {
    margin-top: 28px;
  }
  .about-president .text .quote p {
    font-size: 1.25rem;
  }
}

.about-president .text .signature {
  padding-top: 2.25rem;
}
.about-president .text .signature img {
  display: block;
  margin: 0 auto 0.2rem auto;
  width: auto;
  height: 45px;
}
@media only screen and (min-width : 1024px) {
  .about-president .text .signature img {
    height: 55px;
  }
}

.about-president .image {
  margin-bottom: 2.5rem;
  max-height: 500px;
  position: relative;
}
.about-president .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
}
.about-president .image:before {
  content: "";
  display: block;
  padding-top: 100%;
}
@media only screen and (min-width : 834px) {
  .about-president .image {
    margin-bottom: 0;
    width: 32.5%;
    align-self: flex-start;
  }
}
@media only screen and (min-width : 1024px) {
  .about-president .image {
    width: 28%;
  }
}

/*
*
*
* ABOUT - COMMUNITY
*
*/
.about-community {
  overflow-x: clip;
}

.about-community .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .about-community .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .about-community .container {
    width: calc(100% - 144px);
  }
}
.about-community .container {
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .about-community .container {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .about-community .container {
    padding: 90px 0 90px 0;
  }
}
.about-community .container {
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .about-community .container {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .about-community .container {
    padding: 90px 0 90px 0;
  }
}
.about-community .container {
  overflow-x: clip;
  position: relative;
}
.about-community .container:before, .about-community .container:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .about-community .container:before, .about-community .container:after {
    width: 692px;
    height: 434px;
  }
}
.about-community .container {
  overflow: visible;
}
.about-community .container:before {
  top: 0;
  right: 0;
  transform: translateX(75%) translateY(-36%);
}
.about-community .container:after {
  bottom: 0;
  left: 0;
  transform: translateX(-45%) translateY(50%);
}
@media only screen and (min-width : 834px) {
  .about-community .container {
    display: flex;
    flex-flow: row nowrap;
  }
  .about-community .container:before {
    display: none;
  }
  .about-community .container:after {
    transform: translateX(60%) translateY(5%);
  }
}
@media only screen and (min-width : 1024px) {
  .about-community .container:before {
    display: block;
  }
  .about-community .container:after {
    transform: translateX(60%) translateY(-5%);
  }
}

@media only screen and (min-width : 834px) {
  .about-community .text {
    width: 50%;
    padding-right: 5%;
    order: 1;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
  }
}

.about-community .text h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.about-community .text h2 em {
  font-family: inherit;
}
.about-community .text h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .about-community .text h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .about-community .text h2 {
    font-size: 56px;
  }
}
.about-community .text h2 {
  margin: 0 0 0.5em 0;
}
.about-community .text h2 em {
  color: #cb333d;
}

.about-community .text .button, .about-community .text #site-navigation .nav-button a, #site-navigation .nav-button .about-community .text a {
  display: table;
  min-width: 240px;
  margin-top: 2.5rem;
}
@media only screen and (min-width : 834px) {
  .about-community .text .button, .about-community .text #site-navigation .nav-button a, #site-navigation .nav-button .about-community .text a {
    margin-top: auto;
  }
}

.about-community .text .memberships {
  margin-top: 2.5rem;
}
@media only screen and (min-width : 834px) {
  .about-community .text .memberships {
    display: none;
  }
}

.about-community .image .photo {
  display: block;
  max-height: 500px;
  margin-bottom: 2rem;
  position: relative;
}
.about-community .image .photo:before {
  content: "";
  display: block;
  padding-top: 65%;
}
.about-community .image .photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width : 834px) {
  .about-community .image {
    width: 50%;
    order: 2;
  }
}

.about-community .image .memberships {
  display: none;
}
@media only screen and (min-width : 834px) {
  .about-community .image .memberships {
    display: block;
  }
}
@media only screen and (min-width : 1280px) {
  .about-community .image .memberships {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}

.about-community .memberships h3 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.about-community .memberships h3 em {
  font-family: inherit;
}
.about-community .memberships h3 {
  font-size: 22px;
}
@media only screen and (min-width : 834px) {
  .about-community .memberships h3 {
    font-size: 24px;
  }
}
@media only screen and (min-width : 1280px) {
  .about-community .memberships h3 {
    font-size: 32px;
  }
}
.about-community .memberships h3 {
  margin-bottom: 1.5rem;
  margin-right: rem;
}
.about-community .memberships h3 em {
  color: #cb333d;
}
@media only screen and (min-width : 1024px) {
  .about-community .memberships h3 {
    margin-bottom: 0;
  }
}

.about-community .memberships .logos {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: start;
  gap: 0.5rem;
}
.about-community .memberships .logos .logo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  background: #ffffff;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  padding: 1.5rem 1.25rem;
}
.about-community .memberships .logos .logo img {
  width: auto;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width : 1280px) {
  .about-community .memberships .logos .logo {
    padding: 1.35rem 1.1rem;
  }
}

/*
*
*
* ABOUT - EXPANDING
*
*/
.about-expanding {
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .about-expanding {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .about-expanding {
    padding: 90px 0 90px 0;
  }
}
.about-expanding {
  background-image: linear-gradient(rgba(0, 76, 130, 0.9), rgba(0, 76, 130, 0.9)), url("img/globe-bg.jpg");
  background-size: cover;
  background-position: 50% 10%;
}

.about-expanding .container {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.about-expanding .section-header {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .about-expanding .section-header {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .about-expanding .section-header {
    width: calc(100% - 144px);
  }
}
.about-expanding .section-header {
  padding: 0 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .about-expanding .section-header {
    padding: 0 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .about-expanding .section-header {
    padding: 0 0 60px 0;
  }
}
.about-expanding .section-header {
  color: #ffffff;
}
@media only screen and (min-width : 1024px) {
  .about-expanding .section-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .about-expanding .section-header .text {
    width: 40%;
  }
}

.about-expanding .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.about-expanding .section-header h2 em {
  font-family: inherit;
}
.about-expanding .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .about-expanding .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .about-expanding .section-header h2 {
    font-size: 56px;
  }
}
.about-expanding .section-header h2 {
  margin-bottom: 0.5em;
}
.about-expanding .section-header h2 em {
  color: #ffb88c;
}
@media only screen and (min-width : 1024px) {
  .about-expanding .section-header h2 {
    margin: 0;
    width: 47.5%;
  }
}

.about-expanding .image {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .about-expanding .image {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .about-expanding .image {
    width: calc(100% - 144px);
  }
}
.about-expanding .image {
  position: relative;
  max-height: 350px;
}
.about-expanding .image:before {
  content: "";
  display: block;
  padding-top: 55%;
}
.about-expanding .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
*
*
* ABOUT - JOIN CALLOUT
*
*/
.about-join {
  overflow: hidden;
}

.about-join .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .about-join .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .about-join .container {
    width: calc(100% - 144px);
  }
}
.about-join .container {
  overflow-x: clip;
  position: relative;
}
.about-join .container:before, .about-join .container:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .about-join .container:before, .about-join .container:after {
    width: 692px;
    height: 434px;
  }
}
.about-join .container {
  overflow: visible;
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .about-join .container {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .about-join .container {
    padding: 90px 0 90px 0;
  }
}
.about-join .container:before {
  bottom: 0;
  right: 0;
  transform: translateX(60%) translateY(40%);
}
.about-join .container:after {
  top: 0;
  left: 0;
  transform: translateX(-50%) translateY(-30%);
}
@media only screen and (min-width : 834px) {
  .about-join .container {
    padding: 60px 0 0 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 834px) {
  .about-join .container {
    padding: 75px 0 0 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 1280px) {
  .about-join .container {
    padding: 90px 0 0 0;
  }
}
@media only screen and (min-width : 834px) {
  .about-join .container:before {
    bottom: auto;
    top: 0;
    display: block;
    transform: scaleX(-1) translateX(-30%) translateY(-30%);
  }
  .about-join .container:after {
    transform: scaleX(1) translateX(-30%) translateY(-30%);
  }
}

.about-join .container .text {
  text-align: center;
}

.about-join .container .text h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.about-join .container .text h2 em {
  font-family: inherit;
}
.about-join .container .text h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .about-join .container .text h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .about-join .container .text h2 {
    font-size: 56px;
  }
}
.about-join .container .text h2 {
  margin-bottom: 0.5em;
}
.about-join .container .text h2 em {
  color: #cb333d;
}

.about-join .container .text p {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.about-join .container .text a.button, .about-join .container .text #site-navigation .nav-button a, #site-navigation .nav-button .about-join .container .text a {
  display: table;
  margin: 2rem auto 0 auto;
}

/*
*
*
* JOIN - INTRO
*
*/
.join-intro .text h3 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.join-intro .text h3 em {
  font-family: inherit;
}
.join-intro .text h3 {
  font-size: 22px;
}
@media only screen and (min-width : 834px) {
  .join-intro .text h3 {
    font-size: 24px;
  }
}
@media only screen and (min-width : 1280px) {
  .join-intro .text h3 {
    font-size: 32px;
  }
}
.join-intro .text h3 {
  font-style: italic;
  margin-bottom: 0.75em;
}

/*
*
*
*  JOIN - BENEFITS
*
*/
.join-benefits {
  background-image: linear-gradient(rgba(0, 76, 130, 0.9), rgba(0, 76, 130, 0.9)), url("img/desk-bg.jpg");
  background-size: cover;
  background-position: center center;
}

.join-benefits .content {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .join-benefits .content {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .join-benefits .content {
    padding: 90px 0 90px 0;
  }
}

.join-benefits .section-header {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .join-benefits .section-header {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .join-benefits .section-header {
    width: calc(100% - 144px);
  }
}
.join-benefits .section-header {
  padding: 0 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .join-benefits .section-header {
    padding: 0 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .join-benefits .section-header {
    padding: 0 0 60px 0;
  }
}
@media only screen and (min-width : 1024px) {
  .join-benefits .section-header {
    text-align: center;
  }
}

.join-benefits .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.join-benefits .section-header h2 em {
  font-family: inherit;
}
.join-benefits .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .join-benefits .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .join-benefits .section-header h2 {
    font-size: 56px;
  }
}
.join-benefits .section-header h2 {
  color: #ffffff;
}
.join-benefits .section-header h2 em {
  color: #ffb88c;
}

.join-benefits .info-list {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .join-benefits .info-list {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .join-benefits .info-list {
    width: calc(100% - 144px);
  }
}
@media only screen and (min-width : 834px) {
  .join-benefits .info-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
}

.join-benefits .info-list .card {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  border: 1px solid #ffffff;
  padding: 25px;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
  color: #ffffff;
}
@media only screen and (min-width : 834px) {
  .join-benefits .info-list .card {
    width: calc(33.3333333333% - 1rem);
    display: block;
    padding: 28px;
  }
}
@media only screen and (min-width : 1440px) {
  .join-benefits .info-list .card {
    padding: 36px;
  }
}

.join-benefits .info-list .card:nth-of-type(n + 2) {
  margin-top: 40px;
}
@media only screen and (min-width : 834px) {
  .join-benefits .info-list .card:nth-of-type(n + 2) {
    margin-top: 0;
  }
}

.join-benefits .info-list .card .card-header {
  display: flex;
  flex-flow: row nowrap;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ffffff;
}

.join-benefits .info-list .card .card-header img {
  width: auto;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 1rem;
}
@media only screen and (min-width : 1280px) {
  .join-benefits .info-list .card .card-header img {
    height: 32px;
  }
}

.join-benefits .info-list .card h3 {
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "HelixaBold";
}
@media only screen and (min-width : 834px) {
  .join-benefits .info-list .card h3 {
    font-size: 1.3rem;
  }
}
.join-benefits .info-list .card h3 {
  margin: 0;
  line-height: 1.15;
  position: relative;
}
.join-benefits .info-list .card h3:before {
  content: "";
  display: block;
  height: 0;
  margin-top: -0.15em; /* tweak per font */
}

.join-benefits .info-list .card .text {
  padding: 1.5rem 0 0 0;
}
.join-benefits .info-list .card .text p:last-of-type {
  margin-bottom: 0;
}

/*
*
*
* JOIN - RANKINGS
*
*/
.join-rankings {
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .join-rankings {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings {
    padding: 90px 0 90px 0;
  }
}
.join-rankings {
  overflow-x: clip;
}

.join-rankings .section-header {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .join-rankings .section-header {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .section-header {
    width: calc(100% - 144px);
  }
}
.join-rankings .section-header {
  padding: 0 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .join-rankings .section-header {
    padding: 0 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .section-header {
    padding: 0 0 60px 0;
  }
}
.join-rankings .section-header p:last-of-type {
  margin-bottom: 0;
}
.join-rankings .section-header {
  overflow-x: clip;
  position: relative;
}
.join-rankings .section-header:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .join-rankings .section-header:before {
    width: 692px;
    height: 434px;
  }
}
.join-rankings .section-header {
  overflow: visible;
}
.join-rankings .section-header:before {
  top: 0;
  right: 0;
  transform: translateX(45%) translateY(-28%) rotate(90deg);
}
@media only screen and (min-width : 1024px) {
  .join-rankings .section-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    text-align: left;
  }
  .join-rankings .section-header:before {
    transform: translateX(26%) translateY(-20%) rotate(0deg);
  }
  .join-rankings .section-header > div {
    width: 35%;
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .section-header:before {
    transform: translateX(36%) translateY(-30%) rotate(0deg);
  }
}

.join-rankings .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.join-rankings .section-header h2 em {
  font-family: inherit;
}
.join-rankings .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .join-rankings .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .section-header h2 {
    font-size: 56px;
  }
}
.join-rankings .section-header h2 {
  margin: 0 0 0.5em 0;
}
.join-rankings .section-header h2 em {
  color: #cb333d;
}
@media only screen and (min-width : 1024px) {
  .join-rankings .section-header h2 {
    margin: 0;
  }
}

.join-rankings .section-header .button, .join-rankings .section-header #site-navigation .nav-button a, #site-navigation .nav-button .join-rankings .section-header a {
  display: table;
  margin: 1.5rem 0 0 0;
}
@media only screen and (min-width : 1024px) {
  .join-rankings .section-header .button, .join-rankings .section-header #site-navigation .nav-button a, #site-navigation .nav-button .join-rankings .section-header a {
    margin: 1.5rem 0 0 0;
  }
}

.join-rankings .image {
  background: #d0d0d0;
  height: 300px;
}
@media only screen and (min-width : 1024px) {
  .join-rankings .image {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 36px);
    max-width: 1440px;
    border-radius: 15px;
    height: 360px;
  }
}
@media only screen and (min-width : 1024px) and (min-width : 834px) {
  .join-rankings .image {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1024px) and (min-width : 1280px) {
  .join-rankings .image {
    width: calc(100% - 144px);
  }
}
@media only screen and (min-width : 1024px) {
  .join-rankings .image img {
    border-radius: 15px;
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .image {
    height: 420px;
  }
}

.join-rankings .cards-container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .join-rankings .cards-container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .cards-container {
    width: calc(100% - 144px);
  }
}
.join-rankings .cards-container {
  margin-top: -28px;
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .join-rankings .cards-container {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .cards-container {
    padding: 90px 0 90px 0;
  }
}
.join-rankings .cards-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background: #ffffff;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  position: relative;
}
@media only screen and (min-width : 1280px) {
  .join-rankings .cards-container {
    padding: 48px 0 0 0;
  }
}
@media only screen and (min-width : 1280px) and (min-width : 834px) {
  .join-rankings .cards-container {
    padding: 60px 0 0 0;
  }
}
@media only screen and (min-width : 1280px) and (min-width : 1280px) {
  .join-rankings .cards-container {
    padding: 72px 0 0 0;
  }
}

.join-rankings .cards-container .shield-icon {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 65px;
  transform: translateX(-50%) translateY(-32px);
}

.join-rankings .cards-container .label {
  display: block;
  text-align: center;
  color: #cb333d;
}

.join-rankings .cards-container h3 {
  text-align: center;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.join-rankings .cards-container h3 em {
  font-family: inherit;
}
.join-rankings .cards-container h3 {
  font-size: 24px;
}
@media only screen and (min-width : 834px) {
  .join-rankings .cards-container h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .cards-container h3 {
    font-size: 36px;
  }
}
.join-rankings .cards-container h3 em {
  color: #cb333d;
}

.join-rankings .cards-container .cards {
  padding: 36px 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .join-rankings .cards-container .cards {
    padding: 48px 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .cards-container .cards {
    padding: 60px 0 60px 0;
  }
}
@media only screen and (min-width : 834px) {
  .join-rankings .cards-container .cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    padding: 36px 36px 36px 36px;
  }
}
@media only screen and (min-width : 834px) and (min-width : 834px) {
  .join-rankings .cards-container .cards {
    padding: 48px 48px 48px 48px;
  }
}
@media only screen and (min-width : 834px) and (min-width : 1280px) {
  .join-rankings .cards-container .cards {
    padding: 60px 60px 60px 60px;
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .cards-container .cards {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
  }
}

.join-rankings .cards-container .card {
  padding: 0 0.3rem 0 1.5rem;
  position: relative;
  border-left: 3px solid #004c82;
}
.join-rankings .cards-container .card:before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 100vmin;
  background: #004c82;
  position: absolute;
  top: 0;
  left: -1.5px;
  transform: translateX(-50%) translateY(-50%);
}
@media only screen and (min-width : 834px) {
  .join-rankings .cards-container .card {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-radius: 0 0 0 15px;
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .cards-container .card {
    padding: 0 0rem 0 1.5rem;
  }
}

.join-rankings .cards-container .card > div {
  padding: 1.5rem 0;
  border-bottom: 1px solid #d0d0d0;
}
@media only screen and (min-width : 834px) {
  .join-rankings .cards-container .card > div {
    border: none;
  }
}
@media only screen and (min-width : 1280px) {
  .join-rankings .cards-container .card > div {
    padding: 1rem 0 1.5rem 0;
  }
}

.join-rankings .cards-container .card h4 {
  font-size: 1.125rem;
}
@media only screen and (min-width : 834px) {
  .join-rankings .cards-container .card h4 {
    font-size: 1.3rem;
  }
}
.join-rankings .cards-container .card h4 {
  margin-bottom: 0.5rem;
}

.join-rankings .cards-container .card .rank {
  margin-top: 0.5rem;
  display: inline-block;
  text-align: center;
  background: #004c82;
  color: #ffffff;
  border-radius: 100vmin;
  padding: 0.5em 1em;
  min-width: 180px;
}

.join-rankings .cards-container .card:first-of-type > div {
  border-top: 1px solid #d0d0d0;
}
@media only screen and (min-width : 834px) {
  .join-rankings .cards-container .card:first-of-type > div {
    border: none;
  }
}

.join-rankings .cards-container .card:nth-of-type(2) {
  border-color: #006bb8;
}
.join-rankings .cards-container .card:nth-of-type(2):before,
.join-rankings .cards-container .card:nth-of-type(2) .rank {
  background: #006bb8;
}

.join-rankings .cards-container .card:nth-of-type(3) {
  border-color: #0083e0;
}
.join-rankings .cards-container .card:nth-of-type(3):before,
.join-rankings .cards-container .card:nth-of-type(3) .rank {
  background: #0083e0;
}

.join-rankings .cards-container .card:last-of-type {
  border-color: #5da9dd;
}
.join-rankings .cards-container .card:last-of-type:before,
.join-rankings .cards-container .card:last-of-type .rank {
  background: #5da9dd;
}

/*
*
*
*  JOIN - JOBS
*
*/
.join-jobs {
  background-image: linear-gradient(rgba(0, 76, 130, 0.9), rgba(0, 76, 130, 0.9)), url("img/desk-bg.jpg");
  background-size: cover;
  background-position: center center;
}

.join-jobs .content {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .join-jobs .content {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .join-jobs .content {
    padding: 90px 0 90px 0;
  }
}

.join-jobs .section-header {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .join-jobs .section-header {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .join-jobs .section-header {
    width: calc(100% - 144px);
  }
}
.join-jobs .section-header {
  padding: 0 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .join-jobs .section-header {
    padding: 0 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .join-jobs .section-header {
    padding: 0 0 60px 0;
  }
}
.join-jobs .section-header p:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width : 1024px) {
  .join-jobs .section-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    text-align: left;
  }
  .join-jobs .section-header:before {
    transform: translateX(26%) translateY(-20%) rotate(0deg);
  }
  .join-jobs .section-header > div {
    width: 50%;
  }
}

.join-jobs .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.join-jobs .section-header h2 em {
  font-family: inherit;
}
.join-jobs .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .join-jobs .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .join-jobs .section-header h2 {
    font-size: 56px;
  }
}
.join-jobs .section-header h2 {
  font-style: italic;
  color: #ffffff;
}
.join-jobs .section-header h2 em {
  color: #ffb88c;
}
@media only screen and (min-width : 1024px) {
  .join-jobs .section-header h2 {
    margin: 0;
  }
}

.join-jobs .section-header em {
  display: block;
  color: #ffb88c;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.join-jobs .section-header em em {
  font-family: inherit;
}
.join-jobs .section-header em {
  font-size: 22px;
}
@media only screen and (min-width : 834px) {
  .join-jobs .section-header em {
    font-size: 24px;
  }
}
@media only screen and (min-width : 1280px) {
  .join-jobs .section-header em {
    font-size: 32px;
  }
}
.join-jobs .section-header em {
  margin-top: 0.25em;
}

.join-jobs .section-header .text {
  color: #ffffff;
  margin-top: 1.5rem;
}
@media only screen and (min-width : 1024px) {
  .join-jobs .section-header .text {
    width: 35%;
    margin-top: 0;
  }
}

.join-jobs .section-header .button, .join-jobs .section-header #site-navigation .nav-button a, #site-navigation .nav-button .join-jobs .section-header a {
  display: table;
  margin: 1.5rem 0 0 0;
}
@media only screen and (min-width : 1024px) {
  .join-jobs .section-header .button, .join-jobs .section-header #site-navigation .nav-button a, #site-navigation .nav-button .join-jobs .section-header a {
    margin: 1.5rem 0 0 0;
  }
}

.join-jobs .cards {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .join-jobs .cards {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .join-jobs .cards {
    width: calc(100% - 144px);
  }
}

.join-jobs .cards .slider-nav {
  padding: 24px 24px 24px 0px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
@media only screen and (min-width : 834px) {
  .join-jobs .cards .slider-nav {
    color: #ffffff;
    padding: 2rem 0;
  }
}

.join-jobs .slider-nav {
  padding: 36px 0 0 0;
}
@media only screen and (min-width : 834px) {
  .join-jobs .slider-nav {
    padding: 48px 0 0 0;
  }
}
@media only screen and (min-width : 1280px) {
  .join-jobs .slider-nav {
    padding: 60px 0 0 0;
  }
}
.join-jobs .slider-nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.join-jobs .slider-nav .swiper-pagination {
  position: static;
  width: auto;
  padding: 0 1.25rem;
}
.join-jobs .slider-nav .swiper-pagination .swiper-pagination-bullet {
  background: #ffffff;
  margin: 0 px;
  cursor: pointer;
}
.join-jobs .slider-nav .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffb88c;
  width: 20px;
  border-radius: 4px;
}

.join-jobs .slider-nav .slider-prev,
.join-jobs .slider-nav .slider-next {
  background: none;
  border: 1px solid #ffffff;
  padding: 0;
  width: 36px;
  height: 36px;
  color: #ffffff;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
.join-jobs .slider-nav .slider-prev:hover,
.join-jobs .slider-nav .slider-next:hover {
  background: #ffffff;
  color: #cb333d;
}
.join-jobs .slider-nav .swiper-button-disabled {
  opacity: 0.3;
}

.join-jobs .cards .card {
  display: flex;
  flex-flow: column nowrap;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
}

.join-jobs .cards .card .card-header {
  padding: 35px 25px;
}
.join-jobs .cards .card .card-header p:last-of-type {
  margin-bottom: 0;
}
.join-jobs .cards .card .card-header {
  flex: 0;
}
@media only screen and (min-width : 834px) {
  .join-jobs .cards .card .card-header {
    padding: 45px 35px 35px 35px;
    text-align: center;
  }
}
@media only screen and (min-width : 1440px) {
  .join-jobs .cards .card .card-header {
    padding: 45px 45px 30px 45px;
  }
}

.join-jobs .cards .card h3 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.join-jobs .cards .card h3 em {
  font-family: inherit;
}
.join-jobs .cards .card h3 {
  font-size: 22px;
}
@media only screen and (min-width : 834px) {
  .join-jobs .cards .card h3 {
    font-size: 24px;
  }
}
@media only screen and (min-width : 1280px) {
  .join-jobs .cards .card h3 {
    font-size: 32px;
  }
}
.join-jobs .cards .card h3 {
  font-style: italic;
  margin-bottom: 0.8em;
}

.join-jobs .cards .card .card-body {
  padding: 0 25px 25px 25px;
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
}
.join-jobs .cards .card .card-body > span {
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "HelixaBold";
}
@media only screen and (min-width : 834px) {
  .join-jobs .cards .card .card-body > span {
    font-size: 1.3rem;
  }
}
.join-jobs .cards .card .card-body > span {
  margin-bottom: 0.8rem;
}
.join-jobs .cards .card .card-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
  border-bottom: 1px solid #d0d0d0;
}
.join-jobs .cards .card .card-body ul li {
  border-top: 1px solid #d0d0d0;
  padding: 0.6rem 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.join-jobs .cards .card .card-body ul svg {
  color: #cb333d;
}
.join-jobs .cards .card .card-body ul p {
  margin: 0 0 0 0.8rem;
  font-size: 0.875rem;
}
.join-jobs .cards .card .card-body .button, .join-jobs .cards .card .card-body #site-navigation .nav-button a, #site-navigation .nav-button .join-jobs .cards .card .card-body a {
  display: table;
  width: calc(100% - 2.4rem);
  margin: auto 0 0 0;
}
@media only screen and (min-width : 834px) {
  .join-jobs .cards .card .card-body {
    padding: 0 35px 35px 35px;
  }
  .join-jobs .cards .card .card-body ul p {
    font-size: 1rem;
  }
}
@media only screen and (min-width : 1440px) {
  .join-jobs .cards .card .card-body {
    padding: 0 45px 45px 45px;
  }
}

.join-jobs .swiper-wrapper {
  /* Aligns and stretches flex items (slides) to be the same height */
  align-items: stretch;
}

.join-jobs .swiper-slide {
  /* Allows the slide height to be determined by its content and stretch within the wrapper */
  height: auto;
}

/*
*
*
* BILLING - INTRO
*
*/
.billing-intro {
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .billing-intro {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .billing-intro {
    padding: 90px 0 90px 0;
  }
}
.billing-intro {
  overflow: hidden;
}

.billing-intro .section-header {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .billing-intro .section-header {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .billing-intro .section-header {
    width: calc(100% - 144px);
  }
}
.billing-intro .section-header {
  padding: 0 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .billing-intro .section-header {
    padding: 0 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .billing-intro .section-header {
    padding: 0 0 60px 0;
  }
}
.billing-intro .section-header {
  overflow-x: clip;
  position: relative;
}
.billing-intro .section-header:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .billing-intro .section-header:before {
    width: 692px;
    height: 434px;
  }
}
.billing-intro .section-header {
  overflow: visible;
}
.billing-intro .section-header:before {
  top: 0;
  right: 0;
  transform: translateX(45%) translateY(-28%) rotate(90deg);
}
@media only screen and (min-width : 834px) {
  .billing-intro .section-header:before {
    transform: translateX(36%) translateY(-35%) rotate(0deg);
  }
}
@media only screen and (min-width : 1024px) {
  .billing-intro .section-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .billing-intro .section-header .text {
    width: 32.5%;
  }
}
@media only screen and (min-width : 1280px) {
  .billing-intro .section-header:before {
    transform: translateX(-15%) translateY(-42.5%) rotate(0deg);
  }
}

.billing-intro .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.billing-intro .section-header h2 em {
  font-family: inherit;
}
.billing-intro .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .billing-intro .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .billing-intro .section-header h2 {
    font-size: 56px;
  }
}
.billing-intro .section-header h2 {
  margin-bottom: 0.5em;
}
.billing-intro .section-header h2 em {
  color: #cb333d;
}
@media only screen and (min-width : 1024px) {
  .billing-intro .section-header h2 {
    margin: 0;
  }
}

.billing-intro .image {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .billing-intro .image {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .billing-intro .image {
    width: calc(100% - 144px);
  }
}
.billing-intro .image {
  position: relative;
  max-height: 350px;
}
.billing-intro .image:before {
  content: "";
  display: block;
  padding-top: 55%;
}
.billing-intro .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
*
*
* BILLING - GRAPHIC
*
*/
.billing-graphic {
  background-image: linear-gradient(rgba(0, 76, 130, 0.9), rgba(0, 76, 130, 0.9)), url("img/desk-bg.jpg");
  background-size: cover;
  background-position: center center;
  padding-top: 32.5vw;
  margin-top: -40vw;
}
@media only screen and (min-width : 640px) {
  .billing-graphic {
    padding-top: 32.5vw;
    margin-top: -37.5vw;
  }
}
@media only screen and (min-width : 834px) {
  .billing-graphic {
    padding-top: 190px;
    margin-top: -260px;
  }
}
@media only screen and (min-width : 1280px) {
  .billing-graphic {
    padding-top: 200px;
    margin-top: -280px;
  }
}

.billing-graphic .content {
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .billing-graphic .content {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .billing-graphic .content {
    padding: 90px 0 90px 0;
  }
}
.billing-graphic .content {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.billing-graphic .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .billing-graphic .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .billing-graphic .container {
    width: calc(100% - 144px);
  }
}
.billing-graphic .container {
  position: relative;
}

.billing-graphic .steps {
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 280px;
}

.billing-graphic .step {
  color: #ffffff;
  width: 280px;
  height: 135px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.billing-graphic .step > div {
  width: calc(100% - 60px);
}
.billing-graphic .step .header {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 7px;
}
.billing-graphic .step .header h3 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.billing-graphic .step .header h3 em {
  font-family: inherit;
}
.billing-graphic .step .header h3 {
  font-size: 20px;
}
@media only screen and (min-width : 834px) {
  .billing-graphic .step .header h3 {
    font-size: 23px;
  }
}
@media only screen and (min-width : 1280px) {
  .billing-graphic .step .header h3 {
    font-size: 28px;
  }
}
.billing-graphic .step .header h3 {
  margin-left: 10px;
  line-height: 1;
}
.billing-graphic .step .header img {
  width: auto;
  height: 16px;
  -o-object-fit: fill;
     object-fit: fill;
  margin-bottom: 1px;
}
.billing-graphic .step p {
  font-size: 0.8rem;
  text-align: left;
  margin: 0;
}
.billing-graphic .step .number {
  color: #ffb88c;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  border: 1px solid #ffffff;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.billing-graphic .step .number em {
  font-family: inherit;
}

.billing-graphic .step:nth-of-type(odd) .number {
  order: 1;
}
.billing-graphic .step:nth-of-type(odd) > div {
  order: 2;
  margin-left: 15px;
}

.billing-graphic .step:nth-of-type(even) {
  transform: translateX(20px);
}
.billing-graphic .step:nth-of-type(even) > div {
  margin-right: 15px;
}

@media only screen and (min-width : 834px) {
  .billing-graphic .steps {
    width: 780px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
}

@media only screen and (min-width : 834px) {
  .billing-graphic .step:nth-of-type(odd),
  .billing-graphic .step:nth-of-type(even) {
    transform: none;
  }
}

@media only screen and (min-width : 834px) {
  .billing-graphic .step {
    width: 370px;
    height: 152px;
    padding: 0 24px;
  }
  .billing-graphic .step > div {
    width: calc(100% - 102px);
  }
  .billing-graphic .step .header {
    align-items: center;
    padding-bottom: 10px;
  }
  .billing-graphic .step .header img {
    height: 21px;
  }
  .billing-graphic .step .number {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-size: 36px;
  }
}

@media only screen and (min-width : 834px) {
  .billing-graphic .step:nth-of-type(1) .header,
  .billing-graphic .step:nth-of-type(2) .header,
  .billing-graphic .step:nth-of-type(5) .header {
    justify-content: flex-end;
  }
  .billing-graphic .step:nth-of-type(1) .number,
  .billing-graphic .step:nth-of-type(2) .number,
  .billing-graphic .step:nth-of-type(5) .number {
    order: 2;
  }
  .billing-graphic .step:nth-of-type(1) > div,
  .billing-graphic .step:nth-of-type(2) > div,
  .billing-graphic .step:nth-of-type(5) > div {
    order: 1;
    margin: 0 25px 0 0;
  }
  .billing-graphic .step:nth-of-type(1) p,
  .billing-graphic .step:nth-of-type(2) p,
  .billing-graphic .step:nth-of-type(5) p {
    text-align: right;
  }
}

@media only screen and (min-width : 834px) {
  .billing-graphic .step:nth-of-type(3) .number,
  .billing-graphic .step:nth-of-type(4) .number {
    order: 1;
  }
  .billing-graphic .step:nth-of-type(3) > div,
  .billing-graphic .step:nth-of-type(4) > div {
    order: 2;
    margin: 0 0 0 25px;
  }
}

@media only screen and (min-width : 834px) {
  .billing-graphic .step:nth-of-type(5) {
    margin-left: 380px;
  }
}
@media only screen and (min-width : 1280px) {
  .billing-graphic .step:nth-of-type(5) {
    margin-left: 470px;
  }
}

@media only screen and (min-width : 834px) {
  .billing-graphic .steps {
    width: 957px;
  }
}

@media only screen and (min-width : 1280px) {
  .billing-graphic .step {
    width: 470px;
    height: 187px;
    padding: 0 40px;
  }
  .billing-graphic .step > div {
    width: calc(100% - 120px);
  }
  .billing-graphic .step .number {
    width: 84px;
    height: 84px;
    border-radius: 42px;
    font-size: 40px;
  }
}

.billing-graphic svg.line-animation {
  width: 331px;
  max-width: 331px;
  display: block;
  margin: 0 auto;
}
.billing-graphic svg.line-animation.tablet, .billing-graphic svg.line-animation.desktop {
  display: none;
}
.billing-graphic svg.line-animation .line-dot {
  fill: #ffffff;
  r: 3;
}
.billing-graphic svg.line-animation .line-dot.start {
  fill: #ffb88c;
}
.billing-graphic svg.line-animation path {
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
}
.billing-graphic svg.line-animation .background {
  stroke: #ffffff;
  stroke-width: 1;
}
.billing-graphic svg.line-animation .progress {
  stroke: #ffb88c;
  stroke-width: 2.5;
}
@media only screen and (min-width : 834px) {
  .billing-graphic svg.line-animation {
    width: 780px;
    max-width: 780px;
  }
  .billing-graphic svg.line-animation.mobile {
    display: none;
  }
  .billing-graphic svg.line-animation.tablet {
    display: block;
  }
}
@media only screen and (min-width : 1280px) {
  .billing-graphic svg.line-animation {
    width: 957px;
    max-width: 957px;
  }
  .billing-graphic svg.line-animation.tablet {
    display: none;
  }
  .billing-graphic svg.line-animation.desktop {
    display: block;
  }
}

.billing-graphic .button, .billing-graphic #site-navigation .nav-button a, #site-navigation .nav-button .billing-graphic a {
  display: table;
  margin: 2rem auto 0 auto;
  background: rgba(255, 255, 255, 0.2);
}

/*
*
*
* BILLING - FAQ
*
*/
.billing-faq {
  padding: 48px 0 48px 0;
}
@media only screen and (min-width : 834px) {
  .billing-faq {
    padding: 60px 0 60px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .billing-faq {
    padding: 72px 0 72px 0;
  }
}
.billing-faq {
  overflow-x: clip;
}
@media only screen and (min-width : 834px) {
  .billing-faq {
    padding: 48px 0 0 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 834px) {
  .billing-faq {
    padding: 60px 0 0 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 1280px) {
  .billing-faq {
    padding: 72px 0 0 0;
  }
}

.billing-faq .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .billing-faq .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .billing-faq .container {
    width: calc(100% - 144px);
  }
}
.billing-faq .container {
  overflow-x: clip;
  position: relative;
}
.billing-faq .container:before, .billing-faq .container:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .billing-faq .container:before, .billing-faq .container:after {
    width: 692px;
    height: 434px;
  }
}
.billing-faq .container {
  overflow: visible;
}
.billing-faq .container:before {
  top: 0;
  right: 0;
  transform: translateX(70%) translateY(-30%);
}
.billing-faq .container:after {
  top: 0;
  left: 0;
  transform: scaleX(-1) translateX(70%) translateY(-30%);
}
@media only screen and (min-width : 834px) {
  .billing-faq .container:before {
    display: none;
  }
  .billing-faq .container:after {
    transform: scaleX(-1) translateX(20%) translateY(-30%);
  }
}
@media only screen and (min-width : 1024px) {
  .billing-faq .container:before {
    display: block;
    transform: translateX(45%) translateY(-30%);
  }
  .billing-faq .container:after {
    transform: scaleX(-1) translateX(45%) translateY(-30%);
  }
}

.billing-faq .section-header {
  text-align: center;
}

.billing-faq .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.billing-faq .section-header h2 em {
  font-family: inherit;
}
.billing-faq .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .billing-faq .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .billing-faq .section-header h2 {
    font-size: 56px;
  }
}
.billing-faq .section-header h2 {
  margin: 0 0 1em 0;
}
.billing-faq .section-header h2 em {
  color: #cb333d;
}

/*
*
*
* CONTACT - INTRO
*
*/
.contact-intro {
  overflow-x: clip;
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .contact-intro {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-intro {
    padding: 90px 0 90px 0;
  }
}

.contact-intro .section-header {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .contact-intro .section-header {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .contact-intro .section-header {
    width: calc(100% - 144px);
  }
}
.contact-intro .section-header {
  padding: 0 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .contact-intro .section-header {
    padding: 0 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-intro .section-header {
    padding: 0 0 60px 0;
  }
}
.contact-intro .section-header {
  overflow-x: clip;
  position: relative;
}
.contact-intro .section-header:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .contact-intro .section-header:before {
    width: 692px;
    height: 434px;
  }
}
.contact-intro .section-header {
  overflow: visible;
}
.contact-intro .section-header:before {
  top: 0;
  right: 0;
  transform: translateX(45%) translateY(-28%) rotate(90deg);
}
@media only screen and (min-width : 834px) {
  .contact-intro .section-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .contact-intro .section-header p:last-of-type {
    margin-bottom: 0;
  }
  .contact-intro .section-header .text {
    width: 40%;
  }
  .contact-intro .section-header:before {
    transform: translateX(36%) translateY(-10%) rotate(0deg);
  }
}
@media only screen and (min-width : 1024px) {
  .contact-intro .section-header:before {
    transform: translateX(36%) translateY(-10%) rotate(0deg);
  }
  .contact-intro .section-header .text {
    width: 35%;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-intro .section-header:before {
    transform: translateX(36%) translateY(-30%) rotate(0deg);
  }
}

.contact-intro .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.contact-intro .section-header h2 em {
  font-family: inherit;
}
.contact-intro .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .contact-intro .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-intro .section-header h2 {
    font-size: 56px;
  }
}
.contact-intro .section-header h2 {
  margin-bottom: 0.5em;
}
.contact-intro .section-header h2 em {
  color: #cb333d;
}
@media only screen and (min-width : 834px) {
  .contact-intro .section-header h2 {
    width: 47.5%;
    margin: 0;
  }
}

.contact-intro .image {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .contact-intro .image {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .contact-intro .image {
    width: calc(100% - 144px);
  }
}
.contact-intro .image {
  max-height: 350px;
  position: relative;
}
.contact-intro .image:before {
  content: "";
  display: block;
  padding-top: 55%;
}
.contact-intro .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
*
*
* CONTACT - INFO
*
*/
.contact-info .section-header {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .contact-info .section-header {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .contact-info .section-header {
    width: calc(100% - 144px);
  }
}
.contact-info .section-header {
  padding: 0 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .contact-info .section-header {
    padding: 0 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-info .section-header {
    padding: 0 0 60px 0;
  }
}
@media only screen and (min-width : 1024px) {
  .contact-info .section-header {
    text-align: center;
  }
}

.contact-info .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.contact-info .section-header h2 em {
  font-family: inherit;
}
.contact-info .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .contact-info .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-info .section-header h2 {
    font-size: 56px;
  }
}
.contact-info .section-header h2 em {
  color: #cb333d;
}

.contact-info .info-list {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .contact-info .info-list {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .contact-info .info-list {
    width: calc(100% - 144px);
  }
}
.contact-info .info-list {
  padding: 0 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .contact-info .info-list {
    padding: 0 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-info .info-list {
    padding: 0 0 90px 0;
  }
}
@media only screen and (min-width : 1024px) {
  .contact-info .info-list {
    border-bottom: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-info .info-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
}

.contact-info .info-list .card {
  background: #ffffff;
  border-radius: 20px;
  padding: 25px;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width : 834px) {
  .contact-info .info-list .card {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-info .info-list .card {
    width: calc(33.3333333333% - 1rem);
    display: block;
    padding: 28px;
  }
}
@media only screen and (min-width : 1440px) {
  .contact-info .info-list .card {
    padding: 36px;
  }
}

.contact-info .info-list .card:nth-of-type(n + 2) {
  margin-top: 40px;
}
@media only screen and (min-width : 1280px) {
  .contact-info .info-list .card:nth-of-type(n + 2) {
    margin-top: 0;
  }
}

.contact-info .info-list .card .top-icon {
  display: block;
  position: relative;
  width: 100%;
}
.contact-info .info-list .card .top-icon img {
  width: 66px;
  height: 66px;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact-info .info-list .card .top-icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(100% - 90px);
  height: 1px;
  background: #d0d0d0;
}
@media only screen and (min-width : 834px) {
  .contact-info .info-list .card .top-icon {
    width: auto;
  }
  .contact-info .info-list .card .top-icon img {
    width: 80px;
    height: 80px;
  }
  .contact-info .info-list .card .top-icon:after {
    display: none;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-info .info-list .card .top-icon:after {
    display: block;
    width: calc(100% - 105px);
  }
}

.contact-info .info-list .card h3 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.contact-info .info-list .card h3 em {
  font-family: inherit;
}
.contact-info .info-list .card h3 {
  font-size: 22px;
}
@media only screen and (min-width : 834px) {
  .contact-info .info-list .card h3 {
    font-size: 24px;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-info .info-list .card h3 {
    font-size: 32px;
  }
}
.contact-info .info-list .card h3 {
  font-style: italic;
  margin: 1em 0 1.25em 0;
}
@media only screen and (min-width : 834px) {
  .contact-info .info-list .card h3 {
    margin: 0 0 0 1em;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-info .info-list .card h3 {
    margin: 0.75em 0 1em 0;
  }
}

.contact-info .info-list .card .info > div {
  margin-bottom: 0.5rem;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.contact-info .info-list .card .info a {
  color: #50585f;
  overflow-wrap: break-word;
}
.contact-info .info-list .card .info a:hover {
  color: #cb333d;
}
.contact-info .info-list .card .info .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #cb333d;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.contact-info .info-list .card .info .icon svg {
  width: 12px;
  color: #ffffff;
}
@media only screen and (min-width : 834px) {
  .contact-info .info-list .card .info {
    margin-left: auto;
  }
}

/*
*
*
* 404
*
*
*/
.error-404 {
  text-align: center;
}
.error-404 h1 {
  padding-top: 25vh;
  margin-bottom: 1rem;
}
.error-404 p {
  margin-bottom: 4rem;
}

/* POSTS
--------------------------------------------- */
/*
*
*
* LOCATIONS - LIST
*
*/
.locations-list {
  padding: 0 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .locations-list {
    padding: 0 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .locations-list {
    padding: 0 0 90px 0;
  }
}
.locations-list {
  overflow-x: clip;
  position: relative;
}
.locations-list:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .locations-list:before {
    width: 692px;
    height: 434px;
  }
}
.locations-list:before {
  bottom: 0;
  left: 50%;
  transform: translateX(-65%) translateY(65%);
}
@media only screen and (min-width : 834px) {
  .locations-list:before {
    transform: translateX(35%) translateY(45%);
  }
}

.locations-list .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .locations-list .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .locations-list .container {
    width: calc(100% - 144px);
  }
}
.locations-list .container {
  padding-top: 23px;
}
@media only screen and (min-width : 834px) {
  .locations-list .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
@media only screen and (min-width : 1280px) {
  .locations-list .container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.locations-list .card {
  background: #ffffff;
  border-radius: 20px;
  padding: 25px;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
  margin-bottom: 1.5rem;
  display: flex;
  flex-flow: column nowrap;
}
@media only screen and (min-width : 834px) {
  .locations-list .card {
    margin-bottom: 0;
  }
}

.locations-list .card .card-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid #d0d0d0;
}

.locations-list .card .card-header img {
  width: 86px;
  height: 86px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.85rem;
}
@media only screen and (min-width : 1280px) {
  .locations-list .card .card-header img {
    width: 100px;
    height: 100px;
  }
}

.locations-list .card .card-header h3 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.locations-list .card .card-header h3 em {
  font-family: inherit;
}
.locations-list .card .card-header h3 {
  font-size: 24px;
}
@media only screen and (min-width : 834px) {
  .locations-list .card .card-header h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width : 1280px) {
  .locations-list .card .card-header h3 {
    font-size: 36px;
  }
}
.locations-list .card .card-header h3 {
  color: #cb333d;
}

.locations-list .card .card-header span {
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "HelixaBold";
}
@media only screen and (min-width : 834px) {
  .locations-list .card .card-header span {
    font-size: 1.3rem;
  }
}

.locations-list .card .info {
  margin-top: auto;
  padding: 1.5rem 0;
}
.locations-list .card .info > div {
  margin-bottom: 0.5rem;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.locations-list .card .info a {
  color: #50585f;
  overflow-wrap: break-word;
}
.locations-list .card .info a:hover {
  color: #cb333d;
}
.locations-list .card .info .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #cb333d;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 0.8rem;
}
.locations-list .card .info .icon svg {
  width: 12px;
  color: #ffffff;
}

.locations-list .card .buttons {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

/*
*
*
* LOCATION SINGLE - INFO
*
*/
.location-info {
  padding: 0 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .location-info {
    padding: 0 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .location-info {
    padding: 0 0 90px 0;
  }
}

.location-info .card {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .location-info .card {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .location-info .card {
    width: calc(100% - 144px);
  }
}
.location-info .card {
  background: #ffffff;
  border-radius: 20px;
  padding: 25px;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width : 834px) {
  .location-info .card {
    padding: 40px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
@media only screen and (min-width : 1280px) {
  .location-info .card {
    padding: 60px;
  }
}

.location-info .card .text .button, .location-info .card .text #site-navigation .nav-button a, #site-navigation .nav-button .location-info .card .text a {
  display: none;
}
@media only screen and (min-width : 834px) {
  .location-info .card .text {
    min-width: 37.5%;
    padding-right: 5%;
    max-width: 50%;
    display: flex;
    flex-flow: column nowrap;
  }
  .location-info .card .text .button, .location-info .card .text #site-navigation .nav-button a, #site-navigation .nav-button .location-info .card .text a {
    display: block;
    margin-top: auto;
  }
}

.location-info .card .card-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #d0d0d0;
}
@media only screen and (min-width : 834px) {
  .location-info .card .card-header {
    padding-bottom: 1.5rem;
  }
}
@media only screen and (min-width : 834px) {
  .location-info .card .card-header {
    padding-bottom: 2rem;
  }
}

.location-info .card .card-header img {
  width: 86px;
  height: 86px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 1rem;
}
@media only screen and (min-width : 1280px) {
  .location-info .card .card-header img {
    width: 100px;
    height: 100px;
  }
}

.location-info .card .card-header h3 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.location-info .card .card-header h3 em {
  font-family: inherit;
}
.location-info .card .card-header h3 {
  font-size: 24px;
}
@media only screen and (min-width : 834px) {
  .location-info .card .card-header h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width : 1280px) {
  .location-info .card .card-header h3 {
    font-size: 36px;
  }
}
.location-info .card .card-header h3 {
  color: #cb333d;
}

.location-info .card .card-header span {
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "HelixaBold";
}
@media only screen and (min-width : 834px) {
  .location-info .card .card-header span {
    font-size: 1.3rem;
  }
}

.location-info .card .info {
  padding: 1.5rem 0;
}
.location-info .card .info > div {
  margin-bottom: 0.5rem;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.location-info .card .info a {
  color: #50585f;
  overflow-wrap: break-word;
}
.location-info .card .info a:hover {
  color: #cb333d;
}
.location-info .card .info .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #cb333d;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 0.8rem;
}
.location-info .card .info .icon svg {
  width: 12px;
  color: #ffffff;
}
@media only screen and (min-width : 1280px) {
  .location-info .card .info {
    padding: 1.75rem 0;
  }
  .location-info .card .info > div {
    margin-bottom: 0.75rem;
  }
}

.location-info .card > .button, .location-info #site-navigation .nav-button .card > a, #site-navigation .nav-button .location-info .card > a {
  margin-top: 25px;
  display: block;
  width: 100%;
}
@media only screen and (min-width : 834px) {
  .location-info .card > .button, .location-info #site-navigation .nav-button .card > a, #site-navigation .nav-button .location-info .card > a {
    display: none;
  }
}

.location-info .card .map {
  height: 350px;
  position: relative;
}
.location-info .card .map img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
}
@media only screen and (min-width : 834px) {
  .location-info .card .map {
    width: 50%;
  }
}
@media only screen and (min-width : 1280px) {
  .location-info .card .map {
    height: 400px;
  }
}

/*
*
*
*  LOCATION - TESTIMONIALS
*
*/
.location-testimonials {
  background-image: linear-gradient(rgba(0, 76, 130, 0.9), rgba(0, 76, 130, 0.9)), url("img/desk-bg.jpg");
  background-size: cover;
  background-position: center center;
}

.location-testimonials .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .location-testimonials .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .location-testimonials .container {
    width: calc(100% - 144px);
  }
}
.location-testimonials .container {
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .location-testimonials .container {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .location-testimonials .container {
    padding: 90px 0 90px 0;
  }
}
.location-testimonials .container {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.location-testimonials .section-header {
  padding: 0 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .location-testimonials .section-header {
    padding: 0 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .location-testimonials .section-header {
    padding: 0 0 60px 0;
  }
}
@media only screen and (min-width : 1024px) {
  .location-testimonials .section-header {
    text-align: center;
  }
}

.location-testimonials .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.location-testimonials .section-header h2 em {
  font-family: inherit;
}
.location-testimonials .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .location-testimonials .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .location-testimonials .section-header h2 {
    font-size: 56px;
  }
}
.location-testimonials .section-header h2 {
  color: #ffffff;
  margin-bottom: 0.5em;
}
.location-testimonials .section-header h2 em {
  color: #ffb88c;
}

.location-testimonials .slider-nav {
  padding: 36px 0 0 0;
}
@media only screen and (min-width : 834px) {
  .location-testimonials .slider-nav {
    padding: 48px 0 0 0;
  }
}
@media only screen and (min-width : 1280px) {
  .location-testimonials .slider-nav {
    padding: 60px 0 0 0;
  }
}
.location-testimonials .slider-nav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

.location-testimonials .slider-nav .swiper-pagination {
  position: static;
  width: auto;
  padding: 0 1.25rem;
}
.location-testimonials .slider-nav .swiper-pagination .swiper-pagination-bullet {
  background: #ffffff;
  margin: 0 px;
  cursor: pointer;
}
.location-testimonials .slider-nav .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffb88c;
  width: 20px;
  border-radius: 4px;
}

.location-testimonials .slider-nav .slider-prev,
.location-testimonials .slider-nav .slider-next {
  background: none;
  border: 1px solid #ffffff;
  padding: 0;
  width: 36px;
  height: 36px;
  color: #ffffff;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
.location-testimonials .slider-nav .slider-prev:hover,
.location-testimonials .slider-nav .slider-next:hover {
  background: #ffffff;
  color: #cb333d;
}
.location-testimonials .slider-nav .swiper-button-disabled {
  opacity: 0.3;
}

.location-testimonials .swiper-wrapper {
  align-items: stretch;
}

.location-testimonials .swiper-slide {
  height: auto;
  display: flex;
  align-items: stretch;
}

.location-testimonials .swiper-slide article {
  height: 100%;
  box-sizing: border-box;
}

/*
*
*
* SERVICES - INTRO
*
*/
.services-intro {
  overflow-x: clip;
}

.services-intro .section-header {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .services-intro .section-header {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .services-intro .section-header {
    width: calc(100% - 144px);
  }
}
.services-intro .section-header {
  padding: 75px 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .services-intro .section-header {
    padding: 90px 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .services-intro .section-header {
    padding: 120px 0 60px 0;
  }
}
.services-intro .section-header {
  text-align: center;
}
.services-intro .section-header p:last-of-type {
  margin-bottom: 0;
}
.services-intro .section-header {
  overflow-x: clip;
  position: relative;
}
.services-intro .section-header:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .services-intro .section-header:before {
    width: 692px;
    height: 434px;
  }
}
.services-intro .section-header {
  overflow: visible;
}
.services-intro .section-header:before {
  top: 0;
  right: 0;
  transform: translateX(45%) translateY(-28%) rotate(90deg);
}
@media only screen and (min-width : 834px) {
  .services-intro .section-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    text-align: left;
  }
  .services-intro .section-header:before {
    transform: translateX(36%) translateY(-10%) rotate(0deg);
  }
  .services-intro .section-header .text {
    width: 35%;
  }
}
@media only screen and (min-width : 1024px) {
  .services-intro .section-header:before {
    transform: translateX(36%) translateY(-10%) rotate(0deg);
  }
}

.services-intro .section-header h2 {
  font-size: 30px;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.services-intro .section-header h2 em {
  font-family: inherit;
}
.services-intro .section-header h2 {
  margin: 0.2em 0 0.5em 0;
}
@media only screen and (min-width : 1024px) {
  .services-intro .section-header h2 {
    margin: 0;
    font-family: "ivymode", sans-serif;
    font-weight: 400;
    line-height: 113%;
  }
  .services-intro .section-header h2 em {
    font-family: inherit;
  }
  .services-intro .section-header h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width : 1024px) and (min-width : 834px) {
  .services-intro .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1024px) and (min-width : 1280px) {
  .services-intro .section-header h2 {
    font-size: 56px;
  }
}

#services-introhl-animated {
  display: block;
  color: #cb333d;
  font-style: italic;
  height: 2.75rem;
  overflow: hidden;
}
@media only screen and (min-width : 1280px) {
  #services-introhl-animated {
    height: 3.75rem;
  }
}

#services-introhl-animated .lines-wrapper {
  display: block;
}
#services-introhl-animated .lines-wrapper > span {
  display: block;
  padding: 0 0 0.2em 0;
}

.services-intro .image {
  height: 300px;
  position: relative;
}
.services-intro .image:before {
  content: "";
  display: block;
  padding-top: 55%;
}
.services-intro .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width : 834px) {
  .services-intro .image {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 36px);
    max-width: 1440px;
  }
}
@media only screen and (min-width : 834px) and (min-width : 834px) {
  .services-intro .image {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 834px) and (min-width : 1280px) {
  .services-intro .image {
    width: calc(100% - 144px);
  }
}
@media only screen and (min-width : 834px) {
  .services-intro .image img {
    border-radius: 15px;
  }
}

.services-intro .cards-container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .services-intro .cards-container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .services-intro .cards-container {
    width: calc(100% - 144px);
  }
}
.services-intro .cards-container {
  margin-top: -28px;
  position: relative;
  background: #ffffff;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}

.services-intro .cards-container .content {
  padding: 68px 24px 24px 24px;
  overflow-x: clip;
  position: relative;
}
.services-intro .cards-container .content:before, .services-intro .cards-container .content:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .services-intro .cards-container .content:before, .services-intro .cards-container .content:after {
    width: 692px;
    height: 434px;
  }
}
.services-intro .cards-container .content:before {
  top: 0;
  right: 0;
  transform: translateX(70%) translateY(-30%);
  z-index: 2;
}
.services-intro .cards-container .content:after {
  top: 0;
  left: 0;
  transform: scaleX(-1) translateX(70%) translateY(-30%);
  z-index: 2;
}
@media only screen and (min-width : 1024px) {
  .services-intro .cards-container .content {
    padding: 90px 48px 48px 48px;
  }
  .services-intro .cards-container .content:before {
    transform: translateX(45%) translateY(10%);
  }
  .services-intro .cards-container .content:after {
    transform: scaleX(-1) translateX(45%) translateY(10%);
  }
}

.services-intro .cards-container .shield-icon {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 65px;
  transform: translateX(-50%) translateY(-32px);
}
@media only screen and (min-width : 1280px) {
  .services-intro .cards-container .shield-icon {
    width: 80px;
    transform: translateX(-50%) translateY(-40px);
  }
}

.services-intro .cards-container h3 {
  text-align: center;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.services-intro .cards-container h3 em {
  font-family: inherit;
}
.services-intro .cards-container h3 {
  font-size: 24px;
}
@media only screen and (min-width : 834px) {
  .services-intro .cards-container h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width : 1280px) {
  .services-intro .cards-container h3 {
    font-size: 36px;
  }
}
.services-intro .cards-container h3 {
  margin-bottom: 2em;
}
.services-intro .cards-container h3 em {
  color: #cb333d;
}
@media only screen and (min-width : 1024px) {
  .services-intro .cards-container h3 {
    margin-bottom: 1.5em;
  }
}

.services-intro .cards-container .cards {
  position: relative;
  z-index: 10;
}
@media only screen and (min-width : 834px) {
  .services-intro .cards-container .cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem;
  }
}
@media only screen and (min-width : 1280px) {
  .services-intro .cards-container .cards {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.services-intro .cards-container .card {
  background: #004c82;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-radius: 15px;
  padding: 0.7rem 0.3rem 0.7rem 0.6rem;
  text-decoration: none;
  color: #ffffff;
  transition: all ease-in-out 0.25s;
}
.services-intro .cards-container .card:hover, .services-intro .cards-container .card:active, .services-intro .cards-container .card:focus {
  color: #ffb88c;
}
.services-intro .cards-container .card:visited {
  color: #ffffff;
}
.services-intro .cards-container .card:visited:hover, .services-intro .cards-container .card:visited:active, .services-intro .cards-container .card:visited:focus {
  color: #ffb88c;
}
.services-intro .cards-container .card {
  position: relative;
}
.services-intro .cards-container .card:nth-of-type(n + 2) {
  margin-top: 5px;
}
@media only screen and (min-width : 834px) {
  .services-intro .cards-container .card:nth-of-type(n + 2) {
    margin: 0;
  }
}
@media only screen and (min-width : 1024px) {
  .services-intro .cards-container .card {
    padding: 1rem 0.3rem 1rem 0.8rem;
  }
}

.services-intro .cards-container .card .icon {
  width: 46px;
  height: 46px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.5rem;
}
@media only screen and (min-width : 1024px) {
  .services-intro .cards-container .card .icon {
    width: 50px;
    height: 50px;
  }
}

.services-intro .cards-container .card span {
  font-weight: bold;
  font-size: 0.925rem;
}

.services-intro .cards-container .card svg {
  position: absolute;
  bottom: 7px;
  right: 7px;
  color: #ffb88c;
}

/*
*
*
* SERVICES - LABS
*
*/
.services-labs {
  overflow-x: clip;
}

.services-labs .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .services-labs .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .services-labs .container {
    width: calc(100% - 144px);
  }
}
.services-labs .container {
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .services-labs .container {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .services-labs .container {
    padding: 90px 0 90px 0;
  }
}
.services-labs .container {
  overflow-x: clip;
  position: relative;
}
.services-labs .container:before, .services-labs .container:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .services-labs .container:before, .services-labs .container:after {
    width: 692px;
    height: 434px;
  }
}
.services-labs .container {
  overflow: visible;
}
.services-labs .container:before {
  top: 0;
  right: 0;
  transform: translateX(75%) translateY(-36%);
}
.services-labs .container:after {
  bottom: 0;
  left: 0;
  transform: translateX(-45%) translateY(50%);
}
@media only screen and (min-width : 834px) {
  .services-labs .container {
    display: flex;
    flex-flow: row nowrap;
  }
  .services-labs .container:before {
    display: none;
  }
  .services-labs .container:after {
    transform: translateX(60%) translateY(5%);
  }
}
@media only screen and (min-width : 1024px) {
  .services-labs .container:before {
    display: block;
  }
  .services-labs .container:after {
    transform: translateX(60%) translateY(-5%);
  }
}

@media only screen and (min-width : 834px) {
  .services-labs .text {
    width: 50%;
    padding-right: 5%;
  }
}
@media only screen and (min-width : 1440px) {
  .services-labs .text {
    padding-right: 10%;
  }
}

.services-labs .text h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.services-labs .text h2 em {
  font-family: inherit;
}
.services-labs .text h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .services-labs .text h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .services-labs .text h2 {
    font-size: 56px;
  }
}
.services-labs .text h2 {
  margin-bottom: 0.5em;
}
.services-labs .text h2 em {
  color: #cb333d;
}

.services-labs .text .badge {
  display: none;
}
@media only screen and (min-width : 834px) {
  .services-labs .text .badge {
    display: block;
    margin: 3.5rem 0 0 0;
    width: 240px;
  }
}

.services-labs .list {
  margin-top: 48px;
  padding: 32px 24px;
  background: #ffffff;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
@media only screen and (min-width : 834px) {
  .services-labs .list {
    width: 50%;
    margin: 0;
  }
}

.services-labs .list .lab-img {
  background: #50585f;
  aspect-ratio: 2/1;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}

.services-labs .list .list-items {
  border-top: 1px solid rgb(214.375, 214.375, 214.375);
  margin: 32px 0;
}
@media only screen and (min-width : 960px) {
  .services-labs .list .list-items {
    display: flex;
    flex-flow: row wrap;
  }
}

.services-labs .list .list-item {
  border-bottom: 1px solid rgb(214.375, 214.375, 214.375);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0.65rem 0;
}
@media only screen and (min-width : 960px) {
  .services-labs .list .list-item {
    width: 50%;
  }
}

.services-labs .list .list-item .icon {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  min-width: 38px;
}
.services-labs .list .list-item .icon img {
  width: auto;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.services-labs .list .list-item span {
  font-weight: bold;
  font-size: 0.8rem;
}
@media only screen and (min-width : 1280px) {
  .services-labs .list .list-item span {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width : 1440px) {
  .services-labs .list .list-item span {
    font-size: 0.95rem;
  }
}

.services-labs .list .badge {
  display: block;
  margin: 0 auto;
  width: 240px;
}
@media only screen and (min-width : 834px) {
  .services-labs .list .badge {
    display: none;
  }
}

/*
*
*
* SERVICES - OPTIONS
*
*/
.services-options {
  background-image: linear-gradient(rgba(0, 76, 130, 0.9), rgba(0, 76, 130, 0.9)), url("img/doctor-bg.jpg");
  background-size: cover;
  background-position: center center;
}

.services-options .wrapper {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .services-options .wrapper {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .services-options .wrapper {
    padding: 90px 0 90px 0;
  }
}

.services-options .section-header {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .services-options .section-header {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .services-options .section-header {
    width: calc(100% - 144px);
  }
}
.services-options .section-header {
  padding: 0 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .services-options .section-header {
    padding: 0 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .services-options .section-header {
    padding: 0 0 60px 0;
  }
}
.services-options .section-header {
  color: #ffffff;
  text-align: center;
}
.services-options .section-header h2,
.services-options .section-header .text {
  display: block;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width : 1024px) {
  .services-options .section-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    text-align: left;
  }
  .services-options .section-header h2,
  .services-options .section-header .text {
    max-width: none;
  }
  .services-options .section-header .text {
    width: 35%;
    margin-left: 0;
    margin-right: 0;
  }
}

.services-options .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.services-options .section-header h2 em {
  font-family: inherit;
}
.services-options .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .services-options .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .services-options .section-header h2 {
    font-size: 56px;
  }
}
.services-options .section-header h2 {
  margin-bottom: 0.5em;
}
.services-options .section-header h2 em {
  color: #ffb88c;
}
@media only screen and (min-width : 1024px) {
  .services-options .section-header h2 {
    margin: 0;
    width: 47.5%;
  }
}

.services-options .table {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .services-options .table {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .services-options .table {
    width: calc(100% - 144px);
  }
}

.services-options .table table {
  background: #ffffff;
  border-radius: 15px;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.services-options .table table thead {
  background: rgb(255, 226.6, 209);
  border: none;
  border-radius: 15px;
}
.services-options .table table thead th:first-child {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.services-options .table table thead th:first-child em {
  font-family: inherit;
}
.services-options .table table thead th:first-child {
  font-size: 22px;
}
@media only screen and (min-width : 834px) {
  .services-options .table table thead th:first-child {
    font-size: 24px;
  }
}
@media only screen and (min-width : 1280px) {
  .services-options .table table thead th:first-child {
    font-size: 32px;
  }
}
.services-options .table table thead th:first-child {
  font-style: italic;
}

.services-options .table table tbody th,
.services-options .table table tbody td {
  position: relative;
}
.services-options .table table tbody th:before,
.services-options .table table tbody td:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d0d0d0;
}
.services-options .table table tbody th:after,
.services-options .table table tbody td:after {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  right: 0;
  width: 1px;
  height: calc(100% - 2rem);
  background: #d0d0d0;
}
.services-options .table table tbody th:before {
  left: auto;
  right: 0;
  width: calc(100% - 1rem);
}
.services-options .table table tbody th:after {
  display: none;
}
.services-options .table table tbody td:last-child:before {
  width: calc(100% - 1rem);
}
.services-options .table table tbody td:last-child:after {
  display: none;
}
.services-options .table table th,
.services-options .table table td {
  text-align: center;
  font-weight: 400;
  line-height: 1.1;
}
.services-options .table table td svg {
  display: inline-block;
  width: 26px;
  height: 26px;
}

.services-options .table table.mobile-table {
  display: block;
  table-layout: fixed;
}
@media only screen and (min-width : 834px) {
  .services-options .table table.mobile-table {
    display: none;
  }
}

.services-options .table table.mobile-table thead,
.services-options .table table.mobile-table tbody {
  width: 100%;
}
.services-options .table table.mobile-table th,
.services-options .table table.mobile-table td {
  padding: 1.4rem 0;
  font-size: 13px;
}
.services-options .table table.mobile-table thead th:first-child,
.services-options .table table.mobile-table tbody th {
  text-align: left;
  width: 40%;
  padding-left: 1rem;
}
.services-options .table table.mobile-table thead th:nth-of-type(n + 2) {
  font-weight: bold;
}
.services-options .table table.mobile-table thead th:not(:first-child),
.services-options .table table.mobile-table td {
  width: 30%;
}

.services-options .table table.desktop-table {
  display: none;
}
@media only screen and (min-width : 834px) {
  .services-options .table table.desktop-table {
    display: block;
  }
}

.services-options .table table.desktop-table thead th:first-child {
  padding-left: 1rem;
  padding-right: 1rem;
  font-style: normal;
}
.services-options .table table.desktop-table thead th {
  padding-right: 0.75rem;
  text-align: left;
  vertical-align: top;
}
.services-options .table table.desktop-table th,
.services-options .table table.desktop-table td {
  font-size: 14px;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
.services-options .table table.desktop-table tbody th {
  font-weight: bold;
  font-size: 1rem;
  text-align: left;
  padding-left: 1rem;
}
.services-options .table table.desktop-table tbody th:after {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  right: 0;
  width: 1px;
  height: calc(100% - 2rem);
  background: #d0d0d0;
}
@media only screen and (min-width : 1024px) {
  .services-options .table table.desktop-table thead th:first-child {
    padding-left: 1rem;
    padding-right: 1.5rem;
  }
  .services-options .table table.desktop-table thead th {
    padding-left: 0.5rem;
  }
  .services-options .table table.desktop-table th,
  .services-options .table table.desktop-table td {
    font-size: 14.5px;
  }
  .services-options .table table.desktop-table td {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
  }
}
@media only screen and (min-width : 1280px) {
  .services-options .table table.desktop-table thead th:first-child {
    padding-top: 2rem;
    padding-left: 1.5rem;
  }
  .services-options .table table.desktop-table thead th {
    padding-left: 0.75rem;
  }
  .services-options .table table.desktop-table tbody th {
    padding-left: 1.5rem;
  }
  .services-options .table table.desktop-table th,
  .services-options .table table.desktop-table td {
    font-size: 15px;
  }
  .services-options .table table.desktop-table td {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
  }
  .services-options .table table.desktop-table tbody th:before,
  .services-options .table table.desktop-table tbody td:last-child:before {
    width: calc(100% - 1.5rem);
  }
}

/*
*
*
* SERVICES - FAQ
*
*/
.services-faq {
  padding: 48px 0 48px 0;
}
@media only screen and (min-width : 834px) {
  .services-faq {
    padding: 60px 0 60px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .services-faq {
    padding: 72px 0 72px 0;
  }
}
.services-faq {
  overflow-x: clip;
}
@media only screen and (min-width : 834px) {
  .services-faq {
    padding: 48px 0 0 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 834px) {
  .services-faq {
    padding: 60px 0 0 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 1280px) {
  .services-faq {
    padding: 72px 0 0 0;
  }
}

.services-faq .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .services-faq .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .services-faq .container {
    width: calc(100% - 144px);
  }
}
.services-faq .container {
  overflow-x: clip;
  position: relative;
}
.services-faq .container:before, .services-faq .container:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .services-faq .container:before, .services-faq .container:after {
    width: 692px;
    height: 434px;
  }
}
.services-faq .container {
  overflow: visible;
}
.services-faq .container:before {
  top: 0;
  right: 0;
  transform: translateX(70%) translateY(-30%);
}
.services-faq .container:after {
  top: 0;
  left: 0;
  transform: scaleX(-1) translateX(70%) translateY(-30%);
}
@media only screen and (min-width : 834px) {
  .services-faq .container:before {
    display: none;
  }
  .services-faq .container:after {
    transform: scaleX(-1) translateX(20%) translateY(-30%);
  }
}
@media only screen and (min-width : 1024px) {
  .services-faq .container:before {
    display: block;
    transform: translateX(45%) translateY(-30%);
  }
  .services-faq .container:after {
    transform: scaleX(-1) translateX(45%) translateY(-30%);
  }
}

.services-faq .section-header {
  text-align: center;
}

.services-faq .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.services-faq .section-header h2 em {
  font-family: inherit;
}
.services-faq .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .services-faq .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .services-faq .section-header h2 {
    font-size: 56px;
  }
}
.services-faq .section-header h2 {
  margin: 0 0 1em 0;
}
.services-faq .section-header h2 em {
  color: #cb333d;
}

/*
*
*
* SERVICE - CONTENT
*
*/
.service-content .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .service-content .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .service-content .container {
    width: calc(100% - 144px);
  }
}
.service-content .container {
  padding: 0 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .service-content .container {
    padding: 0 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .service-content .container {
    padding: 0 0 90px 0;
  }
}
@media only screen and (min-width : 834px) {
  .service-content .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 36px 0 60px 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 834px) {
  .service-content .container {
    padding: 48px 0 75px 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 1280px) {
  .service-content .container {
    padding: 60px 0 90px 0;
  }
}

@media only screen and (min-width : 834px) {
  .service-content .text {
    width: calc(100% - 350px);
    order: 2;
  }
}
@media only screen and (min-width : 1280px) {
  .service-content .text {
    width: calc(90% - 360px);
  }
}

.service-content .text strong {
  display: block;
  color: #cb333d;
  margin-bottom: 0.65em;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "HelixaBold";
}
@media only screen and (min-width : 834px) {
  .service-content .text strong {
    font-size: 1.3rem;
  }
}

.service-content aside.list-sidebar {
  background: #ffffff;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  margin-top: 100px;
}
@media only screen and (min-width : 834px) {
  .service-content aside.list-sidebar {
    margin-top: 0;
    order: 1;
    width: 300px;
    align-self: flex-start;
  }
}
@media only screen and (min-width : 1280px) {
  .service-content aside.list-sidebar {
    width: 360px;
  }
}

.service-content aside.list-sidebar .list-header {
  background: #004c82;
  border-radius: 15px;
  text-align: center;
  color: #ffffff;
  padding: 60px 0 30px 0;
  position: relative;
}
.service-content aside.list-sidebar .list-header h3 {
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "HelixaBold";
}
@media only screen and (min-width : 834px) {
  .service-content aside.list-sidebar .list-header h3 {
    font-size: 1.3rem;
  }
}
.service-content aside.list-sidebar .list-header img {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 65px;
  transform: translateX(-50%) translateY(-40px);
}

.service-content aside.list-sidebar .list-body {
  padding: 40px 30px;
}
.service-content aside.list-sidebar .list-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.service-content aside.list-sidebar .list-body li {
  padding: 0.4rem 0 0.4rem 1.5rem;
  border-bottom: 1px solid #d0d0d0;
  position: relative;
}
.service-content aside.list-sidebar .list-body li:first-of-type {
  border-top: 1px solid #d0d0d0;
}
.service-content aside.list-sidebar .list-body li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #cb333d;
}

/*
*
*
*  PATIENT RESOURCES - INTRO
*
*/
.resources-intro {
  overflow-x: clip;
}

.resources-intro .section-header {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .resources-intro .section-header {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .resources-intro .section-header {
    width: calc(100% - 144px);
  }
}
.resources-intro .section-header {
  padding: 48px 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .resources-intro .section-header {
    padding: 60px 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-intro .section-header {
    padding: 72px 0 60px 0;
  }
}
.resources-intro .section-header {
  text-align: center;
}
.resources-intro .section-header p:last-of-type {
  margin-bottom: 0;
}
.resources-intro .section-header {
  overflow-x: clip;
  position: relative;
}
.resources-intro .section-header:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .resources-intro .section-header:before {
    width: 692px;
    height: 434px;
  }
}
.resources-intro .section-header {
  overflow: visible;
}
.resources-intro .section-header:before {
  top: 0;
  right: 0;
  transform: translateX(45%) translateY(-28%) rotate(90deg);
}
@media only screen and (min-width : 834px) {
  .resources-intro .section-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    text-align: left;
  }
  .resources-intro .section-header .text {
    width: 50%;
  }
  .resources-intro .section-header:before {
    transform: translateX(36%) translateY(-10%) rotate(0deg);
  }
}
@media only screen and (min-width : 1024px) {
  .resources-intro .section-header:before {
    transform: translateX(36%) translateY(-10%) rotate(0deg);
  }
  .resources-intro .section-header .text {
    width: 45%;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-intro .section-header:before {
    transform: translateX(36%) translateY(-30%) rotate(0deg);
  }
}

.resources-intro .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.resources-intro .section-header h2 em {
  font-family: inherit;
}
.resources-intro .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .resources-intro .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-intro .section-header h2 {
    font-size: 56px;
  }
}
.resources-intro .section-header h2 {
  margin: 0 0 0.5em 0;
}
.resources-intro .section-header h2 em {
  color: #cb333d;
}
@media only screen and (min-width : 1024px) {
  .resources-intro .section-header h2 {
    margin: 0;
  }
}

/*
*
*
*  PATIENT RESOURCES - INDEX
*
*/
.resources-index {
  overflow-x: clip;
  position: relative;
}
.resources-index:before, .resources-index:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .resources-index:before, .resources-index:after {
    width: 692px;
    height: 434px;
  }
}
.resources-index:before {
  bottom: 0;
  left: 50%;
  transform: translateX(-65%) translateY(65%);
}
.resources-index:after {
  top: 40%;
  left: 0;
  transform: translateX(-25%) translateY(0%);
}
@media only screen and (min-width : 834px) {
  .resources-index:before {
    transform: translateX(35%) translateY(45%);
  }
}

.resources-index .posts-grid {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .resources-index .posts-grid {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .resources-index .posts-grid {
    width: calc(100% - 144px);
  }
}
.resources-index .posts-grid {
  display: grid;
  gap: 7px;
}
@media only screen and (min-width : 640px) {
  .resources-index .posts-grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
}
@media only screen and (min-width : 834px) {
  .resources-index .posts-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-index .posts-grid {
    gap: 24px;
  }
}

@media only screen and (min-width : 640px) {
  .patient-resource-featured {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width : 834px) {
  .patient-resource-featured {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 1.5rem;
  }
}

.patient-resource-featured .entry-header a {
  display: block;
  margin: 0;
}
.patient-resource-featured .entry-header img {
  border-radius: 10px;
  aspect-ratio: 350/200;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width : 834px) {
  .patient-resource-featured .entry-header {
    width: 45%;
  }
  .patient-resource-featured .entry-header a,
  .patient-resource-featured .entry-header img {
    height: 100%;
  }
}
@media only screen and (min-width : 1024px) {
  .patient-resource-featured .entry-header {
    width: 50%;
  }
}

.patient-resource-featured .entry-meta {
  padding: 1.25rem 0;
  margin-bottom: 1rem;
}
.patient-resource-featured .entry-meta em {
  color: #cb333d;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.patient-resource-featured .entry-meta em em {
  font-family: inherit;
}
.patient-resource-featured .entry-meta em {
  font-size: 20px;
}
@media only screen and (min-width : 834px) {
  .patient-resource-featured .entry-meta em {
    font-size: 23px;
  }
}
@media only screen and (min-width : 1280px) {
  .patient-resource-featured .entry-meta em {
    font-size: 28px;
  }
}
.patient-resource-featured .entry-meta em {
  display: block;
  margin-bottom: 0.65rem;
}
.patient-resource-featured .entry-meta h2 {
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "HelixaBold";
}
@media only screen and (min-width : 834px) {
  .patient-resource-featured .entry-meta h2 {
    font-size: 1.3rem;
  }
}
.patient-resource-featured .entry-meta h2 {
  line-height: 1.15;
  margin-bottom: 1em;
}
.patient-resource-featured .entry-meta .button, .patient-resource-featured .entry-meta #site-navigation .nav-button a, #site-navigation .nav-button .patient-resource-featured .entry-meta a {
  display: table;
  margin-top: 1.5rem;
}
@media only screen and (min-width : 834px) {
  .patient-resource-featured .entry-meta {
    width: 55%;
    padding: 0 0 0 5%;
    margin: 0;
  }
}
@media only screen and (min-width : 1024px) {
  .patient-resource-featured .entry-meta {
    width: 50%;
  }
  .patient-resource-featured .entry-meta em {
    margin-bottom: 1.25rem;
  }
  .patient-resource-featured .entry-meta .button, .patient-resource-featured .entry-meta #site-navigation .nav-button a, #site-navigation .nav-button .patient-resource-featured .entry-meta a {
    margin-top: 2.5rem;
  }
}

/*
*
*
*  PATIENT RESOURCES - CALENDAR
*
*/
.resources-calendar {
  background-image: linear-gradient(rgba(0, 76, 130, 0.9), rgba(0, 76, 130, 0.9)), url("img/desk-bg.jpg");
  background-size: cover;
  background-position: center center;
}

.resources-calendar .container {
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .resources-calendar .container {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-calendar .container {
    padding: 90px 0 90px 0;
  }
}
.resources-calendar .container {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: #ffffff;
}
@media only screen and (min-width : 1024px) {
  .resources-calendar .container {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 36px);
    max-width: 1440px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header  featured" "cards   featured";
    -moz-column-gap: 0;
         column-gap: 0;
    align-items: start;
  }
}
@media only screen and (min-width : 1024px) and (min-width : 834px) {
  .resources-calendar .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1024px) and (min-width : 1280px) {
  .resources-calendar .container {
    width: calc(100% - 144px);
  }
}

.resources-calendar .section-header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .resources-calendar .section-header {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .resources-calendar .section-header {
    width: calc(100% - 144px);
  }
}
.resources-calendar .section-header {
  padding: 0 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .resources-calendar .section-header {
    padding: 0 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-calendar .section-header {
    padding: 0 0 60px 0;
  }
}
.resources-calendar .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.resources-calendar .section-header h2 em {
  font-family: inherit;
}
.resources-calendar .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .resources-calendar .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-calendar .section-header h2 {
    font-size: 56px;
  }
}
.resources-calendar .section-header h2 {
  margin: 0 0 0.5em 0;
}
.resources-calendar .section-header h2 em {
  color: #ffb88c;
}
@media only screen and (min-width : 1024px) {
  .resources-calendar .section-header {
    grid-area: header;
    text-align: left;
    margin: 0;
    width: auto;
    max-width: 100%;
    margin-right: 10%;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-calendar .section-header {
    margin-right: 15%;
  }
}
@media only screen and (min-width : 1440px) {
  .resources-calendar .section-header {
    margin-right: 20%;
  }
}

.resources-calendar .featured {
  color: #000000;
}
.resources-calendar .featured .image {
  position: relative;
  height: 380px;
}
.resources-calendar .featured .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.resources-calendar .featured .text {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 4px 22.6px rgba(0, 0, 0, 0.2);
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .resources-calendar .featured .text {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .resources-calendar .featured .text {
    width: calc(100% - 144px);
  }
}
.resources-calendar .featured .text {
  margin-top: -4rem;
  position: relative;
}
@media only screen and (min-width : 1024px) {
  .resources-calendar .featured {
    grid-area: featured;
  }
  .resources-calendar .featured .image img {
    border-radius: 15px;
  }
}

.resources-calendar .featured .date {
  background: #004c82;
  border-radius: 20px;
  width: 67%;
  margin: 0 auto 0 auto;
  padding: 1rem;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.resources-calendar .featured .date .month {
  display: block;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.resources-calendar .featured .date .day {
  color: #ffb88c;
  font-size: 2.5rem;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.resources-calendar .featured .date .day em {
  font-family: inherit;
}
.resources-calendar .featured .date .day {
  line-height: 1;
}
.resources-calendar .featured .date .day sup {
  font-size: 0.65em;
  vertical-align: super; /* keep semantic intent */
  position: relative;
  top: 0;
}
.resources-calendar .featured .date .year {
  line-height: 1;
  display: table;
  margin: -0.35em 0 0 auto;
}
@media only screen and (min-width : 1024px) {
  .resources-calendar .featured .date {
    max-width: 240px;
  }
}

.resources-calendar .featured .info {
  padding: 4rem 2rem 2rem 2rem;
}
.resources-calendar .featured .info h3 {
  color: #343a40;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.resources-calendar .featured .info h3 em {
  font-family: inherit;
}
.resources-calendar .featured .info h3 {
  font-size: 24px;
}
@media only screen and (min-width : 834px) {
  .resources-calendar .featured .info h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-calendar .featured .info h3 {
    font-size: 36px;
  }
}
.resources-calendar .featured .info h3 {
  margin: 1.25em 0;
  text-align: center;
}
.resources-calendar .featured .info h3 em {
  color: #cb333d;
}
@media only screen and (min-width : 1024px) {
  .resources-calendar .featured .info {
    padding: 5rem 2.5rem 2.5rem 2.5rem;
  }
  .resources-calendar .featured .info h3 {
    margin: 1em 0 0.75em 0;
  }
}

.resources-calendar .featured .info ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #d0d0d0;
}
.resources-calendar .featured .info ul li {
  padding: 0.75rem 0;
  border-bottom: 1px solid #d0d0d0;
  line-height: 1.1;
  color: #50585f;
  display: flex;
  flex-flow: row nowrap;
}
.resources-calendar .featured .info ul li span:first-of-type {
  display: block;
  margin-right: 0.6rem;
  color: #cb333d;
}
.resources-calendar .featured .info ul li span:first-of-type.icon {
  font-size: 1.1rem;
}
.resources-calendar .featured .info ul li:last-of-type span:first-of-type.icon {
  font-size: 1.2rem;
}

.resources-calendar .featured .info .button, .resources-calendar .featured .info #site-navigation .nav-button a, #site-navigation .nav-button .resources-calendar .featured .info a {
  display: table;
  width: 100%;
  margin: 1.35rem 0 0 0;
}
@media only screen and (min-width : 1024px) {
  .resources-calendar .featured .info .button, .resources-calendar .featured .info #site-navigation .nav-button a, #site-navigation .nav-button .resources-calendar .featured .info a {
    margin: 2rem 0 0 0;
  }
}

.resources-calendar .cards {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .resources-calendar .cards {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .resources-calendar .cards {
    width: calc(100% - 144px);
  }
}
.resources-calendar .cards {
  margin-top: 3rem;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width : 834px) {
  .resources-calendar .cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
}
@media only screen and (min-width : 1024px) {
  .resources-calendar .cards {
    grid-area: cards;
    display: block;
    border-bottom: none;
    width: auto;
    max-width: 100%;
    margin: 0 10% 0 0;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-calendar .cards {
    margin-right: 15%;
  }
}
@media only screen and (min-width : 1440px) {
  .resources-calendar .cards {
    margin-right: 20%;
  }
}

.resources-calendar .card {
  padding: 1.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width : 834px) {
  .resources-calendar .card {
    border: none;
  }
}
@media only screen and (min-width : 1024px) {
  .resources-calendar .card {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
}

.resources-calendar .card .wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.resources-calendar .card a {
  text-decoration: none;
  color: #ffffff;
  transition: all ease-in-out 0.25s;
}
.resources-calendar .card a:hover, .resources-calendar .card a:active, .resources-calendar .card a:focus {
  color: #ffb88c;
}
.resources-calendar .card a:visited {
  color: #ffffff;
}
.resources-calendar .card a:visited:hover, .resources-calendar .card a:visited:active, .resources-calendar .card a:visited:focus {
  color: #ffb88c;
}

.resources-calendar .card .event-date {
  margin: 0 1rem 0 0;
}
@media only screen and (min-width : 1280px) {
  .resources-calendar .card .event-date {
    margin: 0 1.5rem 0 0;
  }
}
.resources-calendar .card .event-date .month {
  display: block;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 5px;
}
.resources-calendar .card .event-date .date {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.resources-calendar .card .event-date .date em {
  font-family: inherit;
}
.resources-calendar .card .event-date .date {
  line-height: 1;
  font-size: 2.4rem;
  color: #ffb88c;
}

.resources-calendar .card img {
  display: block;
  margin: 0 1rem 0 0;
  border-radius: 10px;
  width: 110px;
}
@media only screen and (min-width : 1280px) {
  .resources-calendar .card img {
    width: 150px;
    margin: 0 2rem 0 0;
  }
}

.resources-calendar .card .info {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.resources-calendar .card .info h6 {
  margin-top: 0.5rem;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "HelixaBold";
}
@media only screen and (min-width : 834px) {
  .resources-calendar .card .info h6 {
    font-size: 1.3rem;
  }
}
.resources-calendar .card .info h6 {
  line-height: 1.15;
}
.resources-calendar .card .info svg {
  margin: auto 0 0 auto;
  color: #ffb88c;
  font-size: 1.3rem;
}

.resources-calendar .card .range {
  line-height: 1.1;
}

.resources-calendar .card .event-time {
  text-transform: uppercase;
  font-size: 0.85rem;
  line-height: 1;
}
.resources-calendar .card .event-time .day {
  padding-right: 0.4rem;
  margin-right: 0.2rem;
  position: relative;
}
.resources-calendar .card .event-time .day:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateX(50%) translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ffb88c;
}

/*
*
*
* RESOURCES - FAQ
*
*/
.resources-faq {
  padding: 48px 0 48px 0;
}
@media only screen and (min-width : 834px) {
  .resources-faq {
    padding: 60px 0 60px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-faq {
    padding: 72px 0 72px 0;
  }
}
.resources-faq {
  overflow-x: clip;
}
@media only screen and (min-width : 834px) {
  .resources-faq {
    padding: 48px 0 0 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 834px) {
  .resources-faq {
    padding: 60px 0 0 0;
  }
}
@media only screen and (min-width : 834px) and (min-width : 1280px) {
  .resources-faq {
    padding: 72px 0 0 0;
  }
}

.resources-faq .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .resources-faq .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .resources-faq .container {
    width: calc(100% - 144px);
  }
}
.resources-faq .container {
  overflow-x: clip;
  position: relative;
}
.resources-faq .container:before, .resources-faq .container:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 493px;
  height: 309px;
  background: url(img/bg-diamond-pattern.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.75;
}
@media only screen and (min-width : 1280px) {
  .resources-faq .container:before, .resources-faq .container:after {
    width: 692px;
    height: 434px;
  }
}
.resources-faq .container {
  overflow: visible;
}
.resources-faq .container:before {
  top: 0;
  right: 0;
  transform: translateX(70%) translateY(-30%);
}
.resources-faq .container:after {
  top: 0;
  left: 0;
  transform: scaleX(-1) translateX(70%) translateY(-30%);
}
@media only screen and (min-width : 834px) {
  .resources-faq .container:before {
    display: none;
  }
  .resources-faq .container:after {
    transform: scaleX(-1) translateX(20%) translateY(-30%);
  }
}
@media only screen and (min-width : 1024px) {
  .resources-faq .container:before {
    display: block;
    transform: translateX(30%) translateY(-30%);
  }
  .resources-faq .container:after {
    transform: scaleX(-1) translateX(30%) translateY(-30%);
  }
}

.resources-faq .section-header {
  text-align: center;
}

.resources-faq .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.resources-faq .section-header h2 em {
  font-family: inherit;
}
.resources-faq .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .resources-faq .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .resources-faq .section-header h2 {
    font-size: 56px;
  }
}
.resources-faq .section-header h2 {
  margin: 0 0 1em 0;
}
.resources-faq .section-header h2 em {
  color: #cb333d;
}

/*
*
*
*  PATIENT RESOURCE - POST
*
*/
.resource-post .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .resource-post .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .resource-post .container {
    width: calc(100% - 144px);
  }
}
.resource-post .container {
  padding: 0 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .resource-post .container {
    padding: 0 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .resource-post .container {
    padding: 0 0 90px 0;
  }
}

.resource-post article.blog .entry-header {
  padding: 36px 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .resource-post article.blog .entry-header {
    padding: 48px 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .resource-post article.blog .entry-header {
    padding: 60px 0 60px 0;
  }
}

.resource-post article.blog .entry-header .entry-meta {
  padding: 36px 0 0 0;
}
@media only screen and (min-width : 834px) {
  .resource-post article.blog .entry-header .entry-meta {
    padding: 48px 0 0 0;
  }
}
@media only screen and (min-width : 1280px) {
  .resource-post article.blog .entry-header .entry-meta {
    padding: 60px 0 0 0;
  }
}
.resource-post article.blog .entry-header .entry-meta {
  text-align: center;
}
.resource-post article.blog .entry-header .entry-meta a {
  text-decoration: none;
  color: #cb333d;
  transition: all ease-in-out 0.25s;
}
.resource-post article.blog .entry-header .entry-meta a:hover, .resource-post article.blog .entry-header .entry-meta a:active, .resource-post article.blog .entry-header .entry-meta a:focus {
  color: #004c82;
}
.resource-post article.blog .entry-header .entry-meta a:visited {
  color: #cb333d;
}
.resource-post article.blog .entry-header .entry-meta a:visited:hover, .resource-post article.blog .entry-header .entry-meta a:visited:active, .resource-post article.blog .entry-header .entry-meta a:visited:focus {
  color: #004c82;
}

.resource-post article.blog .entry-header h1 {
  text-align: center;
  font-style: italic;
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.resource-post article.blog .entry-header h1 em {
  font-family: inherit;
}
.resource-post article.blog .entry-header h1 {
  font-size: 30px;
}
@media only screen and (min-width : 834px) {
  .resource-post article.blog .entry-header h1 {
    font-size: 34px;
  }
}
@media only screen and (min-width : 1280px) {
  .resource-post article.blog .entry-header h1 {
    font-size: 48px;
  }
}
.resource-post article.blog .entry-header h1 {
  padding: 0.5em 0 0.75em 0;
  text-wrap: balance;
}
@media only screen and (min-width : 834px) {
  .resource-post article.blog .entry-header h1 {
    width: 70%;
    margin: 0 auto;
  }
}

.resource-post article.blog .entry-header .post-share ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
.resource-post article.blog .entry-header .post-share ul li {
  display: flex;
  margin: 0 0.35rem;
}
.resource-post article.blog .entry-header .post-share ul a,
.resource-post article.blog .entry-header .post-share ul button {
  cursor: pointer;
  padding: 0;
  border: none;
  outline: none;
  width: 25px;
  height: 25px;
  border-radius: 100vmin;
  background: #cb333d;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.resource-post article.blog .entry-header .post-share ul a:hover, .resource-post article.blog .entry-header .post-share ul a:focus-visible,
.resource-post article.blog .entry-header .post-share ul button:hover,
.resource-post article.blog .entry-header .post-share ul button:focus-visible {
  background: rgb(170.3921259843, 42.8078740157, 51.2015748031);
  transform: translateY(-1px);
}
.resource-post article.blog .entry-header .post-share ul a svg,
.resource-post article.blog .entry-header .post-share ul button svg {
  font-size: 0.675rem;
}

.resource-post article.blog .entry-header .copy-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.resource-post article.blog .entry-header .copy-link .icon-success {
  display: none;
}
.resource-post article.blog .entry-header .copy-link .tooltip {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  font-size: 0.75rem;
  padding: 4px 8px;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  white-space: nowrap;
}
.resource-post article.blog .entry-header .copy-link.copied .icon-default {
  display: none;
}
.resource-post article.blog .entry-header .copy-link.copied .icon-success {
  display: inline-block;
}
.resource-post article.blog .entry-header .copy-link.copied .tooltip {
  opacity: 1;
}

.resource-post article.blog .post-thumbnail img {
  display: block;
  margin: 0;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.resource-post article.blog .entry-content {
  margin: 0;
  padding: 36px 0 0 0;
}
@media only screen and (min-width : 834px) {
  .resource-post article.blog .entry-content {
    padding: 48px 0 0 0;
  }
}
@media only screen and (min-width : 1280px) {
  .resource-post article.blog .entry-content {
    padding: 60px 0 0 0;
  }
}

/*
*
*
*  PATIENT RESOURCE - RELATED
*
*/
.resource-related {
  background-image: linear-gradient(rgba(0, 76, 130, 0.9), rgba(0, 76, 130, 0.9)), url("img/desk-bg.jpg");
  background-size: cover;
  background-position: center center;
}

.resource-related .container {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 60px 0 60px 0;
}
@media only screen and (min-width : 834px) {
  .resource-related .container {
    padding: 75px 0 75px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .resource-related .container {
    padding: 90px 0 90px 0;
  }
}
.resource-related .container {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 36px);
  max-width: 1440px;
}
@media only screen and (min-width : 834px) {
  .resource-related .container {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width : 1280px) {
  .resource-related .container {
    width: calc(100% - 144px);
  }
}

.resource-related .section-header {
  padding: 0 0 36px 0;
}
@media only screen and (min-width : 834px) {
  .resource-related .section-header {
    padding: 0 0 48px 0;
  }
}
@media only screen and (min-width : 1280px) {
  .resource-related .section-header {
    padding: 0 0 60px 0;
  }
}
@media only screen and (min-width : 1024px) {
  .resource-related .section-header {
    text-align: center;
  }
}

.resource-related .section-header h2 {
  font-family: "ivymode", sans-serif;
  font-weight: 400;
  line-height: 113%;
}
.resource-related .section-header h2 em {
  font-family: inherit;
}
.resource-related .section-header h2 {
  font-size: 36px;
}
@media only screen and (min-width : 834px) {
  .resource-related .section-header h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width : 1280px) {
  .resource-related .section-header h2 {
    font-size: 56px;
  }
}
.resource-related .section-header h2 {
  color: #ffffff;
  margin-bottom: 0.5em;
}
.resource-related .section-header h2 em {
  color: #ffb88c;
}

.resource-related .section-header p {
  color: #ffffff;
  text-align: center;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.resource-related .posts-grid {
  display: grid;
  gap: 7px;
}
@media only screen and (min-width : 640px) {
  .resource-related .posts-grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
}
@media only screen and (min-width : 834px) {
  .resource-related .posts-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width : 1280px) {
  .resource-related .posts-grid {
    gap: 24px;
  }
}

/*# sourceMappingURL=style.css.map */