@media (max-width: 1024px) {
  .custom-nav {
    padding-top: 1rem;
    margin: auto -2.65rem !important;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    overflow: hidden;
  }
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator,
#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator:after,
#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator:after {
  content: "" !important;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.38597 5L0 0.614035L0.614035 0L4.38597 3.77193L8.1579 0L8.77193 0.614035L4.38597 5Z' fill='currentColor'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: var(--bs-primary-800);
  width: 0.5625rem !important;
  height: 0.3125rem !important;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-item
  > a.mega-menu-link[aria-expanded="true"]
  .mega-indicator,
#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item.mega-menu-item-has-children
  > a.mega-menu-link[aria-expanded="true"]
  > .mega-indicator {
  transform: rotate(180deg);
  color: var(--bs-primary-800);
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-item
  > a.mega-menu-link[aria-expanded="true"]
  > span.mega-indicator:after,
#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item.mega-menu-item-has-children
  > a.mega-menu-link[aria-expanded="true"]
  > .mega-indicator:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.38597 5L0 0.614035L0.614035 0L4.38597 3.77193L8.1579 0L8.77193 0.614035L4.38597 5Z' fill='black'/%3E%3C/svg%3E%0A");
}

.custom-nav #mega-menu-wrap-mobile-menu {
  width: 100%;
}

#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu {
  flex-direction: column !important;
  align-items: stretch !important;
  max-height: calc(100vh - 10rem);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  gap: 0 !important;
  padding-bottom: 1rem !important;
  background-color: var(--bs-primary-25) !important;
}

#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  padding: var(--space-7) var(--space-5) !important;
  text-align: left !important;
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: var(--font-size-16) !important;
  text-transform: uppercase !important;
  color: var(--bs-primary-800) !important;
  background: var(--bs-primary-25) !important;
  border-radius: 0 !important;
  height: auto;
  line-height: 1.4;
  font-weight: var(--font-weight-semibold) !important;
  margin-bottom: 0;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  position: static !important;
  width: 100% !important;
  border: none !important;
  background: #dff4ef !important;
  padding: 0 !important;
  margin: 0 !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  display: block !important;
  top: auto !important;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-item[aria-expanded="true"]
  > ul.mega-sub-menu,
#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-megamenu.mega-toggle-on
  > ul.mega-sub-menu {
  max-height: 3000px;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  .mega-menu-row {
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
}

#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu .mega-menu-column {
  width: 100% !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  .mega-menu-row
  .mega-sub-menu
  > .mega-menu-columns-3-of-12 {
  background: #e9f5f2 !important;
  padding: var(--space-5) 0 !important;
  border-right: none !important;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  .mega-menu-row
  .mega-sub-menu
  > .mega-menu-columns-8-of-12 {
  background: #dff4ef !important;
  padding: var(--space-7) var(--space-5) !important;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  > li.mega-menu-item {
  width: 100%;
  border-bottom: 1px solid rgba(var(--bs-primary-25-rgb), 0.15);
  padding: 0;
  margin: 0;
  display: block !important;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  li.only-img-link
  > a.mega-custom-icon.mega-menu-link
  * {
  opacity: 0;
  visibility: hidden;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  > li.mega-menu-item:last-child {
  border-bottom: none;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column-standard
  > a.mega-menu-link,
#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  font-weight: 600 !important;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  padding: var(--space-5) var(--space-5);
  text-align: left;
  width: 100%;
  display: flex !important;
  align-items: center;
  gap: var(--space-4);
  font-size: var(--font-size-14);
  text-transform: none;
  color: var(--bs-primary-800);
  background: transparent;
  border: none;
  border-radius: 0;
  height: auto;
  font-weight: var(--font-weight-normal);
  line-height: 1.4;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  .mega-menu-columns-3-of-12
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  color: var(--bs-primary-25);
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link:hover,
#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link:focus {
  background-color: rgba(var(--bs-primary-25-rgb), 0.1);
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row
  .mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item {
  padding: 0 !important;
  margin: 0;
  border-bottom: 1px solid rgba(var(--bs-primary-25-rgb), 0.15);
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  > li.mega-menu-item.sub-menu-title
  > a.mega-menu-link {
  padding: var(--space-5) var(--space-5);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  color: var(--bs-primary-800);
  background: transparent;
  letter-spacing: 0.05em;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item.sub-menu-title
  > a.mega-menu-link,
#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item.sub-menu-title
  > a.mega-menu-link {
  color: var(--bs-primary-800) !important;
  font-weight: 500 !important;
}

#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu .mega-menu-badge {
  display: none !important;
}

#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu .widget_media_image,
#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .widget_maxmegamenu_image_swap {
  display: none !important;
}

#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu .widget_custom_html {
  display: none !important;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  .mega-sub-menu {
  padding: 0 !important;
  background: transparent !important;
  display: block !important;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item
  > ul.mega-sub-menu {
  height: 0;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item.mega-toggle-on
  > ul.mega-sub-menu {
  visibility: visible;
  height: auto;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  .mega-sub-menu
  .mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  padding: var(--space-4) var(--space-5);
  font-size: var(--font-size-13);
  padding-left: var(--space-7);
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-tabbed
  > ul.mega-sub-menu {
  padding: 0 !important;
  background: #dff4ef !important;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  margin: 0 !important;
  width: 100% !important;
  padding: var(--space-5) var(--space-5) !important;
  text-align: left;
  border: none !important;
  color: var(--bs-primary-800);
}

#mega-menu-wrap-mobile-menu .mega-close {
  display: none !important;
}

/* #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li>a.mega-custom-icon.mega-menu-link:before {
  background-size: 2.5rem 2.5rem !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  line-height: 2.5rem !important;
  flex-shrink: 0 !important;
} */

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  li.only-img-link
  > a.mega-custom-icon.mega-menu-link:before {
  /* background-size: 83px 32px !important;
  width: 83px !important;
  height: 32px !important;
  line-height: 2rem !important; */
  flex-shrink: 1;
  opacity: 1;
  visibility: visible;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-item.text-primary-500
  > a.mega-menu-link {
  color: var(--bs-primary) !important;
}

#mega-menu-wrap-mobile-menu
  #mega-menu-mobile-menu
  > li.mega-menu-item.btn.btn-secondary
  > a.mega-menu-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--space-3) !important;
  padding: var(--space-3) var(--space-7) !important;
  border-radius: var(--radius-2xl) !important;
  border: none !important;
  font-family: var(--font-family-mono) !important;
  font-size: var(--font-size-preheader) !important;
  font-weight: var(--font-weight-semibold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  cursor: pointer;
  transition: all var(--transition-base) !important;
  text-decoration: none;
  white-space: nowrap !important;
  position: relative !important;
  overflow: hidden !important;
  background-color: var(--bs-secondary) !important;
  color: var(--bs-black) !important;
  margin: var(--space-7) var(--space-5) !important;
  width: calc(100% - var(--space-5) - var(--space-5)) !important;
}