@charset "UTF-8";
/* _reverse.scss */
/* _rem.scss */
/* _variables.scss */
/* _fonts.scss */
/* _figtree.scss */
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Black.eot");
  src: local("Figtree Black"), local("Figtree-Black"), url("../webfonts/figtree/Figtree-Black.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Black.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Black.woff") format("woff"), url("../webfonts/figtree/Figtree-Black.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Black.svg#Figtree-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-BlackItalic.eot");
  src: local("Figtree Black Italic"), local("Figtree-BlackItalic"), url("../webfonts/figtree/Figtree-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-BlackItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-BlackItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-BlackItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-BlackItalic.svg#Figtree-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-BoldItalic.eot");
  src: local("Figtree Bold Italic"), local("Figtree-BoldItalic"), url("../webfonts/figtree/Figtree-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-BoldItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-BoldItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-BoldItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-BoldItalic.svg#Figtree-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Light.eot");
  src: local("Figtree Light"), local("Figtree-Light"), url("../webfonts/figtree/Figtree-Light.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Light.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Light.woff") format("woff"), url("../webfonts/figtree/Figtree-Light.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Light.svg#Figtree-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-SemiBoldItalic.eot");
  src: local("Figtree SemiBold Italic"), local("Figtree-SemiBoldItalic"), url("../webfonts/figtree/Figtree-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-SemiBoldItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-SemiBoldItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-SemiBoldItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-SemiBoldItalic.svg#Figtree-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-MediumItalic.eot");
  src: local("Figtree Medium Italic"), local("Figtree-MediumItalic"), url("../webfonts/figtree/Figtree-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-MediumItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-MediumItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-MediumItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-MediumItalic.svg#Figtree-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Bold.eot");
  src: local("Figtree Bold"), local("Figtree-Bold"), url("../webfonts/figtree/Figtree-Bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Bold.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Bold.woff") format("woff"), url("../webfonts/figtree/Figtree-Bold.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Bold.svg#Figtree-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-LightItalic.eot");
  src: local("Figtree Light Italic"), local("Figtree-LightItalic"), url("../webfonts/figtree/Figtree-LightItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-LightItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-LightItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-LightItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-LightItalic.svg#Figtree-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-ExtraBold.eot");
  src: local("Figtree ExtraBold"), local("Figtree-ExtraBold"), url("../webfonts/figtree/Figtree-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-ExtraBold.woff2") format("woff2"), url("../webfonts/figtree/Figtree-ExtraBold.woff") format("woff"), url("../webfonts/figtree/Figtree-ExtraBold.ttf") format("truetype"), url("../webfonts/figtree/Figtree-ExtraBold.svg#Figtree-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-SemiBold.eot");
  src: local("Figtree SemiBold"), local("Figtree-SemiBold"), url("../webfonts/figtree/Figtree-SemiBold.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-SemiBold.woff2") format("woff2"), url("../webfonts/figtree/Figtree-SemiBold.woff") format("woff"), url("../webfonts/figtree/Figtree-SemiBold.ttf") format("truetype"), url("../webfonts/figtree/Figtree-SemiBold.svg#Figtree-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Italic.eot");
  src: local("Figtree Italic"), local("Figtree-Italic"), url("../webfonts/figtree/Figtree-Italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Italic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Italic.woff") format("woff"), url("../webfonts/figtree/Figtree-Italic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Italic.svg#Figtree-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-ExtraBoldItalic.eot");
  src: local("Figtree ExtraBold Italic"), local("Figtree-ExtraBoldItalic"), url("../webfonts/figtree/Figtree-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-ExtraBoldItalic.woff2") format("woff2"), url("../webfonts/figtree/Figtree-ExtraBoldItalic.woff") format("woff"), url("../webfonts/figtree/Figtree-ExtraBoldItalic.ttf") format("truetype"), url("../webfonts/figtree/Figtree-ExtraBoldItalic.svg#Figtree-ExtraBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Medium.eot");
  src: local("Figtree Medium"), local("Figtree-Medium"), url("../webfonts/figtree/Figtree-Medium.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Medium.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Medium.woff") format("woff"), url("../webfonts/figtree/Figtree-Medium.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Medium.svg#Figtree-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../webfonts/figtree/Figtree-Regular.eot");
  src: local("Figtree Regular"), local("Figtree-Regular"), url("../webfonts/figtree/Figtree-Regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/figtree/Figtree-Regular.woff2") format("woff2"), url("../webfonts/figtree/Figtree-Regular.woff") format("woff"), url("../webfonts/figtree/Figtree-Regular.ttf") format("truetype"), url("../webfonts/figtree/Figtree-Regular.svg#Figtree-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* _coustard.scss */
@font-face {
  font-family: "Coustard";
  src: url("../webfonts/coustard/Coustard-Black.eot");
  src: local("Coustard Black"), local("Coustard-Black"), url("../webfonts/coustard/Coustard-Black.eot?#iefix") format("embedded-opentype"), url("../webfonts/coustard/Coustard-Black.woff2") format("woff2"), url("../webfonts/coustard/Coustard-Black.woff") format("woff"), url("../webfonts/coustard/Coustard-Black.ttf") format("truetype"), url("../webfonts/coustard/Coustard-Black.svg#Coustard-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Coustard";
  src: url("../webfonts/coustard/Coustard-Regular.eot");
  src: local("Coustard Regular"), local("Coustard-Regular"), url("../webfonts/coustard/Coustard-Regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/coustard/Coustard-Regular.woff2") format("woff2"), url("../webfonts/coustard/Coustard-Regular.woff") format("woff"), url("../webfonts/coustard/Coustard-Regular.ttf") format("truetype"), url("../webfonts/coustard/Coustard-Regular.svg#Coustard-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* @import '../fonts/mansalva'; */
.app-primary-fontstack {
  font-family: "Figtree", Arial Narrow, Arial, sans-serif;
}

.app-secondary-fontstack {
  font-family: "Coustard", Arial Narrow, Arial, sans-serif;
  font-weight: 900 !important;
}

.app-tertiary-fontstack {
  font-family: "Figtree", Arial Narrow, Arial, sans-serif;
}

.app-fw-black {
  font-weight: 900;
}

.app-fw-semibold {
  font-weight: 600;
}

/* _bg.scss */
/* */
.app-bg-blue:not(.app-bg-multiply) {
  background-image: url("../img/default/droplets/droplet-dark-cluster-1.png"), url("../img/default/droplets/droplet-dark-cluster-2.png"), url("../img/default/droplets/droplet-dark-cluster-3.png"), url("../img/default/droplets/droplet-dark-cluster-4.png"), url("../img/default/droplets/droplet-dark.png");
  background-repeat: no-repeat;
  background-position: left 3rem top 2rem, center top 2rem, left 4rem bottom 2.5rem, right 20rem bottom 3rem, right 2.5rem top 10rem;
  background-size: 10% auto, 10% auto, 10% auto, 10% auto, 10% auto;
}

.app-bg-white-blue:not(.app-bg-multiply) {
  background-image: url("../img/default/droplets/droplet-light-cluster-1.png"), url("../img/default/droplets/droplet-light-cluster-2.png"), url("../img/default/droplets/droplet-light-cluster-3.png"), url("../img/default/droplets/droplet-light-cluster-4.png"), url("../img/default/droplets/droplet-light.png");
  background-repeat: no-repeat;
  background-position: left 20rem top 1rem, right 2.5rem top 3rem, left 10rem bottom 1rem, right 3.5rem bottom 2.5rem, left 2.5rem top 2rem;
  background-size: 10% auto, 10% auto, 10% auto, 10% auto, 10% auto;
}

/* background auto */
.app-bg-var-auto {
  --app-background-color: var(--bs-body-bg);
}

.app-bg-auto {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}
.app-bg-auto.app-bg-tint-10, .app-bg-auto .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 10%);
}
.app-bg-auto.app-bg-shade-10, .app-bg-auto .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 10%);
}
.app-bg-auto.app-bg-transparent-10, .app-bg-auto .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 10%);
}
.app-bg-auto.app-bg-tint-20, .app-bg-auto .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 20%);
}
.app-bg-auto.app-bg-shade-20, .app-bg-auto .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 20%);
}
.app-bg-auto.app-bg-transparent-20, .app-bg-auto .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 20%);
}
.app-bg-auto.app-bg-tint-30, .app-bg-auto .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 30%);
}
.app-bg-auto.app-bg-shade-30, .app-bg-auto .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 30%);
}
.app-bg-auto.app-bg-transparent-30, .app-bg-auto .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 30%);
}
.app-bg-auto.app-bg-tint-40, .app-bg-auto .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 40%);
}
.app-bg-auto.app-bg-shade-40, .app-bg-auto .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 40%);
}
.app-bg-auto.app-bg-transparent-40, .app-bg-auto .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 40%);
}
.app-bg-auto.app-bg-tint-50, .app-bg-auto .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 50%);
}
.app-bg-auto.app-bg-shade-50, .app-bg-auto .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 50%);
}
.app-bg-auto.app-bg-transparent-50, .app-bg-auto .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 50%);
}
.app-bg-auto.app-bg-tint-60, .app-bg-auto .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 60%);
}
.app-bg-auto.app-bg-shade-60, .app-bg-auto .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 60%);
}
.app-bg-auto.app-bg-transparent-60, .app-bg-auto .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 60%);
}
.app-bg-auto.app-bg-tint-70, .app-bg-auto .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 70%);
}
.app-bg-auto.app-bg-shade-70, .app-bg-auto .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 70%);
}
.app-bg-auto.app-bg-transparent-70, .app-bg-auto .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 70%);
}
.app-bg-auto.app-bg-tint-80, .app-bg-auto .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 80%);
}
.app-bg-auto.app-bg-shade-80, .app-bg-auto .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 80%);
}
.app-bg-auto.app-bg-transparent-80, .app-bg-auto .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 80%);
}
.app-bg-auto.app-bg-tint-90, .app-bg-auto .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--bs-body-bg), white 90%);
}
.app-bg-auto.app-bg-shade-90, .app-bg-auto .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--bs-body-bg), black 90%);
}
.app-bg-auto.app-bg-transparent-90, .app-bg-auto .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--bs-body-bg) 90%);
}
.app-bg-auto a:not(.btn):not([class*=app-text-]):not([class*=app-underline-]),
.app-bg-auto button:not(.btn) {
  color: var(--bs-body-color);
  text-underline-offset: 0.15rem !important;
}
.app-bg-auto a:not(.btn):not([class*=app-text-]):not([class*=app-underline-]):hover,
.app-bg-auto button:not(.btn):hover {
  color: var(--bs-body-color) !important;
  text-decoration-color: var(--app-color-blue) !important;
}
.app-bg-auto .app-btn {
  background-color: var(--bs-body-color);
  color: var(--bs-body-bg);
}
.app-bg-auto .app-btn:hover {
  background-color: var(--bs-body-color);
  color: var(--bs-body-bg) !important;
}
.app-bg-auto .app-btn-outline {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--bs-body-color);
  color: var(--bs-body-color);
}
.app-bg-auto .app-btn-outline:hover {
  background-color: transparent !important;
  border-color: var(--bs-body-color);
  color: var(--bs-body-color);
}
.app-bg-auto .app-btn-underline {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--bs-body-color) 50%);
  color: var(--bs-body-color);
}
.app-bg-auto .app-btn-underline:hover {
  background-color: transparent !important;
  border-color: var(--bs-body-color);
  color: var(--bs-body-color);
}
.app-bg-auto .app-border {
  border-color: color-mix(in srgb, transparent, var(--bs-body-color) 50%);
}
.app-bg-auto .app-border:hover {
  border-color: var(--bs-body-color);
}
.app-bg-auto.app-text-tint-10, .app-bg-auto .app-text-tint-10 {
  color: color-mix(in srgb, var(--bs-body-color), white 10%);
}
.app-bg-auto.app-text-shade-10, .app-bg-auto .app-text-shade-10 {
  color: color-mix(in srgb, var(--bs-body-color), black 10%);
}
.app-bg-auto.app-text-transparent-10, .app-bg-auto .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 10%);
}
.app-bg-auto.app-text-tint-20, .app-bg-auto .app-text-tint-20 {
  color: color-mix(in srgb, var(--bs-body-color), white 20%);
}
.app-bg-auto.app-text-shade-20, .app-bg-auto .app-text-shade-20 {
  color: color-mix(in srgb, var(--bs-body-color), black 20%);
}
.app-bg-auto.app-text-transparent-20, .app-bg-auto .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 20%);
}
.app-bg-auto.app-text-tint-30, .app-bg-auto .app-text-tint-30 {
  color: color-mix(in srgb, var(--bs-body-color), white 30%);
}
.app-bg-auto.app-text-shade-30, .app-bg-auto .app-text-shade-30 {
  color: color-mix(in srgb, var(--bs-body-color), black 30%);
}
.app-bg-auto.app-text-transparent-30, .app-bg-auto .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 30%);
}
.app-bg-auto.app-text-tint-40, .app-bg-auto .app-text-tint-40 {
  color: color-mix(in srgb, var(--bs-body-color), white 40%);
}
.app-bg-auto.app-text-shade-40, .app-bg-auto .app-text-shade-40 {
  color: color-mix(in srgb, var(--bs-body-color), black 40%);
}
.app-bg-auto.app-text-transparent-40, .app-bg-auto .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 40%);
}
.app-bg-auto.app-text-tint-50, .app-bg-auto .app-text-tint-50 {
  color: color-mix(in srgb, var(--bs-body-color), white 50%);
}
.app-bg-auto.app-text-shade-50, .app-bg-auto .app-text-shade-50 {
  color: color-mix(in srgb, var(--bs-body-color), black 50%);
}
.app-bg-auto.app-text-transparent-50, .app-bg-auto .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 50%);
}
.app-bg-auto.app-text-tint-60, .app-bg-auto .app-text-tint-60 {
  color: color-mix(in srgb, var(--bs-body-color), white 60%);
}
.app-bg-auto.app-text-shade-60, .app-bg-auto .app-text-shade-60 {
  color: color-mix(in srgb, var(--bs-body-color), black 60%);
}
.app-bg-auto.app-text-transparent-60, .app-bg-auto .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 60%);
}
.app-bg-auto.app-text-tint-70, .app-bg-auto .app-text-tint-70 {
  color: color-mix(in srgb, var(--bs-body-color), white 70%);
}
.app-bg-auto.app-text-shade-70, .app-bg-auto .app-text-shade-70 {
  color: color-mix(in srgb, var(--bs-body-color), black 70%);
}
.app-bg-auto.app-text-transparent-70, .app-bg-auto .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 70%);
}
.app-bg-auto.app-text-tint-80, .app-bg-auto .app-text-tint-80 {
  color: color-mix(in srgb, var(--bs-body-color), white 80%);
}
.app-bg-auto.app-text-shade-80, .app-bg-auto .app-text-shade-80 {
  color: color-mix(in srgb, var(--bs-body-color), black 80%);
}
.app-bg-auto.app-text-transparent-80, .app-bg-auto .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 80%);
}
.app-bg-auto.app-text-tint-90, .app-bg-auto .app-text-tint-90 {
  color: color-mix(in srgb, var(--bs-body-color), white 90%);
}
.app-bg-auto.app-text-shade-90, .app-bg-auto .app-text-shade-90 {
  color: color-mix(in srgb, var(--bs-body-color), black 90%);
}
.app-bg-auto.app-text-transparent-90, .app-bg-auto .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--bs-body-color) 90%);
}

/* background colors */
.app-bg-var-black {
  --app-background-color: #000000;
}

.app-bg-black {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-white, #FFFFFF);
}
.app-bg-black.app-bg-tint-10, .app-bg-black .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-black), white 10%);
}
.app-bg-black.app-bg-shade-10, .app-bg-black .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-black), black 10%);
}
.app-bg-black.app-bg-transparent-10, .app-bg-black .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 10%);
}
.app-bg-black.app-bg-tint-20, .app-bg-black .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-black), white 20%);
}
.app-bg-black.app-bg-shade-20, .app-bg-black .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-black), black 20%);
}
.app-bg-black.app-bg-transparent-20, .app-bg-black .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 20%);
}
.app-bg-black.app-bg-tint-30, .app-bg-black .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-black), white 30%);
}
.app-bg-black.app-bg-shade-30, .app-bg-black .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-black), black 30%);
}
.app-bg-black.app-bg-transparent-30, .app-bg-black .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 30%);
}
.app-bg-black.app-bg-tint-40, .app-bg-black .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-black), white 40%);
}
.app-bg-black.app-bg-shade-40, .app-bg-black .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-black), black 40%);
}
.app-bg-black.app-bg-transparent-40, .app-bg-black .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 40%);
}
.app-bg-black.app-bg-tint-50, .app-bg-black .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-black), white 50%);
}
.app-bg-black.app-bg-shade-50, .app-bg-black .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-black), black 50%);
}
.app-bg-black.app-bg-transparent-50, .app-bg-black .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 50%);
}
.app-bg-black.app-bg-tint-60, .app-bg-black .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-black), white 60%);
}
.app-bg-black.app-bg-shade-60, .app-bg-black .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-black), black 60%);
}
.app-bg-black.app-bg-transparent-60, .app-bg-black .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 60%);
}
.app-bg-black.app-bg-tint-70, .app-bg-black .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-black), white 70%);
}
.app-bg-black.app-bg-shade-70, .app-bg-black .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-black), black 70%);
}
.app-bg-black.app-bg-transparent-70, .app-bg-black .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 70%);
}
.app-bg-black.app-bg-tint-80, .app-bg-black .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-black), white 80%);
}
.app-bg-black.app-bg-shade-80, .app-bg-black .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-black), black 80%);
}
.app-bg-black.app-bg-transparent-80, .app-bg-black .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 80%);
}
.app-bg-black.app-bg-tint-90, .app-bg-black .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-black), white 90%);
}
.app-bg-black.app-bg-shade-90, .app-bg-black .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-black), black 90%);
}
.app-bg-black.app-bg-transparent-90, .app-bg-black .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-black) 90%);
}
.app-bg-black a:not(.btn, .nav-link, .dropdown-item), .app-bg-black button:not(.btn, .nav-link, .dropdown-item) {
  color: var(--app-color-white, #FFFFFF);
}
.app-bg-black a:not(.btn, .nav-link, .dropdown-item):hover, .app-bg-black button:not(.btn, .nav-link, .dropdown-item):hover {
  color: var(--app-color-white, #FFFFFF) !important;
  --app-text-underline-color: var(--app-color-white, map-get($colors, $underline_name)) !important;
}
.app-bg-black.app-text-tint-10, .app-bg-black .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white), white 10%);
}
.app-bg-black.app-text-shade-10, .app-bg-black .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white), black 10%);
}
.app-bg-black.app-text-transparent-10, .app-bg-black .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 10%);
}
.app-bg-black.app-text-tint-20, .app-bg-black .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white), white 20%);
}
.app-bg-black.app-text-shade-20, .app-bg-black .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white), black 20%);
}
.app-bg-black.app-text-transparent-20, .app-bg-black .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 20%);
}
.app-bg-black.app-text-tint-30, .app-bg-black .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white), white 30%);
}
.app-bg-black.app-text-shade-30, .app-bg-black .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white), black 30%);
}
.app-bg-black.app-text-transparent-30, .app-bg-black .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 30%);
}
.app-bg-black.app-text-tint-40, .app-bg-black .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white), white 40%);
}
.app-bg-black.app-text-shade-40, .app-bg-black .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white), black 40%);
}
.app-bg-black.app-text-transparent-40, .app-bg-black .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 40%);
}
.app-bg-black.app-text-tint-50, .app-bg-black .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white), white 50%);
}
.app-bg-black.app-text-shade-50, .app-bg-black .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white), black 50%);
}
.app-bg-black.app-text-transparent-50, .app-bg-black .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 50%);
}
.app-bg-black.app-text-tint-60, .app-bg-black .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white), white 60%);
}
.app-bg-black.app-text-shade-60, .app-bg-black .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white), black 60%);
}
.app-bg-black.app-text-transparent-60, .app-bg-black .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 60%);
}
.app-bg-black.app-text-tint-70, .app-bg-black .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white), white 70%);
}
.app-bg-black.app-text-shade-70, .app-bg-black .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white), black 70%);
}
.app-bg-black.app-text-transparent-70, .app-bg-black .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 70%);
}
.app-bg-black.app-text-tint-80, .app-bg-black .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white), white 80%);
}
.app-bg-black.app-text-shade-80, .app-bg-black .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white), black 80%);
}
.app-bg-black.app-text-transparent-80, .app-bg-black .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 80%);
}
.app-bg-black.app-text-tint-90, .app-bg-black .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white), white 90%);
}
.app-bg-black.app-text-shade-90, .app-bg-black .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white), black 90%);
}
.app-bg-black.app-text-transparent-90, .app-bg-black .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 90%);
}

.app-bg-hover-black:hover {
  background-color: var(--app-color-black, #000000) !important;
}

.app-bg-var-white {
  --app-background-color: #FFFFFF;
}

.app-bg-white {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-black, #000000);
}
.app-bg-white.app-bg-tint-10, .app-bg-white .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-white), white 10%);
}
.app-bg-white.app-bg-shade-10, .app-bg-white .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-white), black 10%);
}
.app-bg-white.app-bg-transparent-10, .app-bg-white .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 10%);
}
.app-bg-white.app-bg-tint-20, .app-bg-white .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-white), white 20%);
}
.app-bg-white.app-bg-shade-20, .app-bg-white .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-white), black 20%);
}
.app-bg-white.app-bg-transparent-20, .app-bg-white .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 20%);
}
.app-bg-white.app-bg-tint-30, .app-bg-white .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-white), white 30%);
}
.app-bg-white.app-bg-shade-30, .app-bg-white .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-white), black 30%);
}
.app-bg-white.app-bg-transparent-30, .app-bg-white .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 30%);
}
.app-bg-white.app-bg-tint-40, .app-bg-white .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-white), white 40%);
}
.app-bg-white.app-bg-shade-40, .app-bg-white .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-white), black 40%);
}
.app-bg-white.app-bg-transparent-40, .app-bg-white .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 40%);
}
.app-bg-white.app-bg-tint-50, .app-bg-white .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-white), white 50%);
}
.app-bg-white.app-bg-shade-50, .app-bg-white .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-white), black 50%);
}
.app-bg-white.app-bg-transparent-50, .app-bg-white .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 50%);
}
.app-bg-white.app-bg-tint-60, .app-bg-white .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-white), white 60%);
}
.app-bg-white.app-bg-shade-60, .app-bg-white .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-white), black 60%);
}
.app-bg-white.app-bg-transparent-60, .app-bg-white .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 60%);
}
.app-bg-white.app-bg-tint-70, .app-bg-white .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-white), white 70%);
}
.app-bg-white.app-bg-shade-70, .app-bg-white .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-white), black 70%);
}
.app-bg-white.app-bg-transparent-70, .app-bg-white .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 70%);
}
.app-bg-white.app-bg-tint-80, .app-bg-white .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-white), white 80%);
}
.app-bg-white.app-bg-shade-80, .app-bg-white .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-white), black 80%);
}
.app-bg-white.app-bg-transparent-80, .app-bg-white .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 80%);
}
.app-bg-white.app-bg-tint-90, .app-bg-white .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-white), white 90%);
}
.app-bg-white.app-bg-shade-90, .app-bg-white .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-white), black 90%);
}
.app-bg-white.app-bg-transparent-90, .app-bg-white .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white) 90%);
}
.app-bg-white a:not(.btn, .nav-link, .dropdown-item), .app-bg-white button:not(.btn, .nav-link, .dropdown-item) {
  color: var(--app-color-black, #000000);
}
.app-bg-white a:not(.btn, .nav-link, .dropdown-item):hover, .app-bg-white button:not(.btn, .nav-link, .dropdown-item):hover {
  color: var(--app-color-black, #000000) !important;
  --app-text-underline-color: var(--app-color-blue, map-get($colors, $underline_name)) !important;
}
.app-bg-white.app-text-tint-10, .app-bg-white .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-black), white 10%);
}
.app-bg-white.app-text-shade-10, .app-bg-white .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-black), black 10%);
}
.app-bg-white.app-text-transparent-10, .app-bg-white .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 10%);
}
.app-bg-white.app-text-tint-20, .app-bg-white .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-black), white 20%);
}
.app-bg-white.app-text-shade-20, .app-bg-white .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-black), black 20%);
}
.app-bg-white.app-text-transparent-20, .app-bg-white .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 20%);
}
.app-bg-white.app-text-tint-30, .app-bg-white .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-black), white 30%);
}
.app-bg-white.app-text-shade-30, .app-bg-white .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-black), black 30%);
}
.app-bg-white.app-text-transparent-30, .app-bg-white .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 30%);
}
.app-bg-white.app-text-tint-40, .app-bg-white .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-black), white 40%);
}
.app-bg-white.app-text-shade-40, .app-bg-white .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-black), black 40%);
}
.app-bg-white.app-text-transparent-40, .app-bg-white .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 40%);
}
.app-bg-white.app-text-tint-50, .app-bg-white .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-black), white 50%);
}
.app-bg-white.app-text-shade-50, .app-bg-white .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-black), black 50%);
}
.app-bg-white.app-text-transparent-50, .app-bg-white .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 50%);
}
.app-bg-white.app-text-tint-60, .app-bg-white .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-black), white 60%);
}
.app-bg-white.app-text-shade-60, .app-bg-white .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-black), black 60%);
}
.app-bg-white.app-text-transparent-60, .app-bg-white .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 60%);
}
.app-bg-white.app-text-tint-70, .app-bg-white .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-black), white 70%);
}
.app-bg-white.app-text-shade-70, .app-bg-white .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-black), black 70%);
}
.app-bg-white.app-text-transparent-70, .app-bg-white .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 70%);
}
.app-bg-white.app-text-tint-80, .app-bg-white .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-black), white 80%);
}
.app-bg-white.app-text-shade-80, .app-bg-white .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-black), black 80%);
}
.app-bg-white.app-text-transparent-80, .app-bg-white .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 80%);
}
.app-bg-white.app-text-tint-90, .app-bg-white .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-black), white 90%);
}
.app-bg-white.app-text-shade-90, .app-bg-white .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-black), black 90%);
}
.app-bg-white.app-text-transparent-90, .app-bg-white .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 90%);
}

.app-bg-hover-white:hover {
  background-color: var(--app-color-white, #FFFFFF) !important;
}

.app-bg-var-dark-blue {
  --app-background-color: #0F0A4E;
}

.app-bg-dark-blue {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-white, #FFFFFF);
}
.app-bg-dark-blue.app-bg-tint-10, .app-bg-dark-blue .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), white 10%);
}
.app-bg-dark-blue.app-bg-shade-10, .app-bg-dark-blue .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), black 10%);
}
.app-bg-dark-blue.app-bg-transparent-10, .app-bg-dark-blue .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 10%);
}
.app-bg-dark-blue.app-bg-tint-20, .app-bg-dark-blue .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), white 20%);
}
.app-bg-dark-blue.app-bg-shade-20, .app-bg-dark-blue .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), black 20%);
}
.app-bg-dark-blue.app-bg-transparent-20, .app-bg-dark-blue .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 20%);
}
.app-bg-dark-blue.app-bg-tint-30, .app-bg-dark-blue .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), white 30%);
}
.app-bg-dark-blue.app-bg-shade-30, .app-bg-dark-blue .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), black 30%);
}
.app-bg-dark-blue.app-bg-transparent-30, .app-bg-dark-blue .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 30%);
}
.app-bg-dark-blue.app-bg-tint-40, .app-bg-dark-blue .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), white 40%);
}
.app-bg-dark-blue.app-bg-shade-40, .app-bg-dark-blue .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), black 40%);
}
.app-bg-dark-blue.app-bg-transparent-40, .app-bg-dark-blue .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 40%);
}
.app-bg-dark-blue.app-bg-tint-50, .app-bg-dark-blue .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), white 50%);
}
.app-bg-dark-blue.app-bg-shade-50, .app-bg-dark-blue .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), black 50%);
}
.app-bg-dark-blue.app-bg-transparent-50, .app-bg-dark-blue .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 50%);
}
.app-bg-dark-blue.app-bg-tint-60, .app-bg-dark-blue .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), white 60%);
}
.app-bg-dark-blue.app-bg-shade-60, .app-bg-dark-blue .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), black 60%);
}
.app-bg-dark-blue.app-bg-transparent-60, .app-bg-dark-blue .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 60%);
}
.app-bg-dark-blue.app-bg-tint-70, .app-bg-dark-blue .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), white 70%);
}
.app-bg-dark-blue.app-bg-shade-70, .app-bg-dark-blue .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), black 70%);
}
.app-bg-dark-blue.app-bg-transparent-70, .app-bg-dark-blue .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 70%);
}
.app-bg-dark-blue.app-bg-tint-80, .app-bg-dark-blue .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), white 80%);
}
.app-bg-dark-blue.app-bg-shade-80, .app-bg-dark-blue .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), black 80%);
}
.app-bg-dark-blue.app-bg-transparent-80, .app-bg-dark-blue .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 80%);
}
.app-bg-dark-blue.app-bg-tint-90, .app-bg-dark-blue .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), white 90%);
}
.app-bg-dark-blue.app-bg-shade-90, .app-bg-dark-blue .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-dark-blue), black 90%);
}
.app-bg-dark-blue.app-bg-transparent-90, .app-bg-dark-blue .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 90%);
}
.app-bg-dark-blue a:not(.btn, .nav-link, .dropdown-item), .app-bg-dark-blue button:not(.btn, .nav-link, .dropdown-item) {
  color: var(--app-color-white, #FFFFFF);
}
.app-bg-dark-blue a:not(.btn, .nav-link, .dropdown-item):hover, .app-bg-dark-blue button:not(.btn, .nav-link, .dropdown-item):hover {
  color: var(--app-color-white, #FFFFFF) !important;
  --app-text-underline-color: var(--app-color-white, map-get($colors, $underline_name)) !important;
}
.app-bg-dark-blue.app-text-tint-10, .app-bg-dark-blue .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white), white 10%);
}
.app-bg-dark-blue.app-text-shade-10, .app-bg-dark-blue .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white), black 10%);
}
.app-bg-dark-blue.app-text-transparent-10, .app-bg-dark-blue .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 10%);
}
.app-bg-dark-blue.app-text-tint-20, .app-bg-dark-blue .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white), white 20%);
}
.app-bg-dark-blue.app-text-shade-20, .app-bg-dark-blue .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white), black 20%);
}
.app-bg-dark-blue.app-text-transparent-20, .app-bg-dark-blue .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 20%);
}
.app-bg-dark-blue.app-text-tint-30, .app-bg-dark-blue .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white), white 30%);
}
.app-bg-dark-blue.app-text-shade-30, .app-bg-dark-blue .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white), black 30%);
}
.app-bg-dark-blue.app-text-transparent-30, .app-bg-dark-blue .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 30%);
}
.app-bg-dark-blue.app-text-tint-40, .app-bg-dark-blue .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white), white 40%);
}
.app-bg-dark-blue.app-text-shade-40, .app-bg-dark-blue .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white), black 40%);
}
.app-bg-dark-blue.app-text-transparent-40, .app-bg-dark-blue .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 40%);
}
.app-bg-dark-blue.app-text-tint-50, .app-bg-dark-blue .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white), white 50%);
}
.app-bg-dark-blue.app-text-shade-50, .app-bg-dark-blue .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white), black 50%);
}
.app-bg-dark-blue.app-text-transparent-50, .app-bg-dark-blue .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 50%);
}
.app-bg-dark-blue.app-text-tint-60, .app-bg-dark-blue .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white), white 60%);
}
.app-bg-dark-blue.app-text-shade-60, .app-bg-dark-blue .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white), black 60%);
}
.app-bg-dark-blue.app-text-transparent-60, .app-bg-dark-blue .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 60%);
}
.app-bg-dark-blue.app-text-tint-70, .app-bg-dark-blue .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white), white 70%);
}
.app-bg-dark-blue.app-text-shade-70, .app-bg-dark-blue .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white), black 70%);
}
.app-bg-dark-blue.app-text-transparent-70, .app-bg-dark-blue .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 70%);
}
.app-bg-dark-blue.app-text-tint-80, .app-bg-dark-blue .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white), white 80%);
}
.app-bg-dark-blue.app-text-shade-80, .app-bg-dark-blue .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white), black 80%);
}
.app-bg-dark-blue.app-text-transparent-80, .app-bg-dark-blue .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 80%);
}
.app-bg-dark-blue.app-text-tint-90, .app-bg-dark-blue .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white), white 90%);
}
.app-bg-dark-blue.app-text-shade-90, .app-bg-dark-blue .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white), black 90%);
}
.app-bg-dark-blue.app-text-transparent-90, .app-bg-dark-blue .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 90%);
}

.app-bg-hover-dark-blue:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-bg-var-blue {
  --app-background-color: #1B439D;
}

.app-bg-blue {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-white, #FFFFFF);
}
.app-bg-blue.app-bg-tint-10, .app-bg-blue .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 10%);
}
.app-bg-blue.app-bg-shade-10, .app-bg-blue .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 10%);
}
.app-bg-blue.app-bg-transparent-10, .app-bg-blue .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 10%);
}
.app-bg-blue.app-bg-tint-20, .app-bg-blue .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 20%);
}
.app-bg-blue.app-bg-shade-20, .app-bg-blue .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 20%);
}
.app-bg-blue.app-bg-transparent-20, .app-bg-blue .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 20%);
}
.app-bg-blue.app-bg-tint-30, .app-bg-blue .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 30%);
}
.app-bg-blue.app-bg-shade-30, .app-bg-blue .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 30%);
}
.app-bg-blue.app-bg-transparent-30, .app-bg-blue .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 30%);
}
.app-bg-blue.app-bg-tint-40, .app-bg-blue .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 40%);
}
.app-bg-blue.app-bg-shade-40, .app-bg-blue .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 40%);
}
.app-bg-blue.app-bg-transparent-40, .app-bg-blue .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 40%);
}
.app-bg-blue.app-bg-tint-50, .app-bg-blue .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 50%);
}
.app-bg-blue.app-bg-shade-50, .app-bg-blue .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 50%);
}
.app-bg-blue.app-bg-transparent-50, .app-bg-blue .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 50%);
}
.app-bg-blue.app-bg-tint-60, .app-bg-blue .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 60%);
}
.app-bg-blue.app-bg-shade-60, .app-bg-blue .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 60%);
}
.app-bg-blue.app-bg-transparent-60, .app-bg-blue .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 60%);
}
.app-bg-blue.app-bg-tint-70, .app-bg-blue .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 70%);
}
.app-bg-blue.app-bg-shade-70, .app-bg-blue .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 70%);
}
.app-bg-blue.app-bg-transparent-70, .app-bg-blue .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 70%);
}
.app-bg-blue.app-bg-tint-80, .app-bg-blue .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 80%);
}
.app-bg-blue.app-bg-shade-80, .app-bg-blue .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 80%);
}
.app-bg-blue.app-bg-transparent-80, .app-bg-blue .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 80%);
}
.app-bg-blue.app-bg-tint-90, .app-bg-blue .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-blue), white 90%);
}
.app-bg-blue.app-bg-shade-90, .app-bg-blue .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-blue), black 90%);
}
.app-bg-blue.app-bg-transparent-90, .app-bg-blue .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-blue) 90%);
}
.app-bg-blue a:not(.btn, .nav-link, .dropdown-item), .app-bg-blue button:not(.btn, .nav-link, .dropdown-item) {
  color: var(--app-color-white, #FFFFFF);
}
.app-bg-blue a:not(.btn, .nav-link, .dropdown-item):hover, .app-bg-blue button:not(.btn, .nav-link, .dropdown-item):hover {
  color: var(--app-color-white, #FFFFFF) !important;
  --app-text-underline-color: var(--app-color-white, map-get($colors, $underline_name)) !important;
}
.app-bg-blue.app-text-tint-10, .app-bg-blue .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white), white 10%);
}
.app-bg-blue.app-text-shade-10, .app-bg-blue .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white), black 10%);
}
.app-bg-blue.app-text-transparent-10, .app-bg-blue .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 10%);
}
.app-bg-blue.app-text-tint-20, .app-bg-blue .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white), white 20%);
}
.app-bg-blue.app-text-shade-20, .app-bg-blue .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white), black 20%);
}
.app-bg-blue.app-text-transparent-20, .app-bg-blue .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 20%);
}
.app-bg-blue.app-text-tint-30, .app-bg-blue .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white), white 30%);
}
.app-bg-blue.app-text-shade-30, .app-bg-blue .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white), black 30%);
}
.app-bg-blue.app-text-transparent-30, .app-bg-blue .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 30%);
}
.app-bg-blue.app-text-tint-40, .app-bg-blue .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white), white 40%);
}
.app-bg-blue.app-text-shade-40, .app-bg-blue .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white), black 40%);
}
.app-bg-blue.app-text-transparent-40, .app-bg-blue .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 40%);
}
.app-bg-blue.app-text-tint-50, .app-bg-blue .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white), white 50%);
}
.app-bg-blue.app-text-shade-50, .app-bg-blue .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white), black 50%);
}
.app-bg-blue.app-text-transparent-50, .app-bg-blue .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 50%);
}
.app-bg-blue.app-text-tint-60, .app-bg-blue .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white), white 60%);
}
.app-bg-blue.app-text-shade-60, .app-bg-blue .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white), black 60%);
}
.app-bg-blue.app-text-transparent-60, .app-bg-blue .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 60%);
}
.app-bg-blue.app-text-tint-70, .app-bg-blue .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white), white 70%);
}
.app-bg-blue.app-text-shade-70, .app-bg-blue .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white), black 70%);
}
.app-bg-blue.app-text-transparent-70, .app-bg-blue .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 70%);
}
.app-bg-blue.app-text-tint-80, .app-bg-blue .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white), white 80%);
}
.app-bg-blue.app-text-shade-80, .app-bg-blue .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white), black 80%);
}
.app-bg-blue.app-text-transparent-80, .app-bg-blue .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 80%);
}
.app-bg-blue.app-text-tint-90, .app-bg-blue .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white), white 90%);
}
.app-bg-blue.app-text-shade-90, .app-bg-blue .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white), black 90%);
}
.app-bg-blue.app-text-transparent-90, .app-bg-blue .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 90%);
}

.app-bg-hover-blue:hover {
  background-color: var(--app-color-blue, #1B439D) !important;
}

.app-bg-var-light-blue {
  --app-background-color: #6B97DE;
}

.app-bg-light-blue {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-black, #000000);
}
.app-bg-light-blue.app-bg-tint-10, .app-bg-light-blue .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), white 10%);
}
.app-bg-light-blue.app-bg-shade-10, .app-bg-light-blue .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), black 10%);
}
.app-bg-light-blue.app-bg-transparent-10, .app-bg-light-blue .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 10%);
}
.app-bg-light-blue.app-bg-tint-20, .app-bg-light-blue .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), white 20%);
}
.app-bg-light-blue.app-bg-shade-20, .app-bg-light-blue .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), black 20%);
}
.app-bg-light-blue.app-bg-transparent-20, .app-bg-light-blue .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 20%);
}
.app-bg-light-blue.app-bg-tint-30, .app-bg-light-blue .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), white 30%);
}
.app-bg-light-blue.app-bg-shade-30, .app-bg-light-blue .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), black 30%);
}
.app-bg-light-blue.app-bg-transparent-30, .app-bg-light-blue .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 30%);
}
.app-bg-light-blue.app-bg-tint-40, .app-bg-light-blue .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), white 40%);
}
.app-bg-light-blue.app-bg-shade-40, .app-bg-light-blue .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), black 40%);
}
.app-bg-light-blue.app-bg-transparent-40, .app-bg-light-blue .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 40%);
}
.app-bg-light-blue.app-bg-tint-50, .app-bg-light-blue .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), white 50%);
}
.app-bg-light-blue.app-bg-shade-50, .app-bg-light-blue .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), black 50%);
}
.app-bg-light-blue.app-bg-transparent-50, .app-bg-light-blue .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 50%);
}
.app-bg-light-blue.app-bg-tint-60, .app-bg-light-blue .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), white 60%);
}
.app-bg-light-blue.app-bg-shade-60, .app-bg-light-blue .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), black 60%);
}
.app-bg-light-blue.app-bg-transparent-60, .app-bg-light-blue .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 60%);
}
.app-bg-light-blue.app-bg-tint-70, .app-bg-light-blue .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), white 70%);
}
.app-bg-light-blue.app-bg-shade-70, .app-bg-light-blue .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), black 70%);
}
.app-bg-light-blue.app-bg-transparent-70, .app-bg-light-blue .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 70%);
}
.app-bg-light-blue.app-bg-tint-80, .app-bg-light-blue .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), white 80%);
}
.app-bg-light-blue.app-bg-shade-80, .app-bg-light-blue .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), black 80%);
}
.app-bg-light-blue.app-bg-transparent-80, .app-bg-light-blue .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 80%);
}
.app-bg-light-blue.app-bg-tint-90, .app-bg-light-blue .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), white 90%);
}
.app-bg-light-blue.app-bg-shade-90, .app-bg-light-blue .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-light-blue), black 90%);
}
.app-bg-light-blue.app-bg-transparent-90, .app-bg-light-blue .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 90%);
}
.app-bg-light-blue a:not(.btn, .nav-link, .dropdown-item), .app-bg-light-blue button:not(.btn, .nav-link, .dropdown-item) {
  color: var(--app-color-black, #000000);
}
.app-bg-light-blue a:not(.btn, .nav-link, .dropdown-item):hover, .app-bg-light-blue button:not(.btn, .nav-link, .dropdown-item):hover {
  color: var(--app-color-black, #000000) !important;
  --app-text-underline-color: var(--app-color-blue, map-get($colors, $underline_name)) !important;
}
.app-bg-light-blue.app-text-tint-10, .app-bg-light-blue .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-black), white 10%);
}
.app-bg-light-blue.app-text-shade-10, .app-bg-light-blue .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-black), black 10%);
}
.app-bg-light-blue.app-text-transparent-10, .app-bg-light-blue .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 10%);
}
.app-bg-light-blue.app-text-tint-20, .app-bg-light-blue .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-black), white 20%);
}
.app-bg-light-blue.app-text-shade-20, .app-bg-light-blue .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-black), black 20%);
}
.app-bg-light-blue.app-text-transparent-20, .app-bg-light-blue .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 20%);
}
.app-bg-light-blue.app-text-tint-30, .app-bg-light-blue .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-black), white 30%);
}
.app-bg-light-blue.app-text-shade-30, .app-bg-light-blue .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-black), black 30%);
}
.app-bg-light-blue.app-text-transparent-30, .app-bg-light-blue .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 30%);
}
.app-bg-light-blue.app-text-tint-40, .app-bg-light-blue .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-black), white 40%);
}
.app-bg-light-blue.app-text-shade-40, .app-bg-light-blue .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-black), black 40%);
}
.app-bg-light-blue.app-text-transparent-40, .app-bg-light-blue .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 40%);
}
.app-bg-light-blue.app-text-tint-50, .app-bg-light-blue .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-black), white 50%);
}
.app-bg-light-blue.app-text-shade-50, .app-bg-light-blue .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-black), black 50%);
}
.app-bg-light-blue.app-text-transparent-50, .app-bg-light-blue .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 50%);
}
.app-bg-light-blue.app-text-tint-60, .app-bg-light-blue .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-black), white 60%);
}
.app-bg-light-blue.app-text-shade-60, .app-bg-light-blue .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-black), black 60%);
}
.app-bg-light-blue.app-text-transparent-60, .app-bg-light-blue .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 60%);
}
.app-bg-light-blue.app-text-tint-70, .app-bg-light-blue .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-black), white 70%);
}
.app-bg-light-blue.app-text-shade-70, .app-bg-light-blue .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-black), black 70%);
}
.app-bg-light-blue.app-text-transparent-70, .app-bg-light-blue .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 70%);
}
.app-bg-light-blue.app-text-tint-80, .app-bg-light-blue .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-black), white 80%);
}
.app-bg-light-blue.app-text-shade-80, .app-bg-light-blue .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-black), black 80%);
}
.app-bg-light-blue.app-text-transparent-80, .app-bg-light-blue .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 80%);
}
.app-bg-light-blue.app-text-tint-90, .app-bg-light-blue .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-black), white 90%);
}
.app-bg-light-blue.app-text-shade-90, .app-bg-light-blue .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-black), black 90%);
}
.app-bg-light-blue.app-text-transparent-90, .app-bg-light-blue .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 90%);
}

.app-bg-hover-light-blue:hover {
  background-color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-bg-var-white-blue {
  --app-background-color: #E2EDFF;
}

.app-bg-white-blue {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-blue, #1B439D);
}
.app-bg-white-blue.app-bg-tint-10, .app-bg-white-blue .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), white 10%);
}
.app-bg-white-blue.app-bg-shade-10, .app-bg-white-blue .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), black 10%);
}
.app-bg-white-blue.app-bg-transparent-10, .app-bg-white-blue .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 10%);
}
.app-bg-white-blue.app-bg-tint-20, .app-bg-white-blue .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), white 20%);
}
.app-bg-white-blue.app-bg-shade-20, .app-bg-white-blue .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), black 20%);
}
.app-bg-white-blue.app-bg-transparent-20, .app-bg-white-blue .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 20%);
}
.app-bg-white-blue.app-bg-tint-30, .app-bg-white-blue .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), white 30%);
}
.app-bg-white-blue.app-bg-shade-30, .app-bg-white-blue .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), black 30%);
}
.app-bg-white-blue.app-bg-transparent-30, .app-bg-white-blue .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 30%);
}
.app-bg-white-blue.app-bg-tint-40, .app-bg-white-blue .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), white 40%);
}
.app-bg-white-blue.app-bg-shade-40, .app-bg-white-blue .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), black 40%);
}
.app-bg-white-blue.app-bg-transparent-40, .app-bg-white-blue .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 40%);
}
.app-bg-white-blue.app-bg-tint-50, .app-bg-white-blue .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), white 50%);
}
.app-bg-white-blue.app-bg-shade-50, .app-bg-white-blue .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), black 50%);
}
.app-bg-white-blue.app-bg-transparent-50, .app-bg-white-blue .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 50%);
}
.app-bg-white-blue.app-bg-tint-60, .app-bg-white-blue .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), white 60%);
}
.app-bg-white-blue.app-bg-shade-60, .app-bg-white-blue .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), black 60%);
}
.app-bg-white-blue.app-bg-transparent-60, .app-bg-white-blue .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 60%);
}
.app-bg-white-blue.app-bg-tint-70, .app-bg-white-blue .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), white 70%);
}
.app-bg-white-blue.app-bg-shade-70, .app-bg-white-blue .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), black 70%);
}
.app-bg-white-blue.app-bg-transparent-70, .app-bg-white-blue .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 70%);
}
.app-bg-white-blue.app-bg-tint-80, .app-bg-white-blue .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), white 80%);
}
.app-bg-white-blue.app-bg-shade-80, .app-bg-white-blue .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), black 80%);
}
.app-bg-white-blue.app-bg-transparent-80, .app-bg-white-blue .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 80%);
}
.app-bg-white-blue.app-bg-tint-90, .app-bg-white-blue .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), white 90%);
}
.app-bg-white-blue.app-bg-shade-90, .app-bg-white-blue .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-white-blue), black 90%);
}
.app-bg-white-blue.app-bg-transparent-90, .app-bg-white-blue .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 90%);
}
.app-bg-white-blue a:not(.btn, .nav-link, .dropdown-item), .app-bg-white-blue button:not(.btn, .nav-link, .dropdown-item) {
  color: var(--app-color-blue, #1B439D);
}
.app-bg-white-blue a:not(.btn, .nav-link, .dropdown-item):hover, .app-bg-white-blue button:not(.btn, .nav-link, .dropdown-item):hover {
  color: var(--app-color-blue, #1B439D) !important;
  --app-text-underline-color: var(--app-color-blue, map-get($colors, $underline_name)) !important;
}
.app-bg-white-blue.app-text-tint-10, .app-bg-white-blue .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-blue), white 10%);
}
.app-bg-white-blue.app-text-shade-10, .app-bg-white-blue .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-blue), black 10%);
}
.app-bg-white-blue.app-text-transparent-10, .app-bg-white-blue .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 10%);
}
.app-bg-white-blue.app-text-tint-20, .app-bg-white-blue .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-blue), white 20%);
}
.app-bg-white-blue.app-text-shade-20, .app-bg-white-blue .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-blue), black 20%);
}
.app-bg-white-blue.app-text-transparent-20, .app-bg-white-blue .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 20%);
}
.app-bg-white-blue.app-text-tint-30, .app-bg-white-blue .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-blue), white 30%);
}
.app-bg-white-blue.app-text-shade-30, .app-bg-white-blue .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-blue), black 30%);
}
.app-bg-white-blue.app-text-transparent-30, .app-bg-white-blue .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 30%);
}
.app-bg-white-blue.app-text-tint-40, .app-bg-white-blue .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-blue), white 40%);
}
.app-bg-white-blue.app-text-shade-40, .app-bg-white-blue .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-blue), black 40%);
}
.app-bg-white-blue.app-text-transparent-40, .app-bg-white-blue .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 40%);
}
.app-bg-white-blue.app-text-tint-50, .app-bg-white-blue .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-blue), white 50%);
}
.app-bg-white-blue.app-text-shade-50, .app-bg-white-blue .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-blue), black 50%);
}
.app-bg-white-blue.app-text-transparent-50, .app-bg-white-blue .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 50%);
}
.app-bg-white-blue.app-text-tint-60, .app-bg-white-blue .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-blue), white 60%);
}
.app-bg-white-blue.app-text-shade-60, .app-bg-white-blue .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-blue), black 60%);
}
.app-bg-white-blue.app-text-transparent-60, .app-bg-white-blue .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 60%);
}
.app-bg-white-blue.app-text-tint-70, .app-bg-white-blue .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-blue), white 70%);
}
.app-bg-white-blue.app-text-shade-70, .app-bg-white-blue .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-blue), black 70%);
}
.app-bg-white-blue.app-text-transparent-70, .app-bg-white-blue .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 70%);
}
.app-bg-white-blue.app-text-tint-80, .app-bg-white-blue .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-blue), white 80%);
}
.app-bg-white-blue.app-text-shade-80, .app-bg-white-blue .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-blue), black 80%);
}
.app-bg-white-blue.app-text-transparent-80, .app-bg-white-blue .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 80%);
}
.app-bg-white-blue.app-text-tint-90, .app-bg-white-blue .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-blue), white 90%);
}
.app-bg-white-blue.app-text-shade-90, .app-bg-white-blue .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-blue), black 90%);
}
.app-bg-white-blue.app-text-transparent-90, .app-bg-white-blue .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 90%);
}

.app-bg-hover-white-blue:hover {
  background-color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-bg-var-green {
  --app-background-color: #008800;
}

.app-bg-green {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-white, #FFFFFF);
}
.app-bg-green.app-bg-tint-10, .app-bg-green .app-bg-tint-10 {
  background-color: color-mix(in srgb, var(--app-color-green), white 10%);
}
.app-bg-green.app-bg-shade-10, .app-bg-green .app-bg-shade-10 {
  background-color: color-mix(in srgb, var(--app-color-green), black 10%);
}
.app-bg-green.app-bg-transparent-10, .app-bg-green .app-bg-transparent-10 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 10%);
}
.app-bg-green.app-bg-tint-20, .app-bg-green .app-bg-tint-20 {
  background-color: color-mix(in srgb, var(--app-color-green), white 20%);
}
.app-bg-green.app-bg-shade-20, .app-bg-green .app-bg-shade-20 {
  background-color: color-mix(in srgb, var(--app-color-green), black 20%);
}
.app-bg-green.app-bg-transparent-20, .app-bg-green .app-bg-transparent-20 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 20%);
}
.app-bg-green.app-bg-tint-30, .app-bg-green .app-bg-tint-30 {
  background-color: color-mix(in srgb, var(--app-color-green), white 30%);
}
.app-bg-green.app-bg-shade-30, .app-bg-green .app-bg-shade-30 {
  background-color: color-mix(in srgb, var(--app-color-green), black 30%);
}
.app-bg-green.app-bg-transparent-30, .app-bg-green .app-bg-transparent-30 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 30%);
}
.app-bg-green.app-bg-tint-40, .app-bg-green .app-bg-tint-40 {
  background-color: color-mix(in srgb, var(--app-color-green), white 40%);
}
.app-bg-green.app-bg-shade-40, .app-bg-green .app-bg-shade-40 {
  background-color: color-mix(in srgb, var(--app-color-green), black 40%);
}
.app-bg-green.app-bg-transparent-40, .app-bg-green .app-bg-transparent-40 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 40%);
}
.app-bg-green.app-bg-tint-50, .app-bg-green .app-bg-tint-50 {
  background-color: color-mix(in srgb, var(--app-color-green), white 50%);
}
.app-bg-green.app-bg-shade-50, .app-bg-green .app-bg-shade-50 {
  background-color: color-mix(in srgb, var(--app-color-green), black 50%);
}
.app-bg-green.app-bg-transparent-50, .app-bg-green .app-bg-transparent-50 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 50%);
}
.app-bg-green.app-bg-tint-60, .app-bg-green .app-bg-tint-60 {
  background-color: color-mix(in srgb, var(--app-color-green), white 60%);
}
.app-bg-green.app-bg-shade-60, .app-bg-green .app-bg-shade-60 {
  background-color: color-mix(in srgb, var(--app-color-green), black 60%);
}
.app-bg-green.app-bg-transparent-60, .app-bg-green .app-bg-transparent-60 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 60%);
}
.app-bg-green.app-bg-tint-70, .app-bg-green .app-bg-tint-70 {
  background-color: color-mix(in srgb, var(--app-color-green), white 70%);
}
.app-bg-green.app-bg-shade-70, .app-bg-green .app-bg-shade-70 {
  background-color: color-mix(in srgb, var(--app-color-green), black 70%);
}
.app-bg-green.app-bg-transparent-70, .app-bg-green .app-bg-transparent-70 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 70%);
}
.app-bg-green.app-bg-tint-80, .app-bg-green .app-bg-tint-80 {
  background-color: color-mix(in srgb, var(--app-color-green), white 80%);
}
.app-bg-green.app-bg-shade-80, .app-bg-green .app-bg-shade-80 {
  background-color: color-mix(in srgb, var(--app-color-green), black 80%);
}
.app-bg-green.app-bg-transparent-80, .app-bg-green .app-bg-transparent-80 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 80%);
}
.app-bg-green.app-bg-tint-90, .app-bg-green .app-bg-tint-90 {
  background-color: color-mix(in srgb, var(--app-color-green), white 90%);
}
.app-bg-green.app-bg-shade-90, .app-bg-green .app-bg-shade-90 {
  background-color: color-mix(in srgb, var(--app-color-green), black 90%);
}
.app-bg-green.app-bg-transparent-90, .app-bg-green .app-bg-transparent-90 {
  background-color: color-mix(in srgb, transparent, var(--app-color-green) 90%);
}
.app-bg-green a:not(.btn, .nav-link, .dropdown-item), .app-bg-green button:not(.btn, .nav-link, .dropdown-item) {
  color: var(--app-color-white, #FFFFFF);
}
.app-bg-green a:not(.btn, .nav-link, .dropdown-item):hover, .app-bg-green button:not(.btn, .nav-link, .dropdown-item):hover {
  color: var(--app-color-white, #FFFFFF) !important;
  --app-text-underline-color: var(--app-color-white, map-get($colors, $underline_name)) !important;
}
.app-bg-green.app-text-tint-10, .app-bg-green .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white), white 10%);
}
.app-bg-green.app-text-shade-10, .app-bg-green .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white), black 10%);
}
.app-bg-green.app-text-transparent-10, .app-bg-green .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 10%);
}
.app-bg-green.app-text-tint-20, .app-bg-green .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white), white 20%);
}
.app-bg-green.app-text-shade-20, .app-bg-green .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white), black 20%);
}
.app-bg-green.app-text-transparent-20, .app-bg-green .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 20%);
}
.app-bg-green.app-text-tint-30, .app-bg-green .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white), white 30%);
}
.app-bg-green.app-text-shade-30, .app-bg-green .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white), black 30%);
}
.app-bg-green.app-text-transparent-30, .app-bg-green .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 30%);
}
.app-bg-green.app-text-tint-40, .app-bg-green .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white), white 40%);
}
.app-bg-green.app-text-shade-40, .app-bg-green .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white), black 40%);
}
.app-bg-green.app-text-transparent-40, .app-bg-green .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 40%);
}
.app-bg-green.app-text-tint-50, .app-bg-green .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white), white 50%);
}
.app-bg-green.app-text-shade-50, .app-bg-green .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white), black 50%);
}
.app-bg-green.app-text-transparent-50, .app-bg-green .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 50%);
}
.app-bg-green.app-text-tint-60, .app-bg-green .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white), white 60%);
}
.app-bg-green.app-text-shade-60, .app-bg-green .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white), black 60%);
}
.app-bg-green.app-text-transparent-60, .app-bg-green .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 60%);
}
.app-bg-green.app-text-tint-70, .app-bg-green .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white), white 70%);
}
.app-bg-green.app-text-shade-70, .app-bg-green .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white), black 70%);
}
.app-bg-green.app-text-transparent-70, .app-bg-green .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 70%);
}
.app-bg-green.app-text-tint-80, .app-bg-green .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white), white 80%);
}
.app-bg-green.app-text-shade-80, .app-bg-green .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white), black 80%);
}
.app-bg-green.app-text-transparent-80, .app-bg-green .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 80%);
}
.app-bg-green.app-text-tint-90, .app-bg-green .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white), white 90%);
}
.app-bg-green.app-text-shade-90, .app-bg-green .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white), black 90%);
}
.app-bg-green.app-text-transparent-90, .app-bg-green .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 90%);
}

.app-bg-hover-green:hover {
  background-color: var(--app-color-green, #008800) !important;
}

.app-bg-transparent {
  background: transparent !important;
}

.app-bg-gradient {
  background: #EC008B;
  background: linear-gradient(90deg, rgb(236, 0, 139) 0%, rgb(59, 63, 182) 40%, rgb(59, 63, 182) 60%, rgb(0, 178, 169) 100%);
  background-size: 200%;
  background-position-x: 50%;
}

.app-bg-gradient-animate {
  animation: gradient-animate 120s ease infinite;
}

@keyframes gradient-animate {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* */
.app-bg-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.app-bg-cover.app-fixed-bg {
  background-attachment: fixed;
}

.app-bg-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.app-bg-fill.app-fixed-bg {
  background-attachment: fixed;
}

.app-bg-nav {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.app-bg-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.app-bg-video iframe {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.app-bg-multiply {
  mix-blend-mode: hard-light;
}

.app-bg-top-left {
  background-position: top left;
}

.app-bg-top-center {
  background-position: top center;
}

.app-bg-top-right {
  background-position: top right;
}

.app-bg-middle-left {
  background-position: center left;
}

.app-bg-middle-center {
  background-position: center center;
}

.app-bg-middle-right {
  background-position: center right;
}

.app-bg-bottom-left {
  background-position: bottom left;
}

.app-bg-bottom-center {
  background-position: bottom center;
}

.app-bg-bottom-right {
  background-position: bottom right;
}

/* _border.scss */
/* border colors */
.app-border-black {
  border-color: var(--app-color-black, #000000) !important;
}
.app-border-black.app-border-tint-10, .app-border-black .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-black), white 10%) !important;
}
.app-border-black.app-border-shade-10, .app-border-black .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-black), black 10%) !important;
}
.app-border-black.app-border-transparent-10, .app-border-black .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 10%) !important;
}
.app-border-black.app-border-tint-20, .app-border-black .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-black), white 20%) !important;
}
.app-border-black.app-border-shade-20, .app-border-black .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-black), black 20%) !important;
}
.app-border-black.app-border-transparent-20, .app-border-black .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 20%) !important;
}
.app-border-black.app-border-tint-30, .app-border-black .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-black), white 30%) !important;
}
.app-border-black.app-border-shade-30, .app-border-black .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-black), black 30%) !important;
}
.app-border-black.app-border-transparent-30, .app-border-black .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 30%) !important;
}
.app-border-black.app-border-tint-40, .app-border-black .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-black), white 40%) !important;
}
.app-border-black.app-border-shade-40, .app-border-black .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-black), black 40%) !important;
}
.app-border-black.app-border-transparent-40, .app-border-black .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 40%) !important;
}
.app-border-black.app-border-tint-50, .app-border-black .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-black), white 50%) !important;
}
.app-border-black.app-border-shade-50, .app-border-black .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-black), black 50%) !important;
}
.app-border-black.app-border-transparent-50, .app-border-black .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 50%) !important;
}
.app-border-black.app-border-tint-60, .app-border-black .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-black), white 60%) !important;
}
.app-border-black.app-border-shade-60, .app-border-black .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-black), black 60%) !important;
}
.app-border-black.app-border-transparent-60, .app-border-black .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 60%) !important;
}
.app-border-black.app-border-tint-70, .app-border-black .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-black), white 70%) !important;
}
.app-border-black.app-border-shade-70, .app-border-black .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-black), black 70%) !important;
}
.app-border-black.app-border-transparent-70, .app-border-black .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 70%) !important;
}
.app-border-black.app-border-tint-80, .app-border-black .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-black), white 80%) !important;
}
.app-border-black.app-border-shade-80, .app-border-black .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-black), black 80%) !important;
}
.app-border-black.app-border-transparent-80, .app-border-black .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 80%) !important;
}
.app-border-black.app-border-tint-90, .app-border-black .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-black), white 90%) !important;
}
.app-border-black.app-border-shade-90, .app-border-black .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-black), black 90%) !important;
}
.app-border-black.app-border-transparent-90, .app-border-black .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-black) 90%) !important;
}

.app-border-hover-black {
  transition: border-color 0.3s ease;
}
.app-border-hover-black:hover {
  border-color: var(--app-color-black, #000000) !important;
}

.app-border-white {
  border-color: var(--app-color-white, #FFFFFF) !important;
}
.app-border-white.app-border-tint-10, .app-border-white .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-white), white 10%) !important;
}
.app-border-white.app-border-shade-10, .app-border-white .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-white), black 10%) !important;
}
.app-border-white.app-border-transparent-10, .app-border-white .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 10%) !important;
}
.app-border-white.app-border-tint-20, .app-border-white .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-white), white 20%) !important;
}
.app-border-white.app-border-shade-20, .app-border-white .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-white), black 20%) !important;
}
.app-border-white.app-border-transparent-20, .app-border-white .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 20%) !important;
}
.app-border-white.app-border-tint-30, .app-border-white .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-white), white 30%) !important;
}
.app-border-white.app-border-shade-30, .app-border-white .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-white), black 30%) !important;
}
.app-border-white.app-border-transparent-30, .app-border-white .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 30%) !important;
}
.app-border-white.app-border-tint-40, .app-border-white .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-white), white 40%) !important;
}
.app-border-white.app-border-shade-40, .app-border-white .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-white), black 40%) !important;
}
.app-border-white.app-border-transparent-40, .app-border-white .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 40%) !important;
}
.app-border-white.app-border-tint-50, .app-border-white .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-white), white 50%) !important;
}
.app-border-white.app-border-shade-50, .app-border-white .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-white), black 50%) !important;
}
.app-border-white.app-border-transparent-50, .app-border-white .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 50%) !important;
}
.app-border-white.app-border-tint-60, .app-border-white .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-white), white 60%) !important;
}
.app-border-white.app-border-shade-60, .app-border-white .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-white), black 60%) !important;
}
.app-border-white.app-border-transparent-60, .app-border-white .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 60%) !important;
}
.app-border-white.app-border-tint-70, .app-border-white .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-white), white 70%) !important;
}
.app-border-white.app-border-shade-70, .app-border-white .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-white), black 70%) !important;
}
.app-border-white.app-border-transparent-70, .app-border-white .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 70%) !important;
}
.app-border-white.app-border-tint-80, .app-border-white .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-white), white 80%) !important;
}
.app-border-white.app-border-shade-80, .app-border-white .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-white), black 80%) !important;
}
.app-border-white.app-border-transparent-80, .app-border-white .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 80%) !important;
}
.app-border-white.app-border-tint-90, .app-border-white .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-white), white 90%) !important;
}
.app-border-white.app-border-shade-90, .app-border-white .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-white), black 90%) !important;
}
.app-border-white.app-border-transparent-90, .app-border-white .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white) 90%) !important;
}

.app-border-hover-white {
  transition: border-color 0.3s ease;
}
.app-border-hover-white:hover {
  border-color: var(--app-color-white, #FFFFFF) !important;
}

.app-border-dark-blue {
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
}
.app-border-dark-blue.app-border-tint-10, .app-border-dark-blue .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), white 10%) !important;
}
.app-border-dark-blue.app-border-shade-10, .app-border-dark-blue .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), black 10%) !important;
}
.app-border-dark-blue.app-border-transparent-10, .app-border-dark-blue .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 10%) !important;
}
.app-border-dark-blue.app-border-tint-20, .app-border-dark-blue .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), white 20%) !important;
}
.app-border-dark-blue.app-border-shade-20, .app-border-dark-blue .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), black 20%) !important;
}
.app-border-dark-blue.app-border-transparent-20, .app-border-dark-blue .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 20%) !important;
}
.app-border-dark-blue.app-border-tint-30, .app-border-dark-blue .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), white 30%) !important;
}
.app-border-dark-blue.app-border-shade-30, .app-border-dark-blue .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), black 30%) !important;
}
.app-border-dark-blue.app-border-transparent-30, .app-border-dark-blue .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 30%) !important;
}
.app-border-dark-blue.app-border-tint-40, .app-border-dark-blue .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), white 40%) !important;
}
.app-border-dark-blue.app-border-shade-40, .app-border-dark-blue .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), black 40%) !important;
}
.app-border-dark-blue.app-border-transparent-40, .app-border-dark-blue .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 40%) !important;
}
.app-border-dark-blue.app-border-tint-50, .app-border-dark-blue .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), white 50%) !important;
}
.app-border-dark-blue.app-border-shade-50, .app-border-dark-blue .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), black 50%) !important;
}
.app-border-dark-blue.app-border-transparent-50, .app-border-dark-blue .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 50%) !important;
}
.app-border-dark-blue.app-border-tint-60, .app-border-dark-blue .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), white 60%) !important;
}
.app-border-dark-blue.app-border-shade-60, .app-border-dark-blue .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), black 60%) !important;
}
.app-border-dark-blue.app-border-transparent-60, .app-border-dark-blue .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 60%) !important;
}
.app-border-dark-blue.app-border-tint-70, .app-border-dark-blue .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), white 70%) !important;
}
.app-border-dark-blue.app-border-shade-70, .app-border-dark-blue .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), black 70%) !important;
}
.app-border-dark-blue.app-border-transparent-70, .app-border-dark-blue .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 70%) !important;
}
.app-border-dark-blue.app-border-tint-80, .app-border-dark-blue .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), white 80%) !important;
}
.app-border-dark-blue.app-border-shade-80, .app-border-dark-blue .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), black 80%) !important;
}
.app-border-dark-blue.app-border-transparent-80, .app-border-dark-blue .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 80%) !important;
}
.app-border-dark-blue.app-border-tint-90, .app-border-dark-blue .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), white 90%) !important;
}
.app-border-dark-blue.app-border-shade-90, .app-border-dark-blue .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-dark-blue), black 90%) !important;
}
.app-border-dark-blue.app-border-transparent-90, .app-border-dark-blue .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 90%) !important;
}

.app-border-hover-dark-blue {
  transition: border-color 0.3s ease;
}
.app-border-hover-dark-blue:hover {
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-border-blue {
  border-color: var(--app-color-blue, #1B439D) !important;
}
.app-border-blue.app-border-tint-10, .app-border-blue .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 10%) !important;
}
.app-border-blue.app-border-shade-10, .app-border-blue .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 10%) !important;
}
.app-border-blue.app-border-transparent-10, .app-border-blue .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 10%) !important;
}
.app-border-blue.app-border-tint-20, .app-border-blue .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 20%) !important;
}
.app-border-blue.app-border-shade-20, .app-border-blue .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 20%) !important;
}
.app-border-blue.app-border-transparent-20, .app-border-blue .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 20%) !important;
}
.app-border-blue.app-border-tint-30, .app-border-blue .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 30%) !important;
}
.app-border-blue.app-border-shade-30, .app-border-blue .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 30%) !important;
}
.app-border-blue.app-border-transparent-30, .app-border-blue .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 30%) !important;
}
.app-border-blue.app-border-tint-40, .app-border-blue .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 40%) !important;
}
.app-border-blue.app-border-shade-40, .app-border-blue .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 40%) !important;
}
.app-border-blue.app-border-transparent-40, .app-border-blue .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 40%) !important;
}
.app-border-blue.app-border-tint-50, .app-border-blue .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 50%) !important;
}
.app-border-blue.app-border-shade-50, .app-border-blue .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 50%) !important;
}
.app-border-blue.app-border-transparent-50, .app-border-blue .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 50%) !important;
}
.app-border-blue.app-border-tint-60, .app-border-blue .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 60%) !important;
}
.app-border-blue.app-border-shade-60, .app-border-blue .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 60%) !important;
}
.app-border-blue.app-border-transparent-60, .app-border-blue .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 60%) !important;
}
.app-border-blue.app-border-tint-70, .app-border-blue .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 70%) !important;
}
.app-border-blue.app-border-shade-70, .app-border-blue .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 70%) !important;
}
.app-border-blue.app-border-transparent-70, .app-border-blue .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 70%) !important;
}
.app-border-blue.app-border-tint-80, .app-border-blue .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 80%) !important;
}
.app-border-blue.app-border-shade-80, .app-border-blue .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 80%) !important;
}
.app-border-blue.app-border-transparent-80, .app-border-blue .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 80%) !important;
}
.app-border-blue.app-border-tint-90, .app-border-blue .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-blue), white 90%) !important;
}
.app-border-blue.app-border-shade-90, .app-border-blue .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-blue), black 90%) !important;
}
.app-border-blue.app-border-transparent-90, .app-border-blue .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-blue) 90%) !important;
}

.app-border-hover-blue {
  transition: border-color 0.3s ease;
}
.app-border-hover-blue:hover {
  border-color: var(--app-color-blue, #1B439D) !important;
}

.app-border-light-blue {
  border-color: var(--app-color-light-blue, #6B97DE) !important;
}
.app-border-light-blue.app-border-tint-10, .app-border-light-blue .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), white 10%) !important;
}
.app-border-light-blue.app-border-shade-10, .app-border-light-blue .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), black 10%) !important;
}
.app-border-light-blue.app-border-transparent-10, .app-border-light-blue .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 10%) !important;
}
.app-border-light-blue.app-border-tint-20, .app-border-light-blue .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), white 20%) !important;
}
.app-border-light-blue.app-border-shade-20, .app-border-light-blue .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), black 20%) !important;
}
.app-border-light-blue.app-border-transparent-20, .app-border-light-blue .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 20%) !important;
}
.app-border-light-blue.app-border-tint-30, .app-border-light-blue .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), white 30%) !important;
}
.app-border-light-blue.app-border-shade-30, .app-border-light-blue .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), black 30%) !important;
}
.app-border-light-blue.app-border-transparent-30, .app-border-light-blue .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 30%) !important;
}
.app-border-light-blue.app-border-tint-40, .app-border-light-blue .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), white 40%) !important;
}
.app-border-light-blue.app-border-shade-40, .app-border-light-blue .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), black 40%) !important;
}
.app-border-light-blue.app-border-transparent-40, .app-border-light-blue .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 40%) !important;
}
.app-border-light-blue.app-border-tint-50, .app-border-light-blue .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), white 50%) !important;
}
.app-border-light-blue.app-border-shade-50, .app-border-light-blue .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), black 50%) !important;
}
.app-border-light-blue.app-border-transparent-50, .app-border-light-blue .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 50%) !important;
}
.app-border-light-blue.app-border-tint-60, .app-border-light-blue .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), white 60%) !important;
}
.app-border-light-blue.app-border-shade-60, .app-border-light-blue .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), black 60%) !important;
}
.app-border-light-blue.app-border-transparent-60, .app-border-light-blue .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 60%) !important;
}
.app-border-light-blue.app-border-tint-70, .app-border-light-blue .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), white 70%) !important;
}
.app-border-light-blue.app-border-shade-70, .app-border-light-blue .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), black 70%) !important;
}
.app-border-light-blue.app-border-transparent-70, .app-border-light-blue .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 70%) !important;
}
.app-border-light-blue.app-border-tint-80, .app-border-light-blue .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), white 80%) !important;
}
.app-border-light-blue.app-border-shade-80, .app-border-light-blue .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), black 80%) !important;
}
.app-border-light-blue.app-border-transparent-80, .app-border-light-blue .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 80%) !important;
}
.app-border-light-blue.app-border-tint-90, .app-border-light-blue .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), white 90%) !important;
}
.app-border-light-blue.app-border-shade-90, .app-border-light-blue .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-light-blue), black 90%) !important;
}
.app-border-light-blue.app-border-transparent-90, .app-border-light-blue .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue) 90%) !important;
}

.app-border-hover-light-blue {
  transition: border-color 0.3s ease;
}
.app-border-hover-light-blue:hover {
  border-color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-border-white-blue {
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
}
.app-border-white-blue.app-border-tint-10, .app-border-white-blue .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), white 10%) !important;
}
.app-border-white-blue.app-border-shade-10, .app-border-white-blue .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), black 10%) !important;
}
.app-border-white-blue.app-border-transparent-10, .app-border-white-blue .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 10%) !important;
}
.app-border-white-blue.app-border-tint-20, .app-border-white-blue .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), white 20%) !important;
}
.app-border-white-blue.app-border-shade-20, .app-border-white-blue .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), black 20%) !important;
}
.app-border-white-blue.app-border-transparent-20, .app-border-white-blue .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 20%) !important;
}
.app-border-white-blue.app-border-tint-30, .app-border-white-blue .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), white 30%) !important;
}
.app-border-white-blue.app-border-shade-30, .app-border-white-blue .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), black 30%) !important;
}
.app-border-white-blue.app-border-transparent-30, .app-border-white-blue .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 30%) !important;
}
.app-border-white-blue.app-border-tint-40, .app-border-white-blue .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), white 40%) !important;
}
.app-border-white-blue.app-border-shade-40, .app-border-white-blue .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), black 40%) !important;
}
.app-border-white-blue.app-border-transparent-40, .app-border-white-blue .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 40%) !important;
}
.app-border-white-blue.app-border-tint-50, .app-border-white-blue .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), white 50%) !important;
}
.app-border-white-blue.app-border-shade-50, .app-border-white-blue .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), black 50%) !important;
}
.app-border-white-blue.app-border-transparent-50, .app-border-white-blue .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 50%) !important;
}
.app-border-white-blue.app-border-tint-60, .app-border-white-blue .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), white 60%) !important;
}
.app-border-white-blue.app-border-shade-60, .app-border-white-blue .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), black 60%) !important;
}
.app-border-white-blue.app-border-transparent-60, .app-border-white-blue .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 60%) !important;
}
.app-border-white-blue.app-border-tint-70, .app-border-white-blue .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), white 70%) !important;
}
.app-border-white-blue.app-border-shade-70, .app-border-white-blue .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), black 70%) !important;
}
.app-border-white-blue.app-border-transparent-70, .app-border-white-blue .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 70%) !important;
}
.app-border-white-blue.app-border-tint-80, .app-border-white-blue .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), white 80%) !important;
}
.app-border-white-blue.app-border-shade-80, .app-border-white-blue .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), black 80%) !important;
}
.app-border-white-blue.app-border-transparent-80, .app-border-white-blue .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 80%) !important;
}
.app-border-white-blue.app-border-tint-90, .app-border-white-blue .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), white 90%) !important;
}
.app-border-white-blue.app-border-shade-90, .app-border-white-blue .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-white-blue), black 90%) !important;
}
.app-border-white-blue.app-border-transparent-90, .app-border-white-blue .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue) 90%) !important;
}

.app-border-hover-white-blue {
  transition: border-color 0.3s ease;
}
.app-border-hover-white-blue:hover {
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-border-green {
  border-color: var(--app-color-green, #008800) !important;
}
.app-border-green.app-border-tint-10, .app-border-green .app-bg-tint-10 {
  border-color: color-mix(in srgb, var(--app-color-green), white 10%) !important;
}
.app-border-green.app-border-shade-10, .app-border-green .app-bg-shade-10 {
  border-color: color-mix(in srgb, var(--app-color-green), black 10%) !important;
}
.app-border-green.app-border-transparent-10, .app-border-green .app-bg-transparent-10 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 10%) !important;
}
.app-border-green.app-border-tint-20, .app-border-green .app-bg-tint-20 {
  border-color: color-mix(in srgb, var(--app-color-green), white 20%) !important;
}
.app-border-green.app-border-shade-20, .app-border-green .app-bg-shade-20 {
  border-color: color-mix(in srgb, var(--app-color-green), black 20%) !important;
}
.app-border-green.app-border-transparent-20, .app-border-green .app-bg-transparent-20 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 20%) !important;
}
.app-border-green.app-border-tint-30, .app-border-green .app-bg-tint-30 {
  border-color: color-mix(in srgb, var(--app-color-green), white 30%) !important;
}
.app-border-green.app-border-shade-30, .app-border-green .app-bg-shade-30 {
  border-color: color-mix(in srgb, var(--app-color-green), black 30%) !important;
}
.app-border-green.app-border-transparent-30, .app-border-green .app-bg-transparent-30 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 30%) !important;
}
.app-border-green.app-border-tint-40, .app-border-green .app-bg-tint-40 {
  border-color: color-mix(in srgb, var(--app-color-green), white 40%) !important;
}
.app-border-green.app-border-shade-40, .app-border-green .app-bg-shade-40 {
  border-color: color-mix(in srgb, var(--app-color-green), black 40%) !important;
}
.app-border-green.app-border-transparent-40, .app-border-green .app-bg-transparent-40 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 40%) !important;
}
.app-border-green.app-border-tint-50, .app-border-green .app-bg-tint-50 {
  border-color: color-mix(in srgb, var(--app-color-green), white 50%) !important;
}
.app-border-green.app-border-shade-50, .app-border-green .app-bg-shade-50 {
  border-color: color-mix(in srgb, var(--app-color-green), black 50%) !important;
}
.app-border-green.app-border-transparent-50, .app-border-green .app-bg-transparent-50 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 50%) !important;
}
.app-border-green.app-border-tint-60, .app-border-green .app-bg-tint-60 {
  border-color: color-mix(in srgb, var(--app-color-green), white 60%) !important;
}
.app-border-green.app-border-shade-60, .app-border-green .app-bg-shade-60 {
  border-color: color-mix(in srgb, var(--app-color-green), black 60%) !important;
}
.app-border-green.app-border-transparent-60, .app-border-green .app-bg-transparent-60 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 60%) !important;
}
.app-border-green.app-border-tint-70, .app-border-green .app-bg-tint-70 {
  border-color: color-mix(in srgb, var(--app-color-green), white 70%) !important;
}
.app-border-green.app-border-shade-70, .app-border-green .app-bg-shade-70 {
  border-color: color-mix(in srgb, var(--app-color-green), black 70%) !important;
}
.app-border-green.app-border-transparent-70, .app-border-green .app-bg-transparent-70 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 70%) !important;
}
.app-border-green.app-border-tint-80, .app-border-green .app-bg-tint-80 {
  border-color: color-mix(in srgb, var(--app-color-green), white 80%) !important;
}
.app-border-green.app-border-shade-80, .app-border-green .app-bg-shade-80 {
  border-color: color-mix(in srgb, var(--app-color-green), black 80%) !important;
}
.app-border-green.app-border-transparent-80, .app-border-green .app-bg-transparent-80 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 80%) !important;
}
.app-border-green.app-border-tint-90, .app-border-green .app-bg-tint-90 {
  border-color: color-mix(in srgb, var(--app-color-green), white 90%) !important;
}
.app-border-green.app-border-shade-90, .app-border-green .app-bg-shade-90 {
  border-color: color-mix(in srgb, var(--app-color-green), black 90%) !important;
}
.app-border-green.app-border-transparent-90, .app-border-green .app-bg-transparent-90 {
  border-color: color-mix(in srgb, transparent, var(--app-color-green) 90%) !important;
}

.app-border-hover-green {
  transition: border-color 0.3s ease;
}
.app-border-hover-green:hover {
  border-color: var(--app-color-green, #008800) !important;
}

/* _text.scss */
/* text colors */
.app-text-black, a.app-text-black {
  color: var(--app-color-black, #000000) !important;
}
.app-text-black :not(.btn), .app-text-black button:not(.btn), a.app-text-black :not(.btn), a.app-text-black button:not(.btn) {
  color: var(--app-color-black, #000000) !important;
}
.app-text-black :not(.btn):hover, .app-text-black button:not(.btn):hover, a.app-text-black :not(.btn):hover, a.app-text-black button:not(.btn):hover {
  color: var(--app-color-black, #000000) !important;
}
.app-text-black.app-text-tint-10, .app-text-black .app-text-tint-10, a.app-text-black.app-text-tint-10, a.app-text-black .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-black), white 10%) !important;
}
.app-text-black.app-text-shade-10, .app-text-black .app-text-shade-10, a.app-text-black.app-text-shade-10, a.app-text-black .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-black), black 10%) !important;
}
.app-text-black.app-text-transparent-10, .app-text-black .app-text-transparent-10, a.app-text-black.app-text-transparent-10, a.app-text-black .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 10%) !important;
}
.app-text-black.app-text-tint-20, .app-text-black .app-text-tint-20, a.app-text-black.app-text-tint-20, a.app-text-black .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-black), white 20%) !important;
}
.app-text-black.app-text-shade-20, .app-text-black .app-text-shade-20, a.app-text-black.app-text-shade-20, a.app-text-black .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-black), black 20%) !important;
}
.app-text-black.app-text-transparent-20, .app-text-black .app-text-transparent-20, a.app-text-black.app-text-transparent-20, a.app-text-black .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 20%) !important;
}
.app-text-black.app-text-tint-30, .app-text-black .app-text-tint-30, a.app-text-black.app-text-tint-30, a.app-text-black .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-black), white 30%) !important;
}
.app-text-black.app-text-shade-30, .app-text-black .app-text-shade-30, a.app-text-black.app-text-shade-30, a.app-text-black .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-black), black 30%) !important;
}
.app-text-black.app-text-transparent-30, .app-text-black .app-text-transparent-30, a.app-text-black.app-text-transparent-30, a.app-text-black .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 30%) !important;
}
.app-text-black.app-text-tint-40, .app-text-black .app-text-tint-40, a.app-text-black.app-text-tint-40, a.app-text-black .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-black), white 40%) !important;
}
.app-text-black.app-text-shade-40, .app-text-black .app-text-shade-40, a.app-text-black.app-text-shade-40, a.app-text-black .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-black), black 40%) !important;
}
.app-text-black.app-text-transparent-40, .app-text-black .app-text-transparent-40, a.app-text-black.app-text-transparent-40, a.app-text-black .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 40%) !important;
}
.app-text-black.app-text-tint-50, .app-text-black .app-text-tint-50, a.app-text-black.app-text-tint-50, a.app-text-black .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-black), white 50%) !important;
}
.app-text-black.app-text-shade-50, .app-text-black .app-text-shade-50, a.app-text-black.app-text-shade-50, a.app-text-black .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-black), black 50%) !important;
}
.app-text-black.app-text-transparent-50, .app-text-black .app-text-transparent-50, a.app-text-black.app-text-transparent-50, a.app-text-black .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 50%) !important;
}
.app-text-black.app-text-tint-60, .app-text-black .app-text-tint-60, a.app-text-black.app-text-tint-60, a.app-text-black .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-black), white 60%) !important;
}
.app-text-black.app-text-shade-60, .app-text-black .app-text-shade-60, a.app-text-black.app-text-shade-60, a.app-text-black .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-black), black 60%) !important;
}
.app-text-black.app-text-transparent-60, .app-text-black .app-text-transparent-60, a.app-text-black.app-text-transparent-60, a.app-text-black .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 60%) !important;
}
.app-text-black.app-text-tint-70, .app-text-black .app-text-tint-70, a.app-text-black.app-text-tint-70, a.app-text-black .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-black), white 70%) !important;
}
.app-text-black.app-text-shade-70, .app-text-black .app-text-shade-70, a.app-text-black.app-text-shade-70, a.app-text-black .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-black), black 70%) !important;
}
.app-text-black.app-text-transparent-70, .app-text-black .app-text-transparent-70, a.app-text-black.app-text-transparent-70, a.app-text-black .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 70%) !important;
}
.app-text-black.app-text-tint-80, .app-text-black .app-text-tint-80, a.app-text-black.app-text-tint-80, a.app-text-black .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-black), white 80%) !important;
}
.app-text-black.app-text-shade-80, .app-text-black .app-text-shade-80, a.app-text-black.app-text-shade-80, a.app-text-black .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-black), black 80%) !important;
}
.app-text-black.app-text-transparent-80, .app-text-black .app-text-transparent-80, a.app-text-black.app-text-transparent-80, a.app-text-black .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 80%) !important;
}
.app-text-black.app-text-tint-90, .app-text-black .app-text-tint-90, a.app-text-black.app-text-tint-90, a.app-text-black .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-black), white 90%) !important;
}
.app-text-black.app-text-shade-90, .app-text-black .app-text-shade-90, a.app-text-black.app-text-shade-90, a.app-text-black .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-black), black 90%) !important;
}
.app-text-black.app-text-transparent-90, .app-text-black .app-text-transparent-90, a.app-text-black.app-text-transparent-90, a.app-text-black .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-black) 90%) !important;
}

.app-text-hover-black :not(.btn), .app-text-hover-black button:not(.btn), a.app-text-hover-black :not(.btn), a.app-text-hover-black button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-black :not(.btn):hover, .app-text-hover-black button:not(.btn):hover, a.app-text-hover-black :not(.btn):hover, a.app-text-hover-black button:not(.btn):hover {
  color: var(--app-color-black, #000000) !important;
}
.app-text-hover-black .show, a.app-text-hover-black .show {
  color: var(--app-color-black, #000000) !important;
}

.app-text-placeholder-black::placeholder {
  color: var(--app-color-black, #000000) !important;
  opacity: 0.5;
}

.app-text-shadow-black {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-black) 50%);
}

.app-text-white, a.app-text-white {
  color: var(--app-color-white, #FFFFFF) !important;
}
.app-text-white :not(.btn), .app-text-white button:not(.btn), a.app-text-white :not(.btn), a.app-text-white button:not(.btn) {
  color: var(--app-color-white, #FFFFFF) !important;
}
.app-text-white :not(.btn):hover, .app-text-white button:not(.btn):hover, a.app-text-white :not(.btn):hover, a.app-text-white button:not(.btn):hover {
  color: var(--app-color-white, #FFFFFF) !important;
}
.app-text-white.app-text-tint-10, .app-text-white .app-text-tint-10, a.app-text-white.app-text-tint-10, a.app-text-white .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white), white 10%) !important;
}
.app-text-white.app-text-shade-10, .app-text-white .app-text-shade-10, a.app-text-white.app-text-shade-10, a.app-text-white .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white), black 10%) !important;
}
.app-text-white.app-text-transparent-10, .app-text-white .app-text-transparent-10, a.app-text-white.app-text-transparent-10, a.app-text-white .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 10%) !important;
}
.app-text-white.app-text-tint-20, .app-text-white .app-text-tint-20, a.app-text-white.app-text-tint-20, a.app-text-white .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white), white 20%) !important;
}
.app-text-white.app-text-shade-20, .app-text-white .app-text-shade-20, a.app-text-white.app-text-shade-20, a.app-text-white .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white), black 20%) !important;
}
.app-text-white.app-text-transparent-20, .app-text-white .app-text-transparent-20, a.app-text-white.app-text-transparent-20, a.app-text-white .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 20%) !important;
}
.app-text-white.app-text-tint-30, .app-text-white .app-text-tint-30, a.app-text-white.app-text-tint-30, a.app-text-white .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white), white 30%) !important;
}
.app-text-white.app-text-shade-30, .app-text-white .app-text-shade-30, a.app-text-white.app-text-shade-30, a.app-text-white .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white), black 30%) !important;
}
.app-text-white.app-text-transparent-30, .app-text-white .app-text-transparent-30, a.app-text-white.app-text-transparent-30, a.app-text-white .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 30%) !important;
}
.app-text-white.app-text-tint-40, .app-text-white .app-text-tint-40, a.app-text-white.app-text-tint-40, a.app-text-white .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white), white 40%) !important;
}
.app-text-white.app-text-shade-40, .app-text-white .app-text-shade-40, a.app-text-white.app-text-shade-40, a.app-text-white .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white), black 40%) !important;
}
.app-text-white.app-text-transparent-40, .app-text-white .app-text-transparent-40, a.app-text-white.app-text-transparent-40, a.app-text-white .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 40%) !important;
}
.app-text-white.app-text-tint-50, .app-text-white .app-text-tint-50, a.app-text-white.app-text-tint-50, a.app-text-white .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white), white 50%) !important;
}
.app-text-white.app-text-shade-50, .app-text-white .app-text-shade-50, a.app-text-white.app-text-shade-50, a.app-text-white .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white), black 50%) !important;
}
.app-text-white.app-text-transparent-50, .app-text-white .app-text-transparent-50, a.app-text-white.app-text-transparent-50, a.app-text-white .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 50%) !important;
}
.app-text-white.app-text-tint-60, .app-text-white .app-text-tint-60, a.app-text-white.app-text-tint-60, a.app-text-white .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white), white 60%) !important;
}
.app-text-white.app-text-shade-60, .app-text-white .app-text-shade-60, a.app-text-white.app-text-shade-60, a.app-text-white .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white), black 60%) !important;
}
.app-text-white.app-text-transparent-60, .app-text-white .app-text-transparent-60, a.app-text-white.app-text-transparent-60, a.app-text-white .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 60%) !important;
}
.app-text-white.app-text-tint-70, .app-text-white .app-text-tint-70, a.app-text-white.app-text-tint-70, a.app-text-white .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white), white 70%) !important;
}
.app-text-white.app-text-shade-70, .app-text-white .app-text-shade-70, a.app-text-white.app-text-shade-70, a.app-text-white .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white), black 70%) !important;
}
.app-text-white.app-text-transparent-70, .app-text-white .app-text-transparent-70, a.app-text-white.app-text-transparent-70, a.app-text-white .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 70%) !important;
}
.app-text-white.app-text-tint-80, .app-text-white .app-text-tint-80, a.app-text-white.app-text-tint-80, a.app-text-white .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white), white 80%) !important;
}
.app-text-white.app-text-shade-80, .app-text-white .app-text-shade-80, a.app-text-white.app-text-shade-80, a.app-text-white .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white), black 80%) !important;
}
.app-text-white.app-text-transparent-80, .app-text-white .app-text-transparent-80, a.app-text-white.app-text-transparent-80, a.app-text-white .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 80%) !important;
}
.app-text-white.app-text-tint-90, .app-text-white .app-text-tint-90, a.app-text-white.app-text-tint-90, a.app-text-white .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white), white 90%) !important;
}
.app-text-white.app-text-shade-90, .app-text-white .app-text-shade-90, a.app-text-white.app-text-shade-90, a.app-text-white .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white), black 90%) !important;
}
.app-text-white.app-text-transparent-90, .app-text-white .app-text-transparent-90, a.app-text-white.app-text-transparent-90, a.app-text-white .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white) 90%) !important;
}

.app-text-hover-white :not(.btn), .app-text-hover-white button:not(.btn), a.app-text-hover-white :not(.btn), a.app-text-hover-white button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-white :not(.btn):hover, .app-text-hover-white button:not(.btn):hover, a.app-text-hover-white :not(.btn):hover, a.app-text-hover-white button:not(.btn):hover {
  color: var(--app-color-white, #FFFFFF) !important;
}
.app-text-hover-white .show, a.app-text-hover-white .show {
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-text-placeholder-white::placeholder {
  color: var(--app-color-white, #FFFFFF) !important;
  opacity: 0.5;
}

.app-text-shadow-white {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-white) 50%);
}

.app-text-dark-blue, a.app-text-dark-blue {
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}
.app-text-dark-blue :not(.btn), .app-text-dark-blue button:not(.btn), a.app-text-dark-blue :not(.btn), a.app-text-dark-blue button:not(.btn) {
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}
.app-text-dark-blue :not(.btn):hover, .app-text-dark-blue button:not(.btn):hover, a.app-text-dark-blue :not(.btn):hover, a.app-text-dark-blue button:not(.btn):hover {
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}
.app-text-dark-blue.app-text-tint-10, .app-text-dark-blue .app-text-tint-10, a.app-text-dark-blue.app-text-tint-10, a.app-text-dark-blue .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-dark-blue), white 10%) !important;
}
.app-text-dark-blue.app-text-shade-10, .app-text-dark-blue .app-text-shade-10, a.app-text-dark-blue.app-text-shade-10, a.app-text-dark-blue .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-dark-blue), black 10%) !important;
}
.app-text-dark-blue.app-text-transparent-10, .app-text-dark-blue .app-text-transparent-10, a.app-text-dark-blue.app-text-transparent-10, a.app-text-dark-blue .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 10%) !important;
}
.app-text-dark-blue.app-text-tint-20, .app-text-dark-blue .app-text-tint-20, a.app-text-dark-blue.app-text-tint-20, a.app-text-dark-blue .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-dark-blue), white 20%) !important;
}
.app-text-dark-blue.app-text-shade-20, .app-text-dark-blue .app-text-shade-20, a.app-text-dark-blue.app-text-shade-20, a.app-text-dark-blue .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-dark-blue), black 20%) !important;
}
.app-text-dark-blue.app-text-transparent-20, .app-text-dark-blue .app-text-transparent-20, a.app-text-dark-blue.app-text-transparent-20, a.app-text-dark-blue .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 20%) !important;
}
.app-text-dark-blue.app-text-tint-30, .app-text-dark-blue .app-text-tint-30, a.app-text-dark-blue.app-text-tint-30, a.app-text-dark-blue .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-dark-blue), white 30%) !important;
}
.app-text-dark-blue.app-text-shade-30, .app-text-dark-blue .app-text-shade-30, a.app-text-dark-blue.app-text-shade-30, a.app-text-dark-blue .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-dark-blue), black 30%) !important;
}
.app-text-dark-blue.app-text-transparent-30, .app-text-dark-blue .app-text-transparent-30, a.app-text-dark-blue.app-text-transparent-30, a.app-text-dark-blue .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 30%) !important;
}
.app-text-dark-blue.app-text-tint-40, .app-text-dark-blue .app-text-tint-40, a.app-text-dark-blue.app-text-tint-40, a.app-text-dark-blue .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-dark-blue), white 40%) !important;
}
.app-text-dark-blue.app-text-shade-40, .app-text-dark-blue .app-text-shade-40, a.app-text-dark-blue.app-text-shade-40, a.app-text-dark-blue .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-dark-blue), black 40%) !important;
}
.app-text-dark-blue.app-text-transparent-40, .app-text-dark-blue .app-text-transparent-40, a.app-text-dark-blue.app-text-transparent-40, a.app-text-dark-blue .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 40%) !important;
}
.app-text-dark-blue.app-text-tint-50, .app-text-dark-blue .app-text-tint-50, a.app-text-dark-blue.app-text-tint-50, a.app-text-dark-blue .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-dark-blue), white 50%) !important;
}
.app-text-dark-blue.app-text-shade-50, .app-text-dark-blue .app-text-shade-50, a.app-text-dark-blue.app-text-shade-50, a.app-text-dark-blue .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-dark-blue), black 50%) !important;
}
.app-text-dark-blue.app-text-transparent-50, .app-text-dark-blue .app-text-transparent-50, a.app-text-dark-blue.app-text-transparent-50, a.app-text-dark-blue .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 50%) !important;
}
.app-text-dark-blue.app-text-tint-60, .app-text-dark-blue .app-text-tint-60, a.app-text-dark-blue.app-text-tint-60, a.app-text-dark-blue .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-dark-blue), white 60%) !important;
}
.app-text-dark-blue.app-text-shade-60, .app-text-dark-blue .app-text-shade-60, a.app-text-dark-blue.app-text-shade-60, a.app-text-dark-blue .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-dark-blue), black 60%) !important;
}
.app-text-dark-blue.app-text-transparent-60, .app-text-dark-blue .app-text-transparent-60, a.app-text-dark-blue.app-text-transparent-60, a.app-text-dark-blue .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 60%) !important;
}
.app-text-dark-blue.app-text-tint-70, .app-text-dark-blue .app-text-tint-70, a.app-text-dark-blue.app-text-tint-70, a.app-text-dark-blue .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-dark-blue), white 70%) !important;
}
.app-text-dark-blue.app-text-shade-70, .app-text-dark-blue .app-text-shade-70, a.app-text-dark-blue.app-text-shade-70, a.app-text-dark-blue .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-dark-blue), black 70%) !important;
}
.app-text-dark-blue.app-text-transparent-70, .app-text-dark-blue .app-text-transparent-70, a.app-text-dark-blue.app-text-transparent-70, a.app-text-dark-blue .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 70%) !important;
}
.app-text-dark-blue.app-text-tint-80, .app-text-dark-blue .app-text-tint-80, a.app-text-dark-blue.app-text-tint-80, a.app-text-dark-blue .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-dark-blue), white 80%) !important;
}
.app-text-dark-blue.app-text-shade-80, .app-text-dark-blue .app-text-shade-80, a.app-text-dark-blue.app-text-shade-80, a.app-text-dark-blue .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-dark-blue), black 80%) !important;
}
.app-text-dark-blue.app-text-transparent-80, .app-text-dark-blue .app-text-transparent-80, a.app-text-dark-blue.app-text-transparent-80, a.app-text-dark-blue .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 80%) !important;
}
.app-text-dark-blue.app-text-tint-90, .app-text-dark-blue .app-text-tint-90, a.app-text-dark-blue.app-text-tint-90, a.app-text-dark-blue .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-dark-blue), white 90%) !important;
}
.app-text-dark-blue.app-text-shade-90, .app-text-dark-blue .app-text-shade-90, a.app-text-dark-blue.app-text-shade-90, a.app-text-dark-blue .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-dark-blue), black 90%) !important;
}
.app-text-dark-blue.app-text-transparent-90, .app-text-dark-blue .app-text-transparent-90, a.app-text-dark-blue.app-text-transparent-90, a.app-text-dark-blue .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-dark-blue) 90%) !important;
}

.app-text-hover-dark-blue :not(.btn), .app-text-hover-dark-blue button:not(.btn), a.app-text-hover-dark-blue :not(.btn), a.app-text-hover-dark-blue button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-dark-blue :not(.btn):hover, .app-text-hover-dark-blue button:not(.btn):hover, a.app-text-hover-dark-blue :not(.btn):hover, a.app-text-hover-dark-blue button:not(.btn):hover {
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}
.app-text-hover-dark-blue .show, a.app-text-hover-dark-blue .show {
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-text-placeholder-dark-blue::placeholder {
  color: var(--app-color-dark-blue, #0F0A4E) !important;
  opacity: 0.5;
}

.app-text-shadow-dark-blue {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-dark-blue) 50%);
}

.app-text-blue, a.app-text-blue {
  color: var(--app-color-blue, #1B439D) !important;
}
.app-text-blue :not(.btn), .app-text-blue button:not(.btn), a.app-text-blue :not(.btn), a.app-text-blue button:not(.btn) {
  color: var(--app-color-blue, #1B439D) !important;
}
.app-text-blue :not(.btn):hover, .app-text-blue button:not(.btn):hover, a.app-text-blue :not(.btn):hover, a.app-text-blue button:not(.btn):hover {
  color: var(--app-color-blue, #1B439D) !important;
}
.app-text-blue.app-text-tint-10, .app-text-blue .app-text-tint-10, a.app-text-blue.app-text-tint-10, a.app-text-blue .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-blue), white 10%) !important;
}
.app-text-blue.app-text-shade-10, .app-text-blue .app-text-shade-10, a.app-text-blue.app-text-shade-10, a.app-text-blue .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-blue), black 10%) !important;
}
.app-text-blue.app-text-transparent-10, .app-text-blue .app-text-transparent-10, a.app-text-blue.app-text-transparent-10, a.app-text-blue .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 10%) !important;
}
.app-text-blue.app-text-tint-20, .app-text-blue .app-text-tint-20, a.app-text-blue.app-text-tint-20, a.app-text-blue .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-blue), white 20%) !important;
}
.app-text-blue.app-text-shade-20, .app-text-blue .app-text-shade-20, a.app-text-blue.app-text-shade-20, a.app-text-blue .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-blue), black 20%) !important;
}
.app-text-blue.app-text-transparent-20, .app-text-blue .app-text-transparent-20, a.app-text-blue.app-text-transparent-20, a.app-text-blue .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 20%) !important;
}
.app-text-blue.app-text-tint-30, .app-text-blue .app-text-tint-30, a.app-text-blue.app-text-tint-30, a.app-text-blue .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-blue), white 30%) !important;
}
.app-text-blue.app-text-shade-30, .app-text-blue .app-text-shade-30, a.app-text-blue.app-text-shade-30, a.app-text-blue .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-blue), black 30%) !important;
}
.app-text-blue.app-text-transparent-30, .app-text-blue .app-text-transparent-30, a.app-text-blue.app-text-transparent-30, a.app-text-blue .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 30%) !important;
}
.app-text-blue.app-text-tint-40, .app-text-blue .app-text-tint-40, a.app-text-blue.app-text-tint-40, a.app-text-blue .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-blue), white 40%) !important;
}
.app-text-blue.app-text-shade-40, .app-text-blue .app-text-shade-40, a.app-text-blue.app-text-shade-40, a.app-text-blue .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-blue), black 40%) !important;
}
.app-text-blue.app-text-transparent-40, .app-text-blue .app-text-transparent-40, a.app-text-blue.app-text-transparent-40, a.app-text-blue .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 40%) !important;
}
.app-text-blue.app-text-tint-50, .app-text-blue .app-text-tint-50, a.app-text-blue.app-text-tint-50, a.app-text-blue .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-blue), white 50%) !important;
}
.app-text-blue.app-text-shade-50, .app-text-blue .app-text-shade-50, a.app-text-blue.app-text-shade-50, a.app-text-blue .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-blue), black 50%) !important;
}
.app-text-blue.app-text-transparent-50, .app-text-blue .app-text-transparent-50, a.app-text-blue.app-text-transparent-50, a.app-text-blue .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 50%) !important;
}
.app-text-blue.app-text-tint-60, .app-text-blue .app-text-tint-60, a.app-text-blue.app-text-tint-60, a.app-text-blue .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-blue), white 60%) !important;
}
.app-text-blue.app-text-shade-60, .app-text-blue .app-text-shade-60, a.app-text-blue.app-text-shade-60, a.app-text-blue .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-blue), black 60%) !important;
}
.app-text-blue.app-text-transparent-60, .app-text-blue .app-text-transparent-60, a.app-text-blue.app-text-transparent-60, a.app-text-blue .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 60%) !important;
}
.app-text-blue.app-text-tint-70, .app-text-blue .app-text-tint-70, a.app-text-blue.app-text-tint-70, a.app-text-blue .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-blue), white 70%) !important;
}
.app-text-blue.app-text-shade-70, .app-text-blue .app-text-shade-70, a.app-text-blue.app-text-shade-70, a.app-text-blue .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-blue), black 70%) !important;
}
.app-text-blue.app-text-transparent-70, .app-text-blue .app-text-transparent-70, a.app-text-blue.app-text-transparent-70, a.app-text-blue .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 70%) !important;
}
.app-text-blue.app-text-tint-80, .app-text-blue .app-text-tint-80, a.app-text-blue.app-text-tint-80, a.app-text-blue .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-blue), white 80%) !important;
}
.app-text-blue.app-text-shade-80, .app-text-blue .app-text-shade-80, a.app-text-blue.app-text-shade-80, a.app-text-blue .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-blue), black 80%) !important;
}
.app-text-blue.app-text-transparent-80, .app-text-blue .app-text-transparent-80, a.app-text-blue.app-text-transparent-80, a.app-text-blue .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 80%) !important;
}
.app-text-blue.app-text-tint-90, .app-text-blue .app-text-tint-90, a.app-text-blue.app-text-tint-90, a.app-text-blue .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-blue), white 90%) !important;
}
.app-text-blue.app-text-shade-90, .app-text-blue .app-text-shade-90, a.app-text-blue.app-text-shade-90, a.app-text-blue .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-blue), black 90%) !important;
}
.app-text-blue.app-text-transparent-90, .app-text-blue .app-text-transparent-90, a.app-text-blue.app-text-transparent-90, a.app-text-blue .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-blue) 90%) !important;
}

.app-text-hover-blue :not(.btn), .app-text-hover-blue button:not(.btn), a.app-text-hover-blue :not(.btn), a.app-text-hover-blue button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-blue :not(.btn):hover, .app-text-hover-blue button:not(.btn):hover, a.app-text-hover-blue :not(.btn):hover, a.app-text-hover-blue button:not(.btn):hover {
  color: var(--app-color-blue, #1B439D) !important;
}
.app-text-hover-blue .show, a.app-text-hover-blue .show {
  color: var(--app-color-blue, #1B439D) !important;
}

.app-text-placeholder-blue::placeholder {
  color: var(--app-color-blue, #1B439D) !important;
  opacity: 0.5;
}

.app-text-shadow-blue {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-blue) 50%);
}

.app-text-light-blue, a.app-text-light-blue {
  color: var(--app-color-light-blue, #6B97DE) !important;
}
.app-text-light-blue :not(.btn), .app-text-light-blue button:not(.btn), a.app-text-light-blue :not(.btn), a.app-text-light-blue button:not(.btn) {
  color: var(--app-color-light-blue, #6B97DE) !important;
}
.app-text-light-blue :not(.btn):hover, .app-text-light-blue button:not(.btn):hover, a.app-text-light-blue :not(.btn):hover, a.app-text-light-blue button:not(.btn):hover {
  color: var(--app-color-light-blue, #6B97DE) !important;
}
.app-text-light-blue.app-text-tint-10, .app-text-light-blue .app-text-tint-10, a.app-text-light-blue.app-text-tint-10, a.app-text-light-blue .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-light-blue), white 10%) !important;
}
.app-text-light-blue.app-text-shade-10, .app-text-light-blue .app-text-shade-10, a.app-text-light-blue.app-text-shade-10, a.app-text-light-blue .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-light-blue), black 10%) !important;
}
.app-text-light-blue.app-text-transparent-10, .app-text-light-blue .app-text-transparent-10, a.app-text-light-blue.app-text-transparent-10, a.app-text-light-blue .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-light-blue) 10%) !important;
}
.app-text-light-blue.app-text-tint-20, .app-text-light-blue .app-text-tint-20, a.app-text-light-blue.app-text-tint-20, a.app-text-light-blue .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-light-blue), white 20%) !important;
}
.app-text-light-blue.app-text-shade-20, .app-text-light-blue .app-text-shade-20, a.app-text-light-blue.app-text-shade-20, a.app-text-light-blue .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-light-blue), black 20%) !important;
}
.app-text-light-blue.app-text-transparent-20, .app-text-light-blue .app-text-transparent-20, a.app-text-light-blue.app-text-transparent-20, a.app-text-light-blue .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-light-blue) 20%) !important;
}
.app-text-light-blue.app-text-tint-30, .app-text-light-blue .app-text-tint-30, a.app-text-light-blue.app-text-tint-30, a.app-text-light-blue .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-light-blue), white 30%) !important;
}
.app-text-light-blue.app-text-shade-30, .app-text-light-blue .app-text-shade-30, a.app-text-light-blue.app-text-shade-30, a.app-text-light-blue .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-light-blue), black 30%) !important;
}
.app-text-light-blue.app-text-transparent-30, .app-text-light-blue .app-text-transparent-30, a.app-text-light-blue.app-text-transparent-30, a.app-text-light-blue .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-light-blue) 30%) !important;
}
.app-text-light-blue.app-text-tint-40, .app-text-light-blue .app-text-tint-40, a.app-text-light-blue.app-text-tint-40, a.app-text-light-blue .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-light-blue), white 40%) !important;
}
.app-text-light-blue.app-text-shade-40, .app-text-light-blue .app-text-shade-40, a.app-text-light-blue.app-text-shade-40, a.app-text-light-blue .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-light-blue), black 40%) !important;
}
.app-text-light-blue.app-text-transparent-40, .app-text-light-blue .app-text-transparent-40, a.app-text-light-blue.app-text-transparent-40, a.app-text-light-blue .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-light-blue) 40%) !important;
}
.app-text-light-blue.app-text-tint-50, .app-text-light-blue .app-text-tint-50, a.app-text-light-blue.app-text-tint-50, a.app-text-light-blue .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-light-blue), white 50%) !important;
}
.app-text-light-blue.app-text-shade-50, .app-text-light-blue .app-text-shade-50, a.app-text-light-blue.app-text-shade-50, a.app-text-light-blue .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-light-blue), black 50%) !important;
}
.app-text-light-blue.app-text-transparent-50, .app-text-light-blue .app-text-transparent-50, a.app-text-light-blue.app-text-transparent-50, a.app-text-light-blue .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-light-blue) 50%) !important;
}
.app-text-light-blue.app-text-tint-60, .app-text-light-blue .app-text-tint-60, a.app-text-light-blue.app-text-tint-60, a.app-text-light-blue .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-light-blue), white 60%) !important;
}
.app-text-light-blue.app-text-shade-60, .app-text-light-blue .app-text-shade-60, a.app-text-light-blue.app-text-shade-60, a.app-text-light-blue .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-light-blue), black 60%) !important;
}
.app-text-light-blue.app-text-transparent-60, .app-text-light-blue .app-text-transparent-60, a.app-text-light-blue.app-text-transparent-60, a.app-text-light-blue .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-light-blue) 60%) !important;
}
.app-text-light-blue.app-text-tint-70, .app-text-light-blue .app-text-tint-70, a.app-text-light-blue.app-text-tint-70, a.app-text-light-blue .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-light-blue), white 70%) !important;
}
.app-text-light-blue.app-text-shade-70, .app-text-light-blue .app-text-shade-70, a.app-text-light-blue.app-text-shade-70, a.app-text-light-blue .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-light-blue), black 70%) !important;
}
.app-text-light-blue.app-text-transparent-70, .app-text-light-blue .app-text-transparent-70, a.app-text-light-blue.app-text-transparent-70, a.app-text-light-blue .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-light-blue) 70%) !important;
}
.app-text-light-blue.app-text-tint-80, .app-text-light-blue .app-text-tint-80, a.app-text-light-blue.app-text-tint-80, a.app-text-light-blue .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-light-blue), white 80%) !important;
}
.app-text-light-blue.app-text-shade-80, .app-text-light-blue .app-text-shade-80, a.app-text-light-blue.app-text-shade-80, a.app-text-light-blue .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-light-blue), black 80%) !important;
}
.app-text-light-blue.app-text-transparent-80, .app-text-light-blue .app-text-transparent-80, a.app-text-light-blue.app-text-transparent-80, a.app-text-light-blue .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-light-blue) 80%) !important;
}
.app-text-light-blue.app-text-tint-90, .app-text-light-blue .app-text-tint-90, a.app-text-light-blue.app-text-tint-90, a.app-text-light-blue .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-light-blue), white 90%) !important;
}
.app-text-light-blue.app-text-shade-90, .app-text-light-blue .app-text-shade-90, a.app-text-light-blue.app-text-shade-90, a.app-text-light-blue .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-light-blue), black 90%) !important;
}
.app-text-light-blue.app-text-transparent-90, .app-text-light-blue .app-text-transparent-90, a.app-text-light-blue.app-text-transparent-90, a.app-text-light-blue .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-light-blue) 90%) !important;
}

.app-text-hover-light-blue :not(.btn), .app-text-hover-light-blue button:not(.btn), a.app-text-hover-light-blue :not(.btn), a.app-text-hover-light-blue button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-light-blue :not(.btn):hover, .app-text-hover-light-blue button:not(.btn):hover, a.app-text-hover-light-blue :not(.btn):hover, a.app-text-hover-light-blue button:not(.btn):hover {
  color: var(--app-color-light-blue, #6B97DE) !important;
}
.app-text-hover-light-blue .show, a.app-text-hover-light-blue .show {
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-text-placeholder-light-blue::placeholder {
  color: var(--app-color-light-blue, #6B97DE) !important;
  opacity: 0.5;
}

.app-text-shadow-light-blue {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-light-blue) 50%);
}

.app-text-white-blue, a.app-text-white-blue {
  color: var(--app-color-white-blue, #E2EDFF) !important;
}
.app-text-white-blue :not(.btn), .app-text-white-blue button:not(.btn), a.app-text-white-blue :not(.btn), a.app-text-white-blue button:not(.btn) {
  color: var(--app-color-white-blue, #E2EDFF) !important;
}
.app-text-white-blue :not(.btn):hover, .app-text-white-blue button:not(.btn):hover, a.app-text-white-blue :not(.btn):hover, a.app-text-white-blue button:not(.btn):hover {
  color: var(--app-color-white-blue, #E2EDFF) !important;
}
.app-text-white-blue.app-text-tint-10, .app-text-white-blue .app-text-tint-10, a.app-text-white-blue.app-text-tint-10, a.app-text-white-blue .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-white-blue), white 10%) !important;
}
.app-text-white-blue.app-text-shade-10, .app-text-white-blue .app-text-shade-10, a.app-text-white-blue.app-text-shade-10, a.app-text-white-blue .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-white-blue), black 10%) !important;
}
.app-text-white-blue.app-text-transparent-10, .app-text-white-blue .app-text-transparent-10, a.app-text-white-blue.app-text-transparent-10, a.app-text-white-blue .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-white-blue) 10%) !important;
}
.app-text-white-blue.app-text-tint-20, .app-text-white-blue .app-text-tint-20, a.app-text-white-blue.app-text-tint-20, a.app-text-white-blue .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-white-blue), white 20%) !important;
}
.app-text-white-blue.app-text-shade-20, .app-text-white-blue .app-text-shade-20, a.app-text-white-blue.app-text-shade-20, a.app-text-white-blue .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-white-blue), black 20%) !important;
}
.app-text-white-blue.app-text-transparent-20, .app-text-white-blue .app-text-transparent-20, a.app-text-white-blue.app-text-transparent-20, a.app-text-white-blue .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-white-blue) 20%) !important;
}
.app-text-white-blue.app-text-tint-30, .app-text-white-blue .app-text-tint-30, a.app-text-white-blue.app-text-tint-30, a.app-text-white-blue .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-white-blue), white 30%) !important;
}
.app-text-white-blue.app-text-shade-30, .app-text-white-blue .app-text-shade-30, a.app-text-white-blue.app-text-shade-30, a.app-text-white-blue .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-white-blue), black 30%) !important;
}
.app-text-white-blue.app-text-transparent-30, .app-text-white-blue .app-text-transparent-30, a.app-text-white-blue.app-text-transparent-30, a.app-text-white-blue .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-white-blue) 30%) !important;
}
.app-text-white-blue.app-text-tint-40, .app-text-white-blue .app-text-tint-40, a.app-text-white-blue.app-text-tint-40, a.app-text-white-blue .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-white-blue), white 40%) !important;
}
.app-text-white-blue.app-text-shade-40, .app-text-white-blue .app-text-shade-40, a.app-text-white-blue.app-text-shade-40, a.app-text-white-blue .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-white-blue), black 40%) !important;
}
.app-text-white-blue.app-text-transparent-40, .app-text-white-blue .app-text-transparent-40, a.app-text-white-blue.app-text-transparent-40, a.app-text-white-blue .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-white-blue) 40%) !important;
}
.app-text-white-blue.app-text-tint-50, .app-text-white-blue .app-text-tint-50, a.app-text-white-blue.app-text-tint-50, a.app-text-white-blue .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-white-blue), white 50%) !important;
}
.app-text-white-blue.app-text-shade-50, .app-text-white-blue .app-text-shade-50, a.app-text-white-blue.app-text-shade-50, a.app-text-white-blue .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-white-blue), black 50%) !important;
}
.app-text-white-blue.app-text-transparent-50, .app-text-white-blue .app-text-transparent-50, a.app-text-white-blue.app-text-transparent-50, a.app-text-white-blue .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-white-blue) 50%) !important;
}
.app-text-white-blue.app-text-tint-60, .app-text-white-blue .app-text-tint-60, a.app-text-white-blue.app-text-tint-60, a.app-text-white-blue .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-white-blue), white 60%) !important;
}
.app-text-white-blue.app-text-shade-60, .app-text-white-blue .app-text-shade-60, a.app-text-white-blue.app-text-shade-60, a.app-text-white-blue .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-white-blue), black 60%) !important;
}
.app-text-white-blue.app-text-transparent-60, .app-text-white-blue .app-text-transparent-60, a.app-text-white-blue.app-text-transparent-60, a.app-text-white-blue .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-white-blue) 60%) !important;
}
.app-text-white-blue.app-text-tint-70, .app-text-white-blue .app-text-tint-70, a.app-text-white-blue.app-text-tint-70, a.app-text-white-blue .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-white-blue), white 70%) !important;
}
.app-text-white-blue.app-text-shade-70, .app-text-white-blue .app-text-shade-70, a.app-text-white-blue.app-text-shade-70, a.app-text-white-blue .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-white-blue), black 70%) !important;
}
.app-text-white-blue.app-text-transparent-70, .app-text-white-blue .app-text-transparent-70, a.app-text-white-blue.app-text-transparent-70, a.app-text-white-blue .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-white-blue) 70%) !important;
}
.app-text-white-blue.app-text-tint-80, .app-text-white-blue .app-text-tint-80, a.app-text-white-blue.app-text-tint-80, a.app-text-white-blue .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-white-blue), white 80%) !important;
}
.app-text-white-blue.app-text-shade-80, .app-text-white-blue .app-text-shade-80, a.app-text-white-blue.app-text-shade-80, a.app-text-white-blue .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-white-blue), black 80%) !important;
}
.app-text-white-blue.app-text-transparent-80, .app-text-white-blue .app-text-transparent-80, a.app-text-white-blue.app-text-transparent-80, a.app-text-white-blue .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-white-blue) 80%) !important;
}
.app-text-white-blue.app-text-tint-90, .app-text-white-blue .app-text-tint-90, a.app-text-white-blue.app-text-tint-90, a.app-text-white-blue .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-white-blue), white 90%) !important;
}
.app-text-white-blue.app-text-shade-90, .app-text-white-blue .app-text-shade-90, a.app-text-white-blue.app-text-shade-90, a.app-text-white-blue .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-white-blue), black 90%) !important;
}
.app-text-white-blue.app-text-transparent-90, .app-text-white-blue .app-text-transparent-90, a.app-text-white-blue.app-text-transparent-90, a.app-text-white-blue .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-white-blue) 90%) !important;
}

.app-text-hover-white-blue :not(.btn), .app-text-hover-white-blue button:not(.btn), a.app-text-hover-white-blue :not(.btn), a.app-text-hover-white-blue button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-white-blue :not(.btn):hover, .app-text-hover-white-blue button:not(.btn):hover, a.app-text-hover-white-blue :not(.btn):hover, a.app-text-hover-white-blue button:not(.btn):hover {
  color: var(--app-color-white-blue, #E2EDFF) !important;
}
.app-text-hover-white-blue .show, a.app-text-hover-white-blue .show {
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-text-placeholder-white-blue::placeholder {
  color: var(--app-color-white-blue, #E2EDFF) !important;
  opacity: 0.5;
}

.app-text-shadow-white-blue {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-white-blue) 50%);
}

.app-text-green, a.app-text-green {
  color: var(--app-color-green, #008800) !important;
}
.app-text-green :not(.btn), .app-text-green button:not(.btn), a.app-text-green :not(.btn), a.app-text-green button:not(.btn) {
  color: var(--app-color-green, #008800) !important;
}
.app-text-green :not(.btn):hover, .app-text-green button:not(.btn):hover, a.app-text-green :not(.btn):hover, a.app-text-green button:not(.btn):hover {
  color: var(--app-color-green, #008800) !important;
}
.app-text-green.app-text-tint-10, .app-text-green .app-text-tint-10, a.app-text-green.app-text-tint-10, a.app-text-green .app-text-tint-10 {
  color: color-mix(in srgb, var(--app-color-green), white 10%) !important;
}
.app-text-green.app-text-shade-10, .app-text-green .app-text-shade-10, a.app-text-green.app-text-shade-10, a.app-text-green .app-text-shade-10 {
  color: color-mix(in srgb, var(--app-color-green), black 10%) !important;
}
.app-text-green.app-text-transparent-10, .app-text-green .app-text-transparent-10, a.app-text-green.app-text-transparent-10, a.app-text-green .app-text-transparent-10 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 10%) !important;
}
.app-text-green.app-text-tint-20, .app-text-green .app-text-tint-20, a.app-text-green.app-text-tint-20, a.app-text-green .app-text-tint-20 {
  color: color-mix(in srgb, var(--app-color-green), white 20%) !important;
}
.app-text-green.app-text-shade-20, .app-text-green .app-text-shade-20, a.app-text-green.app-text-shade-20, a.app-text-green .app-text-shade-20 {
  color: color-mix(in srgb, var(--app-color-green), black 20%) !important;
}
.app-text-green.app-text-transparent-20, .app-text-green .app-text-transparent-20, a.app-text-green.app-text-transparent-20, a.app-text-green .app-text-transparent-20 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 20%) !important;
}
.app-text-green.app-text-tint-30, .app-text-green .app-text-tint-30, a.app-text-green.app-text-tint-30, a.app-text-green .app-text-tint-30 {
  color: color-mix(in srgb, var(--app-color-green), white 30%) !important;
}
.app-text-green.app-text-shade-30, .app-text-green .app-text-shade-30, a.app-text-green.app-text-shade-30, a.app-text-green .app-text-shade-30 {
  color: color-mix(in srgb, var(--app-color-green), black 30%) !important;
}
.app-text-green.app-text-transparent-30, .app-text-green .app-text-transparent-30, a.app-text-green.app-text-transparent-30, a.app-text-green .app-text-transparent-30 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 30%) !important;
}
.app-text-green.app-text-tint-40, .app-text-green .app-text-tint-40, a.app-text-green.app-text-tint-40, a.app-text-green .app-text-tint-40 {
  color: color-mix(in srgb, var(--app-color-green), white 40%) !important;
}
.app-text-green.app-text-shade-40, .app-text-green .app-text-shade-40, a.app-text-green.app-text-shade-40, a.app-text-green .app-text-shade-40 {
  color: color-mix(in srgb, var(--app-color-green), black 40%) !important;
}
.app-text-green.app-text-transparent-40, .app-text-green .app-text-transparent-40, a.app-text-green.app-text-transparent-40, a.app-text-green .app-text-transparent-40 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 40%) !important;
}
.app-text-green.app-text-tint-50, .app-text-green .app-text-tint-50, a.app-text-green.app-text-tint-50, a.app-text-green .app-text-tint-50 {
  color: color-mix(in srgb, var(--app-color-green), white 50%) !important;
}
.app-text-green.app-text-shade-50, .app-text-green .app-text-shade-50, a.app-text-green.app-text-shade-50, a.app-text-green .app-text-shade-50 {
  color: color-mix(in srgb, var(--app-color-green), black 50%) !important;
}
.app-text-green.app-text-transparent-50, .app-text-green .app-text-transparent-50, a.app-text-green.app-text-transparent-50, a.app-text-green .app-text-transparent-50 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 50%) !important;
}
.app-text-green.app-text-tint-60, .app-text-green .app-text-tint-60, a.app-text-green.app-text-tint-60, a.app-text-green .app-text-tint-60 {
  color: color-mix(in srgb, var(--app-color-green), white 60%) !important;
}
.app-text-green.app-text-shade-60, .app-text-green .app-text-shade-60, a.app-text-green.app-text-shade-60, a.app-text-green .app-text-shade-60 {
  color: color-mix(in srgb, var(--app-color-green), black 60%) !important;
}
.app-text-green.app-text-transparent-60, .app-text-green .app-text-transparent-60, a.app-text-green.app-text-transparent-60, a.app-text-green .app-text-transparent-60 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 60%) !important;
}
.app-text-green.app-text-tint-70, .app-text-green .app-text-tint-70, a.app-text-green.app-text-tint-70, a.app-text-green .app-text-tint-70 {
  color: color-mix(in srgb, var(--app-color-green), white 70%) !important;
}
.app-text-green.app-text-shade-70, .app-text-green .app-text-shade-70, a.app-text-green.app-text-shade-70, a.app-text-green .app-text-shade-70 {
  color: color-mix(in srgb, var(--app-color-green), black 70%) !important;
}
.app-text-green.app-text-transparent-70, .app-text-green .app-text-transparent-70, a.app-text-green.app-text-transparent-70, a.app-text-green .app-text-transparent-70 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 70%) !important;
}
.app-text-green.app-text-tint-80, .app-text-green .app-text-tint-80, a.app-text-green.app-text-tint-80, a.app-text-green .app-text-tint-80 {
  color: color-mix(in srgb, var(--app-color-green), white 80%) !important;
}
.app-text-green.app-text-shade-80, .app-text-green .app-text-shade-80, a.app-text-green.app-text-shade-80, a.app-text-green .app-text-shade-80 {
  color: color-mix(in srgb, var(--app-color-green), black 80%) !important;
}
.app-text-green.app-text-transparent-80, .app-text-green .app-text-transparent-80, a.app-text-green.app-text-transparent-80, a.app-text-green .app-text-transparent-80 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 80%) !important;
}
.app-text-green.app-text-tint-90, .app-text-green .app-text-tint-90, a.app-text-green.app-text-tint-90, a.app-text-green .app-text-tint-90 {
  color: color-mix(in srgb, var(--app-color-green), white 90%) !important;
}
.app-text-green.app-text-shade-90, .app-text-green .app-text-shade-90, a.app-text-green.app-text-shade-90, a.app-text-green .app-text-shade-90 {
  color: color-mix(in srgb, var(--app-color-green), black 90%) !important;
}
.app-text-green.app-text-transparent-90, .app-text-green .app-text-transparent-90, a.app-text-green.app-text-transparent-90, a.app-text-green .app-text-transparent-90 {
  color: color-mix(in srgb, transparent, var(--app-color-green) 90%) !important;
}

.app-text-hover-green :not(.btn), .app-text-hover-green button:not(.btn), a.app-text-hover-green :not(.btn), a.app-text-hover-green button:not(.btn) {
  transition: color 0.3s ease;
}
.app-text-hover-green :not(.btn):hover, .app-text-hover-green button:not(.btn):hover, a.app-text-hover-green :not(.btn):hover, a.app-text-hover-green button:not(.btn):hover {
  color: var(--app-color-green, #008800) !important;
}
.app-text-hover-green .show, a.app-text-hover-green .show {
  color: var(--app-color-green, #008800) !important;
}

.app-text-placeholder-green::placeholder {
  color: var(--app-color-green, #008800) !important;
  opacity: 0.5;
}

.app-text-shadow-green {
  text-shadow: 1px 2px 8px color-mix(in srgb, transparent, var(--app-color-green) 50%);
}

/* link */
.app-links-underline a:not(.btn), .app-links-underline button:not(.btn) {
  text-decoration: underline !important;
}
.app-links-underline a:not(.btn):hover, .app-links-underline button:not(.btn):hover {
  text-decoration: none !important;
}

.app-links-reverse a:not(.btn), .app-links-reverse button:not(.btn) {
  text-decoration: none !important;
}
.app-links-reverse a:not(.btn):hover, .app-links-reverse button:not(.btn):hover {
  text-decoration: underline !important;
  text-underline-offset: 0.25rem !important;
  text-decoration-thickness: 3px !important;
}
.app-links-reverse a:not(.btn):not([class*=app-text-]):not([class*=app-underline-]):hover,
.app-links-reverse button:not(.btn):hover {
  text-decoration-color: var(--app-text-underline-color, --app-color-blue) !important;
}

.app-links-plain a:not(.btn) {
  text-decoration: none !important;
}
.app-links-plain a:not(.btn):hover {
  text-decoration: none !important;
}

.app-underline-black:not(.btn), .app-underline-black button:not(.btn), a.app-underline-black:not(.btn), a.app-underline-black button:not(.btn) {
  text-decoration-color: #000000 !important;
}

.app-underline-hover-black:not(.btn):hover, .app-underline-hover-black button:not(.btn):hover, a.app-underline-hover-black:not(.btn):hover, a.app-underline-hover-black button:not(.btn):hover {
  text-decoration-color: #000000 !important;
}

.app-underline-white:not(.btn), .app-underline-white button:not(.btn), a.app-underline-white:not(.btn), a.app-underline-white button:not(.btn) {
  text-decoration-color: #FFFFFF !important;
}

.app-underline-hover-white:not(.btn):hover, .app-underline-hover-white button:not(.btn):hover, a.app-underline-hover-white:not(.btn):hover, a.app-underline-hover-white button:not(.btn):hover {
  text-decoration-color: #FFFFFF !important;
}

.app-underline-dark-blue:not(.btn), .app-underline-dark-blue button:not(.btn), a.app-underline-dark-blue:not(.btn), a.app-underline-dark-blue button:not(.btn) {
  text-decoration-color: #0F0A4E !important;
}

.app-underline-hover-dark-blue:not(.btn):hover, .app-underline-hover-dark-blue button:not(.btn):hover, a.app-underline-hover-dark-blue:not(.btn):hover, a.app-underline-hover-dark-blue button:not(.btn):hover {
  text-decoration-color: #0F0A4E !important;
}

.app-underline-blue:not(.btn), .app-underline-blue button:not(.btn), a.app-underline-blue:not(.btn), a.app-underline-blue button:not(.btn) {
  text-decoration-color: #1B439D !important;
}

.app-underline-hover-blue:not(.btn):hover, .app-underline-hover-blue button:not(.btn):hover, a.app-underline-hover-blue:not(.btn):hover, a.app-underline-hover-blue button:not(.btn):hover {
  text-decoration-color: #1B439D !important;
}

.app-underline-light-blue:not(.btn), .app-underline-light-blue button:not(.btn), a.app-underline-light-blue:not(.btn), a.app-underline-light-blue button:not(.btn) {
  text-decoration-color: #6B97DE !important;
}

.app-underline-hover-light-blue:not(.btn):hover, .app-underline-hover-light-blue button:not(.btn):hover, a.app-underline-hover-light-blue:not(.btn):hover, a.app-underline-hover-light-blue button:not(.btn):hover {
  text-decoration-color: #6B97DE !important;
}

.app-underline-white-blue:not(.btn), .app-underline-white-blue button:not(.btn), a.app-underline-white-blue:not(.btn), a.app-underline-white-blue button:not(.btn) {
  text-decoration-color: #E2EDFF !important;
}

.app-underline-hover-white-blue:not(.btn):hover, .app-underline-hover-white-blue button:not(.btn):hover, a.app-underline-hover-white-blue:not(.btn):hover, a.app-underline-hover-white-blue button:not(.btn):hover {
  text-decoration-color: #E2EDFF !important;
}

.app-underline-green:not(.btn), .app-underline-green button:not(.btn), a.app-underline-green:not(.btn), a.app-underline-green button:not(.btn) {
  text-decoration-color: #008800 !important;
}

.app-underline-hover-green:not(.btn):hover, .app-underline-hover-green button:not(.btn):hover, a.app-underline-hover-green:not(.btn):hover, a.app-underline-hover-green button:not(.btn):hover {
  text-decoration-color: #008800 !important;
}

/* letter-spacing */
.app-letter-spacing {
  letter-spacing: 0.25rem;
}

/* line-height */
.app-line-height-reduced {
  line-height: calc(var(--bs-body-line-height) * 0.8);
}

/* _img.scss */
/* img colors */
.app-img-shadow-black {
  filter: drop-shadow(1px 2px 8px color-mix(in srgb, transparent, var(--app-color-black) 50%));
}

.app-img-shadow-white {
  filter: drop-shadow(1px 2px 8px color-mix(in srgb, transparent, var(--app-color-white) 50%));
}

.app-img-shadow-dark-blue {
  filter: drop-shadow(1px 2px 8px color-mix(in srgb, transparent, var(--app-color-dark-blue) 50%));
}

.app-img-shadow-blue {
  filter: drop-shadow(1px 2px 8px color-mix(in srgb, transparent, var(--app-color-blue) 50%));
}

.app-img-shadow-light-blue {
  filter: drop-shadow(1px 2px 8px color-mix(in srgb, transparent, var(--app-color-light-blue) 50%));
}

.app-img-shadow-white-blue {
  filter: drop-shadow(1px 2px 8px color-mix(in srgb, transparent, var(--app-color-white-blue) 50%));
}

.app-img-shadow-green {
  filter: drop-shadow(1px 2px 8px color-mix(in srgb, transparent, var(--app-color-green) 50%));
}

/* _table.scss */
.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--app-color-white);
}

/* _btn.scss */
/* button colors */
.app-btn-black, .app-btn-black-auto {
  background-color: var(--app-color-black, #000000);
  color: var(--bs-body-bg);
}
.app-btn-black:hover, .app-btn-black-auto:hover {
  background-color: var(--app-color-black, #000000);
  color: var(--bs-body-bg);
}

.app-btn-hover-black, .app-btn-hover-black-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black:hover, .app-btn-hover-black-auto:hover {
  background-color: var(--app-color-black, #000000) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-black, .app-btn-outline-black-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-black, #000000);
}
.app-btn-outline-black:hover, .app-btn-outline-black-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-black, #000000);
}

.app-btn-outline-hover-black, .app-btn-outline-hover-black-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black:hover, .app-btn-outline-hover-black-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-underline-black, .app-btn-underline-black-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #000000) 50%);
  color: var(--app-color-black, #000000);
}
.app-btn-underline-black:hover, .app-btn-underline-black-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-black, #000000);
}

.app-btn-underline-hover-black, .app-btn-underline-hover-black-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black:hover, .app-btn-underline-hover-black-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-black-black {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-black, #000000);
}
.app-btn-black-black:hover {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-black, #000000);
}

.app-btn-hover-black-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-black:hover {
  background-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-outline-black-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-black, #000000);
}
.app-btn-outline-black-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-black, #000000);
}

.app-btn-outline-hover-black-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-underline-black-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #000000) 50%);
  color: var(--app-color-black, #000000);
}
.app-btn-underline-black-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-black, #000000);
}

.app-btn-underline-hover-black-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-black-white {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-black-white:hover {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-hover-black-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-white:hover {
  background-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-outline-black-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-outline-black-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-outline-hover-black-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-underline-black-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #000000) 50%);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-underline-black-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-underline-hover-black-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-black-dark-blue {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-black-dark-blue:hover {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-hover-black-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-dark-blue:hover {
  background-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-outline-black-dark-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-outline-black-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-outline-hover-black-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-underline-black-dark-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #000000) 50%);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-underline-black-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-underline-hover-black-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-black-blue {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-black-blue:hover {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-hover-black-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-blue:hover {
  background-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-outline-black-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-outline-black-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-outline-hover-black-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-underline-black-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #000000) 50%);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-underline-black-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-underline-hover-black-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-black-light-blue {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-black-light-blue:hover {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-hover-black-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-light-blue:hover {
  background-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-outline-black-light-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-outline-black-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-outline-hover-black-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-underline-black-light-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #000000) 50%);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-underline-black-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-underline-hover-black-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-black-white-blue {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-black-white-blue:hover {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-hover-black-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-white-blue:hover {
  background-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-outline-black-white-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-outline-black-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-outline-hover-black-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-underline-black-white-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #000000) 50%);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-underline-black-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-underline-hover-black-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-black-green {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-green, #008800);
}
.app-btn-black-green:hover {
  background-color: var(--app-color-black, #000000);
  color: var(--app-color-green, #008800);
}

.app-btn-hover-black-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-black-green:hover {
  background-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-outline-black-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-green, #008800);
}
.app-btn-outline-black-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-green, #008800);
}

.app-btn-outline-hover-black-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-black-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-underline-black-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-black, #000000) 50%);
  color: var(--app-color-green, #008800);
}
.app-btn-underline-black-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000);
  color: var(--app-color-green, #008800);
}

.app-btn-underline-hover-black-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-black-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-black, #000000) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-white, .app-btn-white-auto {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--bs-body-bg);
}
.app-btn-white:hover, .app-btn-white-auto:hover {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--bs-body-bg);
}

.app-btn-hover-white, .app-btn-hover-white-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white:hover, .app-btn-hover-white-auto:hover {
  background-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-white, .app-btn-outline-white-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-outline-white:hover, .app-btn-outline-white-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-outline-hover-white, .app-btn-outline-hover-white-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white:hover, .app-btn-outline-hover-white-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-underline-white, .app-btn-underline-white-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #FFFFFF) 50%);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-underline-white:hover, .app-btn-underline-white-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-underline-hover-white, .app-btn-underline-hover-white-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white:hover, .app-btn-underline-hover-white-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-white-black {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-black, #000000);
}
.app-btn-white-black:hover {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-black, #000000);
}

.app-btn-hover-white-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-black:hover {
  background-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-outline-white-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-black, #000000);
}
.app-btn-outline-white-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-black, #000000);
}

.app-btn-outline-hover-white-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-underline-white-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #FFFFFF) 50%);
  color: var(--app-color-black, #000000);
}
.app-btn-underline-white-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-black, #000000);
}

.app-btn-underline-hover-white-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-white-white {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-white-white:hover {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-hover-white-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-white:hover {
  background-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-outline-white-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-outline-white-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-outline-hover-white-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-underline-white-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #FFFFFF) 50%);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-underline-white-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-underline-hover-white-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-white-dark-blue {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-white-dark-blue:hover {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-hover-white-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-dark-blue:hover {
  background-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-outline-white-dark-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-outline-white-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-outline-hover-white-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-underline-white-dark-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #FFFFFF) 50%);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-underline-white-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-underline-hover-white-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-white-blue {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-white-blue:hover {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-hover-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-blue:hover {
  background-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-outline-white-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-outline-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-outline-hover-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-underline-white-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #FFFFFF) 50%);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-underline-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-underline-hover-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-white-light-blue {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-white-light-blue:hover {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-hover-white-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-light-blue:hover {
  background-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-outline-white-light-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-outline-white-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-outline-hover-white-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-underline-white-light-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #FFFFFF) 50%);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-underline-white-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-underline-hover-white-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-white-white-blue {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-white-white-blue:hover {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-hover-white-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-white-blue:hover {
  background-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-outline-white-white-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-outline-white-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-outline-hover-white-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-underline-white-white-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #FFFFFF) 50%);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-underline-white-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-underline-hover-white-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-white-green {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-green, #008800);
}
.app-btn-white-green:hover {
  background-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-green, #008800);
}

.app-btn-hover-white-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-green:hover {
  background-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-outline-white-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-green, #008800);
}
.app-btn-outline-white-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-green, #008800);
}

.app-btn-outline-hover-white-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-underline-white-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white, #FFFFFF) 50%);
  color: var(--app-color-green, #008800);
}
.app-btn-underline-white-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF);
  color: var(--app-color-green, #008800);
}

.app-btn-underline-hover-white-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white, #FFFFFF) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-dark-blue, .app-btn-dark-blue-auto {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--bs-body-bg);
}
.app-btn-dark-blue:hover, .app-btn-dark-blue-auto:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--bs-body-bg);
}

.app-btn-hover-dark-blue, .app-btn-hover-dark-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-blue:hover, .app-btn-hover-dark-blue-auto:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-dark-blue, .app-btn-outline-dark-blue-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-outline-dark-blue:hover, .app-btn-outline-dark-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-outline-hover-dark-blue, .app-btn-outline-hover-dark-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-blue:hover, .app-btn-outline-hover-dark-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-underline-dark-blue, .app-btn-underline-dark-blue-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue, #0F0A4E) 50%);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-underline-dark-blue:hover, .app-btn-underline-dark-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-underline-hover-dark-blue, .app-btn-underline-hover-dark-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-blue:hover, .app-btn-underline-hover-dark-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-dark-blue-black {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-black, #000000);
}
.app-btn-dark-blue-black:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-black, #000000);
}

.app-btn-hover-dark-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-blue-black:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-outline-dark-blue-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-black, #000000);
}
.app-btn-outline-dark-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-black, #000000);
}

.app-btn-outline-hover-dark-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-underline-dark-blue-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue, #0F0A4E) 50%);
  color: var(--app-color-black, #000000);
}
.app-btn-underline-dark-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-black, #000000);
}

.app-btn-underline-hover-dark-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-dark-blue-white {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-dark-blue-white:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-hover-dark-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-blue-white:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-outline-dark-blue-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-outline-dark-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-outline-hover-dark-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-underline-dark-blue-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue, #0F0A4E) 50%);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-underline-dark-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-underline-hover-dark-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-dark-blue-dark-blue {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-dark-blue-dark-blue:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-hover-dark-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-blue-dark-blue:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-outline-dark-blue-dark-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-outline-dark-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-outline-hover-dark-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-underline-dark-blue-dark-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue, #0F0A4E) 50%);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-underline-dark-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-underline-hover-dark-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-dark-blue-blue {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-dark-blue-blue:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-hover-dark-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-blue-blue:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-outline-dark-blue-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-outline-dark-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-outline-hover-dark-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-underline-dark-blue-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue, #0F0A4E) 50%);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-underline-dark-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-underline-hover-dark-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-dark-blue-light-blue {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-dark-blue-light-blue:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-hover-dark-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-blue-light-blue:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-outline-dark-blue-light-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-outline-dark-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-outline-hover-dark-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-underline-dark-blue-light-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue, #0F0A4E) 50%);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-underline-dark-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-underline-hover-dark-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-dark-blue-white-blue {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-dark-blue-white-blue:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-hover-dark-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-blue-white-blue:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-outline-dark-blue-white-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-outline-dark-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-outline-hover-dark-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-underline-dark-blue-white-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue, #0F0A4E) 50%);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-underline-dark-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-underline-hover-dark-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-dark-blue-green {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-green, #008800);
}
.app-btn-dark-blue-green:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-green, #008800);
}

.app-btn-hover-dark-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-dark-blue-green:hover {
  background-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-outline-dark-blue-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-green, #008800);
}
.app-btn-outline-dark-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-green, #008800);
}

.app-btn-outline-hover-dark-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-dark-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-underline-dark-blue-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-dark-blue, #0F0A4E) 50%);
  color: var(--app-color-green, #008800);
}
.app-btn-underline-dark-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E);
  color: var(--app-color-green, #008800);
}

.app-btn-underline-hover-dark-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-dark-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-dark-blue, #0F0A4E) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-blue, .app-btn-blue-auto {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--bs-body-bg);
}
.app-btn-blue:hover, .app-btn-blue-auto:hover {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--bs-body-bg);
}

.app-btn-hover-blue, .app-btn-hover-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue:hover, .app-btn-hover-blue-auto:hover {
  background-color: var(--app-color-blue, #1B439D) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-blue, .app-btn-outline-blue-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-outline-blue:hover, .app-btn-outline-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-outline-hover-blue, .app-btn-outline-hover-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue:hover, .app-btn-outline-hover-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-underline-blue, .app-btn-underline-blue-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #1B439D) 50%);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-underline-blue:hover, .app-btn-underline-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-underline-hover-blue, .app-btn-underline-hover-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue:hover, .app-btn-underline-hover-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-blue-black {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-black, #000000);
}
.app-btn-blue-black:hover {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-black, #000000);
}

.app-btn-hover-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-black:hover {
  background-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-outline-blue-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-black, #000000);
}
.app-btn-outline-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-black, #000000);
}

.app-btn-outline-hover-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-underline-blue-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #1B439D) 50%);
  color: var(--app-color-black, #000000);
}
.app-btn-underline-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-black, #000000);
}

.app-btn-underline-hover-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-blue-white {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-blue-white:hover {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-hover-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-white:hover {
  background-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-outline-blue-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-outline-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-outline-hover-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-underline-blue-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #1B439D) 50%);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-underline-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-underline-hover-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-blue-dark-blue {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-blue-dark-blue:hover {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-hover-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-dark-blue:hover {
  background-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-outline-blue-dark-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-outline-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-outline-hover-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-underline-blue-dark-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #1B439D) 50%);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-underline-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-underline-hover-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-blue-blue {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-blue-blue:hover {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-hover-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-blue:hover {
  background-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-outline-blue-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-outline-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-outline-hover-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-underline-blue-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #1B439D) 50%);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-underline-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-underline-hover-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-blue-light-blue {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-blue-light-blue:hover {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-hover-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-light-blue:hover {
  background-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-outline-blue-light-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-outline-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-outline-hover-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-underline-blue-light-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #1B439D) 50%);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-underline-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-underline-hover-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-blue-white-blue {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-blue-white-blue:hover {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-hover-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-white-blue:hover {
  background-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-outline-blue-white-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-outline-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-outline-hover-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-underline-blue-white-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #1B439D) 50%);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-underline-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-underline-hover-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-blue-green {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-green, #008800);
}
.app-btn-blue-green:hover {
  background-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-green, #008800);
}

.app-btn-hover-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-blue-green:hover {
  background-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-outline-blue-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-green, #008800);
}
.app-btn-outline-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-green, #008800);
}

.app-btn-outline-hover-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-underline-blue-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-blue, #1B439D) 50%);
  color: var(--app-color-green, #008800);
}
.app-btn-underline-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D);
  color: var(--app-color-green, #008800);
}

.app-btn-underline-hover-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-blue, #1B439D) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-light-blue, .app-btn-light-blue-auto {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--bs-body-bg);
}
.app-btn-light-blue:hover, .app-btn-light-blue-auto:hover {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--bs-body-bg);
}

.app-btn-hover-light-blue, .app-btn-hover-light-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-blue:hover, .app-btn-hover-light-blue-auto:hover {
  background-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-light-blue, .app-btn-outline-light-blue-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-outline-light-blue:hover, .app-btn-outline-light-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-outline-hover-light-blue, .app-btn-outline-hover-light-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-blue:hover, .app-btn-outline-hover-light-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-underline-light-blue, .app-btn-underline-light-blue-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue, #6B97DE) 50%);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-underline-light-blue:hover, .app-btn-underline-light-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-underline-hover-light-blue, .app-btn-underline-hover-light-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-blue:hover, .app-btn-underline-hover-light-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-light-blue-black {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-black, #000000);
}
.app-btn-light-blue-black:hover {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-black, #000000);
}

.app-btn-hover-light-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-blue-black:hover {
  background-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-outline-light-blue-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-black, #000000);
}
.app-btn-outline-light-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-black, #000000);
}

.app-btn-outline-hover-light-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-underline-light-blue-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue, #6B97DE) 50%);
  color: var(--app-color-black, #000000);
}
.app-btn-underline-light-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-black, #000000);
}

.app-btn-underline-hover-light-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-light-blue-white {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-light-blue-white:hover {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-hover-light-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-blue-white:hover {
  background-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-outline-light-blue-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-outline-light-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-outline-hover-light-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-underline-light-blue-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue, #6B97DE) 50%);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-underline-light-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-underline-hover-light-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-light-blue-dark-blue {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-light-blue-dark-blue:hover {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-hover-light-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-blue-dark-blue:hover {
  background-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-outline-light-blue-dark-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-outline-light-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-outline-hover-light-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-underline-light-blue-dark-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue, #6B97DE) 50%);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-underline-light-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-underline-hover-light-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-light-blue-blue {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-light-blue-blue:hover {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-hover-light-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-blue-blue:hover {
  background-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-outline-light-blue-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-outline-light-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-outline-hover-light-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-underline-light-blue-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue, #6B97DE) 50%);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-underline-light-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-underline-hover-light-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-light-blue-light-blue {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-light-blue-light-blue:hover {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-hover-light-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-blue-light-blue:hover {
  background-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-outline-light-blue-light-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-outline-light-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-outline-hover-light-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-underline-light-blue-light-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue, #6B97DE) 50%);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-underline-light-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-underline-hover-light-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-light-blue-white-blue {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-light-blue-white-blue:hover {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-hover-light-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-blue-white-blue:hover {
  background-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-outline-light-blue-white-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-outline-light-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-outline-hover-light-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-underline-light-blue-white-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue, #6B97DE) 50%);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-underline-light-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-underline-hover-light-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-light-blue-green {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-green, #008800);
}
.app-btn-light-blue-green:hover {
  background-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-green, #008800);
}

.app-btn-hover-light-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-light-blue-green:hover {
  background-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-outline-light-blue-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-green, #008800);
}
.app-btn-outline-light-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-green, #008800);
}

.app-btn-outline-hover-light-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-light-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-underline-light-blue-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-light-blue, #6B97DE) 50%);
  color: var(--app-color-green, #008800);
}
.app-btn-underline-light-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE);
  color: var(--app-color-green, #008800);
}

.app-btn-underline-hover-light-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-light-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-light-blue, #6B97DE) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-white-blue, .app-btn-white-blue-auto {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--bs-body-bg);
}
.app-btn-white-blue:hover, .app-btn-white-blue-auto:hover {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--bs-body-bg);
}

.app-btn-hover-white-blue, .app-btn-hover-white-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-blue:hover, .app-btn-hover-white-blue-auto:hover {
  background-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-white-blue, .app-btn-outline-white-blue-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-outline-white-blue:hover, .app-btn-outline-white-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-outline-hover-white-blue, .app-btn-outline-hover-white-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-blue:hover, .app-btn-outline-hover-white-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-underline-white-blue, .app-btn-underline-white-blue-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue, #E2EDFF) 50%);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-underline-white-blue:hover, .app-btn-underline-white-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-underline-hover-white-blue, .app-btn-underline-hover-white-blue-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-blue:hover, .app-btn-underline-hover-white-blue-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-white-blue-black {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-black, #000000);
}
.app-btn-white-blue-black:hover {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-black, #000000);
}

.app-btn-hover-white-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-blue-black:hover {
  background-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-outline-white-blue-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-black, #000000);
}
.app-btn-outline-white-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-black, #000000);
}

.app-btn-outline-hover-white-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-underline-white-blue-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue, #E2EDFF) 50%);
  color: var(--app-color-black, #000000);
}
.app-btn-underline-white-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-black, #000000);
}

.app-btn-underline-hover-white-blue-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-blue-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-white-blue-white {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-white-blue-white:hover {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-hover-white-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-blue-white:hover {
  background-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-outline-white-blue-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-outline-white-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-outline-hover-white-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-underline-white-blue-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue, #E2EDFF) 50%);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-underline-white-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-underline-hover-white-blue-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-blue-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-white-blue-dark-blue {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-white-blue-dark-blue:hover {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-hover-white-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-blue-dark-blue:hover {
  background-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-outline-white-blue-dark-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-outline-white-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-outline-hover-white-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-underline-white-blue-dark-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue, #E2EDFF) 50%);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-underline-white-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-underline-hover-white-blue-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-blue-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-white-blue-blue {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-white-blue-blue:hover {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-hover-white-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-blue-blue:hover {
  background-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-outline-white-blue-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-outline-white-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-outline-hover-white-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-underline-white-blue-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue, #E2EDFF) 50%);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-underline-white-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-underline-hover-white-blue-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-blue-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-white-blue-light-blue {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-white-blue-light-blue:hover {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-hover-white-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-blue-light-blue:hover {
  background-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-outline-white-blue-light-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-outline-white-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-outline-hover-white-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-underline-white-blue-light-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue, #E2EDFF) 50%);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-underline-white-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-underline-hover-white-blue-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-blue-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-white-blue-white-blue {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-white-blue-white-blue:hover {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-hover-white-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-blue-white-blue:hover {
  background-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-outline-white-blue-white-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-outline-white-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-outline-hover-white-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-underline-white-blue-white-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue, #E2EDFF) 50%);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-underline-white-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-underline-hover-white-blue-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-blue-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-white-blue-green {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-green, #008800);
}
.app-btn-white-blue-green:hover {
  background-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-green, #008800);
}

.app-btn-hover-white-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-white-blue-green:hover {
  background-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-outline-white-blue-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-green, #008800);
}
.app-btn-outline-white-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-green, #008800);
}

.app-btn-outline-hover-white-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-white-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-underline-white-blue-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-white-blue, #E2EDFF) 50%);
  color: var(--app-color-green, #008800);
}
.app-btn-underline-white-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF);
  color: var(--app-color-green, #008800);
}

.app-btn-underline-hover-white-blue-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-white-blue-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-white-blue, #E2EDFF) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-green, .app-btn-green-auto {
  background-color: var(--app-color-green, #008800);
  color: var(--bs-body-bg);
}
.app-btn-green:hover, .app-btn-green-auto:hover {
  background-color: var(--app-color-green, #008800);
  color: var(--bs-body-bg);
}

.app-btn-hover-green, .app-btn-hover-green-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green:hover, .app-btn-hover-green-auto:hover {
  background-color: var(--app-color-green, #008800) !important;
  color: var(--bs-body-bg) !important;
}

.app-btn-outline-green, .app-btn-outline-green-auto {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-green, #008800);
}
.app-btn-outline-green:hover, .app-btn-outline-green-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-green, #008800);
}

.app-btn-outline-hover-green, .app-btn-outline-hover-green-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green:hover, .app-btn-outline-hover-green-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-underline-green, .app-btn-underline-green-auto {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #008800) 50%);
  color: var(--app-color-green, #008800);
}
.app-btn-underline-green:hover, .app-btn-underline-green-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-green, #008800);
}

.app-btn-underline-hover-green, .app-btn-underline-hover-green-auto {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green:hover, .app-btn-underline-hover-green-auto:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-green-black {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-black, #000000);
}
.app-btn-green-black:hover {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-black, #000000);
}

.app-btn-hover-green-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-black:hover {
  background-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-outline-green-black {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-black, #000000);
}
.app-btn-outline-green-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-black, #000000);
}

.app-btn-outline-hover-green-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-underline-green-black {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #008800) 50%);
  color: var(--app-color-black, #000000);
}
.app-btn-underline-green-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-black, #000000);
}

.app-btn-underline-hover-green-black {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-black:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-black, #000000) !important;
}

.app-btn-green-white {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-green-white:hover {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-hover-green-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-white:hover {
  background-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-outline-green-white {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-outline-green-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-outline-hover-green-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-underline-green-white {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #008800) 50%);
  color: var(--app-color-white, #FFFFFF);
}
.app-btn-underline-green-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-white, #FFFFFF);
}

.app-btn-underline-hover-green-white {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-white:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-white, #FFFFFF) !important;
}

.app-btn-green-dark-blue {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-green-dark-blue:hover {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-hover-green-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-dark-blue:hover {
  background-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-outline-green-dark-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-outline-green-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-outline-hover-green-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-underline-green-dark-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #008800) 50%);
  color: var(--app-color-dark-blue, #0F0A4E);
}
.app-btn-underline-green-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-dark-blue, #0F0A4E);
}

.app-btn-underline-hover-green-dark-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-dark-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-dark-blue, #0F0A4E) !important;
}

.app-btn-green-blue {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-green-blue:hover {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-hover-green-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-blue:hover {
  background-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-outline-green-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-outline-green-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-outline-hover-green-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-underline-green-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #008800) 50%);
  color: var(--app-color-blue, #1B439D);
}
.app-btn-underline-green-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-blue, #1B439D);
}

.app-btn-underline-hover-green-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-blue, #1B439D) !important;
}

.app-btn-green-light-blue {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-green-light-blue:hover {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-hover-green-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-light-blue:hover {
  background-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-outline-green-light-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-outline-green-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-outline-hover-green-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-underline-green-light-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #008800) 50%);
  color: var(--app-color-light-blue, #6B97DE);
}
.app-btn-underline-green-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-light-blue, #6B97DE);
}

.app-btn-underline-hover-green-light-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-light-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-light-blue, #6B97DE) !important;
}

.app-btn-green-white-blue {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-green-white-blue:hover {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-hover-green-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-white-blue:hover {
  background-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-outline-green-white-blue {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-outline-green-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-outline-hover-green-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-underline-green-white-blue {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #008800) 50%);
  color: var(--app-color-white-blue, #E2EDFF);
}
.app-btn-underline-green-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-white-blue, #E2EDFF);
}

.app-btn-underline-hover-green-white-blue {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-white-blue:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-white-blue, #E2EDFF) !important;
}

.app-btn-green-green {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-green, #008800);
}
.app-btn-green-green:hover {
  background-color: var(--app-color-green, #008800);
  color: var(--app-color-green, #008800);
}

.app-btn-hover-green-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.app-btn-hover-green-green:hover {
  background-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-outline-green-green {
  border-width: 3px;
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-green, #008800);
}
.app-btn-outline-green-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-green, #008800);
}

.app-btn-outline-hover-green-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-outline-hover-green-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-underline-green-green {
  border-width: 3px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent !important;
  border-color: color-mix(in srgb, transparent, var(--app-color-green, #008800) 50%);
  color: var(--app-color-green, #008800);
}
.app-btn-underline-green-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800);
  color: var(--app-color-green, #008800);
}

.app-btn-underline-hover-green-green {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-width: 3px;
}
.app-btn-underline-hover-green-green:hover {
  background-color: transparent !important;
  border-color: var(--app-color-green, #008800) !important;
  color: var(--app-color-green, #008800) !important;
}

.app-btn-transparent-0 {
  opacity: 0 !important;
}

.app-btn-hover-transparent-0:hover {
  opacity: 0 !important;
}

.app-btn-transparent-10 {
  opacity: 0.1 !important;
}

.app-btn-hover-transparent-10:hover {
  opacity: 0.1 !important;
}

.app-btn-transparent-20 {
  opacity: 0.2 !important;
}

.app-btn-hover-transparent-20:hover {
  opacity: 0.2 !important;
}

.app-btn-transparent-30 {
  opacity: 0.3 !important;
}

.app-btn-hover-transparent-30:hover {
  opacity: 0.3 !important;
}

.app-btn-transparent-40 {
  opacity: 0.4 !important;
}

.app-btn-hover-transparent-40:hover {
  opacity: 0.4 !important;
}

.app-btn-transparent-50 {
  opacity: 0.5 !important;
}

.app-btn-hover-transparent-50:hover {
  opacity: 0.5 !important;
}

.app-btn-transparent-60 {
  opacity: 0.6 !important;
}

.app-btn-hover-transparent-60:hover {
  opacity: 0.6 !important;
}

.app-btn-transparent-70 {
  opacity: 0.7 !important;
}

.app-btn-hover-transparent-70:hover {
  opacity: 0.7 !important;
}

.app-btn-transparent-80 {
  opacity: 0.8 !important;
}

.app-btn-hover-transparent-80:hover {
  opacity: 0.8 !important;
}

.app-btn-transparent-90 {
  opacity: 0.9 !important;
}

.app-btn-hover-transparent-90:hover {
  opacity: 0.9 !important;
}

.app-btn-transparent-100 {
  opacity: 1 !important;
}

.app-btn-hover-transparent-100:hover {
  opacity: 1 !important;
}

.btn-xl, .btn-group-xl > .btn {
  font-family: "Coustard", Arial Narrow, Arial, sans-serif;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-font-size: 1.5rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn.rounded-circle {
  --bs-btn-padding-x: .5rem;
  --bs-btn-padding-y: .3rem;
}

/* _vh.scss */
.app-vh-10 {
  min-height: 10vh;
}

.app-vh-20 {
  min-height: 20vh;
}

.app-vh-30 {
  min-height: 30vh;
}

.app-vh-40 {
  min-height: 40vh;
}

.app-vh-50 {
  min-height: 50vh;
}

.app-vh-60 {
  min-height: 60vh;
}

.app-vh-70 {
  min-height: 70vh;
}

.app-vh-80 {
  min-height: 80vh;
}

.app-vh-90 {
  min-height: 90vh;
}

.app-vh-100 {
  min-height: 100vh;
}

/* _ratio.scss */
.ratio-9x16 {
  --bs-aspect-ratio: calc(16 / 9 * 100%);
}

/* _p.scss */
.app-pt-page {
  padding-top: 76px;
}

@media (max-width: 1399.98px) {
  .app-pt-page {
    padding-top: 76px;
  }
}
@media (max-width: 1199.98px) {
  .app-pt-page {
    padding-top: 68.4px;
  }
}
@media (max-width: 991.98px) {
  .app-pt-page {
    padding-top: 60.8px;
  }
}
@media (max-width: 767.98px) {
  .app-pt-page {
    padding-top: 57px;
  }
}
@media (max-width: 575.98px) {
  .app-pt-page {
    padding-top: 53.2px;
  }
}
@media (max-width: -0.02px) {
  .app-pt-page {
    padding-top: 49.4px;
  }
}
/* _tags.scss */
.app-sticky-top {
  top: 20rem;
}

/* _navbar.scss */
.navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%231B439D%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m5.5%208.5h25%22%2F%3E%3Cpath%20d%3D%22m5.4%2018h25.1%22%2F%3E%3Cpath%20d%3D%22m5.4%2027.5h25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.app-offcanvas-show .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%231B439D%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m26.8%2026.8-17.6-17.7%22%2F%3E%3Cpath%20d%3D%22m9.1%2026.9%2017.7-17.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m5.5%208.5h25%22%2F%3E%3Cpath%20d%3D%22m5.4%2018h25.1%22%2F%3E%3Cpath%20d%3D%22m5.4%2027.5h25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
[data-bs-theme=dark] .app-offcanvas-show .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m26.8%2026.8-17.6-17.7%22%2F%3E%3Cpath%20d%3D%22m9.1%2026.9%2017.7-17.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.navbar-brand {
  height: 90px;
}
.navbar-brand svg {
  max-height: 100%;
  height: 100%;
  width: auto;
  display: block;
}

.navbar-toggler {
  border: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}

.nav-link {
  --bs-nav-font-weight: 600;
  --bs-nav-link-font-weight: 600;
  --bs-nav-link-color: var(--app-color-blue) !important;
  --bs-nav-link-font-size: 1.5rem;
  --bs-navbar-nav-link-padding-x: 1rem;
  letter-spacing: 0.1rem;
}
.nav-link:hover, .nav-link:focus, .nav-link.active, .nav-link.show {
  --bs-nav-link-hover-color: var(--app-color-light-blue) !important;
  --bs-navbar-active-color: var(--app-color-light-blue) !important;
  text-decoration: none !important;
}

.active > .nav-link {
  --bs-nav-link-color: var(--app-color-light-blue) !important;
}

.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active {
  --bs-nav-link-hover-color: var(--app-color-light-blue) !important;
  text-decoration: none !important;
}

.navbar-nav {
  font-family: "Figtree", Arial Narrow, Arial, sans-serif;
}
.navbar-nav .dropdown-toggle::after {
  display: none;
}
.navbar-nav .dropdown-menu {
  margin-top: 1.25rem;
  z-index: -2;
  border: none;
  font-family: "Figtree", Arial Narrow, Arial, sans-serif;
  --bs-dropdown-bg: var(--app-color-white);
  --bs-dropdown-border-radius: 0;
  --bs-dropdown-color: var(--app-color-blue);
  --bs-dropdown-link-color: var(--app-color-blue);
  --bs-dropdown-link-hover-color: var(--app-color-light-blue);
  --bs-dropdown-link-hover-bg: transparent;
  --bs-dropdown-link-active-color: var(--app-color-light-blue);
  --bs-dropdown-link-active-bg: transparent;
}

#offcanvasNavbar.show .navbar-nav .dropdown-menu {
  margin-top: 0rem;
}

@media (max-width: 1399.98px) {
  .navbar-brand {
    height: 90px;
  }
}
@media (max-width: 1199.98px) {
  .navbar-brand {
    height: 81px;
  }
}
@media (max-width: 991.98px) {
  .navbar-brand {
    height: 72px;
  }
}
@media (max-width: 767.98px) {
  .navbar-brand {
    height: 67.5px;
  }
}
@media (max-width: 575.98px) {
  .navbar-brand {
    height: 63px;
  }
}
@media (max-width: -0.02px) {
  .navbar-brand {
    height: 58.5px;
  }
}
/* _.offcanvas.scss */
.offcanvas.offcanvas-end {
  top: 90px;
}
.offcanvas.show, .offcanvas.showing {
  z-index: -2;
}

.offcanvas-backdrop {
  z-index: -3;
}

@media (max-width: 1399.98px) {
  .offcanvas.offcanvas-end {
    top: 90px;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas.offcanvas-end {
    top: 81px;
  }
}
@media (max-width: 991.98px) {
  .offcanvas.offcanvas-end {
    top: 72px;
  }
}
@media (max-width: 767.98px) {
  .offcanvas.offcanvas-end {
    top: 67.5px;
  }
}
@media (max-width: 575.98px) {
  .offcanvas.offcanvas-end {
    top: 63px;
  }
}
@media (max-width: -0.02px) {
  .offcanvas.offcanvas-end {
    top: 58.5px;
  }
}
/* _carousel.scss */
.carousel {
  z-index: 0;
}
.carousel p {
  font-weight: 600;
}

.carousel-caption {
  right: 0;
  left: 0;
  bottom: 0;
}

.carousel-indicators {
  bottom: 7.875vw;
}
.carousel-indicators [data-bs-target] {
  height: 11px;
  width: 60px;
  border-radius: var(--bs-border-radius-pill) !important;
  border: none;
  background-color: #fff;
}

@media (max-width: 991.98px) {
  .carousel-caption {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .carousel-caption .display-3 {
    font-size: calc(1.375rem + 1.5vw) !important;
  }
  .carousel-caption .display-6 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
}
@media (max-width: 767.98px) {
  .carousel-caption {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .carousel-caption .display-3 {
    font-size: calc(1.375rem + 1.5vw) !important;
  }
  .carousel-caption .display-6 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
}
@media (max-width: 575.98px) {
  .carousel-caption {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .carousel-caption .display-3 {
    font-size: calc(1.375rem + 1.5vw) !important;
  }
  .carousel-caption .display-6 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
}
@media (max-width: -0.02px) {
  .carousel-caption {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .carousel-caption .display-3 {
    font-size: calc(1.375rem + 1.5vw) !important;
  }
  .carousel-caption .display-6 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
}
/* _pagination.scss */
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: color-mix(in srgb, transparent, inherit 50%);
  --bs-pagination-bg: transparent;
  --bs-pagination-border-width: 0;
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: transparent;
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: transparent;
  --bs-pagination-focus-box-shadow: none;
  --bs-pagination-active-color: inherit;
  --bs-pagination-active-bg: transparent;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  border: none;
}
.pagination .page-item {
  font-family: var(--app-secondary-fontstack, "Coustard", Arial Narrow, Arial, sans-serif);
}
.pagination .page-item .page-link {
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}
.pagination .page-item .page-link:hover {
  opacity: 1;
}
.pagination .page-item.active .page-link {
  opacity: 1;
}
.pagination .page-item.disabled .page-link {
  opacity: 0.2;
}

/* _anchor.scss */
.app-anchor {
  position: absolute;
  margin-top: -106px;
}

@media (max-width: 1399.98px) {
  .app-anchor {
    margin-top: -106px;
  }
}
@media (max-width: 1199.98px) {
  .app-anchor {
    margin-top: -95.4px;
  }
}
@media (max-width: 991.98px) {
  .app-anchor {
    margin-top: -84.8px;
  }
}
@media (max-width: 767.98px) {
  .app-anchor {
    margin-top: -79.5px;
  }
}
@media (max-width: 575.98px) {
  .app-anchor {
    margin-top: -74.2px;
  }
}
@media (max-width: -0.02px) {
  .app-anchor {
    margin-top: -68.9px;
  }
}
/* _separator.scss */
:root {
  --app-s-top-h: 80px;
  --app-s-bottom-h: 80px;
}

.app-s {
  position: relative;
  z-index: 1;
  padding-top: var(--app-s-top-h);
  padding-bottom: var(--app-s-bottom-h);
  margin-top: calc(-1 * var(--app-s-bottom-h));
}
.app-s::before, .app-s::after {
  position: absolute;
  inset: 0;
  content: "";
}
.app-s::before {
  background-color: var(--app-background-color);
  -webkit-mask-image: linear-gradient(#fff 0 0), url("../img/default/wave/wave-1.svg");
  -webkit-mask-repeat: no-repeat, no-repeat;
  -webkit-mask-position: center, top -1px;
  -webkit-mask-size: 100% 100%, 100% var(--app-s-top-h);
  -webkit-mask-composite: source-over, destination-out;
  mask-image: linear-gradient(#fff 0 0), url("../img/default/wave/wave-1.svg");
  mask-repeat: no-repeat, no-repeat;
  mask-position: center, top -1px;
  mask-size: 100% 100%, 100% var(--app-s-top-h);
  mask-composite: exclude;
}
.app-s.app-s-alt::before {
  background-color: var(--app-background-color);
  -webkit-mask-image: linear-gradient(#fff 0 0), url("../img/default/wave/wave-2.svg");
  -webkit-mask-repeat: no-repeat, no-repeat;
  -webkit-mask-position: center, top -1px;
  -webkit-mask-size: 100% 100%, 100% var(--app-s-top-h);
  -webkit-mask-composite: source-over, destination-out;
  mask-image: linear-gradient(#fff 0 0), url("../img/default/wave/wave-2.svg");
  mask-repeat: no-repeat, no-repeat;
  mask-position: center, top -1px;
  mask-size: 100% 100%, 100% var(--app-s-top-h);
  mask-composite: exclude;
}
.app-s.app-s-bg {
  background-color: var(--app-background-color);
}
.app-s.app-st-none::before, .app-s.app-sb-none::after {
  display: none;
}
.app-s.app-s-pull-up {
  margin-top: calc(-2 * var(--app-s-bottom-h));
}
.app-s.app-s-pull-down {
  margin-top: 0;
}
.app-s > *:not(.app-bg-cover) {
  position: relative;
  z-index: 2;
}

@media (min-width: 992px) {
  .app-s .app-blob-clip:not(.app-blob-sm) {
    margin-top: calc(-2 * var(--app-s-top-h));
    width: 80% !important;
  }
}
.app-s-mask {
  -webkit-mask-image: linear-gradient(#fff 0 0), url("../img/default/wave/wave-1.svg");
  -webkit-mask-repeat: no-repeat, no-repeat;
  -webkit-mask-position: center, top -1px;
  -webkit-mask-size: 100% 100%, 100% var(--app-s-top-h);
  -webkit-mask-composite: source-over, destination-out;
  mask-image: linear-gradient(#fff 0 0), url("../img/default/wave/wave-1.svg");
  mask-repeat: no-repeat, no-repeat;
  mask-position: center, top -1px;
  mask-size: 100% 100%, 100% var(--app-s-top-h);
  mask-composite: exclude;
}
.app-s-mask.app-s-alt {
  -webkit-mask-image: linear-gradient(#fff 0 0), url("../img/default/wave/wave-2.svg");
  -webkit-mask-repeat: no-repeat, no-repeat;
  -webkit-mask-position: center, top -1px;
  -webkit-mask-size: 100% 100%, 100% var(--app-s-top-h);
  -webkit-mask-composite: source-over, destination-out;
  mask-image: linear-gradient(#fff 0 0), url("../img/default/wave/wave-2.svg");
  mask-repeat: no-repeat, no-repeat;
  mask-position: center, top -1px;
  mask-size: 100% 100%, 100% var(--app-s-top-h);
  mask-composite: exclude;
}

.carousel-mask {
  z-index: 1;
  margin-top: calc(-1 * var(--app-s-bottom-h));
}

/* _blob.scss */
.app-blob-clip {
  mask: url("../img/default/blob/drop.svg");
  -webkit-mask: url("../img/default/blob/drop.svg") top left/cover;
  -o-mask: url("../img/default/blob/drop.svg") top left/cover;
  -ms-mask: url("../img/default/blob/drop.svg") top left/cover;
}

.app-blob-sm {
  display: block;
  width: 100px;
  height: 120px;
}

/* _collapse.scss */
.collapsed .fa-minus {
  --fa: "";
}

/* _block.scss */
[data-app-toggle=link] {
  cursor: pointer;
}

a:hover .fa-circle {
  --fa-style: 900;
}

/* _tags.scss */
body {
  font-family: var(--app-primary-fontstack, "Figtree", Arial Narrow, Arial, sans-serif);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: var(--app-secondary-fontstack, "Coustard", Arial Narrow, Arial, sans-serif);
  font-weight: 900 !important;
}

/* _swiper.scss */
.swiper {
  overflow: visible !important;
}

.swiper-button-next {
  top: 40% !important;
}

.swiper-button-prev {
  top: 40% !important;
}

@media (min-width: 1400px) {
  .swiper-button-next {
    right: -4rem !important;
  }
  .swiper-button-prev {
    left: -4rem !important;
  }
}
/* _search.scss */
@media (prefers-color-scheme: dark) {
  .gsc-control-cse,
  .gsc-results-wrapper-overlay,
  .gsc-results {
    background: transparent !important;
    color: #eaeaea !important;
    border-color: transparent !important;
  }
  .gsc-results * {
    border-color: transparent !important;
  }
  .gs-title a {
    color: #e8eaed !important;
  }
  .gs-visibleUrl, .gsc-url-bottom {
    color: #8ab4f8 !important;
  }
  .gs-snippet {
    color: #d0d0d0 !important;
  }
  /* Search box */
  input.gsc-input, .gsc-input-box, .gsc-search-button-v2 {
    background: #1e1e1e !important;
    border-color: #303134 !important;
    color: #eaeaea !important;
  }
  /* Tabs / refinements */
  .gsc-tabsArea,
  .gsc-tabHeader {
    background: #121212 !important;
    border-color: #303134 !important;
  }
  .gsc-tabHeader.gsc-tabhActive {
    background: #1e1e1e !important;
  }
}
/* _recaptcha.scss */
/* */
.grecaptcha-badge {
  visibility: hidden !important;
}

:root {
  --app-color-black: #000000;
  --app-color-white: #FFFFFF;
  --app-color-dark-blue: #0F0A4E;
  --app-color-blue: #1B439D;
  --app-color-light-blue: #6B97DE;
  --app-color-white-blue: #E2EDFF;
  --app-color-green: #008800;
  --app-primary-fontstack: Figtree, Arial Narrow, Arial, sans-serif;
  --app-secondary-fontstack: Coustard, Arial Narrow, Arial, sans-serif;
  --app-tertiary-fontstack: Figtree, Arial Narrow, Arial, sans-serif;
  --swiper-navigation-color: var(--app-color-white, #fff);
  --bs-body-font-size: 2rem;
}