/**
 * Mega-menu + featured card only.
 * Header bar, inverted logos, spacing, type, hover, burger, and
 * Book a Demo all come from the existing theme header styles.
 */

.header .gs-navbar__panel {
  --gs-feat-bg: #e8eed4;
}

.header .module.module-navigation.gs-navbar-nav {
  height: 100%;
}

.header[data-gs-navbar] .desktop-menu.nav.nav-primary {
  height: 100%;
  align-items: center;
}

.header[data-gs-navbar] .desktop-menu.nav.nav-primary > .menu-item-has-children {
  height: 100%;
  display: flex;
  align-items: center;
}

@media (min-width: 1200px) {
  /* Break out of the item so the panel can pin to the header/page right edge. */
  .header .desktop-menu.nav-primary > li {
    position: static;
  }

  .header[data-gs-navbar] .nav-primary > li > a::after {
    bottom: -0.9rem;
  }
    body.scrolled .header[data-gs-navbar] .nav-primary > li > a::after {
        bottom: -0.45rem;
    }


  .header .desktop-menu.nav-primary > li > .gs-navbar__panel {
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-property: opacity, visibility;
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 20;
    background-color: white;
    color: #090909;
    padding: 0;
    min-width: 36rem;
    max-width: 52rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.15);
  }

  .header .desktop-menu.nav-primary > li:hover > .gs-navbar__panel,
  .header .desktop-menu.nav-primary > li:focus-within > .gs-navbar__panel,
  .header .desktop-menu.nav-primary > li.is-open > .gs-navbar__panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .gs-navbar__panel-inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }

  .gs-navbar__links {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
    grid-template-columns: repeat(var(--gs-nav-cols, 2), minmax(11rem, 14rem));
    column-gap: 1.5rem;
    row-gap: 0.75rem;
    padding: 1rem 1.25rem;
    align-content: start;
  }

  .gs-navbar__link-item a {
    position: relative;
    display: inline-block;
    color: inherit;
    font-size: 16px;
    font-weight: 500;
  }

 

.gs-navbar__link-item a:hover {
    color: #10633f;
}

  .gs-navbar__feat {
    flex: 0 0 16rem;
    width: 16rem;
    display: flex;
    flex-direction: column;
    padding: 1rem 1rem 1rem 0;
  }
}

.gs-navbar__link-item.is-current,
.gs-navbar__link-item.is-current a {
  color: #10633f;
}

.gs-navbar__link-item.is-current a::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 0.45em;
  border-radius: 50%;
  background: #10633f;
  vertical-align: middle;
}

.gs-navbar__link-desc {
  display: block;
  font-size: 14px;
  line-height: 1.3;
  color: inherit;
  opacity: 0.7;
  margin-top: 0.15rem;
}

.gs-navbar__feat-media {
  flex: 1 1 50%;
  min-height: 6rem;
  overflow: hidden;
  background: rgba(9, 9, 9, 0.06);
}

.gs-navbar__feat-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gs-navbar__feat-body {
  flex: 1 1 50%;
  min-height: 6rem;
  background: var(--gs-feat-bg, #e8eed4);
  padding: 0.85rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.gs-navbar__feat-title {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}

.gs-navbar__feat-body .link-arrow {
  margin-top: 0.6rem;
  font-size: 14px;
}



@media (max-width: 1199px) {
  .header .nav-primary > li > .gs-navbar__panel {
    display: none !important;
  }

  .header .mobile-menu .gs-navbar__feat-li {
    list-style: none;
    margin-top: 0.75rem;
  }

  .header .mobile-menu .gs-navbar__feat--mobile {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    background: var(--gs-feat-bg, #e8eed4);
  }

  .header .mobile-menu .gs-navbar__feat--mobile .gs-navbar__feat-media {
    flex: 0 0 7.5rem;
    width: 7.5rem;
    min-height: 5rem;
  }

  .header .mobile-menu .gs-navbar__feat--mobile .gs-navbar__feat-body {
    flex: 1 1 auto;
    min-height: 0;
    background: transparent;
    justify-content: center;
  }
}

@media (max-width: 1199px) {
    .header .module-navigation.gs-navbar-nav::before {
        background-color: white;
    }

}
@media (max-width: 1199px) {
    .gs-navbar-nav .nav-primary > li > ul {
        margin-left: -24px;
        margin-right: -24px;
        background-color: white;
        padding: 1rem 0;
        display: none;
    }
    .gs-navbar__link-desc {
    padding: 0.35rem 48px;
}
.header .mobile-menu .gs-navbar__feat--mobile {
        margin: 0.35rem 48px;
    }
    .nav-primary > li.current-menu-item > a {
        
        border-left: 5px solid #10633f;
        padding-left: 10px;
    }
}