@font-face {
  font-family: "Basic Sans Fallback";
  src: local("Arial");
  ascent-override: 92%;
  descent-override: 22%;
  line-gap-override: 0%;
  size-adjust: 105%;
}
@font-face {
  font-family: "Montserrat";
  src: url("../Assets/fonts/montserrat/Montserrat-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Montserrat";
  src: url("../Assets/fonts/montserrat/Montserrat-Italic-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: optional;
}
:root {
  --font-heading: 'basic-sans', 'Basic Sans Fallback', sans-serif;
  --font-body: 'basic-sans', 'Basic Sans Fallback', sans-serif;
  --font-montserrat:
    'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    sans-serif;
  --color-black: #1e1e1e;
  --color-main: #262629;
  --color-charcoal: #313133;
  --color-gray: #545454;
  --color-light-gray: #a59f9f;
  --color-white: #fffdf1;
  --color-off-white: #f5f3e8;
  --color-blue: #194a7b;
  --color-green-blue: #2ba9a5;
  --color-light-green: #d5ece1;
  --color-yellow: #bbd162;
  --max-width: 1920px;
  --content-max-width: 1440px;
  --header-nav-padding-x: clamp(24px, 4vw, 62px);
  --menu-outline-padding: 17px;
  --gap: 48px;
  --small-gap: calc(var(--gap) * (2 / 3));
  --gutter-padding: 60px;
  --narrow-gutter-padding: calc(var(--gutter-padding) * 4);
  --radius: 10px;
  --header-z: 1000;
  --header-height: 95px;
}

@media (max-width: 1679px) {
  :root {
    --narrow-gutter-padding: calc(var(--gutter-padding) * 2);
  }
}
@media (max-width: 1279px) {
  :root {
    --gutter-padding: 48px;
    --narrow-gutter-padding: calc(var(--gutter-padding) * 1.5);
  }
}
@media (max-width: 1024px) {
  :root {
    --header-height: 138px;
    --narrow-gutter-padding: calc(var(--gutter-padding) * 2);
    --gutter-padding: 36px;
  }
}
@media (max-width: 768px) {
  :root {
    --narrow-gutter-padding: calc(var(--gutter-padding) * 1.25);
    --gutter-padding: 24px;
  }
}
@media (max-width: 440px) {
  :root {
    --narrow-gutter-padding: 20px;
    --gutter-padding: 20px;
  }
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

h1 {
  font-family: var(--font-montserrat);
  font-weight: 600;
  font-style: normal;
  font-size: clamp(42px, 5vw + 16px, 84px);
  line-height: clamp(48px, 5vw + 20px, 88px);
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
}
h1 > em {
  font-family: var(--font-heading);
  font-weight: 600;
  font-style: italic;
  font-size: clamp(42px, 5vw + 16px, 84px);
  line-height: clamp(48px, 5vw + 20px, 88px);
  letter-spacing: 0;
}

h2 {
  font-family: var(--font-montserrat);
  font-weight: 600;
  font-style: normal;
  font-size: clamp(42px, 3.5vw + 26px, 58px);
  line-height: clamp(48px, 2.5vw + 34px, 60px);
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
}
h2 > em {
  font-family: var(--font-heading);
  font-weight: 600;
  font-style: italic;
  font-size: clamp(42px, 3.5vw + 26px, 58px);
  line-height: clamp(48px, 2.5vw + 34px, 60px);
  letter-spacing: 0;
}

h3 {
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(34px, 1.5vw + 25px, 38px);
  line-height: clamp(40px, 2vw + 30px, 46px);
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
}

h4 {
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(24px, 0.5vw + 19px, 28px);
  line-height: clamp(28px, 1vw, 32px);
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
}

h5 {
  font-family: var(--font-heading);
  font-weight: 300;
  font-size: clamp(16px, 1vw + 11px, 22px);
  line-height: 1.6;
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
  max-width: 612px;
}

p {
  font-family: var(--font-body);
  font-weight: 400;
  font-style: normal;
  font-size: clamp(14px, 0.5vw + 11px, 16px);
  line-height: clamp(20px, 1.5vw + 13px, 30px);
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
  max-width: 58em;
}

b,
strong {
  font-weight: 600;
}

.block {
  position: relative;
}

.gutter {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-direction: column;
  max-width: var(--max-width);
  margin: 0 auto;
  position: relative;
  isolation: isolate;
}
.gutter.narrow {
  width: calc(100% - var(--menu-outline-padding) * 2);
  max-width: calc(var(--content-max-width) + var(--header-nav-padding-x) * 2);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--header-nav-padding-x);
  padding-right: var(--header-nav-padding-x);
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .gutter.narrow {
    width: 100%;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.padding {
  width: 100%;
  position: relative;
}
.padding.padding-top-none {
  padding-top: 0;
}
.padding.padding-bottom-none {
  padding-bottom: 32px;
}
.padding.padding-top-small {
  padding-top: 150px;
}
@media (max-width: 1679px) {
  .padding.padding-top-small {
    padding-top: 128px;
  }
}
@media (max-width: 1279px) {
  .padding.padding-top-small {
    padding-top: 64px;
  }
}
@media (max-width: 1024px) {
  .padding.padding-top-small {
    padding-top: 48px;
  }
}
@media (max-width: 768px) {
  .padding.padding-top-small {
    padding-top: 32px;
  }
}
.padding.padding-bottom-small {
  padding-bottom: 150px;
}
@media (max-width: 1679px) {
  .padding.padding-bottom-small {
    padding-bottom: 128px;
  }
}
@media (max-width: 1279px) {
  .padding.padding-bottom-small {
    padding-bottom: 64px;
  }
}
@media (max-width: 1024px) {
  .padding.padding-bottom-small {
    padding-bottom: 48px;
  }
}
@media (max-width: 768px) {
  .padding.padding-bottom-small {
    padding-bottom: 32px;
  }
}
.padding.padding-top-medium {
  padding-top: 182px;
}
@media (max-width: 1679px) {
  .padding.padding-top-medium {
    padding-top: 156px;
  }
}
@media (max-width: 1279px) {
  .padding.padding-top-medium {
    padding-top: 108px;
  }
}
@media (max-width: 1024px) {
  .padding.padding-top-medium {
    padding-top: 72px;
  }
}
@media (max-width: 768px) {
  .padding.padding-top-medium {
    padding-top: 48px;
  }
}
.padding.padding-bottom-medium {
  padding-bottom: 182px;
}
@media (max-width: 1679px) {
  .padding.padding-bottom-medium {
    padding-bottom: 156px;
  }
}
@media (max-width: 1279px) {
  .padding.padding-bottom-medium {
    padding-bottom: 108px;
  }
}
@media (max-width: 1024px) {
  .padding.padding-bottom-medium {
    padding-bottom: 72px;
  }
}
@media (max-width: 768px) {
  .padding.padding-bottom-medium {
    padding-bottom: 48px;
  }
}

.contentField {
  display: flex;
  flex-direction: column;
  position: relative;
}
.contentField .links {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.contentField .links li,
.contentField .links > a {
  flex: 0 0 calc(50% - 16px);
  min-width: 0;
}
@media (max-width: 1024px) {
  .contentField .links li,
  .contentField .links > a {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
}
.contentField.black .html h1,
.contentField.black .html h2,
.contentField.black .html h3,
.contentField.black .html h4,
.contentField.black .html h5 {
  color: white;
}
.contentField.black .html p,
.contentField.black .html li {
  color: white;
}
.contentField.white .html h1,
.contentField.white .html h2,
.contentField.white .html h3,
.contentField.white .html h4,
.contentField.white .html h5 {
  color: var(--color-main);
}
.contentField.white .html p,
.contentField.white .html li {
  color: var(--color-main);
}
.contentField .subheadingOne {
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(14px, 0.5vw + 11px, 16px);
  line-height: clamp(20px, 1.5vw + 13px, 30px);
  letter-spacing: 0;
  color: var(--color-green-blue) !important;
  text-decoration: unset;
}
.contentField.stackedSubheading .subheadingOne {
  position: static;
  display: block;
  margin-bottom: 16px;
}
.contentField.imageContentVariant .subheadingOne {
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(14px, 0.5vw + 11px, 16px);
  line-height: clamp(20px, 1.5vw + 13px, 30px);
  letter-spacing: 0;
  color: #2ba9a5;
}
.contentField .dynamicLinkItem {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100%;
}
.contentField .dynamicLinkItem .button,
.contentField .dynamicLinkItem a {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-align: center;
}

.gradientPattern {
  position: absolute;
  border-radius: var(--radius);
  z-index: -1;
}
.gradientPattern.left {
  top: -20px;
  left: -20px;
}
@media (max-width: 768px) {
  .gradientPattern.left {
    top: -16px;
    left: -16px;
  }
}
@media (max-width: 440px) {
  .gradientPattern.left {
    top: -12px;
    left: -12px;
  }
}
.gradientPattern.right {
  top: -20px;
  right: -20px;
}
@media (max-width: 768px) {
  .gradientPattern.right {
    top: -16px;
    right: -16px;
  }
}
@media (max-width: 440px) {
  .gradientPattern.right {
    top: -12px;
    right: -12px;
  }
}

.stripePattern {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #2ba9a5, #bbd162);
  position: relative;
  overflow: hidden;
}
.stripePattern::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.85;
  background-image: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.35) 0px, rgba(255, 255, 255, 0.35) 1px, transparent 1px, transparent 5px);
  pointer-events: none;
}

.blackBg {
  position: absolute;
  inset: 0;
  background-color: var(--color-main);
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  border-radius: 0.375rem;
  cursor: pointer;
  text-decoration: unset;
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(14px, 0.5vw + 11px, 16px);
  line-height: clamp(20px, 1.5vw + 13px, 30px);
  letter-spacing: 0;
}
.button--size-default {
  padding: 10px 20px;
}
.button--variant-dark {
  color: white;
  background-color: var(--color-charcoal);
  border-radius: 3px;
  max-height: 45.2px;
  position: relative;
  cursor: pointer;
}
.button--variant-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  padding: 1px;
  background: var(--color-green-blue);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  transition: padding 150ms ease;
}
.button--variant-dark:hover::before {
  padding: 3px;
  background: linear-gradient(to right, #bbd162, #2ba9a5);
}
.button--variant-dark:hover {
  background-color: #26292a;
}
.button--variant-light {
  border-radius: 3px;
  background-color: var(--color-white);
  color: var(--color-charcoal);
  position: relative;
  cursor: pointer;
}
.button--variant-light::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  padding: 1px;
  background: var(--color-green-blue);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  transition: padding 150ms ease;
}
.button--variant-light:hover::before {
  padding: 3px;
  background: linear-gradient(to right, #bbd162, #2ba9a5);
}

.button.button--variant-dark,
.button.button--variant-dark:hover,
.button.button--variant-dark:focus-visible,
.button.button--variant-dark:visited {
  color: white !important;
}

.button.button--variant-light,
.button.button--variant-light:hover,
.button.button--variant-light:focus-visible,
.button.button--variant-light:visited {
  color: var(--color-charcoal) !important;
}

.button__content {
  display: flex;
  align-items: center;
}

.gradientHighlight {
  background-image: linear-gradient(90deg, rgba(187, 209, 98, 0.7) 0%, rgba(29, 149, 175, 0.7) 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.55em;
  background-position: 0 88%;
  mix-blend-mode: hard-light;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0 0.12em;
  font: inherit;
}

.gradientHighlightDark {
  background-image: linear-gradient(90deg, #6c8722 0%, #145755 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.55em;
  background-position: 0 88%;
  mix-blend-mode: hard-light;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0 0.12em;
}
@supports (-webkit-touch-callout: none) {
  @media (hover: none) and (pointer: coarse) {
    .gradientHighlightDark {
      mix-blend-mode: normal;
    }
  }
}
.gradientHighlightDark {
  font: inherit;
}

.splash-form-btn .btn-link {
  margin: 10px 0;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--header-z);
  transition: top 240ms ease, background-color 240ms ease;
}
.header.desktopHeaderSticky, .header.desktopHeaderHidden {
  position: fixed;
}
.header.desktopHeaderSticky {
  top: 0;
}
.header.desktopHeaderHidden {
  top: calc(-1 * var(--header-stack-height, var(--header-height)));
}
@media (max-width: 1024px) {
  .header {
    position: sticky;
    top: 0;
  }
  .header.dark {
    background-color: var(--color-main);
  }
  .header.light {
    background-color: var(--color-white);
  }
  .header.transparent {
    background-color: transparent;
  }
  .header.dark.isScrolled, .header.transparent.isScrolled {
    background-color: var(--color-main) !important;
  }
  .header.light.isScrolled {
    background-color: var(--color-white) !important;
  }
}
@media (max-width: 1024px) {
  .header.mobileHidden {
    top: calc(-1 * var(--mobile-header-height, 0px));
  }
}

.header.desktopHeaderSticky.dark .headerChrome,
.header.desktopHeaderSticky.transparent .headerChrome {
  background-color: var(--color-main);
}

.header.desktopHeaderSticky.light .headerChrome {
  background-color: var(--color-white);
}

.header.dark .nav {
  color: white;
}

.header.light .nav * {
  color: black;
}

.headerChrome {
  position: relative;
  background: transparent;
  transition: background-color 240ms ease;
}

.logo,
.header .logo {
  position: static;
  top: auto;
  left: auto;
  transform: none;
  overflow: visible;
  white-space: normal;
  text-indent: 0;
  background: none;
  color: inherit;
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
}

.headerGutter {
  position: relative;
  z-index: 1000;
  width: calc(100% - var(--menu-outline-padding) * 2);
  max-width: calc(var(--content-max-width) + var(--header-nav-padding-x) * 2);
  margin: 0 auto;
  padding-left: var(--header-nav-padding-x);
  padding-right: var(--header-nav-padding-x);
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .headerGutter {
    width: 100%;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.navWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 83px;
}
@media (max-width: 1024px) {
  .navWrap {
    height: 73px;
  }
}

.headerControls {
  display: flex;
  align-items: center;
  height: 100%;
  min-width: 0;
}

.nav {
  display: flex;
  align-items: center;
  gap: 40px;
  min-width: 0;
}
.nav::before, .nav::after {
  content: none;
}

.desktopNavLinks {
  display: flex;
  align-items: center;
  gap: 40px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.desktopNavLinks::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1024px) {
  .desktopNavLinks {
    display: none;
  }
}

.desktopNavLink {
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(14px, 0.5vw + 11px, 16px);
  line-height: clamp(20px, 1.5vw + 13px, 30px);
  letter-spacing: 0;
  margin: 0;
  color: var(--color-white);
  text-decoration: none;
  white-space: nowrap;
  transition: 150ms linear opacity;
}
.desktopNavLink:hover {
  opacity: 0.75;
}

.iconButtons {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .iconButtons {
    gap: 10px;
  }
}

.iconButtons button {
  display: block;
  background: none;
  border: none;
  padding: 0;
  line-height: 0;
  cursor: pointer;
}

.menuIcon,
.searchIcon {
  width: 38px;
  height: 38px;
}
@media (max-width: 1024px) {
  .menuIcon,
  .searchIcon {
    width: 32px;
    height: 32px;
  }
}

.mobileHeaderLinksRow {
  display: none;
}

@media (max-width: 1024px) {
  .header.menuOpen .navWrap {
    border-bottom: 1px solid #262629;
  }
}

@media (max-width: 1024px) {
  .header.menuOpen .mobileHeaderLinksRow {
    display: flex;
    align-items: center;
    height: 65px;
    width: 100%;
  }
}

.mobileHeaderLinks {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 33px;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.mobileHeaderLinks::-webkit-scrollbar {
  display: none;
}

.mobileHeaderLink {
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(14px, 0.5vw + 11px, 16px);
  line-height: clamp(20px, 1.5vw + 13px, 30px);
  letter-spacing: 0;
  margin: 0;
  color: rgba(255, 253, 241, 0.6);
  text-decoration: underline;
  white-space: nowrap;
}

.searchIcon .bg {
  fill: url(#grad-search);
  opacity: 0;
  transition: opacity 250ms ease;
}

.searchIcon:hover .bg {
  opacity: 0.8;
}

.menuIcon .bg {
  fill: url(#grad-menu);
  opacity: 0;
  transition: opacity 250ms ease;
}

.menuIcon:hover .bg {
  opacity: 0.8;
}

.menuIconLineTop,
.menuIconLineBottom {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: transform 300ms ease;
}

#menuButton.menuOpen .menuIconLineTop {
  transform: translateY(4.5px) rotate(45deg);
}

#menuButton.menuOpen .menuIconLineBottom {
  transform: translateY(-4.5px) rotate(-45deg);
}

.megaMenu {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow-x: hidden;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 220ms ease, visibility 0s linear 220ms;
}
.megaMenu.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 220ms ease, visibility 0s linear 0s;
}
.megaMenu:not(.open), .megaMenu:not(.open) * {
  pointer-events: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .megaMenu {
    transition: none;
  }
}
@media (max-width: 1024px) {
  .megaMenu {
    position: fixed;
    height: 100dvh;
  }
}
.megaMenu .shell {
  background: linear-gradient(90deg, #bbd162 0%, #6cb388 50%, #1d95af 100%);
  position: relative;
  overflow: hidden;
  max-height: calc(100vh - 81px);
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--menu-outline-padding);
}
@media (max-width: 1024px) {
  .megaMenu .shell {
    height: 100%;
    max-height: none;
    overflow: hidden;
    padding: 5px;
  }
}
.megaMenu .menuWrap {
  background-color: var(--color-main);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
@media (max-width: 1024px) {
  .megaMenu .menuWrap {
    background-color: var(--color-black);
    height: 100%;
  }
}
.megaMenu .menuContent {
  margin-top: var(--header-height);
  width: 100%;
  height: auto;
  max-height: calc(100vh - 81px - var(--menu-outline-padding) * 2);
  overflow-y: auto;
  overscroll-behavior: contain;
  border-top: 1px solid white;
}
@media (max-width: 1024px) {
  .megaMenu .menuContent {
    margin-top: var(--header-height);
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border-top: none;
    display: flex;
    flex-direction: column;
    height: calc(100% - var(--header-height));
    min-height: 0;
  }
}
.megaMenu .parentItem {
  margin: 0;
  display: inline-flex;
  width: fit-content;
}
.megaMenu .parentLink {
  display: inline-flex;
  align-items: center;
  color: #fff;
  opacity: 1;
  text-decoration: none;
  transition: opacity 220ms ease, color 220ms ease;
}
.megaMenu .parentLinkInactive {
  opacity: 0.3;
}
.megaMenu .parentArrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: clamp(10px, 1.1vw, 18px);
  width: clamp(14px, 1.2vw, 19px);
  min-width: clamp(14px, 1.2vw, 19px);
  height: clamp(22px, 1.9vw, 30px);
  flex-shrink: 0;
}
.megaMenu .parentArrowIcon {
  display: block;
  width: 100%;
  height: auto;
}
.megaMenu .parentItem.parentLinkActive .parentArrowIcon {
  transform: scaleX(-1);
}
.megaMenu .largeWrap {
  display: flex;
  height: auto;
  width: 100%;
  max-width: calc(var(--content-max-width) + var(--header-nav-padding-x) * 2);
  margin: 0 auto;
  padding: 0 var(--header-nav-padding-x);
}
@media (max-width: 1024px) {
  .megaMenu .largeWrap {
    display: none;
  }
}
.megaMenu .largeWrap .parentLinks {
  padding: 90px 128px 90px 0;
  width: 58.5%;
  position: relative;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
.megaMenu .largeWrap .parentLinks::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: calc(var(--menu-outline-padding) * 2);
  width: 1px;
  background-color: #fff;
  pointer-events: none;
}
.megaMenu .largeWrap .parentLinks .parentLink {
  font-family: var(--font-montserrat), var(--font-heading);
  font-weight: 600;
  font-style: normal;
  font-size: clamp(46px, 3.6vw, 58px);
  line-height: clamp(63px, 5.1vw, 81px);
  letter-spacing: 0;
  margin: 0;
  white-space: nowrap;
}
@media (max-width: 1679px) {
  .megaMenu .largeWrap .parentLinks .parentLink {
    font-family: var(--font-heading);
    font-size: clamp(30px, 2.2vw, 36px);
    font-style: italic;
    font-weight: 400;
    line-height: clamp(40px, 2.9vw, 48px);
  }
}
.megaMenu .rightSide {
  position: relative;
  padding: 90px 0 90px 48px;
  width: 41.5%;
  color: white;
  overflow: hidden;
}
.megaMenu .defaultPanel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap);
  height: 100%;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 220ms ease, visibility 0s linear 0s;
}
.megaMenu .defaultPanelHidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 220ms ease, visibility 0s linear 220ms;
}
.megaMenu .contactWrap {
  display: flex;
  flex-direction: column;
  gap: 26px;
  align-items: flex-start;
}
.megaMenu .contactInfoRow {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 72px;
  width: max-content;
}
.megaMenu .contactInfoText {
  color: var(--color-light-gray);
  text-decoration: none;
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: italic;
}
.megaMenu .subNavPanelWrap {
  position: absolute;
  inset: 0;
  padding: 90px 0 90px 154px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 220ms ease, transform 220ms ease, visibility 0s linear 220ms;
}
.megaMenu .subNavPanelWrapVisible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity 220ms ease, transform 220ms ease, visibility 0s linear 0s;
}
.megaMenu .subNavPanel {
  display: none;
  flex-direction: column;
  align-items: flex-start;
}
.megaMenu .subNavPanel.subNavPanelActive {
  display: flex;
}
.megaMenu .subNavLink {
  color: #fffdf1;
  text-decoration: underline;
  font-family: var(--font-heading);
  font-size: 28px;
  font-style: italic;
  line-height: 58px;
}
.megaMenu .bottomLinks {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 72px;
  align-items: start;
  width: max-content;
}
.megaMenu .socials {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.megaMenu .locations {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.megaMenu .locationLink {
  color: var(--color-light-gray);
  text-decoration: underline;
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: italic;
  line-height: 36.5px;
}
.megaMenu .smallWrap {
  overflow-y: auto;
  display: none;
  height: auto;
  width: 100%;
  color: white;
}
@media (max-width: 1024px) {
  .megaMenu .smallWrap {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow-y: visible;
  }
}
.megaMenu .smallWrap .mobileLinksBlock {
  background: #262629;
}
.megaMenu .smallWrap .parentLinks {
  padding: 45px 23px;
  background: #262629;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.megaMenu .smallWrap .primaryLink,
.megaMenu .smallWrap .parentLabel {
  color: #f5f3e8;
  font-family: var(--font-heading);
  font-size: 24px;
  font-style: italic;
  line-height: 28px;
  text-decoration: underline;
}
.megaMenu .smallWrap .parentArrow {
  margin-left: 8px;
  width: 9px;
  min-width: 9px;
  height: 14px;
}
.megaMenu .smallWrap .bottomLinks {
  padding: 0 23px 42px;
  border-top: 1px solid #262629;
  background: #1e1e1e;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.megaMenu .smallWrap .locations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 8px;
  margin-bottom: 44px;
  min-width: 0;
}
.megaMenu .smallWrap .socials {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
}
.megaMenu .mobileParentGroupButton {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #f5f3e8;
  transition: color 220ms ease;
}
.megaMenu .mobileParentGroupButton.mobileParentGroupButtonActive {
  color: rgba(255, 253, 241, 0.6);
}
.megaMenu .mobileParentGroupButton.mobileParentGroupButtonActive .parentArrow {
  display: none;
}
.megaMenu .mobileParentItem {
  max-height: 72px;
  overflow: hidden;
  margin-bottom: var(--gap);
  opacity: 1;
  visibility: visible;
  transition: opacity 220ms ease, max-height 220ms ease, margin-bottom 220ms ease, visibility 0s linear 0s;
}
.megaMenu .mobileParentItem:last-child {
  margin-bottom: 0;
}
.megaMenu .mobileParentItem.mobileParentItemInactive {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  max-height: 0;
  margin-bottom: 0;
  transition: opacity 220ms ease, max-height 220ms ease, margin-bottom 220ms ease, visibility 0s linear 220ms;
}
.megaMenu .mobileParentLeftArrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0;
  min-width: 0;
  height: 14px;
  margin-right: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 220ms ease, width 220ms ease, min-width 220ms ease, margin-right 220ms ease;
}
.megaMenu .mobileParentLeftArrow.mobileParentLeftArrowVisible {
  width: 9px;
  min-width: 9px;
  opacity: 0.6;
  margin-right: 8px;
}
.megaMenu .mobileParentLeftArrowIcon {
  display: block;
  width: 100%;
  height: auto;
}
.megaMenu .mobileSubNavPanel {
  background: #262629;
  padding: 0 23px;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 220ms ease, max-height 220ms ease, transform 220ms ease, padding 220ms ease;
}
.megaMenu .mobileSubNavPanel.mobileSubNavPanelVisible {
  opacity: 1;
  max-height: 500px;
  pointer-events: auto;
  transform: translateY(0);
  padding: 0 23px 45px;
}
.megaMenu .mobileSubNavGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 10px;
  width: 100%;
}
.megaMenu .mobileSubNavLink {
  color: #f5f3e8;
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: italic;
  line-height: 28px;
  text-decoration: underline;
}
.megaMenu .inquiries {
  padding: 60px 23px;
  background: #1e1e1e;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.megaMenu .inquiries .primaryLink {
  color: #f5f3e8;
  font-family: var(--font-heading);
  font-size: 24px;
  font-style: italic;
  line-height: 28px;
  text-decoration: underline;
}
.megaMenu .contactLine {
  margin-top: 10px;
  margin-bottom: 20px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.megaMenu .contactInfoLink,
.megaMenu .contactPipe {
  color: rgba(255, 253, 241, 0.6);
  font-family: var(--font-heading);
  font-size: 14px;
  font-style: italic;
  line-height: 28px;
  text-decoration: underline;
}
.megaMenu .contactPipe {
  text-decoration: none;
}
@media (max-width: 1024px) {
  .megaMenu .giveLink {
    margin-bottom: 24px;
  }
}
.megaMenu .mobileLocationLink {
  color: rgba(255, 253, 241, 0.6);
  font-family: var(--font-heading);
  font-size: 14px;
  font-style: italic;
  line-height: 28px;
  text-decoration: underline;
  white-space: nowrap;
}
.megaMenu .socialIconLink {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 253, 241, 0.6);
  text-decoration: none;
  flex-shrink: 0;
}
.megaMenu .socialIconSvg {
  width: 18px;
  height: 18px;
  display: block;
  flex-shrink: 0;
}

.heroShell {
  --medium-hero-overlap: 0px;
  --medium-hero-overlap-fill: var(--color-off-white);
  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: visible;
  z-index: 10;
  padding-bottom: 56px;
}
@media (max-width: 1279px) {
  .heroShell {
    padding-bottom: 36px;
  }
}
@media (max-width: 1024px) {
  .heroShell {
    padding-top: 52px;
  }
}
.heroShell.heroShellWithMedia {
  --medium-hero-overlap: 53px;
}
@media (max-width: 1024px) {
  .heroShell.heroShellWithMedia {
    --medium-hero-overlap: calc((100vw - 20px) * 0.2504672897);
  }
}
.heroShell.heroShellDark {
  --medium-hero-overlap-fill: var(--color-off-white);
}
.heroShell.dark {
  color: white;
}
.heroShell.dark p,
.heroShell.dark h1,
.heroShell.dark h2,
.heroShell.dark h3,
.heroShell.dark h4,
.heroShell.dark h5,
.heroShell.dark h6,
.heroShell.dark li,
.heroShell.dark span,
.heroShell.dark a {
  color: inherit;
}
.heroShell.light {
  color: black;
}
.heroShell.light p,
.heroShell.light h1,
.heroShell.light h2,
.heroShell.light h3,
.heroShell.light h4,
.heroShell.light h5,
.heroShell.light h6,
.heroShell.light li,
.heroShell.light span,
.heroShell.light a {
  color: inherit;
}
.heroShell .heroStrip {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 113px;
}
@media (max-width: 1024px) {
  .heroShell .heroStrip {
    height: calc(56px + 33vw);
  }
}
.heroShell .backgroundPattern {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .heroShell .backgroundPattern {
    bottom: calc(56px + 33vw);
  }
}
.heroShell .backgroundPattern img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1024px) {
  .heroShell .backgroundPattern img {
    display: none;
  }
}
.heroShell .heroContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  isolation: isolate;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  overflow: visible !important;
  width: calc(100% - var(--menu-outline-padding) * 2);
  max-width: calc(var(--content-max-width) + var(--header-nav-padding-x) * 2);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--header-nav-padding-x);
  padding-right: var(--header-nav-padding-x);
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .heroShell .heroContent {
    width: 100%;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1024px) {
  .heroShell .heroContent {
    width: 100% !important;
    max-width: none !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin: 0 auto !important;
  }
}
.heroShell .mediumImpactHero {
  display: flex;
  position: relative;
  overflow: visible;
  justify-content: space-between;
  padding: var(--header-stack-height, var(--header-height)) 0 0 0;
  width: 100%;
  gap: 208px;
}
@media (max-width: 1679px) {
  .heroShell .mediumImpactHero {
    gap: 108px;
  }
}
@media (max-width: 1279px) {
  .heroShell .mediumImpactHero {
    gap: 64px;
  }
}
@media (max-width: 1024px) {
  .heroShell .mediumImpactHero {
    flex-direction: column;
    align-items: stretch;
    gap: 48px;
    padding-top: 48px;
  }
}
@media (max-width: 768px) {
  .heroShell .mediumImpactHero {
    padding-top: 0;
    gap: 32px;
  }
}
.heroShell .content {
  position: relative;
  z-index: 1;
  padding: 53px 0 100px 0;
  width: 43%;
}
@media (max-width: 1024px) {
  .heroShell .content {
    width: 100% !important;
    padding: 0;
  }
}
.heroShell .pageTitle {
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(14px, 0.5vw + 11px, 16px);
  line-height: clamp(20px, 1.5vw + 13px, 30px);
  letter-spacing: 0;
  margin: 0 0 8px;
  opacity: 0.7;
}
.heroShell .breadcrumbs {
  margin-bottom: var(--small-gap);
}
.heroShell .crumb a {
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(14px, 0.5vw + 11px, 16px);
  line-height: clamp(20px, 1.5vw + 13px, 30px);
  letter-spacing: 0;
  font-weight: 700;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  margin: 0;
  line-height: 1;
}
.heroShell .heroBody .html h2 {
  font-family: var(--font-montserrat);
  font-weight: 600;
  font-style: normal;
  font-size: clamp(42px, 3.5vw + 26px, 58px);
  line-height: clamp(48px, 2.5vw + 34px, 60px);
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
}
.heroShell .heroBody .html h2 em {
  font-family: var(--font-heading);
  font-weight: 600;
  font-style: italic;
  font-size: clamp(42px, 3.5vw + 26px, 58px);
  line-height: clamp(48px, 2.5vw + 34px, 60px);
  letter-spacing: 0;
}
.heroShell .heroBody .html :is(p, li) {
  font-family: var(--font-body);
  font-weight: 400;
  font-style: normal;
  font-size: clamp(14px, 0.5vw + 11px, 16px);
  line-height: clamp(20px, 1.5vw + 13px, 30px);
  letter-spacing: 0;
  max-width: 58em;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
  color: inherit;
}
.heroShell .heroBody .html p + p {
  margin-top: 1em;
}
.heroShell .gradientHighlightDark {
  background-image: linear-gradient(90deg, #6c8722 0%, #145755 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.55em;
  background-position: 0 88%;
  mix-blend-mode: hard-light;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0 0.12em;
}
@supports (-webkit-touch-callout: none) {
  @media (hover: none) and (pointer: coarse) {
    .heroShell .gradientHighlightDark {
      mix-blend-mode: normal;
    }
  }
}
.heroShell .imageWrap {
  position: relative;
  width: 57%;
  aspect-ratio: 1.59;
  margin-top: 53px;
  margin-right: calc(var(--narrow-gutter-padding) * -1);
  border-radius: var(--radius);
}
@media (max-width: 1679px) {
  .heroShell .imageWrap {
    width: 60%;
  }
}
@media (max-width: 1279px) {
  .heroShell .imageWrap {
    width: 65%;
  }
}
@media (max-width: 1024px) {
  .heroShell .imageWrap {
    width: 100%;
    margin-right: -24px;
    margin-top: 0;
  }
}
.heroShell .imageGradient {
  position: absolute;
  border-radius: var(--radius);
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 70%;
  top: -53px;
  right: -106px;
}
@media (max-width: 1024px) {
  .heroShell .imageGradient {
    top: -20px;
    right: 0;
  }
}
@media (max-width: 768px) {
  .heroShell .imageGradient {
    top: -16px;
    right: 0;
  }
}
@media (max-width: 440px) {
  .heroShell .imageGradient {
    top: -12px;
    right: 0;
  }
}
.heroShell .blackBg {
  position: absolute;
  inset: 0;
  background-color: var(--color-main);
}
.heroShell .stripePattern {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #2ba9a5, #bbd162);
  position: relative;
  overflow: hidden;
}
.heroShell .stripePattern::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.85;
  background-image: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.35) 0px, rgba(255, 255, 255, 0.35) 1px, transparent 1px, transparent 5px);
  pointer-events: none;
}
.heroShell .image {
  position: relative;
  height: 100%;
  min-height: 0;
  max-height: none;
  width: 100%;
  z-index: 3;
  overflow: hidden;
  border-radius: var(--radius);
}
@media (max-width: 1920px) {
  .heroShell .image {
    border-radius: 10px 0 0 10px;
  }
}
.heroShell .image .media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.footer {
  position: relative;
  overflow: hidden;
  background: var(--color-main);
  color: var(--color-white);
  padding: 0;
  text-align: left;
  font-size: 16px;
}

.footerInner {
  width: 100%;
  box-sizing: border-box;
  padding: 100px 0 160px;
}
@media (max-width: 1024px) {
  .footerInner {
    padding: 56px 0 96px;
  }
}

.footerWrapLarge {
  position: relative;
  isolation: isolate;
  border-radius: 24px;
  border: 1px solid white;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: transparent;
  color: white;
}
@media (max-width: 768px) {
  .footerWrapLarge {
    display: none;
  }
}
.footerWrapLarge .top,
.footerWrapLarge .bottom {
  padding: 64px;
}
.footerWrapLarge .top {
  display: flex;
  flex-direction: column;
  gap: 28px;
  width: 100%;
  height: 100%;
}
.footerWrapLarge .top .divOne,
.footerWrapLarge .top .divTwo {
  display: flex;
  justify-content: space-between;
}
.footerWrapLarge .top .columns {
  display: flex;
  gap: 96px;
}
.footerWrapLarge .top .col {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  gap: 16px;
  padding: 0;
}
.footerWrapLarge .top .col ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footerWrapLarge .bottom {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid white;
}
.footerWrapLarge .bottom .socialsBlock {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.footerWrapLarge .list {
  display: flex;
  width: 100%;
  gap: var(--small-gap);
  align-items: center;
  flex-wrap: wrap;
}
.footerWrapLarge .divThree .list {
  justify-content: flex-end;
}

.footerWrapSmall {
  position: relative;
  isolation: isolate;
  border-radius: 12px;
  border: 1px solid white;
  display: none;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: white;
  overflow: hidden;
}
@media (max-width: 768px) {
  .footerWrapSmall {
    display: flex;
  }
}
@media (max-width: 768px) {
  .footerWrapSmall .divOne,
  .footerWrapSmall .divTwo,
  .footerWrapSmall .divThree {
    background-color: var(--color-black);
  }
}
.footerWrapSmall .divOne,
.footerWrapSmall .divTwo,
.footerWrapSmall .divThree,
.footerWrapSmall .divFour {
  padding: 36px 24px;
}
.footerWrapSmall .divOne .list,
.footerWrapSmall .divTwo .list,
.footerWrapSmall .divThree .list,
.footerWrapSmall .divFour .list {
  display: flex;
  flex-direction: column;
  gap: var(--small-gap);
}
@media (max-width: 768px) {
  .footerWrapSmall .divOne .list,
  .footerWrapSmall .divTwo .list,
  .footerWrapSmall .divThree .list,
  .footerWrapSmall .divFour .list {
    gap: 12px;
  }
}
.footerWrapSmall .divOne,
.footerWrapSmall .divTwo,
.footerWrapSmall .divThree {
  border-bottom: 1px solid var(--color-off-white);
}
.footerWrapSmall .divThree {
  border-radius: 0 0 12px 12px;
  display: flex;
  flex-direction: column;
  gap: var(--small-gap);
}
@media (max-width: 768px) {
  .footerWrapSmall .divThree {
    gap: 12px;
  }
}
.footerWrapSmall .divFour {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: var(--small-gap);
}
.footerWrapSmall .divTwo .columns {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.footerWrapSmall .divTwo .columns .col {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  gap: 12px;
  padding: 0;
}
.footerWrapSmall .divTwo .columns .col ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.footerWrapSmall .divTwo .columns .col ul li {
  flex: 0 0 calc(33.3% - 8px);
}
@media (max-width: 768px) {
  .footerWrapSmall .divTwo .columns .col ul li {
    flex: 0 0 calc(50% - 6px);
  }
}
.footerWrapSmall .logo {
  width: 100%;
  max-width: 300px;
}

.primaryLink {
  color: white;
  font-style: italic;
  text-decoration: underline;
}

.secondaryLink {
  color: var(--color-light-gray);
}

.socials {
  display: flex;
  gap: var(--small-gap);
  align-items: center;
}
@media (max-width: 768px) {
  .socials {
    gap: 12px;
  }
}

.socialItem {
  color: white;
  font-style: italic;
  text-decoration: underline;
}

.socialIcon {
  display: block;
}

.nav-pills {
  display: block;
}
.nav-pills li a:hover {
  background-color: #262629;
  color: #fff;
}

.ctaBlock.white {
  color: #313133;
}
.ctaBlock.white .headline .html :is(p, h2) {
  color: #262629;
  margin: 0;
}
.ctaBlock.white .descriptionRichText :is(p, li) {
  font-family: var(--font-body);
  font-weight: 400;
  font-style: normal;
  font-size: clamp(16px, 0.7vw + 12px, 18px);
  line-height: clamp(22px, 1vw + 17px, 30px);
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
  max-width: 739px;
}
.ctaBlock.white .descriptionRichText :is(p, li) > strong {
  font-weight: 700;
}
.ctaBlock.white .descriptionRichText :is(p, li) {
  color: #313133;
}
.ctaBlock.white .descriptionRichText p {
  margin: 0;
  max-width: 739px;
}
.ctaBlock .ctaWrap {
  padding: var(--gap) var(--small-gap);
  position: relative;
  overflow: clip;
  width: 100%;
  border-radius: var(--radius);
}
.ctaBlock .ctaBg {
  position: absolute;
  inset: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}
.ctaBlock .ctaBg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ctaBlock .headline {
  width: 100%;
  max-width: 1050px;
  padding-bottom: var(--gap);
}
.ctaBlock .headline * {
  margin: 0;
}
.ctaBlock .contentWrap {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.ctaBlock .content {
  display: flex;
  align-items: center;
  gap: var(--gap);
  padding-top: 4px;
  width: fit-content;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .ctaBlock .content {
    flex-direction: column;
    align-items: unset;
    width: 100%;
    margin-left: 0;
  }
}
.ctaBlock .links {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 12px;
  align-items: center;
  margin-left: auto;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .ctaBlock .links {
    margin-left: 0;
  }
}

.basicContentBlock.white .fillColumnContent .html p,
.basicContentBlock.white .fillColumnContent .html li {
  color: var(--color-main);
}
.basicContentBlock .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 2rem;
}
@media (max-width: 1024px) {
  .basicContentBlock .grid {
    gap: 1rem;
  }
}
.basicContentBlock .gridColumn {
  grid-column: span 12;
}
@media (min-width: 769px) {
  .basicContentBlock .gridColumn.twoThirds {
    grid-column: span 8;
  }
}
@media (max-width: 440px) {
  .basicContentBlock .gridColumn.twoThirds {
    grid-column: span 12;
  }
}
.basicContentBlock .fillColumnContent h1,
.basicContentBlock .fillColumnContent h2,
.basicContentBlock .fillColumnContent h3,
.basicContentBlock .fillColumnContent h4,
.basicContentBlock .fillColumnContent h5,
.basicContentBlock .fillColumnContent h6,
.basicContentBlock .fillColumnContent p {
  max-width: none;
}

.imageContentBlock {
  display: flex;
  gap: 175px;
  align-items: center;
}
.imageContentBlock.rowReverse {
  flex-direction: row-reverse;
}
@media (max-width: 1679px) {
  .imageContentBlock {
    gap: 128px;
  }
}
@media (max-width: 1279px) {
  .imageContentBlock {
    gap: 72px;
  }
}
@media (max-width: 1024px) {
  .imageContentBlock {
    flex-direction: column !important;
    gap: var(--gap);
  }
}
.imageContentBlock .imageWrapper {
  width: 51.8%;
  position: relative;
}
@media (max-width: 1024px) {
  .imageContentBlock .imageWrapper {
    width: 100%;
    order: 1;
  }
}
.imageContentBlock .featuredImage {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  border-radius: var(--radius);
}
.imageContentBlock .baseImage {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--radius);
}
.imageContentBlock .baseImage img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  display: block;
}
.imageContentBlock .imageGradient {
  z-index: 0 !important;
  pointer-events: none;
}
.imageContentBlock .imageContentField {
  width: 40%;
}
@media (max-width: 1024px) {
  .imageContentBlock .imageContentField {
    width: 100%;
    order: 2;
  }
}
.imageContentBlock .imageContentContent {
  max-width: 550px;
}

.mapBlock {
  gap: clamp(32px, 5.8vw, 80px);
}
.mapBlock picture,
.mapBlock img {
  display: block;
}
.mapBlock .contentColumn {
  display: flex;
  flex-direction: column;
  max-width: 560px;
  justify-content: center;
}
.mapBlock .defaultMapImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mapBlock .mapHeading :is(h1, h2, h3, h4, h5, h6, p) {
  font-family: var(--font-montserrat);
  font-weight: 600;
  font-style: normal;
  font-size: clamp(42px, 3.5vw + 26px, 58px);
  line-height: clamp(48px, 2.5vw + 34px, 60px);
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
}
.mapBlock .mapHeading :is(h1, h2, h3, h4, h5, h6, p) > em {
  font-family: var(--font-heading);
  font-weight: 600;
  font-style: italic;
  font-size: clamp(42px, 3.5vw + 26px, 58px);
  line-height: clamp(48px, 2.5vw + 34px, 60px);
  letter-spacing: 0;
}
.mapBlock .mapHeading :is(h1, h2, h3, h4, h5, h6, p) {
  color: #1c2334;
  max-width: none;
}
.mapBlock .mapDescription :is(p, li, h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-body);
  font-weight: 400;
  font-style: normal;
  font-size: clamp(16px, 0.7vw + 12px, 18px);
  line-height: clamp(22px, 1vw + 17px, 30px);
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
  max-width: 739px;
}
.mapBlock .mapDescription :is(p, li, h1, h2, h3, h4, h5, h6) > strong {
  font-weight: 700;
}
.mapBlock .mapDescription :is(p, li, h1, h2, h3, h4, h5, h6) {
  color: #2f3035;
  max-width: 520px;
}
@media (max-width: 1024px) {
  .mapBlock .mapDescription :is(p, li, h1, h2, h3, h4, h5, h6) {
    max-width: none;
  }
}
.mapBlock .locationList {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: clamp(6px, 1vw, 10px);
}
.mapBlock .locationButton {
  display: block;
  width: 100%;
  border-radius: 7px;
  border: 1px solid transparent;
  padding: 10px 14px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(14px, 0.5vw + 11px, 16px);
  line-height: clamp(20px, 1.5vw + 13px, 30px);
  letter-spacing: 0;
  margin: 0 !important;
}
.mapBlock .locationButton:hover, .mapBlock .locationButton:focus-visible {
  transform: translateY(-1px);
}
.mapBlock .locationButton:focus-visible {
  outline: 2px solid #2ba9a5;
  outline-offset: 1px;
}
.mapBlock .pinLayer {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.mapBlock .pin {
  position: absolute;
  transform: translate(-50%, -100%);
  transform-origin: 50% 100%;
  pointer-events: auto;
  transition: z-index 180ms ease, filter 180ms ease, transform 180ms ease;
}
.mapBlock .pin:hover, .mapBlock .pin:focus-within {
  z-index: 3;
  transform: translate(-50%, -100%) scale(1.1);
  filter: drop-shadow(0 0 16px rgba(43, 169, 165, 0.62));
}
.mapBlock .pinLink {
  display: block;
}
.mapBlock .pinLink:focus-visible {
  outline: 2px solid #2ba9a5;
  outline-offset: 2px;
  border-radius: 8px;
}
.mapBlock .pinIcon {
  display: block;
}
.mapBlock.dark .mapHeading :is(h1, h2, h3, h4, h5, h6, p) {
  color: #f5f3e8;
}
.mapBlock.dark .mapDescription :is(p, li, h1, h2, h3, h4, h5, h6) {
  color: #e7e6dd;
}
.mapBlock.dark .locationButton {
  background: #f5f3e8;
  border-color: #56c8c4;
  color: #1b232c;
}
.mapBlock.dark .locationButton:hover, .mapBlock.dark .locationButton:focus-visible {
  background: #56c8c4;
  border-color: #56c8c4;
  color: #152028;
}
.mapBlock.light .locationButton {
  background: #272b31;
  border-color: #2ba9a5;
  color: #f5f3e8;
}
.mapBlock.light .locationButton:hover, .mapBlock.light .locationButton:focus-visible {
  background: #2ba9a5;
  border-color: #2ba9a5;
  color: #20242b;
}
@media (max-width: 1024px) {
  .mapBlock {
    gap: 24px;
  }
  .mapBlock .contentColumn {
    max-width: none;
  }
}

.cardBlock .card,
.cardBlock .content,
.cardBlock .contentField {
  min-width: 0;
}
.cardBlock .card,
.cardBlock .content,
.cardBlock .imageWrapper {
  overflow: hidden;
}
.cardBlock .heading {
  min-width: 0;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.cardBlock .heading h3 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  min-width: 0;
}
.cardBlock .clampedRichText {
  display: -webkit-box;
  flex: 0 1 auto;
  line-clamp: 8;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
}
.cardBlock .clampedRichText * {
  max-width: 100%;
}
.cardBlock .contentField {
  gap: 24px;
}

.cardBlock.horizontal {
  display: flex;
  flex-direction: column;
}
.cardBlock.horizontal .cardWrap {
  width: 100%;
}
.cardBlock.horizontal .cardArray {
  display: flex;
  flex-direction: column;
  gap: 88px;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 1279px) {
  .cardBlock.horizontal .cardArray {
    gap: 72px;
  }
}
@media (max-width: 1024px) {
  .cardBlock.horizontal .cardArray {
    gap: 48px;
  }
}
.cardBlock.horizontal .card {
  border-radius: var(--radius);
  position: relative;
  width: 100%;
  display: flex;
  align-items: stretch;
  min-height: 436px;
}
@media (max-width: 1279px) {
  .cardBlock.horizontal .card {
    min-height: 380px;
  }
}
@media (max-width: 1024px) {
  .cardBlock.horizontal .card {
    flex-direction: column;
    min-height: 0;
  }
  .cardBlock.horizontal .card .imageWrapper {
    order: 0;
  }
  .cardBlock.horizontal .card .content {
    order: 1;
  }
}
.cardBlock.horizontal .linkOverlay {
  position: absolute;
  z-index: 10;
  inset: 0;
}
.cardBlock.horizontal .imageWrapper {
  width: 50%;
  flex: 0 0 50%;
  border-radius: 0 var(--radius) var(--radius) 0;
  position: relative;
}
@media (max-width: 1024px) {
  .cardBlock.horizontal .imageWrapper {
    width: 100%;
    height: clamp(220px, 42vw, 320px);
    flex: 0 0 clamp(220px, 42vw, 320px);
    border-radius: var(--radius) var(--radius) 0 0;
  }
}
.cardBlock.horizontal .imageWrapper img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  object-position: left center;
  object-fit: cover;
}
.cardBlock.horizontal .card.black {
  background-color: var(--color-main);
  color: white;
  position: relative;
  cursor: pointer;
}
.cardBlock.horizontal .card.black::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  padding: 1px;
  background: var(--color-green-blue);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  transition: padding 150ms ease;
}
.cardBlock.horizontal .card.black:hover::before {
  padding: 3px;
  background: linear-gradient(to right, #bbd162, #2ba9a5);
}
.cardBlock.horizontal .card.black p,
.cardBlock.horizontal .card.black h1,
.cardBlock.horizontal .card.black h2,
.cardBlock.horizontal .card.black h3,
.cardBlock.horizontal .card.black h4,
.cardBlock.horizontal .card.black h5,
.cardBlock.horizontal .card.black h6,
.cardBlock.horizontal .card.black li,
.cardBlock.horizontal .card.black span,
.cardBlock.horizontal .card.black a {
  color: inherit;
}
.cardBlock.horizontal .card.black .imageWrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), var(--color-main));
}
@media (max-width: 1024px) {
  .cardBlock.horizontal .card.black .imageWrapper::after {
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15%;
    background: linear-gradient(to top, var(--color-main), rgba(0, 0, 0, 0));
  }
}
.cardBlock.horizontal .content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 50%;
  position: relative;
  padding: 48px 72px;
  min-width: 400px;
  justify-content: center;
}
@media (max-width: 1279px) {
  .cardBlock.horizontal .content {
    padding: 36px 54px;
  }
}
@media (max-width: 1024px) {
  .cardBlock.horizontal .content {
    padding: 36px;
    width: 100%;
    min-height: 240px;
    min-width: unset;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .cardBlock.horizontal .content {
    padding: 24px;
  }
}
.cardBlock.horizontal .contentField {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.dropdownInfoBlock {
  display: flex;
  gap: 64px;
}
.dropdownInfoBlock.black {
  color: white;
}
.dropdownInfoBlock.black p,
.dropdownInfoBlock.black h1,
.dropdownInfoBlock.black h2,
.dropdownInfoBlock.black h3,
.dropdownInfoBlock.black h4,
.dropdownInfoBlock.black h5,
.dropdownInfoBlock.black h6,
.dropdownInfoBlock.black li,
.dropdownInfoBlock.black span,
.dropdownInfoBlock.black a {
  color: inherit;
}
@media (max-width: 1024px) {
  .dropdownInfoBlock {
    flex-direction: column;
    gap: var(--gap);
  }
}
.dropdownInfoBlock .dropdownContent {
  width: 100%;
}
.dropdownInfoBlock .dropdownArray {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}
.dropdownInfoBlock .dropdownArray.subheading {
  padding-top: 48px;
}
@media (max-width: 1024px) {
  .dropdownInfoBlock .dropdownArray.subheading {
    padding-top: 0;
  }
}
.dropdownInfoBlock .dropdownItem {
  padding-bottom: 36px;
}
.dropdownInfoBlock .dropdownItem:not(:first-child) {
  padding-top: 36px;
}
.dropdownInfoBlock .dropdownItem button {
  margin: 0;
  padding: 0;
}
.dropdownInfoBlock .dropdownItem p {
  margin: 0;
}
.dropdownInfoBlock .dropdownLabel {
  width: 100%;
  background: none;
  border: none;
  padding: 1rem 0;
  text-align: left;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: inherit;
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(34px, 1.5vw + 25px, 38px);
  line-height: clamp(40px, 2vw + 30px, 46px);
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
}
.dropdownInfoBlock .dropdownIcon {
  transition: transform 0.2s ease;
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(34px, 1.5vw + 25px, 38px);
  line-height: clamp(40px, 2vw + 30px, 46px);
  letter-spacing: 0;
  margin: 0 0 clamp(24px, 1vw + 20px, 28px);
  margin: 0;
  color: var(--color-green-blue);
  padding: 6px;
  border-radius: 10px;
}
.dropdownInfoBlock .dropdownIcon svg {
  display: block;
}
.dropdownInfoBlock .dropdownPanel {
  margin-top: 24px;
}

.imageSlider {
  --image-slider-scroll-track: #313133;
  --image-slider-scroll-thumb: linear-gradient(
    90.08deg,
    rgba(187, 209, 98, 0.7) 10.52%,
    rgba(29, 149, 175, 0.7) 125.84%
  );
  display: flex;
  flex-direction: column;
  width: 100%;
}
.imageSlider h2 {
  font-family: var(--font-montserrat), var(--font-heading);
  font-weight: 600;
  max-width: 768px;
}
.imageSlider .expandedContentField {
  display: flex;
  justify-content: space-between;
  gap: var(--gap);
  width: 100%;
  align-items: center;
  margin-bottom: 64px;
}
.imageSlider .expandedContentField.black {
  color: white;
}
.imageSlider .expandedContentField.black h1,
.imageSlider .expandedContentField.black h2,
.imageSlider .expandedContentField.black h3,
.imageSlider .expandedContentField.black h4,
.imageSlider .expandedContentField.black h5,
.imageSlider .expandedContentField.black p {
  color: white;
}
@media (max-width: 1024px) {
  .imageSlider .expandedContentField {
    flex-direction: column;
    align-items: unset;
    gap: 0;
  }
}
.imageSlider .headingSection {
  min-width: 0;
  width: 100%;
  max-width: 768px;
  flex: 1 1 768px;
}
@media (max-width: 1024px) {
  .imageSlider .headingSection {
    flex: 1 1 auto;
    max-width: none;
  }
}
.imageSlider .actionSection {
  align-self: center;
  width: auto;
  max-width: none;
  flex: 0 0 auto;
  margin-left: auto;
}
.imageSlider .actionSection ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: var(--xs-gap, 16px);
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .imageSlider .actionSection {
    align-self: auto;
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .imageSlider .actionSection ul {
    display: none;
  }
}
.imageSlider .imageArrayWrapper {
  position: relative;
  width: 100%;
}
.imageSlider .imageArray {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  scroll-padding-left: 40px;
  gap: 40px;
  padding: var(--gap) 40px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.imageSlider .imageArray::-webkit-scrollbar {
  display: none;
}
.imageSlider .imageArray li {
  flex: 0 0 418px;
  width: 418px;
}
@media (max-width: 768px) {
  .imageSlider .imageArray {
    gap: 20px;
    padding: var(--gap) 0 var(--gap) 20px;
    scroll-padding-left: 20px;
  }
  .imageSlider .imageArray li {
    flex: 0 0 calc((100% - 20px - 20px) / 1.25);
    width: calc((100% - 20px - 20px) / 1.25);
  }
}
.imageSlider .sliderSlide {
  scroll-snap-align: start;
  width: 100%;
  box-sizing: border-box;
}
.imageSlider .slideWrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.imageSlider .slideWrap > :not(.gradientPattern) {
  position: relative;
  z-index: 1;
}
.imageSlider .slide {
  display: flex;
  scroll-snap-align: start;
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  width: 100%;
  height: 500px;
  aspect-ratio: 0.834;
  position: relative;
  cursor: pointer;
}
.imageSlider .slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  padding: 1px;
  background: var(--color-green-blue);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  transition: padding 150ms ease;
}
.imageSlider .slide:hover::before {
  padding: 3px;
  background: linear-gradient(to right, #bbd162, #2ba9a5);
}
.imageSlider .slide:hover .slideHeadline {
  text-decoration: underline;
}
.imageSlider .slide img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  .imageSlider .slide {
    height: auto;
    aspect-ratio: 6/7;
  }
}
.imageSlider .slideImageWrap {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.imageSlider .slideImageWrap::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 150px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.imageSlider .slideContentWrap {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.imageSlider .slideContent {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--small-gap);
  padding: 0 24px 20px;
  pointer-events: none;
}
@media (max-width: 768px) {
  .imageSlider .slideContent {
    padding: 0 20px 16px;
  }
}
.imageSlider .slideHeadline {
  font-family: var(--font-heading);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(24px, 1vw + 19px, 28px);
  line-height: clamp(28px, 3.3vw + 12px, 51px);
  letter-spacing: 0;
  margin: 0;
  line-height: 1;
  align-self: flex-end;
  color: var(--color-white);
}
.imageSlider .slideIcon {
  width: 21px;
  height: 21px;
  flex: 0 0 auto;
  align-self: flex-end;
  color: var(--color-white);
}
.imageSlider .slideLink {
  position: absolute;
  inset: 0;
  background-color: transparent;
  z-index: 3;
}
.imageSlider .srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.imageSlider .scrollbarRow {
  display: flex;
  align-items: center;
  gap: 96px;
  margin-top: 20px;
}
.imageSlider .scrollbarRail {
  flex: 1;
  min-width: 0;
}
.imageSlider .scrollbar {
  flex: 1;
  height: 15px;
  position: relative;
  border-radius: 0;
  cursor: pointer;
  user-select: none;
}
.imageSlider .scrollbarThumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 0;
  background: var(--image-slider-scroll-thumb);
  cursor: grab;
  will-change: transform;
}
.imageSlider .scrollbarThumbDragging {
  cursor: grabbing;
}
.imageSlider .sliderControls {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .imageSlider .sliderControls {
    display: none;
  }
}
.imageSlider .sliderControlBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid #2ba9a5;
  border-radius: 6px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s ease;
  background-color: #313133;
}
.imageSlider .sliderControlBtn:hover {
  opacity: 1;
}
.imageSlider .sliderControlBtn:focus-visible {
  outline: 2px solid #2ba9a5;
  outline-offset: 2px;
}