:root {
  --mk-blue: #0A54B9;
  --mk-blue-deep: #0B3263;
  --mk-yellow: #E9BD2D;
  --mk-yellow-hover: #D9A91D;
  --mk-yellow-soft: #FFF8E7;
  --mk-blue-soft: #F5F8FC;

  --ev-primary: #0A54B9;
  --ev-primary-rgb: 10, 84, 185;
  --ev-primary-hue: 214.63;
  --ev-primary-saturation: 89.74%;
  --ev-primary-lightness: 38.24%;

  --ev-primary-030: rgba(10, 84, 185, 0.08);
  --ev-primary-060: rgba(10, 84, 185, 0.16);
  --ev-primary-100: rgba(10, 84, 185, 0.24);
}

.btn-primary {
  --btn-bg: var(--mk-blue);
  --btn-border-color: var(--mk-blue);
  --btn-color: #fff;
  --btn-hover-bg: var(--mk-blue-deep);
  --btn-hover-color: #fff;
  --btn-hover-border-color: var(--mk-blue-deep);
}

.btn-outline-primary {
  --btn-bg: transparent;
  --btn-color: var(--mk-blue-deep);
  --btn-border-color: var(--mk-blue);
  --btn-hover-bg: var(--mk-blue);
  --btn-hover-color: #fff;
  --btn-hover-border-color: var(--mk-blue);
}

.btn-primary:focus-visible,
.btn-outline-primary:focus-visible {
  outline: 2px solid var(--mk-blue-deep);
  outline-offset: 2px;
}

.topbar {
  background: var(--mk-blue-deep);
}

.topbar * {
  color: #fff;
}

.topbar .icon {
  --icon-color: var(--mk-yellow);
}

.topbar__cta .btn-primary,
.topbar .btn-primary.btn-sm {
  --btn-bg: var(--mk-yellow);
  --btn-border-color: var(--mk-yellow);
  --btn-color: var(--mk-blue-deep);
  --btn-hover-bg: var(--mk-yellow-hover);
  --btn-hover-color: var(--mk-blue-deep);
  --btn-hover-border-color: var(--mk-yellow-hover);
  color: var(--mk-blue-deep);
}

.topbar .btn-primary:focus-visible {
  outline-color: #fff;
}

.navbar .nav-item.active > .nav-link,
.navbar .nav-item:hover > .nav-link {
  box-shadow: inset 0 -3px 0 var(--mk-yellow);
}

.navbar .dropdown-item.active,
.navbar .dropdown-item:hover {
  background-color: var(--mk-blue-soft);
  color: var(--mk-blue-deep);
}

.navbar-brand-link figure {
  margin: 0;
}

.navbar-brand-link img {
  display: block;
  width: auto;
  height: auto;
  max-width: 198px;
  max-height: 70px;
  object-fit: contain;
}

@media (max-width: 991.98px) {
  .navbar-brand-link img {
    max-width: 170px;
    max-height: 60px;
  }
}

.hero__link.btn-outline-primary {
  --btn-bg: rgba(255, 255, 255, 0.1);
  --btn-color: #fff;
  --btn-border-color: rgba(255, 255, 255, 0.9);
  --btn-hover-bg: var(--mk-blue);
  --btn-hover-color: #fff;
  --btn-hover-border-color: var(--mk-blue);
}

.callout-color-bg.inside .callout-color-bg__content,
.callout-color-bg.outside {
  background-color: var(--mk-blue-soft);
}

.callout-color-bg.inside .callout-color-bg__content {
  border: 1px solid rgba(10, 84, 185, 0.08);
}

.callout-color-bg__content::after {
  border-color: rgba(10, 84, 185, 0.12);
}

.callout-image-bg__item:first-child {
  background-color: rgba(11, 50, 99, 0.78);
}

.callout-image-bg__item:last-child {
  background-color: rgba(10, 84, 185, 0.72);
}

.callout-image-bg .btn-primary {
  --btn-bg: #fff;
  --btn-border-color: #fff;
  --btn-color: var(--mk-blue-deep);
  --btn-hover-bg: var(--mk-yellow);
  --btn-hover-color: var(--mk-blue-deep);
  --btn-hover-border-color: var(--mk-yellow);
}

.grid-icon .item-title {
  color: #fff !important;
}

.grid-icon__item-icon {
  color: var(--mk-yellow);
  --icon-color: var(--mk-yellow);
  border-color: var(--mk-yellow);
}

.footer {
  --bg-color: var(--mk-blue-deep);
  --border-color: rgba(233, 189, 45, 0.35);
  --heading-color: #fff;
  --text-color: #e8eef7;
  background: var(--mk-blue-deep);
  box-shadow: inset 0 3px 0 var(--mk-yellow);
}

.footer .item-title::before {
  background: var(--mk-yellow);
}

.footer .icon--chevron-down {
  --icon-color: var(--mk-yellow);
}

.footer a:hover {
  color: var(--mk-yellow);
}

.sidebar-cta {
  background: var(--mk-blue-deep);
}

.sidebar-cta .btn-primary {
  --btn-bg: var(--mk-blue);
  --btn-border-color: var(--mk-blue);
}

.sidebar-cta .btn-primary:hover {
  --btn-bg: var(--mk-blue-deep);
}

.sidebar-cta .btn-primary:focus-visible {
  outline-color: #fff;
}

.subtitle {
  --subtitle-color: var(--mk-blue);
}

:focus-visible {
  outline-color: var(--mk-blue);
}