/**
 * Loading Animations
 */

/* Loader 1 */
.loader-dots-circle {
  color: #ffffff;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em,
      -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em,
      -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0,
      -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em,
      -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em,
      -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0,
      -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

/** Loader dots line */
.loader-dots,
.loader-dots:before,
.loader-dots:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader-dots {
  color: #ccc;
  font-size: 10px;
  margin: 0 auto 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader-dots:before,
.loader-dots:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader-dots:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader-dots:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

/* Loader circle */
.loader-circle {
  color: #ffffff;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
      0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
      0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em,
      -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em,
      -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em,
      -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
      0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
      0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
      0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em,
      -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em,
      -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em,
      -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
      0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Loader Spinner */
.loader-spinner,
.loader-spinner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader-spinner {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ---------------- */
/* IIR Theme Styles */
/* ---------------- */

:root {
  /* Logo Based Colors */
  --logo-light-blue: #4197cb;
  --logo-dark-blue: #194f90;
  --logo-orange: #f88d2b;
  --logo-orange-dark: #b05706;
  /* Primary Colors */
  --primary-darkest-blue: #00041f;
  --primary-dark-blue: #00263d;
  /* --primary-teal: #0094a2; */
  --primary-teal: #04757f; /* slightly darker teal for WCAG accessibility */
  --primary-light-blue: #66ffff;
  --primary-grey: #e3e3e3;
  --primary-light-grey: #f7f8fa;
  /* Fonts */
  --font-inter: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',
    'Liberation Sans', Arial, sans-serif;
  --font-inter-tight: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
    'Noto Sans', 'Liberation Sans', Arial, sans-serif;
  --bs-font-sans-serif: var(--font-inter); /* override bootstrap font variable */
  --bs-border-color: #cecece; /* slightly darken up the default border color */
}

/* ----- */
/* Fonts */
/* ----- */

@font-face {
  /* Inter Regular */
  font-family: 'Inter';
  src: url('/fonts/inter/Inter-Regular-Variable.woff2') format('woff2-variations'),
    url('/fonts/inter/Inter-Regular-Variable.woff2') format('woff2'),
    url('/fonts/inter/Inter-Regular-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  /* Inter Italic */
  font-family: 'Inter';
  src: url('/fonts/inter/Inter-Italic-Variable.woff2') format('woff2-variations'),
    url('/fonts/inter/Inter-Italic-Variable.woff2') format('woff2'),
    url('/fonts/inter/Inter-Italic-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  /* Inter Tight Regular */
  font-family: 'Inter Tight';
  src: url('/fonts/inter/InterTight-Regular-Variable.woff2') format('woff2-variations'),
    url('/fonts/inter/InterTight-Regular-Variable.woff2') format('woff2'),
    url('/fonts/inter/InterTight-Regular-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  /* Inter Tight Italic */
  font-family: 'Inter Tight';
  src: url('/fonts/inter/InterTight-Italic-Variable.woff2') format('woff2-variations'),
    url('/fonts/inter/InterTight-Italic-Variable.woff2') format('woff2'),
    url('/fonts/inter/InterTight-Italic-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

body,
.inter {
  font-family: 'Inter', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.inter-tight {
  font-family: 'Inter Tight', sans-serif;
  font-weight: 600;
}

/* ----------------- */
/* Responsive Images */
/* ----------------- */

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

/* ----- */
/* Links */
/* ----- */

a {
  text-decoration: none;
  color: var(--primary-teal);
  transition: all 0.15s ease;
  cursor: pointer;
}
a:hover {
  color: var(--logo-orange);
}

/* --------------------------- */
/* Override default page width */
/* --------------------------- */

/* .container {
  max-width: 75rem;
} */

/* ------------------------ */
/* Background Color Classes */
/* ------------------------ */
.bg-black-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.bg-darkest-blue {
  background-color: var(--primary-darkest-blue) !important;
}
.bg-dark-blue {
  background-color: var(--primary-dark-blue) !important;
}
.bg-light-blue {
  background-color: var(--primary-light-blue) !important;
}
.bg-teal {
  background-color: var(--primary-teal) !important;
}
.bg-orange {
  background-color: var(--logo-orange) !important;
}
.bg-grey {
  background-color: var(--primary-grey) !important;
}
.bg-light-grey {
  background-color: var(--primary-light-grey) !important;
}
.bg-black {
  background-color: #000000;
}
.bg-white {
  background-color: #ffffff;
}

.bg-hover-darkest-blue:hover {
  background-color: var(--primary-darkest-blue) !important;
}
.bg-hover-dark-blue:hover {
  background-color: var(--primary-dark-blue) !important;
}
.bg-hover-light-blue:hover {
  background-color: var(--primary-light-blue) !important;
}
.bg-hover-teal:hover {
  background-color: var(--primary-teal) !important;
}
.bg-hover-orange:hover {
  background-color: var(--logo-orange) !important;
}
.bg-hover-grey:hover {
  background-color: var(--primary-grey) !important;
}
.bg-hover-light-grey:hover {
  background-color: var(--primary-light-grey) !important;
}
.bg-hover-black:hover {
  background-color: #000000 !important;
}
.bg-hover-white:hover {
  background-color: #ffffff !important;
}

/* ------------------ */
/* Text Color Classes */
/* ------------------ */

.text-darkest-blue {
  color: var(--primary-darkest-blue) !important;
}
.text-dark-blue {
  color: var(--primary-dark-blue) !important;
}
.text-light-blue {
  color: var(--primary-light-blue) !important;
}
.text-teal {
  color: var(--primary-teal) !important;
}
.text-orange {
  color: var(--logo-orange) !important;
}
.text-logo-orange {
  color: var(--logo-orange) !important;
}
.text-logo-dark-blue {
  color: var(--logo-dark-blue) !important;
}
.text-logo-light-blue {
  color: var(--logo-light-blue) !important;
}
.text-grey {
  color: var(--primary-grey) !important;
}
.text-light-grey {
  color: var(--primary-light-grey) !important;
}
.text-black {
  color: #000000;
}
.text-white {
  color: #ffffff;
}

/* ------------------------ */
/* Text Hover Color Classes */
/* ------------------------ */

.text-hover-darkest-blue:hover {
  color: var(--primary-darkest-blue) !important;
}
.text-hover-dark-blue:hover {
  color: var(--primary-dark-blue) !important;
}
.text-hover-light-blue:hover {
  color: var(--primary-light-blue) !important;
}
.text-hover-teal:hover {
  color: var(--primary-teal) !important;
}
.text-hover-orange:hover {
  color: var(--logo-orange) !important;
}
.text-hover-black:hover {
  color: #000000 !important;
}
.text-hover-white:hover {
  color: #ffffff !important;
}
.text-hover-grey:hover {
  color: var(--primary-grey) !important;
}
.text-hover-light-grey:hover {
  color: var(--primary-light-grey) !important;
}

/* -------------------- */
/* Border Color Classes */
/* -------------------- */

.border-darkest-blue {
  border-color: var(--primary-darkest-blue) !important;
}
.border-dark-blue {
  border-color: var(--primary-dark-blue) !important;
}
.border-light-blue {
  border-color: var(--primary-light-blue) !important;
}
.border-teal {
  border-color: var(--primary-teal) !important;
}
.border-orange {
  border-color: var(--logo-orange) !important;
}
.border-logo-orange {
  border-color: var(--logo-orange) !important;
}
.border-logo-dark-blue {
  border-color: var(--logo-dark-blue) !important;
}
.border-logo-light-blue {
  border-color: var(--logo-light-blue) !important;
}
.border-grey {
  border-color: var(--primary-grey) !important;
}
.border-light-grey {
  border-color: var(--primary-light-grey) !important;
}
.border-black {
  border-color: #000000;
}
.border-white {
  border-color: #ffffff;
}

/* ------------- */
/* Button Styles */
/* ------------- */

.btn {
  border-radius: 0;
  border: none;
}
.btn:focus {
  box-shadow: none !important;
}
.btn-primary {
  background-color: var(--primary-dark-blue);
  color: var(--primary-light-blue);
}
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--primary-dark-blue);
  color: var(--primary-light-blue);
  opacity: 0.5;
  cursor: no-drop;
}
.btn-primary:hover {
  background-color: var(--primary-teal);
  color: var(--primary-light-blue);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):focus {
  background-color: var(--primary-light-blue);
  color: var(--primary-dark-blue);
}
.btn-primary-inverted {
  background-color: var(--primary-light-blue);
  color: var(--primary-dark-blue);
}
.btn-primary-inverted.disabled,
.btn-primary-inverted:disabled {
  background-color: var(--primary-light-blue);
  color: var(--primary-dark-blue);
  opacity: 0.5;
  cursor: no-drop;
}
.btn-primary-inverted:hover,
.btn-primary-inverted:not(:disabled):not(.disabled):active,
.btn-primary-inverted:not(:disabled):not(.disabled):focus {
  background-color: var(--primary-dark-blue);
  color: var(--primary-light-blue);
}
.btn-primary-wire {
  outline: 1px solid var(--primary-dark-blue);
  outline-offset: -1px;
  color: var(--primary-dark-blue);
}
.btn-primary-wire.disabled,
.btn-primary-wire:disabled {
  outline: 1px solid var(--primary-dark-blue);
  outline-offset: -1px;
  color: var(--primary-dark-blue);
  opacity: 0.5;
  cursor: no-drop;
}
.btn-primary-wire:hover,
.btn-primary-wire:not(:disabled):not(.disabled):active,
.btn-primary-wire:not(:disabled):not(.disabled):focus {
  background-color: var(--primary-dark-blue);
  color: var(--primary-light-blue);
}
.btn-primary-inverted-wire {
  outline: 1px solid var(--primary-teal);
  outline-offset: -1px;
  color: var(--primary-teal);
}
.btn-primary-inverted-wire.disabled,
.btn-primary-inverted-wire:disabled {
  outline: 1px solid var(--primary-teal);
  outline-offset: -1px;
  color: var(--primary-teal);
  opacity: 0.5;
  cursor: no-drop;
}
.btn-primary-inverted-wire:hover,
.btn-primary-inverted-wire:not(:disabled):not(.disabled):active,
.btn-primary-inverted-wire:not(:disabled):not(.disabled):focus {
  background-color: var(--primary-teal);
  color: var(--primary-light-blue);
}
.btn-secondary {
  background-color: var(--logo-orange);
  color: #fff;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  background-color: var(--logo-orange);
  color: #fff;
  opacity: 0.5;
  cursor: no-drop;
}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):focus {
  background-color: var(--logo-orange-dark);
}
.btn-secondary-inverted {
  background-color: var(--logo-orange-dark);
  color: #fff;
}
.btn-secondary-inverted.disabled,
.btn-secondary-inverted:disabled {
  background-color: var(--logo-orange-dark);
  color: #fff;
  opacity: 0.5;
  cursor: no-drop;
}
.btn-secondary-inverted:hover,
.btn-secondary-inverted:not(:disabled):not(.disabled):active,
.btn-secondary-inverted:not(:disabled):not(.disabled):focus {
  background-color: var(--logo-orange);
  color: #fff;
}
.btn-secondary-wire {
  outline: 1px solid var(--logo-orange);
  outline-offset: -1px;
  color: var(--logo-orange);
}
.btn-secondary-wire.disabled,
.btn-secondary-wire:disabled {
  outline: 1px solid var(--logo-orange);
  outline-offset: -1px;
  color: var(--logo-orange);
  opacity: 0.5;
  cursor: no-drop;
}
.btn-secondary-wire:hover {
  background-color: var(--logo-orange);
  color: #fff;
}
.btn-secondary-wire:not(:disabled):not(.disabled):active,
.btn-secondary-wire:not(:disabled):not(.disabled):focus {
  background-color: var(--logo-orange);
  color: #fff;
}

/* ---------------- */
/* Input Components */
/* ---------------- */

.form-check .form-check-label,
.form-check.form-switch,
.form-check.form-switch .form-check-input,
.form-check-input label {
  cursor: pointer;
}
.form-check-input:checked,
.bootstrap .form-check-input:checked {
  background-color: var(--primary-dark-blue);
  border-color: var(--primary-dark-blue);
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2366ffff'/%3e%3c/svg%3e") !important; */
}

/* ----- */
/* Lists */
/* ----- */

ul.arrow li {
  list-style: none;
}
ul.arrow li:before {
  content: '\f124';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  display: inline-block;
  color: var(--logo-orange);
  transform: translateX(-1.5rem) rotate(45deg);
  font-size: 0.7rem;
  margin-right: -0.8rem;
}

/* ---------- */
/* Accordions */
/* ---------- */

.accordion-button:not(.collapsed),
.accordion-button.collapsed:hover {
  color: var(--logo-orange);
  background: transparent;
}
.accordion-button.collapsed:hover::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f88d2b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f88d2b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:focus {
  border: none;
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  border-bottom: 1px solid #00000020;
}

/* ---------- */
/* Popovers */
/* ---------- */
.popover {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

/* -------------- */
/* Opacity Styles */
/* -------------- */

.opacity-0 {
  opacity: 0 !important;
}
.opacity-1 {
  opacity: 0.2 !important;
}
.opacity-2 {
  opacity: 0.4 !important;
}
.opacity-3 {
  opacity: 0.6 !important;
}
.opacity-4 {
  opacity: 0.8 !important;
}
.opacity-5 {
  opacity: 1 !important;
}
.opacity-0h5 {
  opacity: 0 !important;
  transition: opacity 0.25s ease-in-out !important;
  -moz-transition: opacity 0.25s ease-in-out !important;
  -webkit-transition: opacity 0.25s ease-in-out !important;
}
.opacity-0h5:hover {
  opacity: 1 !important;
}
.opacity-2h5 {
  opacity: 0.4 !important;
  transition: opacity 0.25s ease-in-out !important;
  -moz-transition: opacity 0.25s ease-in-out !important;
  -webkit-transition: opacity 0.25s ease-in-out !important;
}
.opacity-2h5:hover {
  opacity: 1 !important;
}
.opacity-5h2 {
  opacity: 1 !important;
  transition: opacity 0.25s ease-in-out !important;
  -moz-transition: opacity 0.25s ease-in-out !important;
  -webkit-transition: opacity 0.25s ease-in-out !important;
}
.opacity-5h2:hover {
  opacity: 0.4 !important;
}
.opacity-5h3 {
  opacity: 1 !important;
  transition: opacity 0.25s ease-in-out !important;
  -moz-transition: opacity 0.25s ease-in-out !important;
  -webkit-transition: opacity 0.25s ease-in-out !important;
}
.opacity-5h3:hover {
  opacity: 0.6 !important;
}

/* ------------------- */
/* Text Shadow Classes */
/* ------------------- */

.text-shadow-0 {
  text-shadow: none;
}
.text-shadow-1 {
  text-shadow: 0 0 0.5rem rgb(0, 0, 0);
}
.text-shadow-2 {
  text-shadow: 0 0 0.5rem rgb(0, 0, 0), 0 0 1rem rgb(0, 0, 0);
}
.text-shadow-3 {
  text-shadow: 0 0 0.5rem rgb(0, 0, 0), 0 0 1rem rgb(0, 0, 0), 0 0 1.5rem rgb(0, 0, 0);
}
.text-shadow-4 {
  text-shadow: 0 0 0.5rem rgb(0, 0, 0), 0 0 1rem rgb(0, 0, 0), 0 0 1.5rem rgb(0, 0, 0),
    0 0 2rem rgb(0, 0, 0);
}
.text-shadow-5 {
  text-shadow: 0 0 0.5rem rgb(0, 0, 0), 0 0 1rem rgb(0, 0, 0), 0 0 1.5rem rgb(0, 0, 0),
    0 0 2rem rgb(0, 0, 0), 0 0 2.5rem rgb(0, 0, 0);
}

/* -------------------- */
/* Hover Effects Styles */
/* -------------------- */

.card-hover,
.grow-hover,
.shadow-hover {
  transition: all 0.25s ease;
}
.card-hover:hover {
  transform: translateY(-5px);
}
.grow-hover {
  transform: scale(1);
  transform-origin: center;
}
.grow-hover:hover {
  transform: scale(1.1);
  z-index: 1;
}
.shadow-hover:hover {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
}

/* ---------------------- */
/* Filter Property Styles */
/* ---------------------- */

.filter-invert-1 {
  filter: invert(1);
}

/* ------------- */
/* Navbar Styles */
/* ------------- */

.navbar.bg-darkest-blue .navbar-toggler-icon,
.navbar.bg-dark-blue .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(102,255,255, 1)' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* ------------ */
/* Quick Styles */
/* ------------ */

/* z-index */

.z-0 {
  z-index: 0;
}
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.z-4 {
  z-index: 4;
}
.z-5 {
  z-index: 5;
}
.z-6 {
  z-index: 6;
}
.z-7 {
  z-index: 7;
}
.z-8 {
  z-index: 8;
}
.z-9 {
  z-index: 9;
}
.z-10 {
  z-index: 10;
}

/* padding */

.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-50 {
  padding-top: 60px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-50 {
  padding-bottom: 60px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pb-100p {
  padding-bottom: 100% !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-50 {
  padding-left: 60px !important;
}
.pl-60 {
  padding-left: 60px !important;
}
.pl-70 {
  padding-left: 70px !important;
}
.pl-80 {
  padding-left: 80px !important;
}
.pl-90 {
  padding-left: 90px !important;
}
.pl-100 {
  padding-left: 100px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-50 {
  padding-right: 60px !important;
}
.pr-60 {
  padding-right: 60px !important;
}
.pr-70 {
  padding-right: 70px !important;
}
.pr-80 {
  padding-right: 80px !important;
}
.pr-90 {
  padding-right: 90px !important;
}
.pr-100 {
  padding-right: 100px !important;
}

/* margin */

.ms-n1 {
  margin-left: -1px !important;
}
.ms-n2 {
  margin-left: -2px !important;
}
.ms-n3 {
  margin-left: -3px !important;
}
.ms-n4 {
  margin-left: -4px !important;
}
.ms-n5 {
  margin-left: -5px !important;
}
.me-n1 {
  margin-right: -1px !important;
}
.me-n2 {
  margin-right: -2px !important;
}
.me-n3 {
  margin-right: -3px !important;
}
.me-n4 {
  margin-right: -4px !important;
}
.m-n5 {
  margin-right: -5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-50 {
  margin-top: 60px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-50 {
  margin-bottom: 60px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-50 {
  margin-left: 60px !important;
}
.ml-60 {
  margin-left: 60px !important;
}
.ml-70 {
  margin-left: 70px !important;
}
.ml-80 {
  margin-left: 80px !important;
}
.ml-90 {
  margin-left: 90px !important;
}
.ml-100 {
  margin-left: 100px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-50 {
  margin-right: 60px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.mr-70 {
  margin-right: 70px !important;
}
.mr-80 {
  margin-right: 80px !important;
}
.mr-90 {
  margin-right: 90px !important;
}
.mr-100 {
  margin-right: 100px !important;
}

/* letter-spacing */

.ls-1 {
  letter-spacing: 1px;
}

.ls-2 {
  letter-spacing: 2px;
}

.ls-2 {
  letter-spacing: 2px;
}