:root {
  --color-teal: #47958b;
  --color-navy: #002e54;
  --color-dark-gray: #252c30;
  --color-blue: #41b6e6;
  --color-primary: var(--color-navy);
  --color-primary-light: var(--color-blue);
  --color-secondary: var(--color-teal);
  --color-accent: var(--color-blue);
  --color-text-dark: var(--color-dark-gray);
  --color-text-light: #ffffff;
  --color-bg-white: #ffffff;
  --color-bg-light: #f4f6f8;
  --color-btn-hover: #0f665d;
  --color-border-light: #e5eaee;
  --container-bg-light-1: #ffffff;
  --container-bg-light-2: #f4f6f8;
  --container-bg-dark-1: #002e54;
  --container-bg-dark-2: #252c30;
  --spacing-xs: 4px;
  --spacing-s: 8px;
  --spacing-m: 12px;
  --spacing-l: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 48px;
  --spacing-4xl: 64px;
  --spacing-5xl: 96px;
  --spacing-6xl: 128px;
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-xl: 32px;
  --font-heading: "FuturaPT", sans-serif;
  --font-body: "OpenSans", sans-serif;
  --z-below: -1;
  --z-base: 0;
  --z-deco: 1;
  --z-content: 2;
  --z-overlay: 10;
  --z-modal: 100;
  --z-toast: 200;
  --main-max-width: 1536px;
}

.e-con.hm-bg--light-1 {
  background-color: var(--container-bg-light-1) !important;
}
.e-con.hm-bg--light-2 {
  background-color: var(--container-bg-light-2) !important;
}
.e-con.hm-bg--dark-1 {
  background-color: var(--container-bg-dark-1) !important;
}
.e-con.hm-bg--dark-2 {
  background-color: var(--container-bg-dark-2) !important;
}
.e-con.hm-bg--gradient-1 {
  background: linear-gradient(310deg, rgba(0, 48, 87, 0.6509803922), #003057), linear-gradient(300deg, rgb(65, 182, 230) 0.01%, rgb(0, 48, 87) 46.64%) !important;
}

.e-con.hm-radius--top {
  border-radius: var(--radius-xl) var(--radius-xl) 0 0 !important;
  overflow: hidden;
}
.e-con.hm-radius--bottom {
  border-radius: 0 0 var(--radius-xl) var(--radius-xl) !important;
  overflow: hidden;
}
.e-con.hm-radius--all {
  border-radius: var(--radius-xl) !important;
  overflow: hidden;
}

.e-con.hm-has-deco {
  position: relative;
  overflow: hidden;
}
.e-con.hm-has-deco .hm-deco-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  z-index: var(--z-deco);
}
.e-con.hm-has-deco > .e-con-inner {
  position: relative;
  z-index: var(--z-content);
}

.hm-geo-shape {
  position: absolute;
  pointer-events: none;
  user-select: none;
}
.hm-geo-shape.hm-geo-shape--preset-1 {
  bottom: 0;
  left: 0;
  width: 40%;
  max-width: 500px;
  opacity: 1;
}
.hm-geo-shape.hm-geo-shape--preset-2 {
  top: 0;
  right: 0;
  width: 30%;
  max-width: 400px;
  opacity: 0.6;
}
.hm-geo-shape.hm-geo-shape--preset-3 {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.15;
}

.hm-bg-icon {
  position: absolute;
  pointer-events: none;
  user-select: none;
  opacity: 0.12;
}
.hm-bg-icon i,
.hm-bg-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.hm-bg-icon.hm-bg-icon--top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.hm-bg-icon.hm-bg-icon--top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.hm-bg-icon.hm-bg-icon--bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}
.hm-bg-icon.hm-bg-icon--bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.hm-bg-icon.hm-bg-icon--center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hm-bg-icon.hm-bg-icon--center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.hm-bg-icon.hm-bg-icon--center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.hm-corner-deco {
  position: absolute;
  pointer-events: none;
  user-select: none;
  width: auto;
  height: auto;
  max-width: 45%;
  z-index: var(--z-deco);
}
.hm-corner-deco svg {
  display: block;
  width: 100%;
  height: auto;
}
.hm-corner-deco.hm-corner-deco--top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.hm-corner-deco.hm-corner-deco--top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.hm-corner-deco.hm-corner-deco--bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}
.hm-corner-deco.hm-corner-deco--bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.hm-corner-deco.hm-corner-deco--left-dark {
  max-width: 50%;
}
@media (max-width: 768px) {
  .hm-corner-deco.hm-corner-deco--left-dark {
    max-width: 40%;
  }
}
.hm-corner-deco.hm-corner-deco--right-dark {
  max-width: 45%;
}
@media (max-width: 768px) {
  .hm-corner-deco.hm-corner-deco--right-dark {
    max-width: 35%;
  }
}
.hm-corner-deco.hm-corner-deco--triangle {
  max-width: 35%;
}
@media (max-width: 768px) {
  .hm-corner-deco.hm-corner-deco--triangle {
    max-width: 30%;
  }
}
.hm-corner-deco.hm-corner-deco--custom {
  max-width: 40%;
}