.nav-right-action-bar {
   
      display: flex;
      justify-content: flex-end !important;
    }

    .menu-toggle {
      font-size: 22px !important;
      cursor: pointer;
      background: none;
      border: none;
      color: #08225a !important;
    }

    .icon-menu,
    .icon-close {
      font-size: 24px;
      display: inline;
            color: #08225a !important;
            font-size: 25px !important;
    }

    .mobile-nav-wrap {
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      width: 80vw;
      max-width: 300px;
      background: #eeeeee;
      overflow-y: auto;
      transform: translateX(-100%);
      transition: transform 0.3s ease;
      z-index: 1050;
    }

    .mobile-nav-wrap.open {
      transform: translateX(0);
      padding-top: 60px;
    }

    .mobile-nav-container {
      padding: 20px;
    }

    .mobile-navigation {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .mobile-navigation > li {
      padding: 10px 0;
      border-bottom: 1px solid #333;
    }

    .mobile-navigation a {
      color: #08225a;
      text-decoration: none;
      font-weight: bold;
    }

    .submenu-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
    }

    .js-close-submenu {
      background: none;
      border: none;
      color: #08225a;
      font-size: 16px;
      cursor: pointer;
    }

    .mobile-subnav__wrap {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      background: #eeeeee;
      padding-left: 15px;
    }

    .mobile-subnav__wrap.open {
      max-height: 800px;
      margin-top: 5px;
    }

    .mobile-subnav__wrap a {
      color: #08225a;
      font-size: 14px;
      display: block;
      padding: 6px 0;
    }
    .page-section--header {
  pointer-events: visible !important;
}

.section-intro.is-desktop {
  margin-top: 60px;
}


   @media screen and (max-width: 1023px) {
 .layout-content_grid__three-up {
 column-gap: 0.25rem !important;
  } 
}



    @media(max-width:1200px){
      .site-logo a, .site-logo svg {
  fill: #fff;
  display: block;
  height: 100% !important;
  max-width: 180px !important;
  width: 100%;
}
.page-section--header .menu-toggle {
  background-color: transparent;
  border: 0;
  height: 100% !important;
  margin: 0;
  padding: 0;
  width: 100% !important;
}
.page-section--header {
    pointer-events: visible !important;

}

    }

    @media(max-width:992px){
  .page-section--layout_hero-module.page-section--citadel-hero .page-section--hero-with-bg-cta__image-and-header__heading, .page-section--layout_hero-module.page-section--citadel-hero .page-section--hero-with-carousel__image-and-header__heading {
  position: absolute;
  top: 10rem !important;
}
.theme-citadel .layout-content_grid__carousel {
  max-width: 100% !important;
  width: 100%;
}
}